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

body {
    height: 100%;
    background: #000;
    color: #a7acaf;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: center;
}

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

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

#container {
    max-width: 1560px;
    background: #212121 url(/images/center_bg_left.png) 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: #00749D;
}

br.responsive {
    display: none;
}

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

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

.visible-responsive {
    display: none;
}

@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: #212121;
    }

    #center-block {
        background: #212121 !important;
        /*table-layout: fixed;*/
    }

    #header {
        /*background: url(/images/header_bg_sm.png) 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: #000;
    }

    #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.png) top left no-repeat;
    /*	overflow: hidden; */
    position: relative;
    z-index: auto;
}

#header-b {
    height: 125px;
    width: 100%;
    background: url(/images/header_bg_b.png) 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: #696735;
    text-decoration: none;
}

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

#header_name {
    color: #4d7b93;
    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;
}

#header_name span {
    display: block;
}

#logo {
    width: 86px;
    height: 68px;
    background: url(/images/logo_dark.png) center no-repeat;
    display: block;
    position: absolute;
    top: 30px;
    left: 157px;
}

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

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

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

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

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

#medalius:hover span {
    opacity: 0.85;
    box-shadow: 2px 4px 4px #000;
    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 {
/*    opacity: 0.5; */
}

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

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

#topicon {
    width: 0;
    height: 0;
    display: inline-block;
    border-bottom: 7px solid #000;
    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 #000;
    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.png) right repeat-y;
    display: table;
}

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

#center-block-top {
    height: 10px;
    background: #000 url(/images/center_block_top_bg.png) 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.png) top right no-repeat;
}

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

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

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

/* Main & user menu */
#main-menu-block,
#user-menu-block {
    width: 10%;
    color: #467fa3;
    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: #4a5459;
    padding: 0 10px;
}

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

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

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

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

.nav a:visited {
    color: #467fa3;
}

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

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

.nav li li a:visited {
    color: #467fa3;
}

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

.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.png) right repeat-y;
}

#main-menu-block li li {
/*    background: url(/images/podmenu_item2_bg.png) left top no-repeat; */
    background: none;
}

#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 {
    color: #a9a65f;  
    padding-right: 25px;
}

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

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

#user-menu-block li {
    background: url(/images/menu_item2_bg.png) left repeat-y;
}

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

#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 {
    color: #a9a65f;
    padding-left: 25px;
}

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

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

.menu-q {
    color: #e24318;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: super;
}

.admin-back a, .admin-back a:visited {
    background: #467fa3 url(/images/icons/left-arrow.svg) right center no-repeat;
    background-size: 10%;
    color: #d8dadb;
}

.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.png) left repeat-y;
    margin: 0;
    padding: 6px 0;
}

.autoriz-text {
    color: #777f83;
    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.png) left repeat-y;
    margin-top: 1px;
}

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

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

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

.autoriz-hello {
    color: #d8dadb;
    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;
}

.autoriz-hello strong {
    display: block;    
    padding-bottom: 2px;
}

.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: #1b3d52 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: #000;
    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.png) top right no-repeat;
}

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

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

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

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

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

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

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

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

a:visited {
    color: #7577c8;
}

a:hover {
    color: #e24318;
    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: #e24318 !important;
}
.green, .success {
    color: #4BB543 !important;
}
.blue, .magenta, .message {
    color: #50bcf7 !important;
}
.bg-blue, .bg-magenta, .bg-message {
    background-color: #467fa3 !important;
}
.gray, .info {
    color: #777f83 !important;
}
.d-gray, .comment {
    color: #4a5459 !important;
}
.purple {
    color: #6f42c1 !important;
}
.black {
    color: #fff !important;
}

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

.indent {
    text-indent: 25px;
}

.blockq {
    padding-left: 25px;
}

.woi {
    text-indent: 0;
}

.nowrap {
    white-space: nowrap;
}

hr {
    height: 5px;
    color: #1b3d52;
    background: #1b3d52;
    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: #777f83 !important;
    padding: 15px 10px 10px;
    font-weight: bold;
    text-align: center;
}

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

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

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

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

.th2 {
    background: #4a5459;
    color: #d8dadb;
    font-weight: bold;
    margin-bottom: 1px;
    /*	padding: 7px 12px;*/
    padding: 10px;
    text-align: center;
}

.th3 {
    background: #000;
    color: #a7acaf;
    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: #212121;
    margin-bottom: 1px;
    padding: 10px;
}

.darker, .line, table.table-striped > tbody > tr:nth-child(even) {
    background: #2e2e2e !important;
    margin-bottom: 1px;
    padding: 10px;
}

.darkest {
    background: #383838;
    margin-bottom: 1px;
    padding: 10px;
}

.serv {
    background: #000;
    /*	margin-bottom: 1px;*/
    padding: 10px 0;
    text-align: right;
}

.serv-top {
    background: #000;
    margin-bottom: 1px;
    padding: 10px 0;
}

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

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

.bg-white {
    background: #000;
    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"] {
    background: #a7acaf;
/*    border: 1px solid #000; */
    border-radius: 2px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 6px;
}

input[type="checkbox"] {
}

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

textarea {
    width: 99%;
    background: #a7acaf;    
/*        border: 1px solid #000; */
    border-radius: 2px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    max-height: 600px;
    padding: 6px;
}

select {
    background: #a7acaf;  
/*    border: 1px solid #000; */
    border-radius: 2px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 6px;
}

.select2-selection {
    background: #a7acaf !important;
    border-radius: 0 !important;
    border: 1px solid #000 !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: #fff;
}

.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 #000; */
   	border-radius: 2px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin: 6px 2px;
    padding: 6px 12px;
}

input.button4 {
/*    border: 2px solid #000; */
   	border-radius: 3px;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 5px 2px;
    padding: 8px 16px 7px;
}

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: #0e6ac0;
    color: #fff;
}

input.button2, button.button2 {
    background: #696735;
    color: #fff;
}

input.button3, button.button3 {
    background: #637d95;
    color: #fff;
}

input.button4, button.button4 {
    background: #5aa754;
    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 {
    cursor: not-allowed;
}

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

div.button4 {
    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: normal;
    padding: 6px 12px;
    text-decoration: none;
}

div.button4 a {
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 8px 16px 7px;
    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: #0e6ac0;
    color: #fff;
}

div.button2 a {
    background: #696735;
    color: #fff;
}

div.button3 a {
    background: #637d95;
    color: #fff;
}

div.button4 a {
    background: #5aa754;
    color: #fff;
}

button:hover,
input.button:hover,
input.button2:hover,
input.button3:hover,
input.button4:hover,
input.button4:hover:enabled,
div.button a:hover,
div.button2 a:hover,
div.button3 a:hover,
div.button4 a:hover,
div.button4 a:hover:enabled {
    background: #0077e5;
    color: #fff;
}

.button-ico, .button-ico-right {
    width: 20px;
    height: 20px;
    background: #a0bfdc;
    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: #a0bfdc;
    border: 1px solid #a0bfdc;
    border-radius: 2px;
    display: inline-block;
    margin: 2px;
}

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

.button-sm a {
    height: 22px;
    color: #000;
    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: #0077e5 !important;
    border: 0;
    color: #fff;
    text-decoration: none;
    transition: 0.2s;
}

.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: #005381;
}

/* 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: #777f83;
    clear: left;
    background: #777f83;
    border: 0;
    margin: 10px auto;
    text-align: center;
}

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

.show-hide-link:hover {
    border-bottom: #e24318 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: #e24318;
}

.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 #000;
}

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

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

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

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

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

table.border-dark th {
    border: solid 1px #467fa3;
}

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

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

table.border-invise {
    background: #494834 !important;
    border-collapse: separate;
    border-spacing: 2px;
}

table.border-invise th3 {
    background: #2e2e2e !important;
}

table.border-invise h5 {
    color: #50bcf7 !important;
}

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

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

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

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

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

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

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

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

#forum_mess_content {
    padding: 5px 10px;
}

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

.spec-block-left {
    background: #000;
    border: 1px solid #000;
    float: left;
    margin: 0 0 15px 0;
}

.spec-block-right {
    background: #000;
    border: 1px solid #000;
    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: #3e3e3e;
    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 #777;
    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 #000;
    background: #4a5459;
    font-size: 0.9em;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

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

table.selectors td:hover {
    background: #0077e5;
    transition: 0.3s;
}

table.selectors td.selected {
    background: #a9a65f;
    font-weight: bold;
}

table.selectors span {
    color: #000;
    display: block;
    margin: 0;
    padding: 8px 18px;
}

.inline_table td {
    border: 0 !important;
}

table.display {
    border-top: 0 !important;
    border-bottom: 1px solid #383838 !important;
}

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

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

.tab-item a, .tab-item-b {
    background: #467fa3;
    color: #d8dadb;
    display: block;
    text-decoration: none;
}

.tab-item a span, .tab-item-b span {
    display: block;
    padding: 12px 20px 9px 20px;
    white-space: nowrap;
}

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

.tab-item a:hover, .tab-item-b:hover {
    background: #0077e5;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.tab-item a:hover span, .tab-item-b:hover span {
/*    background: #0077e5; */
}

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

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

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

/* Pagination */
.page-nav {
    background: #000;
    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: #a9a65f;
    color: #000;
    display: block;
    font-weight: bold;
    padding: 4px;
}

.page-nav-b a {
    display: block;
    padding: 4px;
}
.page-nav-b a:hover {
    background: #0077e5;
    color: #fff;
    transition: 0.2s;
}

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

.history-b {
    width: 100%;
    height: 60px;
    display: table;
    background: #4a5459;
    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_d_arrow.png) right center no-repeat;
}

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

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

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

.h-current-last {
    background: #a9a65f;
}

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

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

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

.history a:hover {
    color: #0077e5;
    text-decoration: none;
    transition: 0.2s;
}

/* Articles title block */
#articles-block {
    background: #000;
    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 #000;
    padding: 10px 0;
}

.articles-item img {
    border: 2px solid #000;
    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: #000; */
    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 #000, 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: #000;
    /*  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;
}

.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: #4a5459;
    background-color: #d8dadb;
    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(74, 84, 89);
    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 !important;
}
#check-sms-key.disabled:hover {
    cursor: not-allowed !important;
}
input.s-big-tfa {
    font-size: 16px;
    padding: 3px;
}

input.button4-tfa {
    border: 2px solid #4a5459;
    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:  #5aa754;
    color: #fff;
}

input.button4-tfa-disabled, button.button4-tfa-disabled {
    background: rgb(74, 84, 89);
    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(32, 32, 32, 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;
  background-color: rgba(64, 64, 64, 0.9);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(255, 255, 255, 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: 7px;
    margin-top: -23px;
    position: relative;
    z-index: 2;
    color: white;
    cursor: pointer;
}

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