@import "sylexfont.css";
body,html,
.x-body{
    height:100%;
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    font-size:16px;
    background:#fff;
    padding:0;
    margin:0;
}
.app_include_div{ height: 100%;overflow: auto;
    font-size: 0.8125rem;}
img{border:0}
table{border-spacing: 0;}
td,th{ padding: 0; margin: 0 }
a{outline: 0;}
*:before,
*:after{
    text-rendering: optimizeLegibility;
}
.panel-body{ font-size: 12px!important;}
.button{
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    font-size: 12px;
}
input{font-family: Helvetica, Arial,'Arian AMU', sans-serif; outline: none}
select,
input[type=text],
input[type=number],
textarea,
.textbox,
.combo_style1,
.ac_container_mls,
.sylex-vcombo-disabled{
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    font-size: 12px!important;
    color: #666;
    border: 1px solid!important;
    border-color:#e2e3ea #e2e3ea #e3e9ef #e2e3ea!important;
    border-radius: 0!important;
    padding:1px 2px!important;
    /*margin:0;*/
    outline: none;
}
.sylex-vcombo-disabled.ac_s_input{
    height: 18px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 0!important;
    opacity:0.5;
    cursor:default;
}
.combo_style1,
.ac_container_mls{
    padding:1px 0 1px 2px!important;
}
select,
input[type=text],
input[type=number],
.textbox input,
.combo_style1{
    height: 20px;
}
.personal_info table input:disabled{
    background: #f4f4f4!important;
    border: 1px solid #e4e2e2!important;
    cursor: not-allowed;
}
.textbox{
    box-shadow: none!important;
    padding: 0!important;
}
.textbox input,
.textbox textarea,
.ac_container_mls input{
    border: 0!important;
    border-radius: 0!important;
}
textarea{ overflow: auto}
.validatebox-invalid{ background: #fcc!important}
.ac_container{
    display: inline-table!important;
    width: 200px;

    height: 20px!important;
    padding:0!important;
}
.inline_block{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    page-break-inside: avoid;
    padding-right: 10px;
    margin:2px 0 2px 0;
}

.link_eh{
    color: #00507d;
}
.big_width{
    max-width:100%;
    display: inline-block;
}
.big_width input,
.big_width select,
.big_width .ac_container,
.big_width .textbox{
    width: 100%!important;
    max-width: 100%;
}
.combo_style_full,
.inline_block_full{ width: 100% !important}
.full_width {
    width: 100%;
    display: flex!important;
    padding: 0;
}
.full_width > *{width: 100%!important;}

.ac_container .ac_input,
.ac_container .ac_button,
.ac_container .ac_gr_input{
    display: table-cell!important;
    height: 100%!important;
    vertical-align: middle!important;
    border: 0!important;
    padding: 0!important;
}
.ac_container .ac_gr_input{white-space:nowrap;padding:1px 5px!important;}
.ac_container .ac_input{
    width: 100%;
    padding:1px 2px!important;
}

.ac_gr_div .ac_container{
    display: inline-flex!important;
}
.ac_gr_div .ac_container .ac_gr_input{
    display: block!important;
    flex: none;
    width: auto!important;
    max-width: 30%;
}
.ac_gr_div .ac_container .ac_input{
    width: 100% !important;
    display: block!important;
    flex: auto;
}
.ac_gr_div .ac_button{
    flex-shrink: 0;
    flex-grow: 0;
}
.ac_container .ac_button{ width: 20px; text-align: center;padding: 0 5px!important;}
.ac_container .ac_button img{
    position: relative;
    top: auto!important;
    left:auto!important;
    margin: 0;
}
.panel-body-noheader .textbox-addon-right,
.combo_lang .textbox-addon-right{

    /* width: 20px!important;
     height: 30px!important;
     background-size: contain!important;*/
    background-color: #f4f4f4!important;
}
.combo-arrow{
    position: relative;
    width: 20px!important;
    background: #fff!important;
    opacity: 1.0!important;

}
.combo-arrow:before{
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    left: 0;right: 0;top: 4px;bottom: 0;
    border: 4px solid transparent;
    border-top: 4px solid #222;
    margin: auto;
}
.combo_lang .combo-arrow{
    background-repeat: no-repeat!important;
    background-position: center!important;
}
.combo_lang .combo-arrow:before{ display: none}
.combo_lang input.textbox-text, .combo_lang .combo-arrow{ height: 29px!important;}
.combo_lang .combo-arrow{width: 26px!important;}
.datebox .combo-arrow:before{
    content: '\e90f';
    width: auto;
    height: 16px;
    left: 0;right: 1px;top: 0;bottom: 0;
    font-family: sylexfont;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #00507d;
    border: 0;
    margin: auto;
}
.miselect .icon-loupe{
    cursor: pointer;
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
}
@font-face {
    font-family: 'Arian AMU';
    src: url('../fonts/ArianAMU-Italic.eot');
    src: url('../fonts/ArianAMU-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ArianAMU-Italic.woff2') format('woff2'),
    url('../fonts/ArianAMU-Italic.woff') format('woff'),
    url('../fonts/ArianAMU-Italic.ttf') format('truetype'),
    url('../fonts/ArianAMU-Italic.svg#ArianAMU-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Arian AMU';
    src: url('../fonts/ArianAMU-Bold.eot');
    src: url('../fonts/ArianAMU-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ArianAMU-Bold.woff2') format('woff2'),
    url('../fonts/ArianAMU-Bold.woff') format('woff'),
    url('../fonts/ArianAMU-Bold.ttf') format('truetype'),
    url('../fonts/ArianAMU-Bold.svg#ArianAMU-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Arian AMU';
    src: url('../fonts/ArianAMU.eot');
    src: url('../fonts/ArianAMU.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ArianAMU.woff2') format('woff2'),
    url('../fonts/ArianAMU.woff') format('woff'),
    url('../fonts/ArianAMU.ttf') format('truetype'),
    url('../fonts/ArianAMU.svg#ArianAMU') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arian AMU';
    src: url('../fonts/ArianAMU-BoldItalic.eot');
    src: url('../fonts/ArianAMU-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ArianAMU-BoldItalic.woff2') format('woff2'),
    url('../fonts/ArianAMU-BoldItalic.woff') format('woff'),
    url('../fonts/ArianAMU-BoldItalic.ttf') format('truetype'),
    url('../fonts/ArianAMU-BoldItalic.svg#ArianAMU-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'WeblySleek UI';
    src: url('../fonts/WeblySleekUILight-Italic.woff2') format('woff2'),
    url('../fonts/WeblySleekUILight-Italic.woff') format('woff'),
    url('../fonts/WeblySleekUILight-Italic.ttf') format('truetype'),
    url('../fonts/WeblySleekUILight-Italic.svg#WeblySleekUILight-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'WeblySleek UI';
    src: url('../fonts/WeblySleekUILight.woff2') format('woff2'),
    url('../fonts/WeblySleekUILight.woff') format('woff'),
    url('../fonts/WeblySleekUILight.ttf') format('truetype'),
    url('../fonts/WeblySleekUILight.svg#WeblySleekUILight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: '../fonts/WeblySleek UI';
    src: url('../fonts/WeblySleekUISemibold-Italic.woff2') format('woff2'),
    url('../fonts/WeblySleekUISemibold-Italic.woff') format('woff'),
    url('../fonts/WeblySleekUISemibold-Italic.ttf') format('truetype'),
    url('../fonts/WeblySleekUISemibold-Italic.svg#WeblySleekUISemibold-Italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'WeblySleek UI';
    src: url('../fonts/WeblySleekUISemibold.woff2') format('woff2'),
    url('../fonts/WeblySleekUISemibold.woff') format('woff'),
    url('../fonts/WeblySleekUISemibold.ttf') format('truetype'),
    url('../fonts/WeblySleekUISemibold.svg#WeblySleekUISemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'WeblySleek UI Semilight';
    src: url('../fonts/WeblySleekUISemilight.woff2') format('woff2'),
    url('../fonts/WeblySleekUISemilight.woff') format('woff'),
    url('../fonts/WeblySleekUISemilight.ttf') format('truetype'),
    url('../fonts/WeblySleekUISemilight.svg#WeblySleekUISemilight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'WeblySleek UI Semilight';
    src: url('../fonts/WeblySleekUISemilight-Italic.woff2') format('woff2'),
    url('../fonts/WeblySleekUISemilight-Italic.woff') format('woff'),
    url('../fonts/WeblySleekUISemilight-Italic.ttf') format('truetype'),
    url('../fonts/WeblySleekUISemilight-Italic.svg#WeblySleekUISemilight-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'TimesUnicodeNew';
    src: url('../fonts/Times_Unicode_new.eot');
    src: local('в�є'), url('../fonts/Times_Unicode_new.woff') format('woff'), url('../fonts/Times_Unicode_new.ttf') format('truetype'), url('../fonts/Times_Unicode_new.svg') format('svg');
}

@font-face {
    font-family: 'ArialUnicodenew';
    src: url('../fonts/Arial_Unicode_new.eot');
    src: local('в�є'), url('../fonts/Arial_Unicode_new.woff') format('woff'), url('../fonts/Arial_Unicode_new.ttf') format('truetype'), url('../fonts/Arial_Unicode_new.svg') format('svg');
}
/*font-face {
    font-family: 'TimesUnicodeNew';
    src: url('../fonts/times_unicode_new.eot');
    src: url('../fonts/times_unicode_new.eot?#iefix') format('embedded-opentype'),
         url('../fonts/times_unicode_new.woff2') format('woff2'),
         url('../fonts/times_unicode_new.woff') format('woff'),
         url('../fonts/times_unicode_new.ttf') format('truetype'),
         url('../fonts/times_unicode_new.svg#times_unicode_newregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
font-face {
    font-family: ArialUnicodenew;
    src: url('../fonts/arial_unicode_new.eot');
    src: url('../fonts/arial_unicode_new.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial_unicode_new.woff2') format('woff2'),
         url('../fonts/arial_unicode_new.woff') format('woff'),
         url('../fonts/arial_unicode_new.ttf') format('truetype'),
         url('../fonts/arial_unicode_new.svg#arial_unicode_newregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
form{
    margin:0;
    padding:0
}
*{box-sizing:border-box;-moz-box-sizing:border-box}
.fullHeight{height: 100%}
/*-----------*/
.mainTable_eh{
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
}
.mainTr_eh{
    width: 100%;
    display: table-row;
}

.mainTd_eh{
    width: 100%;
    display: table-cell;
}
/*.mainTr_eh:last-child{display: none}*/
.header_line{
    position: relative;
    background: #fff;
    height: 3.5rem;
    white-space: nowrap;
    box-shadow: 0px 4px 12px rgba(46, 46, 46, 0.08);
    border-bottom: 0!important;
    z-index: 1000
}
.head_kz{
    background: #00afca;
}
.head_demo{
    background: #353c44;
}
.head_am_preprod{
    background: #7d98b7!important;
}

.header_div{
    height: 100%;
    display: table;
    box-shadow: 0px 4px 12px rgba(46, 46, 46, 0.08);
}
.header_div .first_td,
.header_div .last_td,
.header_div .header_tabs_box{
    display: table-cell;
    vertical-align: middle;

}
.header_div .last_td{ overflow: visible}
.header_div .first_td{
    overflow: hidden;
}
.header_div .header_tabs_box{
    width: 100%;
}
.logo{
    float: left;
    height:35px;
    display: inline-block;
    font-size:1em;
    margin:0 5px 0 20px!important;
}
.head_demo .logo{ height: 30px}
.account{
    display: inline-block;
    padding:0 10px 0 0;
    z-index:8000;
    vertical-align: middle;
}

.account_mobile{
    display: inline-block;
}
.account_left{
    display: inline-block;
}
.account_left img{
    height: 16px;
}
.account a{
    display: inline-block;
    vertical-align: middle;
    text-decoration:none;
    line-height: 1;
}


.account_left .home_page{
    vertical-align: middle;
    text-decoration: none;
    margin-left: 10px;
    cursor: pointer;
}
.account_left .home_page:before{
    content: "\e99a";
    font-family: "sylexfont";
    font-style: normal;
    font-size: 18px;
    color: #000;
}
.helpIcn{
    vertical-align: middle;
    font-size: 16px;
    color: #000;
}
.account_left .user_photo{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #000;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle;
}
.account_left .user_photo img{
    position: relative;
    height: 30px;
}
.account form{ margin:5px 0}
.account .icon-bell{
    position: relative;
    vertical-align: middle;
    font-size: 20px;
    color: #4B698A;
    cursor: pointer;
}
.account .icon-bell-new-message:after{
    position: absolute;
    top: 2px;
    right: -1px;
    content: "";
    width: 6px;
    height: 6px;
    background: #20BDDE;
    border-radius: 50%;
    border: 2px solid #fff;
}
.account .icon-bell:before{
    vertical-align: middle;
}
/*.account input{
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    font-size:12px;
    border:1px solid #0074bc;
    border-radius:3px;
    margin:0 0 2px 0;
    background:#0074bc;
    color:#fff;
    text-align:center;
    vertical-align:top;
    padding:5px 15px
}*/
.account b{
    display: inline-block;
    vertical-align: middle;
    color:#276de6;
    font-size:13px;
    margin-left: 5px;
}
.account b.logout{
    font-size: 20px;
}
.account span{
    color:#000;
}
.head_kz .user_photo{
    border:1px solid #fff;
}
.head_kz .account span,
.head_kz .home_page:before,
.head_kz .helpIcn,
.head_demo .account span,
.head_demo .home_page:before,
.head_demo .helpIcn{ color: #fff}
.head_demo .sylex-tabnavigator.horizontal.nowrap > .sylex-tabnavigator-tabs > .sylex-tabnavigator-tab{
    color:#fff!important;
}
.head_demo .header_tabs_box .sylex-tabnavigator.horizontal > .sylex-tabnavigator-tabs > .sylex-tabnavigator-tab.active{
    border-bottom: 2px solid #fff!important;
}
.head_kz .sylex-tabnavigator.horizontal.nowrap .tabs-menu-icon span,
.head_demo .sylex-tabnavigator.horizontal.nowrap .tabs-menu-icon span{
    border-top: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important;
}
.head_kz .sylex-tabnavigator.horizontal.nowrap .tabs-menu-icon span:before,
.head_demo .sylex-tabnavigator.horizontal.nowrap .tabs-menu-icon span:before{
    border-bottom: 2px solid #fff;
}
.head_kz .sylex-tabnavigator.horizontal.nowrap > .sylex-tabnavigator-tabs > .sylex-tabnavigator-tab-menu .tabs-menu-title,
.head_demo .sylex-tabnavigator.horizontal.nowrap > .sylex-tabnavigator-tabs > .sylex-tabnavigator-tab-menu .tabs-menu-title{
    color: #fff;
}
.sylex_help_app{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.account_left .call_center_mess{
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}
.account_left .call_center_mess:before{
    content: "\e98e";
    font-family: "sylexfont";
    font-size: 15px;
    color:#000;
}

.account_left .call_center_mess .badge {
    display: none;
    position: absolute;
    top: -12px;
    right: -18px;
    padding: 2px 3px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 10px;
}

.header_login_button{
    float: left;
    height: 100%;
    vertical-align: bottom;
    font-size: 0.9em;
    font-weight: bolder;
}
.d_menue{
    width:310px;
    position:absolute;
    top:1em;
    right:50px;
    line-height:19px;
    font-size:12px;
    background:#fff;
    border: 1px solid #d4d4d4;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    z-index:5000;
    padding-top:10px;

}
.d_menue .select_styles{
    float:left;
    margin-bottom:5px
}

.d_menue input{ font-size:11px; padding:0 10px}
.d_menue  .photo_user{float:left;padding:0 10px 5px 13px;}
.d_menue div.info { width:180px; overflow:hidden; float:left; padding-bottom:5px}

.d_menue div strong{ color:#1838a3; }
.d_menue div span {color: #276de6; font-size:12px; font-style:italic;padding-bottom:3px;}
.d_menue img{border:1px solid #f0f0f0;}
.d_menue_footer{
    margin:0 !important;
    clear:both;
    border-top:1px solid #d4d4d4;
    background:#f0f0f0;
    padding:12px 15px;
    text-align:right;
}
.d_menue_footer .account_mobile{
    float: left;
    display: none;
}
.d_menue a{
    font-size:12px;
    color:#1838a3;
    text-align:right;
}

.d_menue select{
    float:left;
    width:115px;
    height:21px;
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    font-size:11px;
    margin:0 5px 0 0
}

.logout_popup{
    position:absolute;
    width:310px;
    max-width: 100%;
    text-align: center;
    top:33px;
    right:5px;
    line-height:19px;
    white-space: normal;
    font-size:12px;
    background:#fff;
    /*border: 1px solid #d4d4d4;*/
    border: 1px solid #00507d;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    z-index:5000;
    padding-top:10px;

}
.logout_popup .photo_user{
    width: 95px;
    height: 95px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.logout_popup .photo_user img{ width: 100%; height: auto}
.logout_popup .attached_people{
    border-top: 1px solid #d4d4d4;
    padding: 5px 0 0 10px;
}
.logout_popup .attached_people  > div{
    height: 1px;
    opacity: 0.0;
    overflow: hidden;
    transition: all 0.3s ease 0s;;
}
.logout_popup .attached_people.open > div{
    height: auto;
    opacity: 1.0;
}

.logout_popup .attached_people h4{
    position: relative;
    font-size: 14px;
    color:#666;
    padding:0 20px 0 0;
    margin: 0;
}
.logout_popup .attached_people h4:after{
    position: absolute;
    top:0;
    right: 10px;
    /* content: "\e907";*/
    font-family: sylexfont;
    line-height: 1;
    font-size: 13px;
}
.logout_popup .attached_people.open h4:after{
    /*content: "\e9a8";*/
}
.logout_popup  h4 em{
    position: absolute;
    left: 5px;
    top: 2px;
    color: #00507d;
    cursor: pointer;
}
.people_block{
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 10px;
    cursor: pointer;
}
.people_block:hover,
.people_block:active{
    opacity: 0.7;
}
.people_block .photo{
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.people_block .people_info{
    position: relative;
    width: 100%;
    min-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 13px;
    color: #666;
    padding: 0 45px 0 10px;
}
.people_block .people_info strong{
    font-size: inherit;
}
.people_block .people_info .right_buttons{
    position: absolute;
    top: 0;
    right: 5px;
}
.people_block .people_info .right_buttons em{
    font-size: 14px;
    color: #666;
    margin-left: 7px;
    cursor: pointer;
}
.account_switch_unlink{
    text-align: left;
    margin-top: 10px;
}
.account_switch_unlink span{color:#505050}

.button_profile {
    font-size: 14px;
    color: #3c4043;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #d4d4d4;
    padding: 5px 15px;
    margin: 15px 0;
    cursor: pointer;
}
.logout_input {
    height: 25px;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    padding: 0 10px;
    margin: 5px  5px  5px 0!important;
}
.confirm_pass{ border: 1px solid #00507d; padding: 3px 10px; margin: 5px!important;}
.logout_popup .d_menue_footer {
    float: left;
    width: 100%;
    margin: 0 !important;
    clear: both;
    border-top: 1px solid #d4d4d4;
    background: #fdfdfd;
    padding: 12px 15px;
    text-align: right;
}

.logout_popup div.info {
    text-align: center;
    overflow:hidden;
    padding-bottom:5px
}

.logout_popup div strong{ font-size: 15px; color:#00507d; }
.logout_popup div .sylex_version_div{ float: left; padding-top: 5px}
.logout_popup div .logout a {
    display: inline-block!important;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    color: #00507d;
    padding-bottom:3px;
}
.logout_popup div .logout .icon-exit{font-size:20px; vertical-align: middle;}
.sylex_video_call_app{
    display: inline-block;
}
.video_call{
    position: relative;
    cursor: pointer;
}
.video_call .helpIcn{
    width: 25px;
}
.video_call span{
    position: absolute;
    min-width: 15px;
    min-height: 15px;
    text-align: center;
    top:-3px;
    right: 0;
    display: inline-block;
    font-size: 11px;
    line-height: 12px;
    background: #e2152c;
    border-radius: 50%;
    color: #fff;
    padding: 3px;
    cursor:pointer
}
@keyframes blink {

    50% {
        opacity: 0.0;
    }

}
@-webkit-keyframes blink {

    50% {
        opacity: 0.0;
    }

}
.armed_app{
    text-align: justify;
    padding-bottom: 10px;
}
.armed_app img{
    border-radius:5px;
    margin: auto;
    margin-top: 10px;
}
.blink {
    animation: blink 1s linear  1.5s infinite;
    -webkit-animation: blink 1s linear 1.5s infinite;
}
.video_call_window div{

    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    cursor:pointer
}
.video_call_window div span{
    font-style: normal;
}
.video_call_window  img{
    width: 40px;
    border-radius:50% ;
    margin-right: 5px;
}
/*-----------*/
.m_body{
    clear:left;
    height: 100%;
    border-top: 0 solid #1838a3;
    vertical-align:top;
    text-align:center;

}

.m_body.profile_index{


}

.login_new{
    margin:5% auto 0 auto;
}
.login_new h1{
    font-weight: normal;
    font-size: 30px;
    color: #6d6d6d;
    padding: 0;
    margin:0 0 30px 0;
}
.login_new h1 strong{font-size: 35px;}
.login_new .login_form{
    position: relative;
    width:90%;
    max-width: 350px;
    min-height: 270px;
    display: inline-block;
    text-align: left;
    background: #F9F9F9;
    border:1px solid #DADADA;
    border-radius: 5px;
    box-shadow: 0 0 3px 2px #EAEAEA;
    padding: 25px 40px 25px 40px;
    margin-bottom: 20px;
}
.login_new .login_form .carde_sign{
    clear: both;
    display: block;
    text-align: center;
    font-weight: normal;
    font-size:0.9em;
    color:#56607f;
    margin-top:25px;
}
.login_new .reg_now b{
    font-weight: normal;
    color:#666
}
.login_new .reg_now a{ color:#7298d6}

.login_new .login_form label{
    display: block;
    text-align: left;
    font-size: 0.9em;
    padding-bottom: 0.2em;
}
.login_new .login_form div{
    font-size: 14px;
    color: #666;
}
.login_new .login_form input{
    width: 100%;
    height:34px;
    font-weight:normal;
    font-size: 13px;
    color: #666;
    padding: 0 5px;
}
.login_new .login_form .phone_div div{
    position: relative;
    padding-left: 50px;
}
.login_new .login_form .phone_div input{

}
.login_new .login_form .phone_id{
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    color:#4671b7 ;
}
.login_new  .forgot_pass{float: left;}
.login_new  .forgot_pass,
.login_new  .temp_pass{
    font-size: 12px;
    color: #7298d6;
}
.login_new  input.gray_button{
    width:100%;
    font-size: 15px;
    color: #fff;
    background:#00507d;
    padding: 5px 0;
    cursor: pointer;
}
.login_new .error{
    /*float:left;*/
    display: block;
    width: 270px;
    min-height: 20px;
    vertical-align: bottom;
    text-align:center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
}
.login_new .or{
    clear: both;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0;
}

.login_new .personlogo{
    text-align: center;
    padding: 20px;
}
.login_new .code_verify_div{
    max-width: 470px;
    line-height: 1.7;
    font-size: 13px;
    border: 1px solid #4671b7;
    padding:20px 10px 10px 10px;
    margin: 0 auto 40px auto;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
}
.login_new .code_verify_div span{ font-size: 15px; font-weight: bold; color: #4671b7}
.login_new .code_verify_div strong{ font-size: 14px}
.login_new .code_verify_div .error{
    width: auto;
    font-size: 13px;
}
.login_new .personlogo > img{
    width: 40%;
}
.login_new .details_div{
    max-width: 400px;
    font-size: 12px;
    color: #999;
    margin: auto;
}
.insert_div{
    width: 100%;
    height: 20px;
    display: table;
    margin-top: 20px;
}
.search_doc_map{
    display: block;
    max-width: 350px;
    text-decoration: none;
    color: #000;
    margin: auto;
    cursor: pointer;
}
.search_doc_map img{
    width: 100%;
    cursor: pointer;
}
.search_doc_map div{
    position: relative;
    display: block;
    top: -27px ;
    font-size: 13px;
    background: #fff;
    padding: 5px 15px;
    opacity: 0.7;
}
.search_doc_map span{
    text-decoration: underline;
    font-weight: bold;
    color: #4671b7;
}
.agreement_div{
    padding-bottom: 15px;
}
.agreement_div a{
    color: #1156e7;
    cursor: pointer;
}
.down_agreement{
    text-decoration: none;
}
.down_agreement:after{
    content:"\f1c1";
    font-family: fontawesome;
    font-size: 15px;
    color: #f02727;
    margin-left: 5px;
}
.agreem_block{
    padding: 20px 10px;
}
.agreem_block a{
    display: inline-block;
    color: #0c57a1;
    background: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #2962cc;
    padding: 5px 15px;
}
.insert_div_row{
    display:table-row;
}
.insert_card_div{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    display:table-cell;
    text-align: center;
    color: #666;
    background: #EEEEEE;
    border: 1px solid #ccc;
    border-radius: 5px; padding: 10px;
    cursor: pointer;

}

/*.insert_card_div:first-child{ margin-right: 2%}*/
.insert_card_div:hover{

    box-shadow: 0 0 3px 2px #cccccc;
}
.insert_card_div img{ display: block; margin: 5px auto 0 auto!important; }
.login_new .back_eh{
    position: absolute;
    top:10px;
    float: left;
    text-decoration: none;
    color: #757575;
}
.login_new .back_new{
    font-size: 14px;
    color: #00507d;
    /* text-decoration: none; */
}
.ecard_div .back_eh,
.main_back_eh{
    background:#f9f9f9;
    border:1px solid #00507D;
    border-radius:5px;
    text-decoration: none;
    color: #00507D;
    padding:5px 10px}
.ecard_div .back_eh:hover,
.main_back_eh:hover{
    color: #2a76a0;
    border-color: #2a76a0;
}
.login_new .checked_login{
    text-align: center;
    font-size: 17px;
    color: #757575;
    margin-top: 50px;
    margin-bottom: 15px;
}
.login_new .error div{
    display: inline-block;
    vertical-align: bottom;
}
.password_div{
    display: block;
    margin-top: 5px;
}
.password_div ::-webkit-input-placeholder {
    font-size: 11px;
    color: #bbb;

}
.password_div ::-moz-placeholder {
    font-size: 11px;
    color: #bbb;
}
.password_div :-ms-input-placeholder {
    font-size: 11px;
    color: #bbb;
}
.login_new .mobile_select,
.login_new input.mobile_select{
    width: 45%;
    height: 34px;
    display: inline-block;
}
.login_new input.mobile_input{
    width: 50%;
    display: inline-block;
    margin-left: 5%;
}
.login_new  .info_text{
    font-size: 13px;
}
.login_window h1{
    text-align:left;
    font-size:20px;
    color: #333333;
    font-weight:normal;
    font-style:italic;
    margin:20px 10px 0 10px;
    border-bottom: 1px solid #f0f0f0;
}
.login_window.reg_window h1{margin-left:0}
.login_window.reg_window .hasDatepicker{width:100%}
.login_window h1 b{
    color:#1838a3;
}

.login_window .data_protect div{
    float:left;
    margin-top:5px;
    padding:0
}
.login_window .data_protect h2{
    font-size:13px;
    margin:5px 0 0 0;
    padding:0;
}

.login_window .data_protect input{
    width:auto;
    vertical-align:middle;
    margin:0;
    padding:0
}
.login_window .data_protect .ul,
.profile_div .profile_block .ul
{
    float:left;
    width:100%;
    clear:both;
    margin:10px 10px 0 0
}
.profile_div .profile_block .ul{
    text-align: left;
    font-size: 13px;
}
.login_window .data_protect span{font-weight:normal!important;margin-left:10px;}
.login_window .data_protect .ul span,
.profile_div .profile_block .ul span{
    display:none;
    padding:2px 10px 2px 10px}
.login_window .data_protect .yes span{border-bottom:1px dotted #ccc;}
.login_window .data_protect .yes span,
.login_window .data_protect .yes ul,
.profile_div .profile_block .yes span,
.profile_div .profile_block .yes ul{display:block}
.login_window .data_protect ul,
.profile_div .profile_block ul{
    float:left;
    display:none;
    font-weight:bold;
    list-style:none;
    margin:0;
    padding:10px 20px 10px 35px
}
.profile_div .profile_block .gray_button{
    height: auto!important;
    font-size: 12px;
    padding: 2px 10px!important;
}
.login_window .data_protect li,
.profile_div .profile_block li{
    font-size: 12px;
    font-weight:normal;
    margin:5px 0 0 15px

}
.profile_div .account_unregister{
    font-size: 13px;
    padding: 10px;
}
.profile_div .account_unregister a,
.profile_arm .link_pass{
    color: #0074bc;
}
.login_window .account_unregister{
    text-align: right;
    padding-top: 25px;
    padding-right: 25px;
}
.help_index{
    position:relative;
    float:right;
    width:30px;
    margin:-15px -30px 0 0!important;
    cursor:pointer;

}

.login_form h2{
    font-size: 21px;
    padding: 0;
    margin: 10px 0 0 0;
}
.h2{
    margin-top: 10px;
    font-style: italic;
    color: #333333;
}
.h3{font-style: italic; color: #333333}

/*---------*/

/*---------*/
.top_menue{
    margin:5px 0;
    border-bottom: 1px solid #1838a3;
    width:100%;
    text-align:left;
}
.top_menue a{
    color:#1838a3;
    font-size:12px;
    margin-left:20px;

}
.lang{
    margin:5px 5px 5px 5px;
}
.lang img{ width:25px; height:15px;}
.index_add,
.index_content{
    border-bottom: 2px solid #1838a3;
    margin:10px 0;
    width:100%;
    float:left;
}
.index_content span{
    margin-left:40px;
}
.index_content ul{
    margin-left:10px;
}
.index_content li{
    margin-left:5px;
    color:#1838a3;
    font-size:12px;
}
.index_content div{float:left;}
.index_add img{
    margin:0 5px;
}
.news{
    width:280px;
    height:135px;
    overflow:hidden;
    margin:10px;
    color:#1838a3;
    font-size:11px;
    float:left}
.news img{
    margin:5px;}
/*---------*/
.login_window{
    vertical-align:middle;
}
.login_window div{
    padding:2px 10px;
}
.login_window td{
    font-size:12px;
}
.login_window td td{ text-align:left}
.login_window td.register{
    padding: 20px 0 0 20px;
    border-left: 1px solid #dedede;
}

.login_window td.register_no_border{
    padding: 20px 0 20px 20px;
}

.login_window td.register p{
    font-size:14px;
    color: #333333;
}

.login_window label{
    color:#333333;
    font-weight:bold;
    display:block;
    margin:5px 0 0 3px;
}

.login_window input, .login_window select{
    font-size:13px;
    color:#333333;
    border: 1px solid #dedede;
    margin:0;
    width:100%;
    border-radius:3px;
}
.login_window input[readonly="readonly"]{
    color: #777;
    background: #f7f4f4;
    cursor: default;
}
.reg_div {
    max-width: 720px;
    margin: auto;
}
.reg_div h2,
.login_new h2{
    font-size: 24px;
    color: #000;
    padding: 0;
    margin: 20px 0;
}
.reg_div .top_reg{
    position: relative;
    float: right;
    width: 100%;
    background: #fafafa;
    padding: 20px 10px;
}
.reg_div .top_reg .icon-refresh-new{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.7rem;
    color: #00507d;
    cursor: pointer;
}
.profile_div .back_icon{
    position: relative;
    float: left;
    width: 34px;
    height: 34px;
    display: inline-block;
    left: 0;
    color: #00507d;
    border-radius: 50%;
    border: 1px solid #00507d;
    position: relative;
    text-align: center;
    margin: -15px 0 10px 10px;
}
.profile_div .back_icon:before{
    content: '';
    font-family: "FontAwesome", serif;
    font-weight: normal;
    font-size: 30px;
}
.top_reg .photobox{
    float: left;
    display: inline-block;
    margin: 10px 15px 15px 15px;
}

.top_reg .photo{
    float: left;
    border: 1px solid #ccc;
    margin: 10px 15px 0 15px;
}

.top_reg .photo ._uploadMask{
    margin-right: 0;
}
.top_reg .photo ._uploadMask {
    background: lightgray none repeat scroll 0 0;
    display: block;
    left: 0;
    top: 0;
    float: left;

    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.top_reg .photo ._uploadMask ._file-input {
    bottom: 0;
    cursor: pointer;
    height: 1500px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1500px;
    z-index: 3;
}
.top_reg .photo ._uploadMask ._overlay {
    position: absolute;
    display: none;
    width: 100%!important;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border: 1px solid white;
    box-sizing: border-box;
    text-align: center;
    top: 0;
    z-index: 1;
}
.top_reg .photo ._uploadMask ._upload-text {
    color: white;
    display: none;
    width: 100%!important;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    max-height: 40px;
    text-shadow: 0 0 5px white;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
}
.reg_div .right_reg{
    float: right;
}

.reg_div .form_block{
    min-width: 250px;
    min-height: 45px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 15px;
}
.reg_div .form_block1{  text-align: right}

.reg_div .form_block label{
    display: block;
    text-align: left;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    margin: 5px 0 0 3px;
}
.reg_div .form_block input,
.reg_div select,
.profile_div .pass_input{
    width: 250px;
    height: 25px;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #333333;
    font-size: 13px;
    padding: 0 3px;
    margin: 0;
}

.reg_div .form_block input.withccode {
    width: 230px!important;
}

.reg_div .form_block.data_protect_div input{ height: auto}
.reg_div  input.check{
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.other_citizen .form_block{
    margin-bottom: 10px;
}
.reg_div .form_block span{
    display: inline-block;
    text-align: left;
    font-size: 10px;
    color: #666;
    padding: 0 0 0 3px;
}
.reg_div input.reg_button,
input.red_button{
    float: right;
    width:auto!important;
    height: 25px !important;
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    border:1px solid #00507D;
    border-radius:3px;
    margin:0;
    font-size: 13px;
    color: #fff!important;
    background:#00507D;
    padding:0 20px;
    cursor: pointer;
}
.reg_div .reg_button,
.reg_div .gray_button{
    margin: 20px 15px;
}
.reg_div  .meassagebox{
    min-height: 50px;
    margin-top: 20px;
}
.reg_div li .gray_button{margin: 0 5px}
.profile_block .reg_button{ margin-bottom: 0}
.profile_div input.reg_button{ width: auto; float: none}
.profile_div .top_reg{ text-align: left}
.profile_div .resultbox{ position: relative}
.profile_div .resultbox.active:before{
    position:absolute;
    content:"";
    font-family: "FontAwesome", serif;
    font-size:35px;
    right: 7px;
    top: 5px;
    color: #00507d;
}
.profile_div .profile_block{
    float: left;
    width: 100%;
    text-align: left;
    padding: 10px;
}
.profile_div .current_pass{ min-width: auto}
/*.profile_div .current_pass input{
    width: 180px;
}*/
.profile_arm .data_protect_part{
    text-align: left;
    font-size: 14px;
}
.profile_div .data_protect_div span{
    font-size: 12px;
}
.profile_arm .email_phone .form_block,
.profile_arm .pin_block .view_pin{
    position: relative;
}
.profile_arm .email_phone input{
    padding-right: 25px;
}
.profile_arm  .edit_button{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 3px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    display: inline-block;
    background: #00507D;
    border-radius:3px;
    cursor: pointer;
}
.profile_arm  .edit_button:before{
    position: absolute;
    left: 0;
    right: 0;
    content: "\f040";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
}
.profile_div  .change_pass_block{
    float: left;
    margin: 0;
}
.profile_arm .top_reg input,
.profile_arm .view_pin input{
    background: none!important;
    border: 0!important;
}
.profile_arm .email_phone{
    border-top: 1px solid #ccc;
    padding: 5px 0 0 0;
    margin-top: 15px;
}
.profile_arm .data_protect_div{
    display: inline-block;
}
.profile_div  .change_pass_block label{
    font-size: 14px;
}
.profile_arm .data_protect_div  label{
    font-weight: normal;
    margin-left: 0;
}

.profile_arm .data_protect_div .toggle_comp{ margin-top: 5px}
.profile_arm .link_pass{
    text-decoration: underline;
    cursor: pointer;
    user-select: none;
}
.profile_div  .change_pass_block{
    float: left;
    margin: 0 15px;
}
.profile_div  .change_pass_block label{
    font-size: 14px;
}
.profile_div .pin_block,
.profile_div .view_pin {
    clear: both;
    padding-top: 10px;
}
.profile_div .pin_block div{
    clear: both;
}
.profile_div .pin_block div input{
    display: inline-block;
    width: 48%;
    margin: 5px 0;
}
.profile_div .pin_block div input:first-child{
    margin-right: 2%;
}
.profile_div .toggle_comp{

}
.profile_div .view_pin .edit_button{
    right: auto;
    bottom: auto;
}
.profile_div .toggle_comp{
    display: table;
    background: #fff;
    border-spacing: 0;
    border-radius: 10px;
}
.profile_div .toggle_comp > div{
    display: table-cell;
    font-size: 11px;
    opacity: 0.5;
    border: 1px solid #6b6868;
    padding: 3px 7px;
    cursor: pointer;
}
.profile_div .toggle_comp > div.input_unit.active{ border: 1px solid #006505; border-left: 1px solid #999;}
.profile_div .toggle_comp > div:first-child{
    border-right: 0;
    border-radius: 5px 0 0 5px;
}
.profile_div .toggle_comp > div:last-child{
    border-left: 0;
    border-radius: 0 5px 5px 0;
}
.profile_div .toggle_comp div.yes_cls.active,
.profile_div .toggle_comp div.no_cls.active,
.profile_div .toggle_comp div.none_cls.active{
    color: #fff;
    opacity: 1.0;
    cursor: default;
}
.profile_div .toggle_comp > div.input_unit.active{ opacity: 1.0}
.profile_div .toggle_comp div.yes_cls.active{
    background: #00507D;
    border-color:#00507D;
}
.profile_div .toggle_comp div.none_cls{ background: #777; color:#fff; }
.profile_div .toggle_comp div.no_cls.active,
.profile_div .toggle_comp div.none_cls.active{
    background: #ce4a33;
    border-color: #ce4a33;
}
.profile_div .toggle_comp div.none_cls.active{ cursor: pointer}

input.gray_button,
a.gray_button{
    height:26px;
    width:auto;
    min-width:80px;
    display: inline-block;
    text-decoration: none;
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    border-radius:3px;
    background:#f0f0f0;
    font-size: 13px;
    color:#666;
    border:0;
    padding:0 20px;
    cursor: pointer;
}
a.gray_button{vertical-align: middle; line-height: 26px }
.reg_type_div{
    display: inline-block;
    padding: 0 15px;
}
.reg_type{
    width: 100%;
    display: inline-block;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 10px 0;
}
.reg_type .message_text{ font-size: 15px}
.reg_type img{
    max-width: 90%;
}
.verify_page{
    display: inline-block;
    padding: 0 20px;
    margin: 5% auto 0 auto;
}
.reg_verify{
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: 20px;
    background: #fafafa;
    padding:30px 70px 30px 70px;
    margin-bottom: 20px;
}
.reg_verify.verified{
    background:#e7faed;
}
.reg_verify.verified:before{
    position: absolute;
    content:"\f058";
    top: 15px;
    left: 20px;
    font-family: "FontAwesome", serif;
    font-size: 40px;
    color: #0d8b34;
}
.reg_verify.unverified{
    background:#fedcdc;
}
.reg_verify.unverified:before{
    position: absolute;
    content:"\f057";
    top: 15px;
    left: 20px;
    font-family: "FontAwesome", serif;
    font-size: 40px;
    color: darkred;
}
.reg_verify .code_block{
    text-transform:none;
    line-height: 1;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
}
.reg_verify label{
    text-align: left;
    font-weight: normal;
    font-size: 16px;
}
.reg_verify .code_form{
    display: inline-block;
    margin: 10px 10px;
}
.reg_verify .code_form .input{
    width: 50px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    color: #3d87d4;
    padding: 3px;
    margin: 0;
}
.reg_verify .code_form .button{
    width: auto;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    text-decoration: none;
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
    border-radius: 3px;
    background: #3d87d4;
    font-size: 13px;
    color: #fff;
    border: 0;
    padding: 0 10px;
    margin: 0 5px;
    cursor: pointer;
}
.reg_verify em{ font-style: normal; color: #006595}
.reg_verify .after_verification{
    clear: both;
    text-transform: none;
    font-size: 13px;
    margin-top: 10px;
}
.reg_verify  a{
    display: inline-block;
    color: #006595;
}
.verify_page .continue_button,
.final_message .continue_button{
    float: right;
    display: inline-block;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    color: #006595;
    border:1px solid #006595;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.final_message .continue_button{
    float: none;
}
.reg_verify .error{
    display: block;
    text-transform: none;
}
.buttons_reg{
    clear: both;
    padding: 10px 0;
}
.buttons_reg > *{
    float: right!important;
    margin: 0 5px!important;
}
.final_reg_div{
    width: 100%;
    height: 100%;
}
.final_message{
    display: inline-block;
    text-align: center;
    font-size: 15px;
}
.final_reg_div:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.error_part_recovery{
    text-align:center;
    padding:10px 10px 10px 10px;
    text-wrap: none;
}
.error_part_unregister{
    text-align:center;
    padding:10px 10px 10px 10px;
    text-wrap: none;
}

.error_part{
    text-align:center;
    padding:10px 10px 10px 10px;
}

.alter_part{
    text-align:center;
    padding:10px 10px 10px 10px;
}
.alter{
    color: #39da74;
}

.error{
    color:#cc0000!important;
}
.message_text{
    font-size: 20px;
    color: #00507d!important;
}
.disable{
    opacity:0.5;
}

.ident_person {
    table-layout:fixed;
    margin-top:20px;
}
.ident_person td{
    font-size:12px;
}

.ident_person th{
    font-size:12px;
    font-weight:bold;
    text-align:left;
}
.hr{
    clear: both;
    width:100%;
    height:8px;
    border-bottom:1px solid #e9e9e9;
}
input.reg_submit{
    width:120px;
    margin:20px 0 0 90px;
}

.head_part{
    padding-bottom:25px;
}

.personal_data_part{
    text-align:left;
    padding:0 25px 0 25px;
    background:#fafafa;
}
.login_data_part{
    text-align:left;
    padding:0 25px 10px 25px;
}
.personal_data_part div.label{
    clear:left;
    padding:5px 0
}
.personal_data_part .photo{
    margin-top:15px;
}
.captcha_part{
    text-align:left;
    padding:0 25px 10px 25px;
    background:#f6f6f6;
}

.login_name{
    font-size:11px;
    font-style:italic;
    text-decoration: underline;
    padding-left: 10px;
}


.personal_data_part b{
    font-style:italic;
}
.personal_data_part font{
    font-size:11px;
}
/*---------*/
.footer{
    height:20px;
    background:#f0f0f0;
    border-top:1px solid #1838a3;
    text-align:center;
}
.footer div{height:20px;}
.footer a{
    color:#1838a3;
    margin:3px 0 0 20px;
    font-size:11px;
}

.footer img{
    margin:10px 0 0 0;
    border:1px solid #1838a3;
}
.hide_tr_eh{background: none;border:0;height: 0px}
.hide_tr_eh *{ display: none}
/*-----*/
.roll{
    margin:30px 10px 0 10px;
    width:220px;
    height:221px;
    position:relative;
}


.opacity{
    width:100%;
    height:100%;
    background:#d8d5f1;
    opacity:0.7;
}
.caption{
    position:absolute;
    top:60px;
    left:0;
    text-align:center;
    width:100%;
}
.caption span{
    color:#0886de;
    font-weight:bold;
}

.border_hrecover{
    border-bottom:3px solid #76a7fa;
    height:20px;
    text-wrap: none;
}
.border_h{
    border-bottom:3px solid #76a7fa;
    width:255px;
    height:20px;
}

.color1{ border-bottom-color:#76a7fa}
.color2{ border-bottom-color:#4dbfd9}
.color3{ border-bottom-color:#e46f61}
.color4{ border-bottom-color:#fbcb43}
.color5{ border-bottom-color:#bc5679}
.color6{ border-bottom-color:#8cc474}
/*-----------*/
.item1 {
    float:left;
    text-decoration:none;
    margin:10px;
    padding:10px 13px;
}
.from_menu_item{
    float:left;
    table-layout:fixed;
    width:270px;
    color:#000;
    background:#f0f0f0;
    border:1px solid #f0f0f0;
    border-radius:4px;
    box-shadow: 0 0 3px 2px #cccccc;
    cursor: pointer;
}
.from_menu_item .caption_item{
    /*border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;*/
    vertical-align:top;
    padding:5px 3px 0 3px;
}
.from_menu_item .content_item{
    height:180px;
    text-align:center;
    vertical-align:middle;
}

.from_menu_item .heading_color{
    height:5px;
    overflow:hidden;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
}
.from_menu_item .caption_role{
    overflow:hidden;
    color: #aaaaaa;
    font-size:14px;
}

.ins_new_btn{ text-align:right; padding:10px 15px 0 0 }
/*
.from_menu_item .caption_obj_name{
	height:16px;
	color: #aaaaaa;
	font-size:14px;
	text-align:right;
}
*/

.from_menu_item .caption_obj_name{
    height:18px;
    color: #040404;
    font-size:14px;
    font-weight: normal;
    text-align:right;
}

.from_menu_item .caption_obj_sub_name{
    height:18px;
    color:#aaaaaa;
    font-size:11px;
    font-weight: normal;
    text-align:left;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    padding: 0 5px 3px 5px;

}


.item1 .form_name{
    float:left;
    clear:both;
    display:block;
    width:270px;
    height:20px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight:normal;
    font-style:italic;
    font-size:12px;
    margin:5px 0 0 0!important;
    text-decoration:none;
    color: #040404;
}


.heading_color.color1{ background:#76a7fa}
.heading_color.color2{ background:#4dbfd9}
.heading_color.color3{ background:#e46f61}
.heading_color.color4{ background:#fbcb43}
.heading_color.color5{ background:#bc5679}
.heading_color.color6{ background:#8cc474}


.from_menu_item:hover{
    box-shadow: 0 0 5px 3px #d5d2d2;
}
.from_menu_item td{overflow:hidden}
.content_item {}
.img_cont img{border:0}
.content_item .img_cont div{box-sizing:border-box}
.content_item .img_cont,
.content_item .img_cont .img_icon1{
    position:relative;
    /*width:100%;*/
    height:90%;
    overflow:hidden
}
.content_item .img_cont .img_icon1 img{
    /*height:100%;*/
    width: 50%;
}
.content_item .img_cont .img_icon2{
    position:absolute;
    width:50px;
    bottom:0;
    right:15px;
    background:#c4d2dc;
    border-radius:50%;
    padding:10px;

}
.content_item .img_cont .img_icon2 img{
    width:100%;
}
.content_item .img_cont .img_icon3{
    position:absolute;
    top:25px;
    right:5px;
    width:68px;
    background:#cfdde7;
    border-radius:50%;
    padding:10px;
}
.content_item .img_cont .img_icon3 img{
    width:100%;
}
.content_item img.img_icon1{
    position:absolute;
    height:90%;
    top:0;
    left:0;
    transition: width 0.5s ,height 0.5s;
    -webkit-transition: width 0.5s, height 0.5s;
    border:0
}

.content_item:hover img.img_icon1{
    height:100%;
    top:0;
    left:0;
    transition: width 0.5s ,height 0.5s;
    -webkit-transition: width 0.5s ,height 0.5s;
}

.profile_group_title{
    width: 100%;
    text-align: center;
    font-size: 1.5em;
}
.profile_group_title_main_page{
    color:#276de6;
}

.profile_group_title_main_page:hover{
    text-decoration: underline;
    cursor: pointer;
}


.folder .back{
    /* background-image: -webkit-linear-gradient(top, #93bad8 0%, #89afcc 10%, #5985a5 60%);
     background-image: -moz-linear-gradient(top, #93bad8 0%, #89afcc 10%, #5985a5 60%);
     background-image: linear-gradient(top, #93bad8 0%, #89afcc 10%, #5985a5 60%);
 */background-color:#b7b8b8;
    border-radius:0 5px 0 0;
    box-shadow:0 -1px 1px rgba(0,0,0,0.15);
}

/* The top part */
.folder { margin-top:5px  }
.folder .back{
    position: relative;
    width:100%;
    height:5px;}
.folder .back:before{
    content:'';
    width:80px;
    height:5px;
    border-radius:4px 4px 0 0;
    background-color:#b7b8b8;
    position:absolute;
    top:-5px;
    left:0;
    box-shadow:0 -1px 1px rgba(0,0,0,0.15);
}

/*------*/

.help {
    float: left;
    display: inline-block;
    width:20px;
    text-align: left;
    margin:3px 0 0 10px;
}
.bar {
    display: inline-block;
    width:28px;
    height: 15px;
    text-align: left;
    vertical-align: middle;
    margin:0 0 0 10px;
}
.head_kz .bar{
    height: 20px;
}
.bar_settings{
    position: absolute;
    top: 10px;
    right: 50px;
    width: auto;
    height: 100px;
    text-align: left;
}

.bar_settings .menu_lang img{width:auto; height:auto;}
.bar .menu_lang img{width:25px; height:15px;border:0;margin:0}
.head_kz .bar .menu_lang img{ width: auto; height: auto}
.menu_lang{
    position:absolute;
}

.menu_lang ul,
.menu_lang li {
    margin: 0;
    padding: 0;
    list-style: none;

}

.menu_lang a {
    text-decoration: none; margin:0;padding:0
}



/*.menu_lang > ul > li {
float: left;
 position: relative;
}
  */

.menu_lang  ul  li  ul {
    position:absolute;
    opacity: 0;
    visibility: hidden;
    display: none;
    background-color: #f0f0f0;
    text-align: left;
    height: auto;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    padding:5px;
    margin-left:-5px;
    z-index:200000;
}
.head_kz .menu_lang  ul  li  ul{
    background-color: #c0bebe;
    padding:5px 7px;
}
.menu_lang:hover  ul   {
    display: block;
    border: none;
    visibility: visible;
    opacity: 1.0;
}

.menu_lang  ul  li li{ height:25px; margin:0;padding:0}
.menu_lang  ul  li  ul  li  a {
    line-height:5px;
    font-size: 12px;
    color: #000;
    display: block;
    text-shadow: none;
    background: #f0f0f0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    padding:0;
    margin:0;
    cursor: pointer;
}
.head_kz .menu_lang  ul  li  ul  li  a{
    background: none;
    box-shadow: none;
}
.login_new .choose_lang{
    float: right;
    display: inline-block;
    max-width: none;
    margin: -13px -25px 0 0;
}
.login_new .bar .menu_lang img{width:auto; height:20px;}
.login_new .help_index{
    margin: -15px 2px 0 0!important;
    width: 25px;
}

/*--------*/
.form_page{
    width:100%;
    height:100%;
    background: #f9f9f9;
    padding-left: 5px;
}
.form_page .filter_table_{
    width: 100%;
}
.form_page .form_borders{
    width: 100%;
    border-left: 1px solid #1838a3;
    border-right: 1px solid #1838a3;
}

.form_page .title_borders{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    border-bottom: 1px solid #1838a3;
    font-size:17px;
    color: #00507d;
}

.form_page .form_buttons{

}
.form_borders #heightValue{
    height:0;
    background:#fff;
    overflow:auto;
}
.form_buttons input{
    width: 100px;
    height:24px;
    /*background: linear-gradient(to bottom, #FFFFFF 20%, #D8D8E1 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    border: 1px solid #787DBD;
    border-radius: 5px;
    color: #081D5F;
    font-size: 12px;
    margin: 10px 10px 0 15px;
    text-align: left;
    padding-left:30px;
    cursor:pointer;
}
.form_buttons input.save {
    background:url(../img/images/print_icon.png) left no-repeat;
    background-position: 5px center;
}
.form_buttons input.close {
    background:url(../img/document_delete.png) left no-repeat;
    background-position: 7px center;
}
.filter_page{
    width:100%;
    height:100%;
    background: #f9f9f9;
}
.filter_page .filter_table_{
    width:100%;
    /*height:100%;*/
}
.filter_page .filter_table{width:100%;height:100%;table-layout:fixed}
.filter_page .filter_search .main_object{margin:0; width: 100%;}
.filter_page .result_td{height:100%}
.filter_page .result_div{
    width:100%;
    height:100%;
    overflow:auto;
}

.filter_page .result_td .result_div>.contentfb{
    height:100%;
}

.filter_page .result_div .main_object{
    width: 100%!important;
    height: 100%!important;
}
.filter_page .title_borders{
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: center;
    border-bottom: 1px solid #1838a3;
    font-size:17px;
    color: #2759c8;
}
.select2-container-multi .select2-choices .select2-search-choice{max-width: 100%; margin: 0!important}
.select2-container-multi .select2-choices{  padding: 5px!important;}
.select2-container-multi .select2-choices .select2-search-choice div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select2-search-choice-close{ top:3px!important;}
.filer_contaner{
    width: 100%;
    height: 100%;
}
.from_menu_item .caption_item{
    height:20px;
    text-align:left;
    text-decoration:none;
    padding:0 5px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.from_menu_item .caption_item{text-align:left}
.from_menu_item .caption_item,
.from_menu_item .heading_color,
.from_menu_item .section_name{
    padding:0 5px 0 5px
}
.from_menu_item .section_name{text-align:right;font-size:11px;padding:0 10px 7px 0}
.error_page{
    font-size:15px;
    line-height:1.6;
    color:#666
}
.error_page img{margin-right:20px}
.error_page strong{
    font-size:18px;
}

body .ui-widget {
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
}
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button {
    font-family: Helvetica, Arial,'Arian AMU', sans-serif;
}
.form_entry_ext,
.form_entry_ext .ui-dialog-content{
    padding:0!important;
    margin:0!important;
}


/*.secure_page{margin:auto}
.secure_page .warning_message{
    display: table;
    font-size:24px;
    border:1px solid #ccc;
    padding:20px 40px 20px 40px;
    margin:auto auto 20px auto;
}
.secure_page .warning_message img{
    width: 100px;
}

.secure_page .warning{
    float: left;
    white-space:nowrap;
    padding:0 20px 10px 20px
}

.secure_page .warning span{text-align:left;font-size:14px;white-space:nowrap;}
.secure_page .attention {float:left;font-weight:bold;color:#c20606;padding-right:5px}
.secure_page .person_data_table{
    display: table;
    font-size:14px;
    border:0;
    margin: auto;
}
.secure_page .person_data_table .img{
    float:left;
    background:#ccc;
    padding:2px;
    margin-right:10px
}
.secure_page .person_data_table .img img{margin:0}
.secure_page .person_data,
.secure_page .click,
.secure_page .person_data div{float:left;}
.secure_page .person_data {
    min-width:0;
    min-height:100px;
    border-right:1px solid #ccc;
    padding:0 30px 0 0;
}
.secure_page .person_data div{min-width:0; text-align:left;margin-top:10px;padding:0}
.secure_page .click{
    line-height:25px;
    padding:10px 0 0 30px;
}
.secure_page .click a{
    line-height: 1;
    color:#00507d;
    cursor: pointer;
}
.secure_page .upload_doc {
    position: relative;
    display: inline-block;
    padding-left: 35px;
}
.secure_page .upload_doc:before{
    position: absolute;
    left: 0;
    font-size: 28px;
}
.secure_page h1,
.access_request h1{
    text-align: left;
    font-weight:normal;
    font-size:24px;
    border-bottom:1px solid #ccc;
    margin:0;
    padding:10px 20px 5px 20px
}
.secure_page div{
    !*float:left;
    min-width:320px;*!

}
.secure_page h2{
    background:#e9e7e7;
    font-weight:bold;
    font-size:14px;
    margin:10px 0 10px 0;
    padding:0 10px
}
.secure_page .grant_access{
    display: table;
    text-align: center;
    margin: auto;
    border:0;
}
.secure_page .grant_access div{
    vertical-align: top;
    display: inline-block;
    text-align: left;
    padding: 10px 20px;
}
.secure_page .grant_access_valid div{
    display: block;
}
.secure_page .grant_access_valid textarea{
    max-width:100%;
}
.secure_page .grant_access ul{
    list-style:none inside;
    font-size:12px;
    margin:0;
    padding:0 0 5px 0;
}
.secure_page .grant_access ul em{color:#666;padding-left:20px}

.secure_page .grant_access select{width:150px;margin-left:5px}
.secure_page .grant_access .hasDatepicker{margin-left:5px}
.secure_page .grant_access ul input,
.secure_page .grant_access select{
    font-size:11px;
    vertical-align:middle;
    margin:0;
    padding:0;
}
.secure_page .grant_access .ecard_img{
    position: relative;
    width: 120px;
    margin: 0 0 -35px 60px;
}
.secure_page .grant_access .input{width:120px}
.secure_page .grant_access ul li{
    min-height:25px;
    max-width:500px;
    margin:0;
    padding:0 10px 0 25px;
}
.secure_page .grant_access ul li input[type=radio]{
    position: relative;
    margin-left: -15px;
}
.secure_page div.bottom_button{
    width: 100%;
    min-width:0;
    text-align: right;
}
.secure_page .grant_access_valid .bottom_button {
    text-align: center;
    margin-top: 10px;
}
.secure_page .emergency_access{
    clear:both;
    font-size:12px;
    border-top:1px dotted #ccc;

}
.secure_page .emergency_access  textarea{
    width:250px;
    font-size:11px;
    overflow: auto;
    margin:5px 0 0 15px
}*/

.secure_page{
    width: 90%;
    max-width: 612px;
    display: flex;
    overflow: hidden;
    text-align: left;
    font-family: Inter, sans-serif;
    font-size: 16px;
    background: #FFFFFF;
    border: 1px solid #E6EAF3;
    border-radius: 12px;
    margin: 5% auto;
}
.secure_page > div:first-child{
    width: 22%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F4FA;
}
.secure_page > div:first-child img{
    max-width: 80%;
}
.secure_page > div:last-child{
    padding: 2em;
}
.secure_page .hd_secure,
.secure_page .attention{
    font-size: 1em;
    font-weight: 700;
    color: #303641;
    margin-bottom: 0.75em;
}
.secure_page .hd_secure{
    display: inline-block;
}
.secure_page .attention{
    color: #DC6C71;
}
.secure_page .text_secure1,
.secure_page .warning_message{
    font-size: 1em;
    font-weight: 400;
    color: #303641;
}
.secure_page .warning_message{
    font-size: 0.8125em;
}

.secure_page .click{ font-size: inherit}
.secure_page .button{
    font-size: 0.875em;
}

/*.secure_page .person_data_table{
    display: table;
    font-size:14px;
    border:0;
    margin: auto;
}
.secure_page .person_data_table .img{
    float:left;
    background:#ccc;
    padding:2px;
    margin-right:10px
}
.secure_page .person_data_table .img img{margin:0}*/
/*.secure_page .person_data,
.secure_page .click,
.secure_page .person_data div{float:left;}
.secure_page .person_data {
    min-width:0;
    min-height:100px;
    border-right:1px solid #ccc;
    padding:0 30px 0 0;
}
.secure_page .person_data div{min-width:0; text-align:left;margin-top:10px;padding:0}
.secure_page .click{
    line-height:25px;
    padding:10px 0 0 0;
}
.secure_page .click a{
    line-height: 1;
    color:#00507d;
    cursor: pointer;
}*/
.secure_page .upload_doc {
    position: relative;
    display: inline-block;
    padding-left: 35px;
}
.secure_page .upload_doc:before{
    position: absolute;
    left: 0;
    font-size: 28px;
}
.secure_page h1,
.access_request h1{
    text-align: left;
    font-weight:normal;
    font-size:24px;
    border-bottom:1px solid #ccc;
    margin:0;
    padding:10px 20px 5px 20px
}
.secure_page div{
    /*float:left;
    min-width:320px;*/

}
.secure_page h2{
    background:#e9e7e7;
    font-weight:bold;
    font-size:14px;
    margin:10px 0 10px 0;
    padding:0 10px
}
.secure_page .grant_access{
    display: table;
    text-align: center;
    margin: auto;
    border:0;
}
.secure_page .grant_access div{
    vertical-align: top;
    display: inline-block;
    text-align: left;
    padding: 10px 20px;
}
.secure_page .grant_access_valid div{
    display: block;
}
.secure_page .grant_access_valid textarea{
    max-width:100%;
}
.secure_page .grant_access ul{
    list-style:none inside;
    font-size:12px;
    margin:0;
    padding:0 0 5px 0;
}
.secure_page .grant_access ul em{color:#666;padding-left:20px}

.secure_page .grant_access select{width:150px;margin-left:5px}
.secure_page .grant_access .hasDatepicker{margin-left:5px}
.secure_page .grant_access ul input,
.secure_page .grant_access select{
    font-size:11px;
    vertical-align:middle;
    margin:0;
    padding:0;
}
.secure_page .grant_access .ecard_img{
    position: relative;
    width: 120px;
    margin: 0 0 -35px 60px;
}
.secure_page .grant_access .input{width:120px}
.secure_page .grant_access ul li{
    min-height:25px;
    max-width:500px;
    margin:0;
    padding:0 10px 0 25px;
}
.secure_page .grant_access ul li input[type=radio]{
    position: relative;
    margin-left: -15px;
}
.secure_page div.bottom_button{
    width: 100%;
    min-width:0;
    text-align: right;
}
.secure_page .grant_access_valid .bottom_button {
    text-align: center;
    margin-top: 10px;
}
.secure_page .emergency_access{
    clear:both;
    font-size:12px;
    border-top:1px dotted #ccc;

}
.secure_page .emergency_access  textarea{
    width:250px;
    font-size:11px;
    overflow: auto;
    margin:5px 0 0 15px
}
.emergency_access.not_alloyed{opacity:0.5}

.emergency_access span{display:none}
.emergency_access.not_alloyed span{
    display:inline
}
/*.secure_page .emergency_access input{vertical-align:middle;margin:0; padding:0}*/

/*.secure_page_arm{
    text-align:center; color:#666;    padding: 30px 15px;margin:auto}
.secure_page_arm .warning_message{
    display: inline-block;
    max-width: 910px;
    text-align: center;
    font-size:24px;
    border:1px solid #ccc;
    padding:20px 40px 20px 40px;
    margin:auto auto 20px auto;
}
.secure_page_arm .warning_message img{
    float: left;
    width: 20%;
    margin: 0;
}

.secure_page_arm .warning{
    float: left;
    width: 80%;
    text-align:justify;
    padding:20px 0 20px 20px
}
.secure_page_arm .warning strong{display:inline-block; margin-bottom:10px;}
.secure_page_arm .warning span{ font-size:14px;}
.secure_page_arm .attention {float:left;font-weight:bold;color:#c20606;padding-right:5px}
.secure_page_arm .continue_button{
    vertical-align: middle;
    font-size: 13px;
    color: #fff;
    background: #00517e;
    border: 0;
    border-radius: 5px;
    padding: 10px 15px;
    margin-right: 30px;
}
.secure_page_arm .continue_button.disabled{
    background: #676767;
}
.secure_page_arm .person_data_table span{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.secure_page_arm .person_data_table{
    display: block;
    max-width: 910px;
    font-size:14px;
    border:0;
    margin: 25px auto 0 auto;
}
.secure_page_arm .person_data_table > div{
    float: left;
    width: 50%;
}

.secure_page_arm .person_data {
    min-width:0;
    text-align: center;
    border-left:1px solid #ccc;
    padding:0 30px 0 30px;
}
.secure_page_arm .person_data:first-child{ border: 0}
.secure_page_arm .person_data div{
    min-width:0;
    display: inline-block;
    text-align: left;
    margin:auto;
    padding:0
}
.secure_page_arm .person_data label{
    position: relative;
    padding-left: 25px;
}
.secure_page_arm .person_data label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    margin-left: -25px;
}
.secure_page_arm .person_data textarea,
.secure_page_arm .person_data input[type=text]{
    resize: none;
    text-align: center;
    border: 1px solid #d2d2d4!important;
    border-radius: 3px!important;
    overflow: auto;
    margin: 5px 0;
}
.secure_page_arm .person_data textarea{
    width: 100%;
    height:47px;
    text-align: left;
    padding: 5px 10px!important;
}
.secure_page_arm div.restrict_history{
    padding:0 0 20px 40px;
}
.secure_page_arm div.restrict_history em{
    position: relative;
    float: left;
    font-size: 25px;
    color: #f9d016;
    margin-left: -35px;
}*/
.popup_elem_prop{
    width:650px!important;
    max-width: 100%;

}
.popup_elem_prop .win_cont{
    text-align: left;
}
.popup_elem_prop .element_block{
    display: inline-block;
    vertical-align: middle;
    margin:2px 5px 2px 0;
}
.popup_elem_prop .path_buttons{
    float: right;
}
.popup_elem_prop .path_buttons .button{ float: none}
.datepicker_style{ z-index: 100000!important;}
@media all and (max-width: 960px)  {
    .warning_message{
        text-align: center;
    }

    .secure_page .warning,
    .secure_page .warning_message img{
        float: none;
        white-space: normal;
        margin: auto;
    }
    .secure_page .grant_access ul li{
        max-width: 350px;
    }
    .secure_page .warning{margin-top:10px;}

}
@media all and (max-width: 890px)  {
    /* .secure_page_arm .warning,
     .secure_page_arm .warning_message img{
         float: none;

     }
     .secure_page_arm .warning{
         width: 100%;
     }
     .secure_page_arm .warning strong{ width: 100%; display: inline-block; text-align: center}*/
}
@media all and (max-width: 770px)  {
    /* .secure_page_arm .person_data_table > div{
         width: 100%;
         border-top: 1px solid #ccc;
         border-left: 0;
         padding: 20px;
     }
     .secure_page_arm .person_data_table .person_data{
         float: none;
         width: 70%;
         text-align: left;
         margin: auto;
     }*/
}
@media all and (max-width: 755px)  {

    .secure_page .warning_message{
        padding: 20px;
    }
    .secure_page .warning span{
        float: none!important;
        white-space: normal;
        margin: auto;
    }
    .secure_page div{ min-width: 0}
    .secure_page .person_data{ vertical-align: top}

    .secure_page .person_data  div{
        max-width:230px;
        overflow: hidden;
    }
    .secure_page .grant_access div{
        display: block;
        max-width: 600px;
        overflow: hidden;
    }

}
@media all and (max-width: 740px)  {

    .reg_div .profile_block .right_reg{
        float: none;
        clear: both;
        display: inline-block;
        margin: auto;
        margin-top: 15px;
    }
    .profile_arm .profile_block .right_reg{
        float: right;
    }


}
@media all and (max-width: 710px) {

    .reg_div .top_reg,
    .profile_div .profile_block,
    .reg_div .other_citizen{
        text-align: center;
    }
    .top_reg .photo,
    .top_reg .photobox{
        float: none;
        display: inline-block;
    }
    .buttons_reg{
        text-align: center;
    }
    .buttons_reg > *{
        float: none!important;
    }
    .reg_div .right_reg{
        float: none;
        clear: both;
        display: inline-block;
    }
    .profile_arm .profile_block .right_reg{
        float: none;
        max-width: 350px;
        display: inline-block;
        text-align: left;
    }
    .reg_div .form_block{ min-height: auto; margin-bottom: 10px}
    .reg_div .form_blockhide{ display: none}
    .ac_subinfo{ display: none}
    .full_width{
        flex-wrap: wrap;
    }
}
@media all and (max-width: 650px) {
    .profile_div  .form_block.change_pass_block label{
        min-width: 200px;
        display: inline-block;
        text-align: left;
        margin: auto;
    }
}
@media all and (max-width: 580px) {
    .popup_elem_prop .path_buttons{
        float: none;
        clear: both;
        padding: 10px 0 0 0;
    }
    .popup_elem_prop .path_buttons .button{
        margin: 0 5px 0 0;
    }
    .reg_div .form_block{ min-height: 0; padding-bottom: 5px}
    .profile_arm .data_protect_div{
        float: left;
        clear: both;
    }

}
@media all and (max-width: 570px) {
    .secure_page .person_data_table div{width: 100%; display: block; padding: 0}
    .secure_page .person_data,
    .secure_page .click{
        float: none;
        display: table;
        table-layout: fixed;
        text-align: center;
        padding: 10px;
        margin: auto;
    }
    .secure_page .person_data{
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }
    .secure_page .person_data .img,
    .secure_page .person_data  div{
        float:none;
        display:inline-block;
        vertical-align: top;
        margin: 10px auto 10px auto;
    }
    .secure_page .person_data  div{
        display:block;
        max-width: 100%;
        overflow: hidden;
    }
    .secure_page .click{
        margin-top: 15px;
    }
    .secure_page *{
        float: none;
    }
    .secure_page .grant_access,
    .secure_page .grant_access div,
    .secure_page .grant_access ul{
        width: 100%;
    }
    .secure_page .grant_access li{ max-width: 100%}
    /*.secure_page_arm .warning_message{
        padding: 20px 40px 20px 20px;
    }
    .secure_page_arm .person_data_table .person_data{
        width: 90%;
        margin: auto;
    }*/

}
@media all and (max-width: 500px){

    .account_mobile{ display: none; margin-right: 5px}
    .d_menue_footer .account_mobile{ display: inline-block}
    .last_td .account > b.logout{ display: none}
    .pass_div{
        display: block;
    }
    .eh_footer_line{ display: none}
}
@media all and (max-width: 300px){

}
.datepicker_cutom_class{z-index:60000!important}
input.hasDatepicker{width:75px;}
.access_page{
    padding-top:10px;
}
.access_table {}
.access_table th,
.access_table td{
    text-align:left;
    font-size:12px;
    border-right:1px solid #fff;
    padding:3px 10px
}
.access_table input{
    width:auto;
    height:auto;
    font-size:12px;
    padding:0 10px;
    cursor:pointer;
}
.access_table input.gray_button{border:1px solid #ccc}
.access_table  th{
    white-space:nowrap;
    background:#798088;
    color:#fff;
}
.access_table th.last{border:0}
.access_table tr:nth-child(odd)  td{background:#fff;}
.access_table tr:nth-child(even) td{background:#e6e7e8;}
.access_table tr:hover td{background:#f1f2f2}
.access_request{
    font-size:12px;
}
.access_request div{
    float:left;
    margin:10px 20px
}
.access_request h1 strong{
    color:#0074bc
}
.access_page .current_access_div{
    clear: both;
    max-width: 900px;
    text-align: left;
    counter-reset: section;
    padding: 15px;
}
.access_page h2{
    position: relative;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #0a1f13;
    background: #f4f6f9;
    border-bottom: 1px solid #1b6be4;
    padding: 3px 0 3px 10px;
    margin: 0;
}

.access_page h3{
    background: #f2f5fb;
    text-align: left;
    font-size: 13px;
    color: #444;
    padding: 2px 10px 2px 5px;
}
.access_page .current_access_div .currant_valid_div{
    display: inline-block;
    padding: 0 15px;
}
.access_page .current_access_div  ul{ padding: 0 10px 0 15px}
.access_page .current_access_div .currant_valid_div ul{
    padding: 0 10px 0 10px;
    margin: 0;
}
.access_page .current_access_div li{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    text-align: left;
    list-style: none;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
}
.access_page .access_buttons{
}
.access_page .access_buttons input:first-child{ margin: 5px 5px 0 0}
.access_page .access_details{width: 100%}
.access_page .current_access_div li input{
    float: right;
}
.access_page .current_access_div .revoke_button{
    border: 1px solid #f92451;
}
.form_left{
    width:100%;
    height:100%;
    position:relative;
}
.form_left_cont{
    position:absolute;
    width:100%;
    height:100%;
    overflow:auto;
}
.noTitleStuff .ui-dialog-titlebar {display:none}
.printDiv{
    padding:0 120px 0 15px;
}
.print_button{
    position: absolute;
    right: 15px;
    z-index: 1000;
}
.documentPrint,
.referralPrint{
    text-align: left;
    padding: 20px 15px;
}
.documentPrint .treatment_plan_doc{
    border-bottom: 1px dotted #ccc;
    margin-top: 15px;
}
.documentPrint .treatment_plan_doc:last-child{ border: 0}
.documentPrint .procedure_item{
    /* display: inline-block;*/
}
.documentPrint .inline_block{
    display: block;
    text-align: left;
    font-size: 13px;
    padding: 5px 0;
}
.documentPrint .inline_block .inline_block{
    display: -webkit-flex;
    display: flex;
    align-items:baseline;
}
.documentPrint .inline_block strong{
    border-bottom: 1px solid #999;
    padding: 0 15px;
}
.documentPrint .treatment_task_status{
    text-align: left;
    font-size: 13px;
    margin-top: 25px;
}
.documentPrint .treatment_task_status span{
    display: block;
}
.bulletinapp{
    max-width: 790px;
    font-size: 13px;
}
.bulletinapp h2{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
.bulletinapp span{display: inline-block}
.bulletinapp .text_right{
    text-align: right!important;
}

.bulletinapp .text_upper{
    font-size: 14px;
    text-transform: uppercase;
}
.bulletinapp .print_block{
    text-align: center;
    vertical-align: middle;
    margin: 10px 10px;
}
.bulletinapp  .text_left{
    text-align: left;
}
.bulletinapp .print_block strong{ margin-left: 10px}
.bulletinapp .dotted_line{
    min-width: 100px;
    display: inline-block;
    border-bottom: 1px dotted #666;
    padding:0 5px 3px 5px;
}
.bulletinapp span.solid_line,
.bulletinapp div.solid_line{
    width: 100%;
    min-width: 100px;
}

.bulletinapp .solid_line{
    font-weight: bold;
    border-bottom: 1px solid #666;
    padding:0 5px 3px 5px;
}
.bulletinapp .comment_span {
    text-transform: none;
    font-size: 12px;
    padding: 0 3px;
}
.bulletinapp .left_block{
    float: left;

}
.bulletinapp .right_block{
    float: right;
}
.bulletinapp .left_block,
.bulletinapp .right_block{
    width: 45%;
    white-space: nowrap;
}
.bulletinapp .left_block > .print_block,
.bulletinapp .right_block > .print_block{
    position: relative;
    width: 100%;
    display: flex;
}
.bulletinapp .left_block > .print_block .print_block,
.bulletinapp .right_block > .print_block .print_block{
    width: 100%;
}
.bulletinapp .right_block > .print_block .print_block .kt{ float: right}
.bulletinapp .left_block strong.solid_line,
.bulletinapp .right_block strong.solid_line{
    display: inline-block;
    width: 100%;
    min-width: 130px;
    margin-left: 0;
    margin-right: 5px;
    text-align: center;
}
.bulletinapp .not_width{ width: auto!important;}
.bulletinapp table{
    border-collapse:collapse ;
    border: 1px solid #666;
}
.bulletinapp table th{
    text-transform: uppercase;
}
.bulletinapp table th,
.bulletinapp table td{
    font-size: 13px;
    border: 1px solid #666;
    padding: 5px 10px;
}
.bulletinapp table .title td{ font-size: 12px; text-align: center}
@media print {
    .bulletinapp{
        max-width: 100%;
        padding: 0;
    }
}
.education_vide,
.curr_checkpoint,
.curr_exam{
    position: relative;
    text-align: left;
    cursor: pointer;
    transition:all 0.3s ease 0s;
}
.education_vide:hover,
.education_vide:active,
.curr_checkpoint:hover,
.curr_checkpoint:active{
    background: #d7e1e7;
}
.curr_exam:hover,
.curr_exam:active{
    background: #eef4f7;
}
.d_menue .education_vide span,
.d_menue .curr_checkpoint span,
.d_menue .curr_exam span{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #387bb0;
    background: url(../img/video.png) 10px center no-repeat;
    border-bottom: 1px solid #a1b0ba;
    padding: 10px 40px 10px 40px;
}
.examination_window .examinetion_div .curr_exam{
    border-top:2px solid #878f9c;
    cursor:default;
}
/*.d_menue .curr_checkpoint span{background: url(../img/hand_icon.png) 10px center no-repeat;}*/
/*.examination_window .examinetion_div .curr_exam span{background: url(../img/educ_icon.png) 10px center no-repeat;}*/
.examination_window,
.education_window{
    text-align: right;
}
.examination_window img,
.education_window img{ border: 0}
.education_vide .edit_buttons,
.curr_checkpoint .edit_buttons,
.curr_exam .edit_buttons{
    position: absolute;
    right:5px;
    top:50%;
    margin-top: -8px;
}
.curr_exam .buttons_exam{
    min-width: 50px;
    top:1px;
    text-align: right;
    background: #dadde1;
    padding: 0 5px;
    margin: 0;
}

.examinetion_div .curr_exam span{
    border-bottom:0;
}

.examinetion_div .scenarios h4{
    position: relative;
    text-align: center;
    font-weight: normal;
    background: #dde3eb;
    padding: 0;
    margin: 0;
}
.examinetion_div .scenarios h4 a{
    position: absolute;
    right: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #3362aa;
    cursor: pointer;
}
.examinetion_div .scenarios .curr_scenar span{
    color:#88909d;
    background: none;
    padding:5px 10px ; }
.examinetion_div .scenarios .curr_scenar img{ cursor: pointer}

.examinetion_div .scenarios span{ background: none}
.examinetion_div .scenarios{
    text-align: right;
    padding: 0px 20px 10px 20px;
}
.examinetion_div .curr_scenar{
    text-align: left;
    border-bottom:1px dotted #cccccc;
}
.curr_scenar input{ background: none; border: 0; padding: 0}
.education_vide .edit_buttons img,
.edit_buttons .edit_buttons img{ vertical-align: middle; border: 0}
.d_menue input.educ_button{

    margin: 10px;
}
.d_menue .tab_exam{
    float: left;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #a4a4a4;
    padding-bottom: 1px;
    margin: -10px 0 10px 0;
}
.d_menue .tab_exam span.checkpoint{border-right: 1px solid #a4a4a4;}
.d_menue .tab_exam span{
    float: left;
    position: relative;
    width: 50%;
    height:100%;
    display: block;
    text-align: center;
    font-style:normal;
    color: #0e0e0e;
    background: #dfdfdf;
    cursor: pointer;
    padding: 5px 10px;

}

.tab_exam span.active{
    height:30px;
    font-size:14px ;
    color:#387bb0;
    background: #fff;
    border-top: 1px solid #a4a4a4;
    cursor: default;
    margin-bottom: -2px;
    z-index: 10;
}
.d_menue .tab_exam span:hover,
.d_menue .tab_exam span:active{
    background: #fff;
}
.ui-dialog{
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    padding: 0!important;
}
.ui-front{z-index:50000}
.popup_eh{
    max-width: 100%;
}
.popup_eh .ui-widget-header{
    border: 0;
    border-bottom: 1px solid #afb1b4;
    border-radius:0!important;
    padding: 5px 0;
    /* background:none!important;
     border-bottom:1px solid #1462af!important;
     margin-bottom:5px!important;*/
}
.ui-dialog.confirm_identification{
    border: 0;
    border-radius: 7px;
    overflow: hidden;
}
.confirm_identification.ui-dialog .ui-dialog-titlebar{
    height: 35px;
}
.ui-dialog.confirm_identification .ui-dialog-content{
    padding: 0;
}
.ui-dialog.confirm_identification .ui-dialog-buttonpane{width:100%;background: #fff;}
.ui-dialog.confirm_identification .ui-dialog-buttonpane .ui-dialog-buttonset{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    border: 0;
}
.ui-dialog.img_identification .ui-dialog-buttonpane .ui-dialog-buttonset{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px 10px 10px;
}
.ui-dialog.confirm_identification .ui-dialog-buttonpane .ident_text{
    display: block;
    font-size: 13px;
    color: #00507d;
    padding: 10px 0 10px 10px;
}
.ui-dialog.img_identification .ident_text{
    width:100%;
}
.window{
    padding: 0!important;
}
.window .window-header{
    position: relative;
    width: auto!important;
    padding:5px 0px 6px 0!important;
    margin: 0;
}
.popup_eh.ui-dialog .ui-dialog-titlebar,
.window .window-header{
    background: #00507D!important;
    padding-bottom: 3px;
}
.popup_eh.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.window .window-header .panel-title{
    color: #fff;
    padding-left: 10px;
}
.popup_eh.ui-dialog .ui-dialog-titlebar-close,
.window .window-header .panel-tool-close{
    top:2px;
    left: auto;
    color: #fff;
    opacity: 1.0;
    background: none!important;
    border:0!important;
    margin: auto!important;
    outline: none;
}
.popup_eh.ui-dialog .ui-dialog-titlebar-close .ui-icon{background: none!important;}
.popup_eh.ui-dialog .ui-dialog-titlebar-close:after,
.window .window-header .panel-tool-close:after{
    position: absolute!important;
    top: 3px;
    right: 5px;
    content:"\e92f";
    font-family: "sylexfont";
    text-indent: 0;
    font-size: 13px;
    color: #fff;
}
.popup_eh.combos_popup .ui-dialog-titlebar-close:after{ color: #555}
.popup_eh .ui-dialog-buttonpane,
.window .dialog-button{
    background: #ececec;
    border-bottom: 0;
    margin-top: 0!important;
    padding-top: 5px;
}

.popup_eh .ui-dialog-buttonpane button.ui-button{
    float: right;
    display: inline-block;
    font-size: 12px;
    color: #666;
    background: #f9f9f9;
    border: 1px solid #00507d;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    padding: 4px 10px;
    margin: 0 0 0 10px;
    cursor: pointer;
    outline: 0;
}
.popup_eh .ui-dialog-buttonpane button.ui-button .ui-button-text{
    padding: 0;
}
.popup_eh .ui-dialog-content{
    max-width: 100%;
    max-height: calc(100vh - 100px)!important;
    font-size: 12px;
}
.popup_eh .error_page{
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    padding-left: 10px;
}
.popup_eh .ui-dialog-titlebar-close{
    /*background:url(../img/images/ico_delete.png) center right no-repeat!important;*/
    background: none!important;
    border:0!important;
    margin-top:-15px!important;
}

.popup_eh .popup_controls{
    text-align: right;
}
.popup_eh .popup_controls button{
    cursor: pointer;
}
.popup_eh iframe{ max-width: 100%}
.exam_warning{
    display: inline-block;
    min-width: 350px;
    font-size: 16px;
    color: #444;
    background: #e1d3c8;
    padding: 10px;
    margin: 20px 0;
}
.exam_warning span{
    font-weight: bold;
    color: #333;
}
.exam_warning a{
    text-decoration: underline;
    color:#276de6;
    cursor: pointer;
}
.exam_warning div{
    font-style: italic;
    font-size: 12px;
    color:#888;
}
/* timepicker*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
/*-----------------------------------------*/
.cpoe_find_add_patient .textbox {

    border-radius: 2px;
    border: 1px solid #e3e9ef;
}
.cpoe_find_add_patient .textbox input{width: 100%;}
.optgroup_find_patient_div .combobox-item{
    float: left;
    clear: both;
    width: 100%;
    cursor: pointer;
}
.optgroup .option div {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    line-height: 1.5;
    margin-left: -70px;
    overflow: hidden;
    padding-left: 70px;
    width: 100%;
}
.panel-body{
    border: 1px solid #e3e9ef;
}
.ui-dialog-content{ max-width: 100%}
.copyright_text{
    max-width: 500px;
    font-size: 10px;
    font-weight: normal;
    color:#999;
    margin: auto;
    padding-top: 2em;
}
.copyright_text span{
    white-space: nowrap;
}
.visit_save_popoup{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999999;
}
.waiting_div{
    position: fixed;
    width: 100%;
    max-width: 300px;
    min-width: 200px;
    min-height: 200px;
    right: 0;
    left:0;
    text-align: center;
    font-size: 18px;
    color: #666;
    background: #fff;
    border:1px solid  #ddd;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    z-index: 6000;
    padding: 20px 10px;
    margin: 5% auto 0 auto;

}
.waiting_div img{
    /*border-radius: 2px;
    border: 1px solid #2ab7d0;
    box-shadow: 0 0 3px 2px #ccc;*/
    width: auto!important;
    margin-bottom: 20px;
    z-index: 5000;
}
.waiting_overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    background: #fdfdfd;
    top:0;
    left: 0px;
    z-index: 5000;
    opacity: 0.8;
}
@media all and (max-width: 620px) {
    .headwith_tab .user_name{
        display:inline-block;
        max-width: 100px;
        overflow: hidden;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
@media all and (max-width: 540px) {
    .header_line .logo{
        margin: 0 5px 0 10px!important;
        height: 21px;
    }
    .headwith_tab .user_name{
        display:inline-block;
        max-width: 150px;
        overflow: hidden;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .welcome{
        display: none;
    }
}
@media all and (max-width:500px) {
    .header_line .user_name{ max-width: 110px;}
    .headwith_tab .user_name{
        display: none;
        max-width: 110px;
    }
    /*.headwith_tab .photo_div{ display: none}*/
    .headwith_tab .logo{ display: none}

}
@media all and (max-width: 450px) {
    .headwith_tab .user_name{ max-width: 100px;}
}
@media all and (max-width: 400px) {
    .headwith_tab .user_name{max-width: 70px;}
}
@media all and (max-width: 375px) {
    .header_div .first_td a{
        width: 35px;
        overflow: hidden;
        display: inline-block;
    }
    .header_line .user_name{ max-width: 100px;}
    .headwith_tab .first_td a{ width: 1px}
    .doctor_status_prof_pic_cont{ display: none!important;}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /*background-color: #FFFFFF !important;*/
    color: #555 !important;
    /* -webkit-box-shadow: 0 0 0 1000px white inset !important;
     -webkit-text-fill-color: #555555 !important;*/
}

.helpMain {
    max-width: 1100px;
    text-align: justify;
    line-height: 1.5;
    font-size: 13px;
    padding: 15px;
}
.helpMain .helpCont{
    display: flex;
}
.helpMain .menuDiv{
    display: inline-block;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
    padding: 15px 20px;
}

.helpMain .menuDiv ul,
.helpMain .menuDiv li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.helpMain .menuDiv li{
    text-align: left;
    border-left:2px solid transparent;
    padding: 0px 10px;
    margin-bottom:5px ;
}

.helpMain .menuDiv li.active{border-left:2px solid #00507d}

.helpMain .menuDiv li a{
    font-size: 13px;
    color: #909090;
    text-decoration:none
}
.helpMain .menuDiv li.active a{font-weight:bold;color: #00507d}
.helpRight{
    width: 80%;
}
.helpMain h2{
    text-align: left;
    font-size: 22px;
    color: #00507d;
    padding: 0;
    margin: 10px 0 20px 20px;
}
.helpMain h3{
    font-size: 18px;
    padding: 0;
    margin: 10px 0 20px 0;
}
.helpMain img{
    max-width: 100%;
}
.sylex_version_tag{
    float: right;
    font-size: 12px;
    color:#276de6;
    padding: 0 10px 0 10px;
}
.collapsible{
    font-size: 13px;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 0;
    margin: 0;
}
.collapsible-header {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: block;
    padding: 10px 20px 10px 10px;
}
.collapsible-header:after{
    position: absolute;
    content: "\e96c";
    top:15px;
    right: 0;
    font-family: sylexfont;
    font-weight: normal;
    font-size: 9px;
    color: #00507d;
}
.collapsible > li.active .collapsible-header:after{content: "\e961";}
.collapsible > li.active  .collapsible-header{
    border-bottom: 0;
}
.collapsible-body {
    border-bottom: 1px solid #ddd;
    display: none;
    /*padding: 10px 20px;*/
}

.collapsible {
    border: medium none;
    box-shadow: none;
}
.collapsible > li {
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    list-style: decimal;
    margin: 0 24px;
}
.collapsible > li.active {
    /*box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 16px 0;*/
}
.collapsible > li.active .collapsible-header{
    font-weight: bold;
    color: #00507d;
}
.collapsible p{
    margin: 0;
    padding: 10px 10px;
}
@media all and (max-width:855px){
    .helpMain .helpCont{
        display: block;
    }
    .helpMain .helpRight{
        width: 100%;
    }
}
.jquery-loading-modal__bg{ background: #ccc!important;}
.loginDialog.popup_eh .ui-widget-header {
    border-bottom:0!important;
}
.loginDialog .login_new h2,
.loginDialog .login_new {
    margin-top: 0;
}
.helpMain a{
    color: #00507d;
}
.faq_info{
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-top: 40px;
}
.faq_info strong{color:#00507d}
.faq_info:before{
    width: 70px;
    display: block;
    content: "";
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin: auto;
}
.call_center_popup h3{
    font-size: 18px;
    color: #00507d;
    padding: 0 0 20px 0;
    margin: 0;
}
.call_center_popup{
    position: fixed;
    width: 740px;
    max-width: 100%;
    left: 0;
    right: 0;
    top: 20%;
    font-size: 13px;
    background: #fff;
    text-align: center;
    padding: 15px;
    box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.2);
    border: 1px solid #ccc;
    margin: auto;
    z-index: 1000;
}
.call_center_popup .close_cc{
    position: absolute;
    top: 5px;
    right: 10px;
    text-decoration: none!important;
    cursor: pointer;
}
.call_center_popup .close_cc:before{
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #999;
}
.call_center_popup .call_center_cont{
    width: 100%;
}
.call_center_popup textarea{
    float: left;
    clear: both;
    width: 100%;
    height: 100px;
    border: 1px solid #d3dff3;
    resize: none;
}
.call_center_popup .tools_div{
    float: left;
    width: 100%;
    text-align: right;
    padding: 5px 0;
}
.call_center_popup .tools_div a{ text-decoration: underline; cursor: pointer}
.call_center_popup a.screenshot_icon{
    float: left;
    text-decoration: none;
}
.call_center_popup .screenshot_icon:hover{
    text-decoration: none;
}
.call_center_popup .screenshot_icon:before{
    content:"\f03e";
    text-decoration: none;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #ef1430;
}
.call_center_popup .send_button{
    position: relative;
    float: right;
    clear: both;
    margin: -30px 10px 0 0;
}
.call_center_popup .send_button{
    text-decoration: none!important;
    cursor: pointer;
}
.call_center_popup .send_button:before{
    content:  "\f1d8";
    font-family: "FontAwesome";
    text-decoration: none;
    font-size: 25px;
    color: #00507d;
}
.call_center_popup .send_button:hover:before{
    color: #276de6;
}
.call_center_popup .img_cont .close_cc{
    right: -5px;
    top: -10px;
    z-index: 100}
.call_center_popup .img_cont .close_cc:before{
    content: "\f057";
    font-size: 14px;

}
.call_center_popup .img_cont{
    position: relative;
    height: 100px;
    text-align: center;
}
.call_center_popup .img_cont:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    bottom: 0;
    content:"no image";
    font-size: 54px;
    color: #eee;
}
.call_center_popup .img_cont img{
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 10;
}
.call_center_popup .ticket_number{
    padding-bottom: 10px;
}
.call_center_popup .ticket_number input{
    width:100px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #003bb3;
    border-radius: 0;
    margin-left: 5px;
    outline: none;
}
.call_center_popup .ticket_number .ticket_input{ margin: 0 15px;}
.call_center_popup .ticket_number .ticket_input input{
    width: 100px;

}
.call_center_popup .ticket_number .ticket_input:before{
    content: "\2116";
}

.errorlogpopup ul{
    display: table;
    margin: 0;
    padding: 10px 15px 0 0;
}

.errorlogpopup li{
    display: table-row;
    list-style: decimal;
    list-style-position: outside;
    font-size: 12px;
}
.errorlogpopup li:nth-child(2n+2) span{
    background: #fafafa;
}
.errorlogpopup li .prefix_span{
    font-weight: bold;
}
.errorlogpopup li span{
    display:table-cell;
    text-align: left;
    padding:5px 5px;
}
.errorlogpopup  .section_span{
    width: 10%;
}
.errorlogpopup li .date_span{
    width: 160px;
}
.errorlogpopup li .text_span{
    word-wrap: break-word;
    word-break:break-all;
}

.icon-en{
    background:url('../img/images/en_input.png') no-repeat center center!important;
}
.icon-am{
    background:url('../img/images/hy_input.png') no-repeat center center!important;
}
.icon-ru{
    background:url('../img/images/ru_input.png') no-repeat center center!important;
}
.icon-hr{
    background:url('../img/images/hr_input.png') no-repeat center center!important;
}
/*.icon-rs{*/
/*    background:url('../img/images/rs_input.png') no-repeat center center!important;*/
/*}*/
.icon-kz{
    background:url('../img/images/kz_input.png') no-repeat center center!important;
}
.icon-es{
    background:url('../img/images/es_input.png') no-repeat center center!important;
}

.datagrid-cell input[type=checkbox]
{
    width: 17px;
    height: 17px;
    border: 0;
    padding: 0;
    margin: 0;
    transform:none;
}

.datagrid-cell tr
{
    text-align: center;
}
.combobox-item-selected,
.tree-node-selected{
    background-color: #dfe6f5!important;
}

input.textbox-text,
.combo-arrow{
    height: 20px!important;
}
.jquery-loading-modal{
    z-index: 999999;
}
.host_name{
    position: absolute;
    font-size: 10px;
    color: #bc5679;
    left: 5px;
    top:25px;
}
.accordion-expand,
.accordion-collapse{
    background: none!important;
    text-decoration: none;
    opacity: 1.0!important;
    text-align: center;
}
.accordion-expand:before,
.accordion-collapse:before{
    font-family: sylexfont;
    font-size: 12px;
    color: #00507d;
    content: "\e905";
}
.accordion-expand {
    transform-origin: center;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.request_block.waiting{
    /* box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);*/
    border:1px solid #e5e5e5;
}
.request_block.denied{
    /*box-shadow:0 2px 3px rgba(219, 68, 96, 0.5);*/
    border:1px solid #db4460;
    border: 1px solid #be1e2d;

}
.request_block.approved{
    /*box-shadow:0  2px 3px rgba(26, 188, 156, 0.2);*/
    border:1px solid #009578;
}
.request_block.approved:hover,
.request_block.approved.hover{
    background:#e1f9f4;
    box-shadow:0  2px 3px rgba(0, 149, 120, 0.5);
    cursor:pointer
}
.request_block.denied:hover,
.request_block.denied.hover{
    background:#f9d5dc;
    box-shadow:0 2px 3px rgba(219, 68, 96, 0.5);
    cursor:pointer
}
.request_block.waiting:hover,
.request_block.waiting.hover{
    background:#f8f8f8;
    box-shadow:0  2px 2px rgba(0, 0, 0, 0.2);
    cursor:pointer
}
.request_block.canceled{
    background: #f8f8f8;
}
.approve_button,
.reject_button{
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #009578;
    background: #e1f9f4;
    border:1px solid #009578;
    border-radius: 3px;
    padding: 4px 7px;
    margin: 5px 3px 5px 0;
    outline: none;
    cursor: pointer;
}
.reject_button{
    color: #666;
    background: #fce5e5;
    border: 1px solid #be1e2d;
}
.button{
    display:inline-block;
    height: auto;
    line-height: 1;
    font-size:12px;
    overflow: visible;
    background:#f9f9f9;
    border:1px solid #00507d;
    border-radius:2px;
    padding:3px 10px;
    margin:0 0 0 5px;
    cursor:pointer;
    outline: 0;
}

.button_new{
    display: inline-block;
    font-size: 13px;
    color: #00507d;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #00507d;
    padding: 3px 10px;
    margin: 2px 3px;
    cursor: pointer;
}
.buttonM{
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
    border: 0;
    color: #fff;
    padding: 0 16px;
}
.button_second{
    background: #4B698A;
}
/*-------------------------------*/
.datagrid .icon-ok,
.dialog-button .icon-ok,
.datagrid .tree-folder-open,
.datagrid .tree-folder,
.datagrid .icon-add,
.datagrid .icon-reload{background: none!important;}
.datagrid .icon-ok:before,
.dialog-button .icon-ok:before,
.datagrid .tree-folder-open:before,
.datagrid .tree-folder:before,
.datagrid .icon-add:before,
.datagrid .icon-reload:before{
    content: "\e910";
    font-family: sylexfont!important;
    color: #00507d;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}
.datagrid .tree-folder:before{content: '\e951';}
.datagrid .tree-folder-open:before{content: '\e952';}
.datagrid .icon-add:before{content: '\e950'}
.datagrid .icon-reload:before{content: '\e936'}
.datagrid .icon-filter{
    background-image: url("../img/images/filter.png")!important;
    background-size: 17px!important;
    text-decoration: none;
}
.l-btn-left .l-btn-empty{ visibility: hidden}
/*.panel-header{
    background-color: #0174ab!important;
}
.panel-title{color: #fff;}*/
.datagrid .icon-filter:before{ display: none}
.datagrid-wrap .pagination td{ vertical-align: middle}
.datagrid  .tree-file{
    background: none!important;
}
.datagrid  .tree-file:before{
    content: "\e942";
    font-family: sylexfont;
    font-size: 16px;
    color: #00507d;
}
.datagrid-row-selected{ background: #c8d1e0!important; }
.pagination-first,
.pagination-prev,
.pagination-next,
.pagination-last{ background: none!important;margin-top: -4px!important;}
.pagination-first:before,
.pagination-prev:before,
.pagination-next:before,
.pagination-last:before{
    position: absolute;
    content: "";
    left: -3px;
    top: auto;bottom: auto;
    display: block;
    width: 0;
    height: 0;
    border:5px solid transparent;
    border-right: 5px solid #00507d;
    margin: auto;
}
.pagination-next:before,
.pagination-last:before{
    left: 0;
    border-right:transparent;
    border-left: 5px solid #00507d;
}
.pagination-first:after,
.pagination-last:after{
    position: absolute;
    content:"";
    height: 10px;
    left: 0;
    top: auto;bottom: auto;
    border-left: 2px solid #00507d;
    margin: auto;
}
.pagination-last:after{
    left: 5px;
    border-left: 0;
    border-right: 2px solid #00507d;
}
.panel-header, .panel-body{ border-color: #00507d;}
.layout-button-left{
    background: none!important;
    text-decoration: none;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1.0!important;
    filter: alpha(opacity=100);
}
.layout-button-left:before{
    content: "\e905";
    font-family: sylexfont;
    font-size: 13px;
    color: #00507d;

}
.button1 {
    background-color: #1BA3DD;
    border: 1px solid #1581AF;
    border-radius: 2px;
    box-shadow: 0 1px 3px #42A0B4;
    color: #FFFFFF;
    font-size: 12px;
    transition:all 0.25s ease 0s;
    padding:0 5px!important;
    cursor:pointer;
}
.button1:hover {
    background-color: #1389BB;
    color: #FFFFFF;
    text-decoration: none;
}
.button1_2{
    line-height: 1;
    color: #FFFFFF;
    font-size: 12px;
    background: #be1e2d;
    border: 1px solid #be1e2d;
    border-radius: 2px;
    transition:all 0.25s ease 0s;
    padding:2px 5px!important;
    cursor:pointer;
}
.button1_2:hover {
    background-color: #c01e4c;
    color: #FFFFFF;
    text-decoration: none;
}
.button2{
    line-height: 1;
    font-size: 12px;
    color: #FFFFFF;
    background: #009578;
    border: 1px solid #009578;
    border-radius: 2px;
    transition:all 0.25s ease 0s;
    padding:2px 5px!important;
    cursor:pointer
}
.button2:hover {
    background-color: #11AAA2;
    color: #FFFFFF;
    text-decoration: none;
}
.new_visit_main input.button2{
    color:#fff
}
.doctor_status_prof_pic_cont
{
    position: relative;
}
.change_doctor_status{
    position: absolute;

}
.doctor_status{
    position: absolute;
    width: 8px!important;
    height: 8px!important;;
    right: -1px;
    bottom: 0;
    box-sizing: content-box;
    border-radius: 50%;
    border: 2px solid #eee;
}
.change_doctor_status{
    position: absolute;
    right: 0;
    bottom: 0;
}
.touch_device{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.touch_device .doctor_status{

}
.status_types_cont{
    position: absolute;
    min-width: 80px;
    top: 32px;
    right: 0;
    background: #fff;
    border:1px solid #a3a3a3;
    border-radius: 0 5px 5px 5px;
    padding: 2px 0;
}
.status_types_cont span{
    display: block;
    font-size: 12px;
    color: #888!important;
    padding: 3px 5px;
}
.status_types_cont span.disabled{
    color: #ccc!important;
}
.status_types_cont span em{
    vertical-align: middle;
    font-size: 13px;
    margin-right: 5px;
}
.status_types_cont .icon-status-online{ color: #009578}
.status_types_cont .icon-status-offline{color: #9b9999}
.status_types_cont .icon-status-away{color: #be1e2d}
.offline{ background: #9b9999}
.online{ background: #009578}
.busy{ background: #be1e2d}
.status_types_cont span.disabled em{opacity: 0.5}
.eh_footer_line .is_online_status{
    float: left;
    background: none;
    padding: 2px 0 0 10px;
}

.chat_win{
    position: absolute!important;
    display: inline-block;
    width: 220px;
    height: 300px;
    max-width: 100%;
    left:0;right:0;
    top: 0;bottom:0;
    text-align: center;
    background: #00507d;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 5px 5px 6px rgba(1,1,1,0.10);
    padding: 15px;
    margin: auto;
    z-index: 10000;
    cursor: move;
}
.chat_win.fullscreen,
.chat_win.incallscreen{ padding: 0}
.chat_win.fullscreen{
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    top:0!important;
    border-radius: 0;
    cursor:default;
    z-index: 10000!important;
}
.chat_win.incallscreen{
    width: auto;
    height: auto;
    top:10%;
    bottom: auto;
    left:auto;
    right: auto;
    /*transform: translate(-50%,0);*/
}
.chat_win .photo_chat{
    display: inline-block;
    border-radius: 50%;
    margin:50px auto 60px auto;
}
.chat_win.fullscreen .photo_chat{
    position: relative;
    top: 40%;
    margin: -50px auto 0 auto;
}
.chat_win .video_layer_win{
    position: relative;
    width: auto!important;
    height: 100%!important;
    display: none;
    box-shadow: none;
    background: #000;
    border: 0;
    padding: 0!important;
    margin: -15px -15px 0 -15px;
}
.chat_win.fullscreen .video_layer_win,
.chat_win.incallscreen .video_layer_win{ margin: 0}
.chat_win.videoonscreen .video_layer_win{
    display: block;
}
.chat_win.videoonscreen .photo_chat{ display: none}
.chat_win .video_layer_win video{
    width: 100%;
}
.chat_win.fullscreen .video_layer_win video{
    width: auto;
    height: 100%;
}
.chat_win .photo_chat div{
    width: 65px;
    height: 65px;
    background-size:cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center;
}
.chat_win.fullscreen .photo_chat div{
    width: 100px;
    height: 100px;
}
.chat_win .photo_chat .photo_border{
    position: absolute;
    border-radius: 50%;
    width: 95px;
    height: 95px;
    top: 50px;
    left:0;right:0;
    border:15px solid #256990;
    opacity: 0;
    -webkit-animation: chatcall 2s linear 0s infinite;
    animation: chatcall 2s linear 0s infinite ;
    margin: auto;
}
.chat_win .photo_chat:before{
    position: absolute;
    content: "";
    width: 95px;
    height: 95px;
    top: 35px;
    left:0;right:0;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: chatcall 2s linear 0s infinite;
    animation: chatcall 2s linear 0s infinite ;
    border: 15px solid #19608a;
    margin: auto;
}
.chat_win .photo_chat:after{
    position: absolute;
    content: "";
    width: 125px;
    height: 125px;
    top:20px;
    left:0;right:0;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: chatcall 2s linear 0s infinite;
    animation: chatcall 2s linear 0s infinite ;
    border: 15px solid #0e5983;
    margin: auto;
}
.chat_win.videooffscreen .photo_border,
.chat_win.videooffscreen .photo_chat:before,
.chat_win.videooffscreen .photo_chat:after{
    animation: none;
}
.chat_win .caller_name{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
}
.chat_win .call_state{
    font-size: 12px;
    color: #94abbd;
}
.chat_win .chat_buttons{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    font-size: 30px;
    padding: 15px 0 0 0;
    z-index: 1000;
    cursor: default;
}
.chat_win.incallscreen .chat_buttons{
    bottom: 10px;
}
.chat_win .chat_buttons em{
    color: #fff;
    margin: 0 5px;
    cursor: pointer;
}
.chat_win em.icon-call-chat,
.chat_win em.icon-chat-camera{color:#009577}
.chat_win.incallscreen em.icon-call-chat,
.chat_win.incallscreen em.icon-chat-camera{color:#fff}
.chat_win em.icon-end-call-chat{color:#bc1d2f}
.chat_win .self_video_layer{ display: none}

.chat_win.fullscreen .self_video_layer{
    position: absolute;
    display: block;
    width: 150px;
    height: 100px;
    right: 10px;
    top: 20px;
    overflow: hidden;
    z-index: 10000;
}
.chat_win.fullscreen .self_video_layer .local_video,
.chat_win.fullscreen .self_video_layer .local_video video{
    width: 100%;
    height: 100%;
}
@keyframes chatcall {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1.0;
    }
    100%{
        opacity: 0;
    }
}
.chat_bottom_messages{
    position: fixed;
    right:20px;
    bottom: 30px;
}
.chat_bottom_messages .bottom_message{
    position: relative;
    width: 250px;
    max-width: 100%;
    background:#ededed;
    border-radius: 10px 10px 0 10px;
    padding: 10px 10px 10px 80px;
    margin: 2px 0;
    animation: hidemessage 1s linear 5s 1;
    animation-fill-mode: forwards;
    cursor: pointer;
}
.chat_bottom_messages .bottom_message .photo_mess{
    position: absolute;
    left:10px;
    border-radius: 50%;
}
.chat_bottom_messages .bottom_message .photo_mess div{
    width:40px;
    height:40px;
    background-size:contain;
    border-radius: 50%;
}
.chat_bottom_messages  .chat_bott_right{
    width: 100%;
    font-size: 12px;
    color: #666666;
}
.chat_bottom_messages .name_mess{
    position: relative;
    font-weight: bold;
    font-size: 13px;
    color: #00507d;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.chat_bottom_messages .name_mess:after{
    position: absolute;
    content:"";
    width: 30px;
    left: 0;
    bottom: 0;
    display: inline-block;
    border-bottom: 1px solid #c1c1c1;
}
.chat_bottom_messages span{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat_bottom_messages .icon-cross{
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 11px;
    color: #00507d;
}
.chat_win.new_chat_win{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction:column;
    width: 500px;
    height: 500px;
    max-width: 100%;
    max-height: 100%;
}
.new_chat_win .chat_head{
    height: 35px;
    text-align: right;
}
.new_chat_win .chat_head em{
    display: inline-block;
    color: #fff;
    margin: 10px 10px 0 0;
    cursor: pointer;
}
@keyframes hidemessage {
    0%{

        opacity: 1.0;
    }

    100%{
        display: none;
        opacity: 0;
    }
}
.addresses_selects{ display: inline-block; text-align: left}
.addresses_selects .ac_container{    vertical-align: bottom;  margin: 2px 5px}
.centeringDiv{
    position: absolute;
    display: inline-block;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.progressbar {
    border-radius: 10px!important;
    border-color: #ffffff!important;
    background: #ccc!important;
}
.progressbar-value .progressbar-text {
    background-color: #007298!important;
    color: #ffffff!important;
}
.printDiv  .texteditor_list_interface:before{
    display: none;
}
@media print{
    .not_for_print{
        display: none;
    }
    .header_div,
    .eh_footer_line{display: none}
}
.page_not_found{
    text-align: center;
}
.page_not_found div{
    position: absolute;
    text-align: center;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: #727272;
}
.page_not_found div img{
    width: 150px;
    max-width: 100%;
    vertical-align: middle;
    margin: 15px;
}
.page_not_found span{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
}
.agreement_cont{

    width: 100%;
    max-width: 900px;
    height: 100%;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 15px;
    margin: auto;
}
.agreement_cont .agree_head{
    text-align: justify;
    line-height: 1.5;
    font-size: 1.1rem;
    color: #00507d;
    padding-bottom: 15px;

}
.agreement_cont .license_agreement{
    height: 100%;
    overflow: auto;
    text-align: justify;
    line-height: 1.5;
    font-size: 0.9rem;
    border:1px solid #dcdcdc;
    padding: 15px;
}
.agreement_cont .license_agreement ol{
    padding: 0;
    margin: 5px 20px;
}
.agreement_cont .license_agreement li{
    line-height: 1.5;
    margin-bottom: 10px;
}
.agreement_cont .agree_title{
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
}
.agreement_cont .license_agreement li span{
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px 0 0 0;
}
.agreement_cont a{
    color:#006595}
.agreement_cont i.icon-document{
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.5rem;
    color: #00507d;
    margin-right: 5px;
}
.requirement_div{
    width: 350px;
    text-align: left;
    display: inline-block;

}
.requirement_div > div{

    display: inline-block;
    text-align: left;
}
.requirement_div h2{
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #00507d;
}
.requirement_div ul{

    text-align: left;
    padding: 0 0 0 20px;
    margin: 0;
}
.requirement_div .google_auth_img{
    width: 30px;
    vertical-align: middle;
}
.requirement_div a{
    color: #006595;
}
.requirement_div  .qr_div{
    text-align: center;
    margin-top: 20px;
}
.requirement_div  .button {
    padding: 5px 15px;
}
.requirement_div .qr_div h3{
    color: #00507d;
}
.requirement_div .qr_code_input{ height: 27px;width: 70px;}
.corona_alert_win{
    position: absolute;
    width: 80%;
    max-width: 100%;
    top: 50%;
    left:50%;
    text-align: center;
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,1);
    border:2px solid #00507d;
    border-radius: 5px;
    box-shadow: rgba(116, 116, 116,0.2) 0px 0px 12px 12px;
    padding: 50px 25px;
    z-index: 100000;
}

.corona_alert_win .icon-cross{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.2rem;
    color: #666;
    cursor: pointer;
}
.corona_alert_win img{
    width: 100px;
}
.corona_alert_win h1{
    text-transform: uppercase;
    font-size: 2rem;
    color: #be1e2d;
}
.corona_alert_win strong{color: #be1e2d;}
.corona_alert_win h2{
    max-width: 700px;
    font-size: 1.5rem;
    color: #00507d;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    padding-bottom: 30px;
    margin: auto;
}
.corona_alert_win > div.alert_cont{
    display: inline-block;
    text-align: center;
    padding: 15px 0 20px 0;
    margin: auto;
}
.button_cancel,
.next_alert{
    width: auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #fff;
    background: #00507d;
    /*background: linear-gradient(90deg, rgba(56,180,177,1) 0%, rgba(32,137,155,1) 50%, rgba(5,89,130,1) 100%);*/
    border: 0;
    border-radius:5px;
    padding: 15px 20px;
    margin: 5px;
    cursor: pointer;
}
.button_cancel{
    color: #999;
    border: 1px solid #ccc;
    background: #eee;
}
.next_alert{
    padding-top: 5px;
    padding-bottom: 5px;
}
.corona_alert_win .next_alert img{
    width: auto;
    height: 45px;
    vertical-align: middle;
    margin-right: 10px;
}
.leftcol{
    border: 1px solid #00507d;
    margin-top: 5px
}
.rightcol{
    border: 1px solid #00507d;
    margin-left: 5px;
    margin-top: 5px
}
.horizontalCol{
    border: 1px solid #00507d;
    margin-top: 5px;
}
.rightcol > .horizontalCol,
.leftcol > .horizontalCol{
    border: 0;
    border-top: 1px solid #00507d;
}
.app_logo {
    width: 50px;
    border-radius: 10px;
    vertical-align: middle;
    margin-right: 5px;
}
.down_app h4 {
    font-size: 1.5rem;
    color: #00507d;
    padding: 0 0 10px 0;
    margin: 0;
}

a.button_app img{
    width: 150px;
    margin: 10px 5px;
    cursor: pointer;
}
a.button_app em{
    vertical-align: middle;
    font-size: 1.2rem;
    margin-right: 5px;
}
.loginblockedMain {
    max-width: 1100px;
    text-align: justify;
    line-height: 1.5;
    font-size: 13px;
    padding: 15px;
}
.loginblockedMain .menuDiv li.active{border-left:2px solid #00507d}

.loginblockedMain h2{
    text-align: left;
    font-size: 22px;
    color: #00507d;
    padding: 0;
    margin: 10px 0 20px 20px;
}
.signForm ul.pdfList{
    display: flex;
    list-style: none;
}

.signForm ul.pdfList li{
    padding-left: 15px;
    display: inline-block;
    padding-bottom: 3px;
}
.signForm table, .signForm th, .signForm td{
    border-collapse: collapse;
    border: 1px solid #999;
}
.signForm th, .signForm td {
    font-size: 12px;
    text-align: center;
    border: 1px solid #999;
    word-wrap: break-word;
    padding: 2px 5px;
    word-break: break-word;
}
/*
.eventDropDown.open{
    animation: slideDown 2s cubic-bezier(0,1.5,0.5,1) 1;
}
.eventDropDown.close{
    animation: slideUp 1s ease-in 1 forwards;
}
*/
.sylex-tabnavigator.horizontal > .sylex-tabnavigator-tabs{
    height: 48px!important;
    padding-top: 14px!important;
}
.sylex-tabnavigator.horizontal.nowrap > .sylex-tabnavigator-tabs > .sylex-tabnavigator-tab{
    height: 32px!important;
}
.search_entry .icon_triangle:before{
    display: none;
}
.search_entry{
    float: left;
    width: 60px!important;
    position: relative;
    padding: 10px 10px 0 10px!important;
    margin: 0 0 0 -30px;
    cursor: pointer;
    margin: 0 0 0 -65px!important;
}

.search_entry .icon_triangle {
    width: 0;
    height: 0!important;
    display: inline-block;
    border: 5px solid transparent;
    border-top: 5px solid #000;
}
.csv_export{
    vertical-align: middle;
}

/*----------------------------*/
:root {
    --height_form:  2.5rem;
    --border_form: #C1CCD8;
    --border_form_radius: 8px;
    --padding_form: 1.15rem 8px 5px 12px;
    --padding_top_form: 1.15rem;
    --padding_left_form: 12px;
    --padding_right_form: 8px;
    --label_form_color: rgba(48, 54, 65, 0.7);
    --input_form_color: #444C5B;
    --label_form_font-size: 0.6875rem;
    --input_form_font-size: 0.875rem;
    --icon_form_color: #0957DE;
    --invalid-color: #DC6C71;
    --invalid-icon-color: #F29397;
    --corner-radius-window: 16px
}
.popup_eh{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 0!important;
    border-radius: var(--corner-radius-window)!important;
    box-shadow: 0 8px 16px 0 rgba(46, 46, 46, 0.12);
}
.popup_eh .ui-dialog-content {
    max-width: 100%;
    /* max-height: calc(100vh - 100px)!important;*/
    font-size: 12px;
}
.popup_eh.ui-dialog .ui-dialog-titlebar-close,
.window .window-header .panel-tool-close{
    top: 1rem;
    left: auto;
    right: 1rem;

    opacity: 1.0;
    background: none!important;
    border:0!important;
    margin: auto!important;
    outline: none;
}
.popup_eh.ui-dialog .ui-dialog-titlebar-close .ui-icon{background: none!important;}
.popup_eh.ui-dialog .ui-dialog-titlebar-close:after,
.window .window-header .panel-tool-close:after{
    position: absolute!important;
    top: 3px;
    right: 5px;
    content:"\e92f";
    font-family: "sylexfont";
    text-indent: 0;
    font-size: 0.9rem;
    color: #C1CCD8;
}
.popup_eh.ui-dialog .ui-dialog-titlebar,
.window .window-header{
    background: none!important;
    border-bottom: 0!important;
    padding-bottom: 10px;
    padding-top: 1rem;
}

.alert_eh .ui-dialog-buttonpane,
.window .dialog-button{
    background: none;
    border: 0;
    border-bottom: 0;
    margin-top: 0!important;
    padding: 2.25rem!important;
}

.popup_eh .ui-dialog-buttonpane button.ui-button,
.popup_eh .popup_controls button{
    float: right;
    display: inline-block;
    font-size: 0.875rem;
    color: #fff;
    background: #0957DE;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    padding: 0.6rem 1rem;
    margin: 0 0 0 10px;
    cursor: pointer;
    outline: 0;
}
.popup_controls {

    padding: 10px 12px;
    margin: 0 -12px;
}
.alert_eh .ui-dialog-buttonset{
    float: none!important;
    text-align: left;
    padding-left: 1rem;
}
.cancel_reason_div.alert_eh .ui-dialog-buttonset{ padding-left:  0}
.alert_error_eh .ui-dialog-buttonset,
.alert_warning_eh .ui-dialog-buttonset,
.alert_success_eh .ui-dialog-buttonset{
    padding-left: 2.0rem;
}

.alert_eh .ui-button{
    float: none!important;
    margin: 0 10px 0 0!important;
}

.alert_eh{ width: 350px!important; max-width: 500px}
.popup_eh.ui-dialog.alert_eh .ui-dialog-titlebar .ui-dialog-title{ color:#444C5B!important; }
.alert_eh table{ width: 100%!important;}
.alert_eh table td{ vertical-align: top}
.alert_eh table td:last-child{
    width: 100%;
}
.alert_error_eh{
    border: 2px solid #F29397!important;
}
.alert_warning_eh{
    border: 2px solid #F1C93C!important;
}
.alert_success_eh{
    border: 2px solid #73AC57!important;
}
.alert_eh .error_page{
    line-height: 1.5;
    font-size: 0.875rem;
    color: #444C5B;
    padding-left: 1rem;
}
.alert_eh em{
    font-size: 1.25rem;
}
.alert_error_eh em {
    color: #F29397;
}
.alert_success_eh em {
    color: #73AC57;
}
.alert_warning_eh em {
    color: #F1C93C;
}
.alert_eh .ui-dialog-content{
    padding: 2rem 2rem 0 2rem!important;
}
.alert_eh .ui-button{
    background: #0957DE!important;
}
.alert_error_eh .ui-button{
    background: #F29397!important;
}
.alert_success_eh .ui-button{
    background: #73AC57!important;
}
.profile_qr_code{
    width: 150px;
    height: 100px;
    margin-top: 10px;
}