/* CSS Document */
/* SHELL STYLES */
html {
    height: 100%;
}

body {
    height: 100%;
    background: #f7f7f7 url(/images/global_bg_top.jpg) top repeat-x;
    color: #262626;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#global-bg-top {
    width: 100%;
    background: #fff url(/images/global_bg_top.jpg) top repeat-x;
}

#global-bg-btm {
    width: 100%;
    background: url(/images/global_bg_btm.jpg) bottom repeat-x;
    padding: 30px 0 0 0;
    text-align: center;
}

#container {
    max-width: 1560px;
    background: #fff url(/images/center_bg_left.jpg) left repeat-y;
    margin: 0 auto;
}

#center-block-buttons-sm {
    display: none;
}

#center-block-buttons-sm-main {
    margin: 10px 0 0 20px;
}

#center-block-buttons-sm-user {
    margin: 10px 20px 0 0;
}

#center-block-buttons-sm div a {
    padding: 5px;
}

#center-block-buttons-sm-main a i {
    color: #A3A37F;
}

br.responsive {
    display: none;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.nowrap-responsive {
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    #content-block {
        width: 100% !important;
    }

    #main-menu-block, #user-menu-block {
        display: none !important;
        z-index: 1;
    }

    #container {
        background: #fff;
    }

    #center-block {
        background: #fff !important;
    }

    #header {
        /*background: url(/images/header_bg_sm.jpg) top left no-repeat !important;*/
        height: 120px !important;
    }

    #header-b {
        background: none !important;
    }

    #center-block-top {
        display: none !important;
    }

    #logo {
        left: 12px !important;
    }

    #header_name {
        padding-left: 110px !important;
        padding-right: 0 !important;        
        font-size: 18px !important;
    } 

    #footer-left, #footer-right {
        display: none !important;
    }

    #footer-center {
        width: 100%;
    }

    #center-block-buttons-sm {
        display: block;
    }

    .bx-wrapper {
        display: none;
    }

    #top-link {
        display: none !important;
    }    

    td.responsive, table.responsive td {
        display: inline-block;
        padding:5px;
        width:100%;
    }

    img.responsive {
        max-width: 100%;
        height: auto;
    }

    .tab-item {
        display: block !important;
        max-width: 300px;
        margin: 0 auto !important;
    }

    br.responsive {
        display: initial;
    }

    .flex-responsive {
        flex-direction: column !important;
    }

    .hidden-responsive {
        display: none !important;
    }

    .nowrap-responsive {
        white-space: normal;
    }

    #user-menu-block {
        position: absolute;
        right: 132px;
    }

    #user-menu-block-in, #main-menu-block-in {
        background-color: white;
    }

    #main-menu-block {
        position: absolute;
        padding-top: 5px !important;
    }

    #main-menu-block-links {
        display: none;
    }

    .w-100.use_select2 {
        width: 95%;
    }
}

@media screen and (max-width: 576px) {
    #header_name { 
        font-size: 14px !important;
    } 
}

@media screen and (max-width: 320px) {
    #header_name { 
        font-size: 10px !important;
    } 
}

/* Header */
#header {
    height: 125px;
    width: 100%;
    background: url(/images/header_bg.jpg) top left no-repeat;
    /*	overflow: hidden; */
    position: relative;
    z-index: auto;
}

#header-b {
    height: 125px;
    width: 100%;
    background: url(/images/header_bg_b.jpg) top right no-repeat;
    position: relative;
}

#special-menu {
    width: 100%;
    height: 30px;
}

#special-menu span {
    display: block;
    float: left;
    font-size: 12px;
    padding: 7px 0 0 160px;
    text-align: left;
}

#special-menu a {
    color: #525136;
    text-decoration: none;
}

#special-menu a:hover {
    color: #ff4e00;
}

#header_name {
    color: #fff;
    font-family: Calibri, Arial Narrow;
    /*	  font-family: Constantia, Arial; */
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1em;
    padding: 35px 400px 0 300px;
    text-align: left;
    white-space: nowrap;
    text-shadow: 0 0 5px #467fa3, 0 0 5px #467fa3, 0 0 5px #467fa3, 0 0 5px #467fa3;
}

#header_name span {
    display: block;
}

#logo {
    width: 86px;
    height: 68px;
    display: block;
    position: absolute;
    top: 30px;
    left: 157px;
}

#logo img {
    width: 100% px;
    height: 100% px;
    border: 0;
}

#medalius {
    height: 80px;
    position: absolute;
    top: 5px;
    right: 35px;
    z-index: 1100;
}

#medalius img {
    height: 80px;
    width: 159px;
    margin-right: 70px;
}

#medalius span {
    width: 310px;
    background: #343434;
    /*		background: #3b2700;*/
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 0.9em;
    line-height: 1.4em;
    opacity: 0;
    padding: 15px 0;
    visibility: hidden;
}

#medalius:hover img {
    height: 160px;
    width: 308px;
    margin-right: 0;
    transition: 0.5s;
}

#medalius:hover span {
    opacity: 0.85;
    box-shadow: 2px 4px 4px #afada6;
    transition: 1s;
    visibility: visible;
}

.to-light, .to-light:visited {
    background: url(/images/to_light.png) right center no-repeat;
    color: #d8dadb;
    padding: 6px 40px 6px 0;
    position: absolute;
    top: 90px;
    right: 8px;
    text-decoration: none;
    z-index: 1050;
}
.to-light:hover {
    background: url(/images/to_light_up.png) right center no-repeat;
    color: #d8dadb;
}

.to-dark, .to-dark:visited {
    background: url(/images/to_dark.png) left center no-repeat;
    color: #001734;
    padding: 6px 0 6px 40px;
    position: absolute;
    top: 90px;
    right: 10px;
    text-decoration: none;
    z-index: 1050;
}
.to-dark:hover {
    background: url(/images/to_dark_up.png) left center no-repeat;
    color: #001734;
}

/* Top scroll button */
#top-link {
    cursor: pointer;
    display: none;
    position: fixed;
    top: 18px;
    bottom: 0px;
    padding-left: 5px;
    padding-top: 5px;
    z-index: 1;
}

#top-link a {
    display: block;
}

#top-link:hover {
    background: #fff;
    opacity: 0.5;
}

#top-link a {
    display: block;
    width: 75px;
    text-align: center;
    background: #878660;
    color: #fff;
    opacity: 0.5;
    padding: 4px 0;
    margin: 7px 5px;
    text-decoration: none !important;
}

#top-link:hover a {
    opacity: 1;
    background: #ff4e00;
}

#topicon {
    width: 0;
    height: 0;
    display: inline-block;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    margin-right: 5px;
}

#backicon {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    margin-right: 5px;
}

#text {
    display: none;
}

/* Center area */
#center-block-0 {
    position: relative;
    z-index: auto;
}

#center-block {
    width: 100%;
    background: url(/images/center_bg_right.jpg) right repeat-y;
    display: table;
}

#center-block-top,
#center-block-mid {
    width: 100%;
    display: table-row;
}

#center-block-top {
    height: 10px;
    background: #fff url(/images/center_block_top_bg.gif) top repeat-x;
}

#center-top-left,
#center-top-right {
    width: 10%;
    display: table-cell;
}

#center-top-left div {
    width: 200px;
    height: 10px;
    background: url(/images/center_top_left_bg.gif) top right no-repeat;
}

#center-top-right div {
    width: 200px;
    height: 10px;
    background: url(/images/center_top_right_bg.gif) top left no-repeat;
}

#center-top-center {
    width: 80%;
    height: 10px;
    background: url(/images/center_top_center_bg_1.gif) top left repeat-x;
    display: table-cell;
}

#center-top-center div {
    width: 100%;
    height: 10px;
    background: url(/images/center_top_center_bg_2.gif) top right no-repeat;
}

/* Main & user menu */
#main-menu-block,
#user-menu-block {
    width: 10%;
    color: #525136;
    display: table-cell;
    padding: 53px 0 30px 0;
    vertical-align: top;
}

#main-menu-block-in {
    width: 200px;
    text-align: right;
}

#user-menu-block-in {
    width: 200px;
    text-align: left;
}

#main-menu-block p, #user-menu-block p {
    color: #a1a1a1;
    padding: 0 10px;
}

.nav {
    list-style: none;
    margin: 0 0 50px 0;
    padding: 0;
}

.nav li {
    list-style: none;
    margin: 0 0 1px 0;
    padding: 0;
}

.nav li ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav a {
    color: #525136;
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding: 9px 10px;
}

.nav a:visited {
    color: #525136;
}

.nav li:hover ul {
    display: block;
}

.nav li li a {
    color: #336699;
    font-size: 12px;
    padding: 8px 10px 7px 10px;
}

.nav li li a:visited {
    color: #336699;
}

.nav a:hover {
    color: #ff4e00;
}

.nav li li span {
    display: block;
    font-size: 0.9em;
    text-align: left;
}

.nav li li img {
    float: left;
    margin: 0 5px 15px 10px;
}

.nav li li span span {
    display: inline;
    font-size: 1em;
}

#main-menu-block li {
    background: url(/images/menu_item1_bg.jpg) right repeat-y;
}

#main-menu-block li li {
    background: url(/images/podmenu_item1_bg.jpg) right top no-repeat;
}

#main-menu-block li a {
    padding-right: 20px;
}

#main-menu-block a:hover {
    background: url(/images/menu_item1_up.jpg) right repeat-y;
    transition: 0.5s;
}

#main-menu-block li li a {
    padding-right: 25px;
}

#main-menu-block a.selected {
    background: url(/images/menu_item1_sel_red.png) right center no-repeat;
}

#main-menu-block a.selected:hover {
    background: url(/images/menu_item1_sel_red.png) right center no-repeat;
    transition: 0.5s;
}

/*	#main-menu-block a.selected:hover {
		  background: url(/images/menu_item1_sel_red.png) right center no-repeat;
	} */
#user-menu-block li {
    background: url(/images/menu_item2_bg.jpg) left repeat-y;
}

#user-menu-block li li {
    background: url(/images/podmenu_item2_bg.jpg) left top no-repeat;
}

#user-menu-block li a {
    padding-left: 20px;
}

#user-menu-block a:hover {
    background: url(/images/menu_item2_up.jpg) left repeat-y;
    transition: 0.5s;
}

#user-menu-block li li a {
    padding-left: 25px;
}

#user-menu-block a.selected {
    background: url(/images/menu_item2_sel_red.png) left center no-repeat;
}

#user-menu-block a.selected:hover {
    background: url(/images/menu_item2_sel_red.png) left center no-repeat;
    transition: 0.5s;
}

/*	#user-menu-block a.selected:hover {
		  background: url(/images/menu_item2_sel_red.png) left center no-repeat;
	} */
.menu-q {
    color: #ff4e00;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: super;
}

.admin-back a {
    background: #67a0be url(/images/icons/left-arrow.svg) right center no-repeat;
    background-size: 10%;
    color: #fff;
}

.autoriz-block-switch:focus {
    box-shadow: none;
}

.autoriz-block-switch:hover {
    background-image: none !important;
}

.autoriz-block-switch-icon {
    margin-right: -10px; 
}

/* Autorization */
#autoriz-block {
    padding: 0;
}

#autoriz-block form {
    display: block;
    background: url(/images/menu_item2_bg.jpg) left repeat-y;
    margin: 0;
    padding: 6px 0;
}

.autoriz-text {
    color: #a1a1a1;
    font-size: 13px;
    padding: 2px 10px 0 22px;
}

.autoriz-fild {
    padding: 4px 20px;
}

.autoriz-button {
    padding: 0 10px 2px 20px;
    text-align: left;
}

.registration {
    background: url(/images/menu_item2_bg.jpg) left repeat-y;
    margin-top: 1px;
}

.registration a {
    color: #ff4e00;
    display: block;
    font-weight: bold;
    padding: 9px 10px 9px 20px;
}

.autoriz-mem {
    background: url(/images/podmenu_item2_bg.jpg) top left no-repeat;
}

.autoriz-mem a {
    display: block;
    font-size: 12px;
    padding: 9px 10px 9px 20px;
}

.autoriz-hello {
    /*	  color: #a1a1a1;*/
    margin-top: -53px;
    padding: 10px 20px 10px 20px;
    position: relative;
}

.autoriz-exit, .autoriz-exit:hover {
    width: 24px;
    height: 24px;
    background: url(/images/icons/exit.png) center no-repeat !important;
    position: absolute;
    top: 8px;
    right: 4px;
}

.side-banner {
    margin: 30px 0;
    padding-left: 8px;
}

.side-banner img {
    width: 100%;
    height: auto;
    border: 0;
}

.side-banner a:hover {
    background: none !important;
}

/* Content block */
#content-block {
    width: 80%;
    display: table-cell;
    vertical-align: top;
}

#content {
    min-height: 600px;
    padding: 20px 20px 20px 20px;
    text-align: left;
}

h1 {
    border-bottom: #7ab3d3 5px solid;
    color: #467fa3;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
}

/* Footer */
#footer {
    width: 100%;
    height: 115px;
    background: #f7f7f7;
    clear: both;
    display: table-row;
}

#footer-left,
#footer-right {
    width: 10%;
    display: table-cell;
}

#footer-left div {
    width: 200px;
    height: 115px;
    background: url(/images/footer_left_bg.jpg) top right no-repeat;
}

#footer-right div {
    width: 200px;
    height: 115px;
    background: url(/images/footer_right_bg.jpg) top left no-repeat;
}

#footer-center {
    width: 80%;
    height: 115px;
    background: url(/images/footer_center_bg_1.jpg) top right repeat-x;
    display: table-cell;
    vertical-align: top;
}

#footer-center-in {
    width: 100%;
    height: 115px;
    background: url(/images/footer_center_bg_2.jpg) top left no-repeat;
}

#contacts {
    color: #a1a1a1;
    padding: 30px 20px 20px 20px;
    text-align: center;
}

#copyrights {
    color: #a1a1a1;
    font-size: 11px;
    padding: 20px;
    text-align: center;
}

#copyrights a {
    color: #a1a1a1;
    text-decoration: none;
}

#copyrights a:hover {
    color: #ff4e00;
    text-decoration: underline;
}

/* CONTENT COMMON STYLES */
a {
    color: #2a2dd8;
    text-decoration: none;
}

a:visited {
    color: #7577c8;
}

a:hover {
    color: #ff4e00;
    text-decoration: none;
}

a img {
    border: none; /* Убираем рамку вокруг изображений-ссылок */
}

h2, h3, h4, h5, h6 {
    color: #467fa3;
    font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 0;
}

h2 {
    font-size: 19px;
}

h3 {
    font-size: 17px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 12px;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #467fa3;
}

td h2, td h3, td h4,
td h5, td h6 {
    margin: 4px 0;
}

p {
    margin: 0 0 10px 0;
    /*	text-align: justify; */
}

td p {
    margin: 3px 0;
}

big, .big {
    font-size: 1.2em;
}

small, .small{
    font-size: 0.8em;
}

.red, .bright, .achtung, .star, .orange {
    color: #ff4e00 !important;
}

.green, .success {
    color: #4BB543 !important;
}

.star {
    padding-left: 5px;
    font-size: 0.7em;
    vertical-align: super;
}

.blue, .magenta, .message {
    color: #009aff !important;
}

.bg-blue, .bg-magenta, .bg-message {
    background-color: #009aff !important;
}

.gray, .info {
    color: #a1a1a1 !important;
}
.d-gray, .comment {
    color: #4f4f4f !important;
}
.purple {
    color: #6f42c1 !important;
}

.black {
    color: #262626 !important;
}

.indent {
    text-indent: 25px;
}

.blockq {
    padding-left: 25px;
}

.woi {
    text-indent: 0;
}

.nowrap {
    white-space: nowrap;
}

hr {
    height: 5px;
    color: #d6d6cc;
    background: #d6d6cc url(/images/hr_bg.jpg) bottom repeat-y;
    border: 0;
    margin: 15px auto;
    text-align: center;
}

ul, ol {
    margin: 0 0 7px 0;
    padding: 0 0 0 30px;
}

ul li, ol li {
    margin: 3px 0;
    padding: 0;
}

.big li {
    margin: 10px 0;
}

table, .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    margin: 0;
}

caption {
    color: #467fa3;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}

th, .th {
    color: #fff;
    /* background: linear-gradient(to bottom, rgb(170, 200, 219) 0%, rgb(121, 168, 198) 70%, rgb(102, 156, 190) 100%); */
    background: #aac8db url(/images/th_bg.jpg) bottom repeat-x;
    padding: 15px 10px 10px;
    font-weight: bold;
    text-align: center;
}

th a {
    color: #fff;
    text-decoration: none;
}

th a:hover {
    color: #ff4e00;
    text-decoration: underline;
}

td, .td {
    padding: 10px;
    /*	padding: 7px 12px;*/
    vertical-align: top;
}

.bg {
    background: #fff;
    margin-bottom: 1px;
    padding: 10px;
}

.th2 {
    background: #f6f5d2 url(/images/th2_bg.jpg) bottom repeat-x;
    color: #4e4e4e;
    font-weight: bold;
    margin-bottom: 1px;
    /*	padding: 7px 12px;*/
    padding: 10px;
    text-align: center;
}

.th3 {
    background: #f5fafe url(/images/th3_bg.jpg) bottom repeat-x;
    color: #4e4e4e;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 1px;
    padding: 5px 10px 4px 10px;
    text-align: center;
}

.dark, .fild, table.table-striped > tbody > tr:nth-child(odd) {
    /*	background: #f5fafe;*/
    background: url(/images/fild_bg_1.png) !important;
    margin-bottom: 1px;
    padding: 10px;
}

.darker, .line, table.table-striped > tbody > tr:nth-child(even) {
    background: #eef6fb !important;
    /*    background: url(/images/fild_bg_2.png);*/
    margin-bottom: 1px;
    padding: 10px;
}

.darkest {
    background: #e0edf3;
    /*    background: url(/images/fild_bg_3.png);*/
    margin-bottom: 1px;
    padding: 10px;
}

.serv {
    background: #fff url(/images/serv_bg.gif) top repeat-x;
    /*	margin-bottom: 1px;*/
    padding: 10px 0;
    text-align: right;
}

.serv-top {
    background: #fff url(/images/serv_bg.gif) bottom repeat-x;
    margin-bottom: 1px;
    padding: 10px 0;
}

.bg-gray {
    background: #f7f7f7;
    margin-bottom: 1px;
    padding: 10px;
}

.bg-yellow {
    background: #fefef3;
    margin-bottom: 1px;
    padding: 10px;
}

.bg-white {
    background: #fff;
    margin-bottom: 1px;
    padding: 10px;
}

.in-block {
	display: inline-block;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.center table {
    margin-left: auto;
    margin-right: auto;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}

/* form elements & buttons */
form {
    margin: 0;
    padding: 0;
}

input[type="text"], input[type="password"] {
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 2px 3px;
}

input.s-big {
    font-size: 16px;
	padding: 3px;
}


textarea {
    width: 99%;
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    max-height: 600px;
    padding: 2px 3px;
}

select {
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.select2-selection {
    border-radius: 2px !important;
    border: 1px solid #c6c6c6 !important;
}

.select2-results__option {
    text-align: left !important;
}

.select2-selection__clear, .select2-selection__clear:hover,
.select2-selection__choice__remove, .select2-selection__choice__remove:hover {
    background: transparent;
    color: #000;
}

.select2-selection__clear, .select2-selection__choice__remove {
    margin: 0 20px 0 0;
}

button,
input[type="button"],
input.button,
input.button2,
input.button3 {
    border: 2px solid #f0f0f0;
    /*	border-radius: 4px;*/
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    margin: 6px 2px;
    padding: 4px 10px;
}

input.button4 {
     border: 2px solid #f0f0f0;
     cursor: pointer;
     font-size: 1.1em;
     font-weight: bold;
     letter-spacing: 1px;
     margin: 5px 2px;
     padding: 4px 13px;
 }

input.button4-disabled {
    border: 2px solid #f0f0f0;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5px 2px;
    padding: 4px 13px;
}

button,
input[type="button"],
input.button, button.button {
    background: #aac8db url(/images/th_bg.jpg) bottom repeat-x;
    color: #fff;
}

input.button2, button.button2 {
    background: #f6f5d2 url(/images/th2_bg.jpg) bottom repeat-x;
    color: #4e4e4e;
}

input.button3, button.button3 {
    background: #f7f7f7 url(/images/btn3_bg.jpg) bottom repeat-x;
    color: #4e4e4e;
}

input.button4, button.button4 {
    background: #a2d1c0 url(/images/save_bg.jpg) bottom repeat-x;
    color: #fff;
}

input.button4-disabled, button.button4-disabled {
    background: #a2d1c0 url(/images/save_bg-disabled.jpg) bottom repeat-x;
    color: #fff;
}
input.button4-disabled:hover, button.button4-disabled:hover, div.button4-disabled:hover, div.button4-disabled:hover a {
    cursor: not-allowed;
}

.button:disabled {
    cursor: not-allowed;
}

div.button,
div.button2,
div.button3 {
    border: 2px solid #f0f0f0;
    /*	border-radius: 4px;*/
    display: inline-block;
    margin: 8px 2px;
}

div.button4 {
    border: 2px solid #f0f0f0;
    display: inline-block;
    margin: 5px 2px;
}

div.button4-disabled {
    border: 2px solid #f0f0f0;
    display: inline-block;
    margin: 5px 2px;
}

div.button a,
div.button2 a,
div.button3 a {
    /*	border-radius: 2px;*/
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
}

div.button4 a {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px 13px;
    text-decoration: none;
}

div.button4-disabled a {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px 13px;
    text-decoration: none;
}

div.button a {
    background: #aac8db url(/images/th_bg.jpg) bottom repeat-x;
    color: #fff;
}

div.button2 a {
    background: #f6f5d2 url(/images/th2_bg.jpg) bottom repeat-x;
    color: #4e4e4e;
}

div.button3 a {
    background: #f7f7f7 url(/images/btn3_bg.jpg) bottom repeat-x;
    color: #4e4e4e;
}

div.button4 a {
    background: #a2d1c0 url(/images/save_bg.jpg) bottom repeat-x;
    color: #fff;
}

div.button4-disabled a {
    background: #a2d1c0 url(/images/save_bg-disabled.jpg) bottom repeat-x;
    color: #fff;
}

button:hover,
input.button:hover,
input.button2:hover,
input.button3:hover,
input.button4:hover:enabled,
div.button a:hover,
div.button2 a:hover,
div.button3 a:hover,
div.button4 a:hover:enabled {
    background: #ffac88 url(/images/th_bg_up.jpg) bottom repeat-x;
    color: #fff;
}

.button-ico, .button-ico-right {
    width: 20px;
    height: 20px;
    background: #f7f7f7 url(/images/btn3_bg.jpg) bottom repeat-x;
    border: 0;
    cursor: pointer;
    margin: 1px;
}

.button-ico {
    display: inline-block;
}

.button-ico-right {
    display: block;
    float: right;
}

.button-ico img,
.button-ico-right img {
    width: 20px;
    height: 20px;
    border: 0;
}

.button-ico-sm {
    width: 16px;
    height: 16px;
    border: 0;
    display: block;
    cursor: pointer;
    float: right;
    margin: 0 0 0 5px;
}

.button-ico-sm img {
    width: 16px;
    height: 16px;
    border: 0;
}

.button-sm, .button-ssm {
    background: #fff url(/images/btn_sm_bg.jpg) bottom repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    display: inline-block;
    margin: 2px;
}

.button-ssm a {
    color: #4e4e4e;
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    padding: 2px 5px 1px 5px;
    text-decoration: none;
}

.button-sm a {
    height: 22px;
    color: #4e4e4e;
    display: block;
    font-weight: normal;
    text-decoration: none;
}

.button-sm img {
    width: 22px;
    height: 22px;
    border: 0;
    display: block;
    float: left;
}

.button-sm > a > span, .button-sm > span {
    display: block;
    float: left;
    font-size: 0.85em;
    padding: 5px 5px 3px 5px;
}

.button-sm a:hover, .button-ssm a:hover {
    background: url(/images/btn_sm_up.png);
    color: #4e4e4e;
    text-decoration: none;
}

.button-sm i.fa, .button-sm i.fas, .button-sm i.far, .button-sm i.fa-solid, .button-sm i.fa-regular, .button-sm i.fa-brands{
    padding-top: 11px;
    float: left;
}

i.fa, i.fas, i.far, i.fa-solid, i.fa-regular, i.fa-brands {
    color: #3973a7;
}

/* SPECIAL STYLES */
.clearer {
    clear: both;
}

.clearer-left {
    clear: left;
}

.clearer-right {
    clear: right;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

hr.profil {
    height: 1px;
    color: #e2e2e2;
    clear: left;
    background: #e2e2e2;
    border: 0;
    margin: 10px auto;
    text-align: center;
}

.show-hide-link {
    border-bottom: #2a2dd8 dashed 1px;
    display: inline-block;
    margin: 0 auto;
    text-decoration: none;
}

.show-hide-link:hover {
    border-bottom: #ff4e00 dashed 1px;
    text-decoration: none;
}

.digest-item-last {
    /*	background: #f5fafe; */
    font-size: 1.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.digest-item-last strong {
    color: #ff4e00;
}

.autoriz-fild input {
    width: 140px;
    border: 1px solid #659bbe;
    border-radius: 0;
    font-size: 12px;
    padding: 2px;
}

.table_report_header {
    padding: 4px 12px;
    border-bottom: 0 !important;
}

.table_report_header h5 {
    text-align: center;
    margin-bottom: 0;
    padding-top: 3px;
}

.title-flash {
}

/* Borders & tables */
.border {
    border: solid 2px #f0f0f0;
}

.border-dark, .border_dark {
    border: solid 1px #659bbe;
    /*	background: #f4f9fc; */
}

table.border {
    border-collapse: collapse;
    border-spacing: 0;
}

table.border th {
    border: solid 2px #fff;
}

table.border td {
    border: solid 2px #fff;
}

table.border-dark, table.border_dark {
    border-collapse: collapse;
    border-spacing: 0;
}

table.border-dark th {
    border: solid 1px #659bbe;
}

table.border-dark td {
    border: solid 1px #659bbe;
}

table.no-spacing {
    border-collapse: collapse;
    border-spacing: 0;
}

table.border-invise {
    border-collapse: separate;
    border-spacing: 2px;
}

table.border-invise td {
    border: 0;
    border-bottom: solid 1px #e2e2e2;
}

h2.full-name {
    color:#333; 
    margin: 10px 0 10px 25px;
}

/* Messages */
div.achtung {
    border: 1px solid #ffa47c;
    margin: 15px auto;
}
  div.achtung > div {
    padding: 12px 12px;
    text-align: center;
}

div.message {
    border: 1px solid #aac8db;
    margin: 15px auto;
}
  div.message > div {
    padding: 12px 12px;
    text-align: center;
}

div.info {
    border: 1px solid #f0f0f0;
    margin: 15px auto;
    padding: 7px;
}
  div.info > div {
    background: #fefef3;
    padding: 8px 12px;
    text-align: left;
}

div.comment {
    border: 1px solid #f0f0f0;
    margin: 15px auto;
    padding: 7px;
}
  div.comment > div {
    background: #fff;
    padding: 8px 12px;
    text-align: left;
}

/*div.message div div,
div.info div div, */
div.achtung > div > div {
    color: #262626;
    text-align: left;
    padding-left: 15%;
}

#forum_mess_num {
    height: 20px;
    width: 30px;
    border: solid 1px #fff;
    background: #eee;
    float: right;
    position: relative;
    text-align: right;
}

#forum_mess_content {
    padding: 5px 10px;
}

/* Special blocks */
.spec-block {
    border: 1px dotted #e2e2e2;
    margin: 0 auto 15px auto;
}

.spec-block-left {
    border: 1px dotted #e2e2e2;
    float: left;
    margin: 0 0 15px 0;
}

.spec-block-right {
    border: 1px dotted #e2e2e2;
    float: right;
    margin: 0 0 15px 0;
}

.spec-block-b {
    padding: 7px;
}

.spec-block .spec-block {
    margin: 7px auto 7px auto;
}

/* Bordered pictures */
.picture-left,
.picture-right,
.picture-center {
    background: #f0f0f0 url(/images/picture_bg.jpg) top repeat-x;
    padding: 10px;
    text-align: center;
}

.picture-left {
    float: left;
    margin: 0 19px 5px 0;
}

.picture-right {
    float: right;
    margin: 0 0 5px 19px;
}

.picture-center {
    margin: 0 auto 10px auto;
}

.picture-center img,
.picture-left img,
.picture-right img {
    border: 2px solid #fff;
    display: block;
    margin: 0 auto;
}

.picture-center span,
.picture-left span,
.picture-right span {
    width: auto;
    display: block;
    font-size: 0.8em;
    padding: 5px 0 0 0;
}

.picture-center div,
.picture-left div,
.picture-right div {
    width: auto;
    margin: 0;
    padding: 0;
}

/* Selector's menu */
table.selectors {
    border-collapse: separate;
    border-spacing: 2px;
}

table.selectors td {
    border: solid 2px #f0f0f0;
    /*      background: #659bbe url(/images/th_bg.jpg) top repeat-x; */
    background: #aac8db url(/images/selector_bg.jpg) center repeat-x;
    font-size: 0.9em;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

table.selectors a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 8px 18px;
    text-decoration: none;
}

table.selectors td:hover {
    background: #ffac88 url(/images/th_bg_up.jpg) bottom repeat-x;
}

table.selectors td.selected {
    background: #fff url(/images/sel_sel_bg.jpg) top repeat-x;
}

table.selectors span {
    /*		  background: #fff url(/images/sel_sel_bg.jpg) top repeat-x; */
    color: #467fa3;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 8px 18px;
}

/* Tabs block */
.tabs, .tabs-b {
    text-align: left;
    margin-top: 20px;
    margin-bottom: -1px;
    white-space: nowrap;
    z-index: 1000;
}

.tab-item, .tabs-b div {
    display: inline-block;
    font-weight: bold;
    line-height: 0.8em;
    margin: 0;
    padding: 0 1px 0 0;
    text-align: center;
}

.tab-item a, .tab-item-b {
    background: #f7f7f7 url(/images/tab_bg.jpg) top left no-repeat;
    color: #fff;
    display: block;
    text-decoration: none;
}

.tab-item a span, .tab-item-b span {
    background: url(/images/tab_bg2.jpg) top right no-repeat;
    display: block;
    padding: 12px 20px 9px 20px;
    white-space: nowrap;
}

.tab-item-b:visited {
    color: #fff;
}

.tab-item a:hover, .tab-item-b:hover {
    background: #f7f7f7 url(/images/tab_up_bg.jpg) top left no-repeat;
    color: #fff;
    text-decoration: none;
}

.tab-item a:hover span, .tab-item-b:hover span {
    background: url(/images/tab_up_bg2.jpg) top right no-repeat;
}

.tab-item div, .tab-item-cur {
    background: #e0ebf2 url(/images/tab_a_bg.jpg) top left no-repeat;
    display: block;
    text-decoration: none;
}

.tab-item div span, .tab-item-cur span {
    background: url(/images/tab_a_bg2.jpg) top right no-repeat;
    color: #467fa3;
    display: block;
    padding: 12px 20px 9px 20px;
    white-space: nowrap;
}

.tab-item-cur:hover {
    text-decoration: none;
}

/* Pagination */
.page-nav {
    background: #f7f7f7;
    padding: 6px 12px;
}

.page-nav-b {
    padding: 2px 12px;
    text-align: center;
}

.page-nav-b div {
    display: inline-block;
    margin: 0;
}

.page-nav-b span {
    background: #fff;
    display: block;
    font-weight: bold;
    padding: 4px;
}

.page-nav-b a {
    display: block;
    padding: 4px;
}

/* History block */
.history {
    border: 1px solid #e2e2e2;
    margin: 15px auto;
    padding: 7px;
}

.history-b {
    width: 100%;
    height: 60px;
    display: table;
    background: url(/images/history_bg.png) center;
    overflow: hidden;
}

.history-c {
    display: table-row;
}

.history-c div {
    display: table-cell;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

.history-c a {
    display: block;
    padding: 10px 25px 10px 15px;
}

.history-c div:first-child {
    padding-left: 10px;
}

.h-passed {
    background: url(/images/history_arrow.png) right center no-repeat;
}

.h-passed-b {
    background: url(/images/history_arrow_b.png) right center no-repeat;
}

.h-current {
    background: url(/images/history_current.png) right center no-repeat;
}

.h-awaiting {
    background: url(/images/history_arrow.png) right center no-repeat;
    color: #919191;
}

.h-current-last {
    background: url(/images/history_current_b.png) center repeat-x;
}

.h-awaiting-last {
    background: none;
    color: #919191;
}

.h-passed a, .h-passed-b a, .h-current a, .h-current-last a {
    color: #262626;
    text-decoration: none;
}

.h-awaiting a, .h-awaiting-last a {
    color: #919191;
    text-decoration: none;
}

.history a:hover {
    color: #ff4e00;
    text-decoration: underline;
}

/* Articles title block */
#articles-block {
    background: #fff;
    border: 1px solid #f1f1f1;
    font-size: 0.9em;
    margin: 20px auto 10px auto;
    padding: 5px;
}

#articles-bg {
    background: #f6f6f6 url(/images/block_y_bg.jpg) top repeat-x;
    padding: 15px 25px;
}

#articles-block h2 {
    margin-top: 0;
}

.articles-item {
    min-height: 110px;
    border-top: 2px solid #fff;
    padding: 10px 0;
}

.articles-item img {
    border: 2px solid #fff;
    float: left;
    margin: 0 10px 5px 0;
}

.articles-item span {
    display: block;
    font-style: italic;
    text-align: right;
}

a.now_page {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.select-hack {
    behavior: expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}


/***********/
/*подсказка*/
/***********/

.tip {
    display: inline-block;
    position: relative;
}

/*Стиль для кнопки, если она есть*/
.tip em,
.linktip em {
    background: #f6f5d2;
    border: 1px solid #f0f0f0;
    color: #4e4e4e;
    text-align: center;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
    /*  background:#FD6E00;
      border: 1px solid #ccc;
      color: #fff; */
    font: normal bold 10px Arial;
    text-decoration: none;
    cursor: pointer;
    padding: 0 4px;
}

/*Стиль для изображения в подсказке*/
.tip > span > img {
    max-width: 50%;
    max-height: auto;
    margin: 3px;
    float: left;
}

/*Стиль для кнопки закрытия подсказки(крестик)*/
.answer > b,
.answer-left > b {
    position: absolute;
    font: normal bold 14px Comic Sans MS;
    color: #999;
    cursor: pointer;
    padding: 4px;
}

.answer > b {
    top: 0;
    right: 0;
}

.answer-left > b {
    top: 0;
    left: 0;
}

.answer > b:hover,
.answer-left > b:hover {
    color: #000;
}

/*при наведении*/

/*Стиль для блока подсказки*/
.answer,
.answer-left {
    display: none; /*скрываем*/
    position: absolute; /*позиционируем абсолютно*/
    z-index: 9999; /*отображаем поверх всех элементов на странице*/
    background: #EDEDED; /*цвет фона*/
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #000; /*цвет текста*/
    font: normal 500 14px Trebuchet MS;
    text-align: left;
    text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*тень текста*/
    text-decoration: none;
    opacity: 1; /*прозрачность*/
    cursor: default;
    margin-top: -30px; /*смещение вверх*/
    width: 200px; /*ширина !значение*/
    min-height: 50px; /*минимальная высота (если текста мало)*/
    max-height: auto; /*высота в зависимости от количества текста*/
    white-space: normal; /*переносы слов*/
}

.answer {
    box-shadow: 5px 5px 0.5em -0.1em rgba(0, 0, 6, 0.5); /*тень справа*/
    right: -240px; /*!смещение = ширина + отступы*/
    padding: 5px 20px 7px 7px; /*отступы внутри*/
}

.answer-left {
    box-shadow: -5px 5px 0.5em -0.1em rgba(0, 0, 6, 0.5); /*тень слева*/
    left: -240px; /*!смещение*/
    padding: 5px 7px 7px 20px;
}

.a-top {
    bottom: -10px; /*!смещение, положение подсказки вверх */
}

/*Стили для уголка*/
.a-top:before,
.answer:before,
.answer-left:before {
    content: "";
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAaElEQVR4XoWQMQ6AMAwDna6wMXTjB/x/7E4i9SV9AwgxuJKDcKfqrlVizInrObwLHLng9sKhgm8nIQV4eWAFJig/EIogUATCTPh7zZUUuqHXOL4m7waglViyvVthNXvaGhNr2jnTLQTenE8VKUp0n4sAAAAASUVORK5CYII=) no-repeat;
    width: 9px;
    height: 15px;
}

.answer:before {
    left: -9px;
    margin-top: 10px;
    background-position: 0 0;
}

.answer-left:before {
    right: -9px;
    margin-top: 10px;
    background-position: -9px 0;
}

.a-top:before {
    bottom: 10px;
}

/*Для отображения клик-подсказки без скрипта, только на CSS*/
.tip > a:focus ~ span.answer,
.tip > a:focus ~ span.answer-left {
    display: block;
}

.tip > a[tabindex="1"]:focus {
    outline: none;
}

.tip > a[tabindex="1"]:focus > em {
    background: #FD6E00;
    border: 1px solid #ccc;
    color: #fff;
    /*  bac</a></li>
    <li><a href="#">round:#FF4F19;*/
}

.no_reload_link {
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
}

.no_reload_link:hover {
    text-decoration: none;
}

/* disable hover on scroll */
.disable-hover,
.disable-hover * {
    pointer-events: none !important;
}

/* старая высплывающая подсказка */
a.tt:hover {
    position: relative;
    z-index: 23;
    text-decoration: none;
}

a.tt span {
    display: none;
}

a.tt:hover span {
    display: block;
    position: absolute;
    top: -15px;
    left: 10px;
    background: #fefef3;
    border: 1px solid #ccc;
    color: #000;
    z-index: 20;
    width: 200px;
    padding: 5px;
    font-size: 11px;
    cursor: pointer;
    text-decoration: none;
}

a.tt {
    cursor: pointer;
    text-decoration: none;
}

.badge {
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    background-color: #67a0be;
    color: white;
    padding: 2px 8px;
}

.d-none {
    display: none !important;
}

.d-none-vis {
    visibility: hidden !important;
}

.d-vis {
    visibility: visible !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

// Weight and italics

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal { 
    font-weight: 400 !important; 
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.align-middle {
   vertical-align: middle; 
}

tr.align-middle td {
    vertical-align: middle;    
}

.ui-tooltip {
    white-space: pre-line;
}

/* override chrome black border of focused element */
:focus {
    outline: 0;
    border-color: #a1cbef !important;
    box-shadow: 0 0 0 0.1rem rgba(52, 144, 220, .25);
}

.table {
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
}

.w-90 {
    width: 90%;
    box-sizing: border-box;
}

.w-100 {
    width: 100%;
    box-sizing: border-box;
}

.small {
    font-size: smaller;
}

/* override datatables default styling */
.dataTables_wrapper {
    background: white !important;
}

/* Auto-break long lines, e.g. urls */
.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    hyphens: auto;
}

/*system message (modal-window)*/
div.sys-msg {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 10000;
    overflow-x: hidden;
    padding-top: 15%;
}

div.sys-msg-modal-win {
    margin: auto;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 6px;
    border-image-source: none;
    color: rgb(38, 38, 38);
    background-color: rgb(255, 255, 255);
    display: block;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 7px;
    position: fixed;
    text-align: left;
    z-index: 10001;
}
div.sys-msg-header-text{
    text-align: center;
    color: rgb(70, 127, 163);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 10px;
    padding: 6px;
}
div.sys-msg-text {
    border: 0 !important;
    text-align: center;
    padding: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
div.sys-msg-close {
    display: inline-block;
    float: right;
    right: 0;
}
div.sys-msg-footer{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* tfa modal-window */

#get-sms-key {
    cursor: pointer;
}

#get-sms-key.disabled:hover {
    cursor: not-allowed;
}

#get-sms-key.active:hover {
    cursor: pointer;
}

#get-sms-key.active:active {
    cursor: pointer;
}

#input-sms-key {
    cursor: pointer;
}

#input-sms-key.disabled:hover {
    cursor: not-allowed;
}

#check-sms-key {
    cursor: pointer;
}
#check-sms-key.disabled:hover {
    cursor: not-allowed;
}

input.s-big-tfa {
    font-size: 16px;
    padding: 3px;
}

input.button4-tfa {
    border: 2px solid #f0f0f0;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5px 2px;
    padding: 4px 13px;
}

input.button4-tfa, button.button4-tfa {
    background: #a2d1c0 url(/images/save_bg.jpg) bottom repeat-x;
    color: #fff;
}

input.button4-tfa-disabled, button.button4-tfa-disabled {
    background: #a2d1c0 url(/images/save_bg-disabled.jpg) bottom repeat-x;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5px 2px;
    padding: 4px 13px;
}
input.button4-tfa-disabled:hover, button.button4-tfa-disabled:hover {
    cursor: not-allowed;
}


/* remove fieldset default styling */
fieldset {
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    border: none;
    min-inline-size: min-content;
}

/* toasts */
.toast {
  flex-basis: 325px;
  width: 325px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.9);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
  transition: opacity 0.5s linear;
}

.toast.hide {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(240, 240, 240, 0.9);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}


.icon-in-input {
    float: right;
    margin-right: 5px;
    margin-top: -19px;
    position: relative;
    z-index: 2;
    color: darkgray;
    cursor: pointer;
}

.autoriz-fild > .icon-in-input {
    float: right;
    margin-right: 19px;
    margin-top: -18px;
    position: relative;
    z-index: 2;
    color: darkgray;
    cursor: pointer;    
}