/*       
3.15               
--main-color: #1871A5
--main-color-hover: #3F51B5;     
--main-color-left-menu-icon: #0AA41C 
*/              
:root {   
--main-color: #1871A5;     
--main-color-hover: #3F51B5;  
--main-color-left-menu-icon: #008000;             
}             
 
@font-face {          
font-family: 'Myriad pro';     
src: url('../fonts/mypro-it-webfont.eot');               
src: url('../fonts/mypro-it-webfont.eot?#iefix') format('embedded-opentype'),          
url('../fonts/mypro-it-webfont.woff') format('woff'),     
url('../fonts/mypro-it-webfont.ttf') format('truetype'); 
font-weight: normal; 
font-style: italic;          

}             
         
@font-face {         
font-family: 'Myriad pro';            
src: url('../fonts/mypro-regular-webfont.eot');     
src: url('../fonts/mypro-regular-webfont.eot?#iefix') format('embedded-opentype'),        
url('../fonts/mypro-regular-webfont.woff') format('woff'),
url('../fonts/mypro-regular-webfont.ttf') format('truetype');     
font-weight: normal;          
font-style: normal;             
           
}       
               
@font-face {
font-family: 'Myriad pro';     
src: url('../fonts/mypro-semibold-webfont.eot'); 
src: url('../fonts/mypro-semibold-webfont.eot?#iefix') format('embedded-opentype'),              
url('../fonts/mypro-semibold-webfont.woff') format('woff'),   
url('../fonts/mypro-semibold-webfont.ttf') format('truetype');     
font-weight: bold;  
font-style: normal;             
             
} 
          
@font-face {     
font-family: 'Myriad pro';               
src: url('../fonts/mypro-semiboldit-webfont.eot');          
src: url('../fonts/mypro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),     
url('../fonts/mypro-semiboldit-webfont.woff') format('woff'), 
url('../fonts/mypro-semiboldit-webfont.ttf') format('truetype'); 
font-weight: bold;          
font-style: italic;
             
}         
         
.us-logo-medium {            
background: url('../picture/logo.png') 0px no-repeat;     
}        

.date-field {     
color: #000;          
font-size: 14px;             
height: 23px;           
line-height: 23px;       
border: 1px solid #B5B6B5;               
outline: none;
padding: 0 10px;     
padding-right: 10px; 
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;              
background: url('../../oper/?core_section=image&action=calendar&color=gray') 100% 50% no-repeat;   
width: 100px;     
}  
             
#oper_notify_id {             
position: fixed; 
bottom: 10px;          
right: 10px;     
width: 350px;               
z-index: 9999;          
}     
 
.oper_notify_msg { 
width: 100%;          
min-height: 100px;
background-color: rgba(0, 0, 0, 0.7);             
color: #fff;         
border-radius: 10px;         
-webkit-border-radius: 10px;            
-moz-border-radius: 8px;     
-khtml-border-radius: 11px;        
margin-top: 5px;
}     
          
.oper_notify_msg:hover {             
background-color: #000;           
}       
               
.employee_notify_task_new_comment {
background-color: #408080;     
border: 1px solid #800080 
}              
   
.employee_notify_task_new_comment:hover {     
background-color: rgba(64, 128, 128, 0.7);  
}             
             
.employee_notify_task_employee_assignment { 
background-color: #800080;          
border: 1px solid #800080     
}               
          
.employee_notify_task_employee_assignment:hover {     
background-color: rgba(128, 0, 128, 0.7); 
} 
          
.oper_notify_msg_ico {
width: 80px;             
min-height: 100px;         
text-align: center;         
float: left;            
}     
        
.oper_notify_msg_ico_href {
color: #fff;     
}          
             
.oper_notify_msg_ico_href:hover {           
color: #fff;       
}               

.oper_notify_msg_ico_href:visited {     
color: #fff; 
}              
   
.oper_notify_msg_ico1 {     
background: url('../../oper/?core_section=image&action=phone&color=green-light') no-repeat center 0px;  
}             
             
.oper_notify_msg_text { 
min-height: 100px;          
height: 100%;     
padding-top: 1px;               
}          
     
.oper_notify_msg_text a { 
color: #BDEBFF; 
}          

.oper_notify_msg_text a:hover {             
color: #5ACBFF;         
}         
            
.notify_caption {     
font-weight: bold;        
text-transform: uppercase;
}     
          
.notify_caption1 {             
color: #39FF10;           
}       
               
.c_attach_div {
width: 100%;     
position: relative; 
margin-top: 5px;              
margin-bottom: 5px;   
display: inline-block;     
min-height: 40px;  
}             
             
.c_attach_div .c_attach_div_left { 
position: absolute;          
left: 0px;     
top: 0px;               
width: 30px;          
height: 100%;     
background-color: #d4d4d4; 
border-radius: 6px 0px 0px 6px; 
min-height: 40px;          
}
             
.c_attach_div .c_attach_div_left span {         
padding-top: 15px;         
padding-left: 5px;            
}     
        
.c_attach_div .c_attach_div_right {
background: #EFEFEF;     
border-radius: 0px 6px 6px 0px;          
padding: 5px;             
padding-left: 35px;           
display: inline-block;       
min-height: 40px;               
border: 1px solid #C0C0C0;
}     
 
.c_attach_div .c_attach_div_right_new {              
background: #EFEFEF;   
border-radius: 0px 6px 6px 0px;     
padding: 5px;  
display: inline-block;             
min-height: 40px;             
border: 1px solid #C0C0C0; 
}          
     
.c_attach_div .c_attach_div_empty {               
display: inline-block;          
}     
 
.c_attach_frame_div { 
border: 1px solid #9C9E9C;          
color: #000;
background: #EFEFEF;             
padding: 3px;         
width: 400px;         
}            
     
.c_attach_frame_div_top {        
display: inline-block;
position: relative;     
width: 100%;          
min-height: 45px;             
}           
       
.c_attach_frame_div_left {               
}
     
.c_attach_frame_div_right { 
padding-top: 10px;              
position: absolute;   
text-align: right;     
right: -5px;  
top: -10px;             
width: 200px;             
} 
          
.c_attach_frame_div_info {     
font-size: 11px;               
height: 17px;          
overflow: hidden;     
} 
 
.lk_link_promise_span_info {          
font-size: 7pt;
}             
         
footer {         
padding: 30px 0;            
margin-top: 20px;     
border-top: 2px solid #e0e0e0;        
position: relative;
}     
          
footer #down_copy {             
color: #83898b;           
font-size: 13px;       
}               

footer #down_copy a {     
} 
              
footer #down_support {   
width: 150px;     
height: 18px;  
background: var(--main-color);             
color: #fff;             
padding-top: 3px; 
padding-left: 7px;          
padding-bottom: 3px;     
display: block;               
position: absolute;          
text-align: right;     
right: 0; 
top: 25px; 
}          

footer #down_support a {             
text-decoration: none;         
color: #fff;         
}            
     
footer #down_support i {        
color: #fff;
}     
          
footer #down_support:hover {             
background: #707070;           
}       
               
footer #down_support_div {
width: 500px;     
position: fixed; 
right: 10px;              
bottom: 10px;   
background-color: var(--main-color);     
color: #fff;  
padding: 5px;             
}             
 
footer #down_support_div ul {          
list-style: square inside;     
padding-bottom: 10px;               
}          
     
footer #down_support_div ul li { 
margin: 5px; 
}          

footer #down_support_div a {             
color: #fff;         
}         
            
footer #down_support_div a:hover {     
color: #C6C3C6;        
}
     
footer #down_support_div h2 {          
font-size: 16px;             
font-weight: bold;           
text-transform: uppercase;       
margin-top: -5px;               
margin-bottom: 2px;
}     
 
footer #down_support_div #down_support_cancel {              
position: absolute;   
right: 10px;     
top: 5px;  
padding-right: 20px;             
}             
 
footer #down_finishinfo {          
display: block;     
position: absolute;               
right: 0;          
margin-right: 170px;     
padding: 2px; 
font-size: 8pt; 
top: 25px;          
color: #fff;
}             
         
footer #down_finishinfo_full {         
display: block;            
position: relative;     
float: right;        
right: 0;
margin-right: 170px;     
padding: 2px;          
top: -40px;             
font-size: 9pt;           
background-color: #C6C3C6;       
border: 1px solid #000;               
}
     
footer #down_finishinfo2_full { 
top: 20px;              
padding: 10px;   
position: relative;     
background-color: #C6C3C6;  
border: 1px solid #000;             
width: 400px;             
} 
          
.geo_list_check_el {     
background: url('../picture/check.png') 0px no-repeat;               
}          
     
/* 
Стили для личного кабинета 
==================================================================================================================          
*/
             
.lk_menu {         
display: inline-block;         
}            
     
.lk_menu_punkt {        
background: rgba(0, 0, 0, 0.15);
float: left;     
height: 110px;          
width: 220px;             
margin: 20px;           
padding: 10px;       
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);               
-webkit-border-radius: 6px;
-moz-border-radius: 6px;     
border-radius: 6px; 
}              
   
.lk_menu_punkt:hover {     
background: rgba(0, 0, 0, 0.1);  
}             
             
.lk_menu_punkt_inside { 
background: var(--main-color-hover);          
width: 100%;     
height: 100%;               
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.3);          
-webkit-border-radius: 3px;     
-moz-border-radius: 3px; 
position: relative; 
}          

.lk_menu_punkt_inside:hover {             
background: var(--main-color);         
cursor: pointer;         
}            
     
.lk_menu_punkt_inside_link {        
padding: 5px;
font-weight: bold;     
font-size: 13pt;          
text-align: center;             
position: relative;           
top: 10px;       
}               

.lk_menu_punkt_inside_link a {     
color: #fff; 
text-decoration: none;              
}   
     
.lk_menu_punkt_inside_link a:hover {  
color: #fff;             
}             
 
.lk_link_default {          
width: 48px;     
height: 48px;               
position: relative;          
top: 10px;     
left: 50%; 
margin-left: -24px; 
}          

.lk_netdata {             
display: inline-block;         
width: 100%;         
height: 190px;            
}     
        
.lk_netdata .lk_netdata_text {
float: left;     
}          
             
.lk_netdata .lk_netdata_text_link {           
cursor: pointer;       
}               

.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_netname {     
position: relative; 
top: 15px;              
height: 40px;   
font-weight: bold;     
font-size: 45pt;  
color: var(--main-color);             
}             
 
.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_lk_text {          
position: relative;     
top: 10px;               
font-weight: bold;          
color: #B5B6B5;     
height: 20px; 
font-size: 20pt; 
}          

.lk_netdata .lk_netdata_text .lk_lk_userdata {             
position: relative;         
top: 25px;         
}            
     
.lk_netdata .lk_logo {        
width: 128px;
height: 128px;     
left: 100%;          
top: 10px;             
margin-left: -135px;           
margin-bottom: 20px;       
position: relative;               
}
     
.lk_main_content_inside { 
}              
   
#lk_notify_all {     
margin: 20px 0px;  
}             
             
#lk_notify_all .lk_notify_custom { 
padding: 15px;          
margin-bottom: 20px;     
background: #D6FFD6;               
border-left: 3px solid #84FF84;          
}     
 
#lk_notify_all .lk_notify_custom h3 { 
font-size: 18px;          
font-weight: bold;
text-transform: uppercase;             
}         
         
#lk_notify_all .lk_notify_custom .text {            
margin-top: -10px;     
margin-bottom: 10px;        
}
     
#lk_notify_all .lk_notify_custom a {          
color: var(--main-color);             
}           
       
#lk_notify_all .lk_notify_custom a:hover {               
color: #666666;
}     
 
.lk_label_top {              
color: #737173;   
font-size: 20px;     
margin-top: 20px;  
margin-bottom: 10px;             
font-weight: bold;             
} 
          
.link_lk_addcard {     
}               
          
.link_lk_online {     
} 
 
.link_lk_promise {          
}
             
/* ------------------------------------ */         
/* -----------Левое меню------------ */         
/* ------------------------------------ */            
     
nav {        
}
     
nav ul {          
list-style: none;             
}           
       
nav ul li {               
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;     
transition: all .2s ease-in-out; 
}              
   
nav ul li a {     
line-height: 28px;  
color: var(--main-color);             
font-size: 15px;             
text-decoration: none; 
height: 29px;          
display: block;     
padding-left: 30px;               
border-bottom: 1px solid #e0e0e0;          
background-position: 5px 50%;     
background-repeat: no-repeat; 
} 
          
nav ul li a span {
float: right;             
color: #666666;         
font-size: 13px;         
margin-right: 10px;            
}     
        
nav ul li a .span_second {
float: right;     
color: var(--main-color);          
font-size: 13px;             
margin-right: 20px;           
}       
               
.nav_short {
position: absolute;     
width: 30px; 
border-right: 1px solid #E7E3E7;              
overflow: hidden;   
}     
  
.nav_short span {             
display: none;             
} 
          
#mywork_blink {     
color: #f00;               
font-weight: bold;          
}     
 
nav ul li a:hover { 
background-color: #f2f5f5;          
color: #666666;
}             
         
nav ul li ul {         
padding-left: 30px;            
}     
        
nav ul li ul li {
list-style: square;     
color: var(--main-color-left-menu-icon);          
}             
           
nav ul li ul li:hover {       
color: #9C9E9C;               
}
     
nav ul li ul li a { 
line-height: 18px;              
color: var(--main-color);   
font-size: 15px;     
text-decoration: none;  
height: 100%;             
display: block;             
padding-left: 10px; 
border-bottom: none;          
}     
               
nav ul li ul li a:hover {          
background: none;     
text-decoration: underline; 
} 
          
nav ul li:hover ul {
}             
         
nav ul li.active a {         
background-color: #0088d1;            
color: #FFF;     
border: none;        
background-position: 5px 50%;
background-repeat: no-repeat;     
}          
             
nav ul li a.i0 {           
cursor: pointer;       
}               

.paging {     
margin: 20px 0px; 
}              
   
.paging .current {     
padding: 5px;  
border: 1px solid #dadada;             
font-weight: bold;             
font-size: 14px; 
display: inline-block;          
padding: 3px 10px;     
height: 20px;               
margin-left: -4px;          
}     
 
.paging .links { 
display: inline;          
margin-left: 10px;
padding: 5px;             
}         
         
.paging .links a {            
border: 1px solid #dadada;     
font-weight: bold;        
font-size: 13px;
display: inline-block;     
padding: 3px 10px;          
height: 20px;             
margin-left: -4px;           
}       
               
.paging .links a:hover {
background: #f6f6f6;     
color: #000; 
}              
   
.paging .links a:last-child {     
}  
             
.paging .links a.left {             
margin-bottom: -11px; 
}          
     
.paging .links a.left:hover {               
margin-bottom: -11px;          
}     
 
.paging .links a.right { 
margin-bottom: -11px;          
}
             
.page-right {         
         
}            
     
.calendar_all {        
}
     
.calendar_all .calendar_header .current_date {          
background: var(--main-color);             
color: #fff;           
}       
               
.calendar_all .calendar_header .current_date a {
color: #fff;     
} 
              
.calendar_all .calendar_item_hour {   
width: 40px;     
text-align: right;  
border-right: 1px dashed #D6D7D6;             
}             
 
.calendar_all .calendar_item_element {          
border-right: 1px dashed #D6D7D6;     
}               
          
.calendar_all .calendar_item_element_hover:hover {     
background: #EFF7FF; 
} 
          
.calendar_all .item .current_date {
background-color: #EFFBFF;             
border-right: 1px solid var(--main-color);         
border-left: 1px solid var(--main-color);         
}            
     
.calendar_all .item .current_date_doing {        
background-color: #EFFBFF;
border-right: 1px solid var(--main-color);     
border-left: 1px solid var(--main-color);          
}             
           
.calendar_all .item .current_date_doing:hover {       
background-color: #BDEFFF;               
}
     
.calendar_all .item .current_hour { 
text-decoration: none;              
padding-left: 20px;   
}     
  
.calendar_all .item .current_date_hour {             
border: 3px dotted var(--main-color);             
} 
          
.calendar_all .item .current_date_hour2 {     
background: #EFFBFF;               
}          
     
.calendar_all .item .current_date_hour2_hover { 
background: #EFFBFF; 
}          

.calendar_all .item .current_date_hour2_hover:hover {             
background: #EFF7FF;         
}         
            
.calendar_all .calendar_item_element .busy_hour {     
text-align: center;        
font-weight: bold;
border: #C0C0C0 solid 1px;     
}          
             
.calendar_all .calendar_item_element .work_hour {           
/* background: #FFFFDE; */       
border: #FF8000 solid 3px;               
margin-bottom: 1px;
padding: 3px;     
} 
              
.calendar_all .calendar_item_element .doing_hour {   
border: #84F784 solid 3px;     
font-style: italic;  
padding-right: 16px;             
margin-bottom: 1px;             
padding: 3px; 
}          
     
.calendar_all .calendar_item_element .putback_hour {               
border: #000 solid 2px;          
font-style: italic;     
padding-right: 16px; 
margin-bottom: 1px; 
padding: 3px;          
background-color: #C0C0C0;
color: #000;             
}         
         
.calendar_all .calendar_day_col {            
width: 13.5%;     
}        

#top_topline {     
position: fixed;          
width: 100%;             
height: 40px;           
background: var(--main-color);       
top: 0;               
left: 0;
z-index: 900;     
} 
              
#top_topline1 {   
position: fixed;     
width: 100%;  
height: 40px;             
background: #848284;             
top: 0; 
left: 0;          
z-index: 900;     
}               
          
#top_topline2 {     
position: fixed; 
width: 100%; 
height: 40px;          
background: -moz-linear-gradient(left, var(--main-color), #848284 100%);
background: -webkit-linear-gradient(left, var(--main-color), #848284 100%);             
background: -o-linear-gradient(left, var(--main-color), #848284 100%);         
background: -ms-linear-gradient(left, var(--main-color), #848284 100%);         
background: linear-gradient(to right, var(--main-color), #848284 100%);            
top: 0;     
left: 0;        
z-index: 900;
}     
          
#top_userbar {             
height: 40px;           
line-height: 40px;       
background: var(--main-color);               
color: #FFF;
position: relative;     
margin: 0 auto; 
padding: 0 20px;              
max-width: 1400px;   
}     
  
#top_userbar1 {             
height: 40px;             
line-height: 40px; 
background: #848284;          
color: #FFF;     
position: relative;               
margin: 0 auto;          
padding: 0 20px;     
max-width: 1400px; 
} 
          
#top_userbar2 {
height: 40px;             
line-height: 40px;         
color: #FFF;         
position: relative;            
margin: 0 auto;     
padding: 0 20px;        
max-width: 1400px;
}     
          
#top_userbar314_ {             
height: 40px;           
line-height: 40px;       
background: var(--main-color);               
color: #FFF;
position: relative;     
margin: 0 auto; 
padding: 0 20px;              
}   
     
#top_userbar314_1 {  
height: 40px;             
line-height: 40px;             
background: #848284; 
color: #FFF;          
position: relative;     
margin: 0 auto;               
padding: 0 20px;          
}     
 
#top_userbar314_2 { 
height: 40px;          
line-height: 40px;
color: #FFF;             
position: relative;         
margin: 0 auto;         
padding: 0 20px;            
}     
        
#top_search {
position: relative;     
width: 250px;          
}             
           
#top_search #top_field {       
color: #83898b;               
font-size: 13px;
height: 23px;     
line-height: 23px; 
width: 205px;              
border: none;   
outline: none;     
padding: 0 10px;  
padding-right: 35px;             
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;             
position: absolute; 
top: 8px;          
left: 0;     
}               
          
#top_search #top_button {     
width: 28px; 
height: 23px; 
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat #F2F5F5;          
cursor: pointer;
border: none;             
position: absolute;         
top: 8px;         
right: 0;            
}     
        
#top_search #top_button:hover {
background: url('../../oper/?core_section=image&action=search&color=us') 50% 50% no-repeat #F2F5F5;     
}          
             
#button_go_task, #button_go_device {           
width: 28px;       
height: 23px;               
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat #F2F5F5;
cursor: pointer;     
border: none; 
margin-top: 4px;              
right: 0;   
}     
  
#button_go_task:hover, #button_go_device:hover {             
background: url('../../oper/?core_section=image&action=search&color=us') 50% 50% no-repeat #F2F5F5;             
} 
          
#top_links {     
height: 20px;               
float: right;          
margin: 10px 0;     
line-height: 20px; 
} 
          
#top_links li {
display: inline-block;             
border-left: 1px solid #195f84;         
height: 100%;         
text-align: center;            
padding-left: 10px;     
margin-left: 10px;        
}
     
#top_links li:first-child {          
border: none;             
}           
       
#top_links li a {               
color: #FFF;
text-align: center;     
} 
              
#top_links li a:hover {   
color: #DEDFDE;     
}  
             
#top_links li #top_region {             
border-bottom: 1px dashed; 
}          
     
#region_select {               
background-color: var(--main-color);          
border: 1px solid #e0e0e0;     
margin-left: -50px; 
padding-left: 25px; 
}          

#region_select ul {             
border-bottom: 1px solid #e0e0e0;         
padding: 10px;         
margin-left: -15px;            
list-style: square outside;     
color: #fff;        
}
     
#region_select li {          
border: none;             
display: list-item;           
line-width: 100%;       
text-align: left;               
}
     
#top_find_result { 
background-color: var(--main-color);              
color: #fff;   
border: 1px solid #e0e0e0;     
position: absolute;  
line-height: 23px;             
top: 35px;             
min-width: 250px; 
padding-left: 5px;          
padding-right: 10px;     
}               
          
#top_find_result a {     
color: #fff; 
} 
          
#top_find_result a:hover {
color: #DEDFDE;             
}         
         
#top_find_result ul {            
border-bottom: 1px solid #e0e0e0;     
padding-right: 5px;        
margin-left: 0px;
list-style: square inside;     
color: #fff;          
}             
           
#top_find_result li {       
border: none;               
display: list-item;
text-align: left;     
font-size: 12px; 
}              
   
#us_label {     
font-weight: bold;  
color: var(--main-color-hover);             
margin-top: 7px;             
margin-right: 7px; 
font-size: 28pt;          
height: 32px;     
width: 154px;               
}          
     
/* ~~ этот контейнер фиксированной ширины окружает остальные DIV ~~ */ 
#page_container { 
max-width: 1400px;          
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */
padding: 0 20px;             
position: relative;         
margin-top: 60px;         
/* border: 3px solid #f00; */            
}     
        
#page_container314 {
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */     
padding: 0 20px;          
position: relative;             
margin-top: 60px;           
/* border: 3px solid #f00; */       
}               

.modeType2 a, .modeType2 a:visited, .modeType2 a:hover, .modeType a, .modeType a:visited, .modeType a:hover {     
text-decoration: none; 
color: var(--main-color);              
}   
     
.modeType_network a, .modeType_network a:visited, .modeType_network a:hover {  
text-decoration: none;             
color: var(--main-color-hover);             
} 
          
.modeType1 a, .modeType1 a:visited, .modeType1 a:hover {     
text-decoration: none;               
color: #848284;          
}     
 
#menuTopUsText { 
font-size: 33pt;          
margin-top: 7px;
margin-left: 3px;             
}         
         
#menuUsVersion {            
font-size: 9pt;     
margin-top: 9px;        
margin-left: 5px;
}     
          
#menuUsIsPlanned {             
color: #f00;           
font-weight: bold;       
padding-left: 5px;               
}
     
#menuUsNetwork { 
margin-top: 9px;              
margin-bottom: -5px;   
font-size: 12pt;     
font-weight: bold;  
font-style: italic;             
padding-left: 5px;             
} 
          
.div_razdel {     
font-size: 18px;               
padding-bottom: 10px;          
border-bottom: 2px solid #e0e0e0;     
margin-bottom: 20px; 
text-transform: uppercase; 
}          

#popup {             
background-color: #FFF;         
position: fixed;         
top: 45px;            
left: 50%;     
margin-left: -150px;        
width: 220px;
height: 39px;     
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);          
z-index: 1000;             
padding: 10px;           
padding-left: 80px;       
border: 3px solid #0088d1;               
font-size: 17px;
padding-top: 5px;     
padding-bottom: 20px; 
}              
   
#notifyDivIcon {     
position: fixed;  
top: 60px;             
left: 50%;             
margin-left: -137px; 
z-index: 1010;          
font-size: 50px;     
}               
          
#popup_error {     
background-color: #FFF; 
position: fixed; 
top: 45px;          
left: 50%;
width: 220px;             
height: 39px;         
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);         
z-index: 1000;            
padding: 10px;     
padding-left: 80px;        
margin-left: -150px;
border: 3px solid #0088d1;     
font-size: 17px;          
padding-top: 5px;             
padding-bottom: 20px;           
}       
               
#main_content {
/* border: 3px solid #0ff; */     
} 
              
.main_content_inside {   
margin-left: 300px;     
min-width: 400px;  
}             
             
.main_content_inside_min { 
padding-top: 10px;          
margin-left: 50px;     
}               
          
.main_content_inside_right_aside {     
margin-right: 220px; 
} 
          
#aside_left {
float: left;             
width: 250px;         
padding-bottom: 10px;         
margin-right: 40px;            
/* border: 3px solid #0f0; */     
}        

#aside_right {     
padding: 5px;          
width: 200px;             
background: #F7EFEF;           
border-left: 2px solid #E7E7E7;       
position: absolute;               
top: 0px;
right: 12px;     
} 
              
#top_topinfo {   
width: 100%;     
height: 60px;  
margin-bottom: 45px;             
}             
 
#div_contentplace {          
/* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если overflow:hidden удалено в .container */     
}               
          
#div_empty {     
clear: both; 
background-color: #0f0; 
height: 0;          
line-height: 0;
font: 1px;             
}         
         
.div_debug_header {            
margin-top: 50px;     
margin-left: 10px;        
font-weight: bold;
}     
          
.div_debug {             
background-color: #CACACA;           
border: 2px solid #000;       
margin: 10px;               
padding: 2px;
}     
 
.div_sql_debug {              
background-color: #fff;   
border: 1px solid #000;     
margin: 10px;  
padding: 2px;             
}             
 
.debug_greentext {          
color: #008000;     
font-weight: bold;               
}          
     
.debug_boldtext { 
font-weight: bold; 
}          

/* Диалоговое аякс-окно */             
#dialog-overlay {         
width: 100%;         
height: 100%;            
filter: alpha(opacity=50);     
-moz-opacity: 0.5;        
-khtml-opacity: 0.5;
opacity: 0.5;     
background: #000;          
position: fixed;             
top: 0px;           
left: 0;       
z-index: 3000;               
display: none;
}     
 
#dialogConfirmOverlay {              
width: 100%;   
height: 100%;     
filter: alpha(opacity=50);  
-moz-opacity: 0.5;             
-khtml-opacity: 0.5;             
opacity: 0.5; 
background: #000;          
position: fixed;     
top: 0px;               
left: 0;          
z-index: 7000;     
display: none; 
} 
          
#dialog-box {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);             
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);         
-moz-border-radius: 5px;         
-webkit-border-radius: 5px;            
background: #fff;     
position: fixed;        
z-index: 5000;
display: none;     
}          
             
#dialog-box .dialog-content {           
margin: 10px;       
}               

#dialog-box .dialog_header {     
background: var(--main-color); 
width: 100%;              
margin: -10px;   
padding: 10px;     
color: #fff;  
cursor: move;             
}             
 
#dialog-box .deleteDialog {          
background: #f00;     
width: 100%;               
margin: -10px;          
padding: 10px;     
color: #fff; 
cursor: move; 
}          

#dialog-box ul {             
padding: 10px;         
margin-left: -15px;         
list-style: square inside;            
}     
        
#dialog-box li {
padding: 5px;     
border: none;          
display: list-item;             
text-align: left;           
}       
               
#dialogConfirmbox {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);     
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
-moz-border-radius: 5px;              
-webkit-border-radius: 5px;   
background: #fff;     
position: fixed;  
z-index: 10000;             
display: none;             
} 
          
#dialogConfirmbox .dialogConfirmContent {     
margin: 10px;               
}          
     
#dialogConfirmbox .dialog_header { 
background: var(--main-color); 
width: 100%;          
margin: -10px;
padding: 10px;             
color: #fff;         
cursor: move;         
}            
     
#dialogConfirmbox .deleteDialog {        
background: #f00;
width: 100%;     
margin: -10px;          
padding: 10px;             
color: #fff;           
cursor: move;       
}               

#dialogConfirmbox ul {     
padding: 10px; 
margin-left: -15px;              
list-style: square inside;   
}     
  
#dialogConfirmbox li {             
padding: 5px;             
border: none; 
display: list-item;          
text-align: left;     
}               
          
.div_map_equip {     
position: absolute; 
right: 10px; 
top: 80px;          
border: 1px solid #848284;
max-width: 50%;             
max-height: 80%;         
background: #EFEFEF;         
padding: 5px;            
-webkit-border-radius: 6px;     
-moz-border-radius: 6px;        
border-radius: 6px;
}     
          
.div_map_equip .window_header {             
background: var(--main-color);           
width: 100%;       
margin-left: -7px;               
margin-top: -7px;
padding: 10px 10px 10px 4px;     
color: #fff; 
}              
   
#region_select_id {     
position: absolute;  
}             
             
.div_table { 
border: 0px solid black;          
overflow: visible;     
}               
          
.div_table .a_cell {     
color: #000; 
text-decoration: none; 
}          

.div_table .a_cell:hover, a:active, a:focus {             
text-decoration: underline;         
}         
            
.div_table td {     
padding: 3px;        
margin: 0px;
border-top: 1px solid black;     
border-right: 1px solid black;          
}             
           
.div_table .first_td {       
border-left: 1px solid black;               
}
     
.div_table .last_tr { 
border-bottom: 1px solid black;              
}   
     
.div_table .itog_tr {  
background: #C6C3C6;             
}             
 
.div_table .itog_td {          
background: #DEDBDE;     
}               
          
.div_table .td_small {     
font-size: smaller; 
} 
          
.div_ipnet {
margin-bottom: 8px;             
padding: 6px;         
background: #f4efef;         
border-left: 3px solid #008ED6;            
padding-left: 5px;     
font-size: 15px;        
font-weight: bold;
}     
          
.div_ipnet_hide {             
margin-bottom: 8px;           
padding: 6px;       
background: #ADADAD;               
padding-left: 5px;
font-size: 15px;     
font-weight: bold; 
width: 653px;              
color: #fff;   
}     
  
.div_ipnet_hide a {             
color: #fff;             
} 
          
.div_courier {     
margin-top: 10px;               
margin-bottom: 10px;          
padding: 5px;     
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica; 
border: 1px solid #000; 
}          

#map_add_obj_id {             
position: fixed;         
top: 0px;         
background: #fff;            
padding: 10px;     
left: 50%;        
margin-left: -200px;
z-index: 20;     
}          
             
#map_add_obj_id .dialog_header {           
background: var(--main-color);       
width: 100%;               
margin: -10px;
padding: 10px;     
color: #fff; 
}              
   
.att_blink {     
background-color: #fff;  
padding-left: 2px;             
padding-right: 2px;             
border: 1px solid #000; 
color: #f00;          
font-size: 8pt;     
}               
          
.comment_0 {     
} 
 
.comment_1 {          
background-color: #F7F7F7;
}             
         
.comment_author {         
color: #8482FF;            
}     
        
#journal_apart_used_info2_id {
margin-top: 10px;     
padding: 3px;          
border: 6px solid #800000;             
border-radius: 6px 6px 6px 6px;           
background-color: #FFD7D6;       
font-weight: bold;               
}
     
#journal_apart_task_yet_info2_id { 
margin-top: 10px;              
padding: 3px;   
border: 6px solid #4B799B;     
border-radius: 6px 6px 6px 6px;  
background-color: #DDF4FF;             
font-weight: bold;             
} 
          
#filter_button_id {     
width: 150px;               
}          
     
.table_table { 
border-spacing: 0px; 
position: relative;          
}
             
.table_table tr {         
position: relative;         
}            
     
.table_table td {        
position: relative;
}     
          
.table_legend {             
font-weight: bold;           
background: none;       
text-align: center;               
vertical-align: middle;
font-size: 14px !important;     
} 
              
.table_legend td {   
border-bottom: 3px solid #d4d4d4 !important;     
padding: 10px 5px;  
margin: 1px 0px;             
}             
 
.table_item {          
background: none;     
font-size: 13px;               
vertical-align: middle;          
}     
 
.table_item td { 
border-bottom: 1px solid #dadada;          
padding: 6px 6px;
margin: 1px 0px;             
}         
         
.table_item_white:hover {            
background: #ebeaea;     
}        

.table_item_gray {     
background: #f6f6f6;          
}             
           
.table_item_gray:hover {       
background: #ebeaea;               
}
     
.table_item_itog { 
background: #C6C3C6;              
font-weight: bold;   
}     
  
* html #login_page {             
/* хак для IE6 */             
background: #072455; 
}          
     
#login_page #login_page_toplogo {               
width: 100%;          
height: 301px;     
background: url('../picture/transparent_logo.png') top no-repeat; 
} 
          
#login_page #login_page_toplogo_online {
width: 100%;             
height: 600px;         
background: url('../picture/transparent_logo_online.svg') top no-repeat;         
background-position-y: 50px;            
background-size: 600px auto;     
}        

* html #login_page #login_page_toplogo {     
/* хак для IE6 */          
background: #072455;             
}           
       
* html #login_page #login_page_toplogo_online {               
/* хак для IE6 */
background: #072455;     
} 
              
#login_page #login_page_info {   
width: 500px;     
left: 50%;  
top: 50%;             
margin-left: -245px;             
margin-top: -400px; 
position: absolute;          
background: rgba(0, 0, 0, 0.15);     
color: #fff;               
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);          
padding: 10px;     
} 
 
#login_page #login_page_info h1 {          
font-size: 18px;
margin-bottom: 15px;             
}         
         
#login_page #login_page_alert {            
width: 360px;     
left: 50%;        
top: 50%;
margin-left: -175px;     
margin-top: -220px;          
position: fixed;             
background: rgba(0, 0, 0, 0.15);           
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);       
padding: 10px;               
}
     
#login_page #login_page_alert_inside { 
background: #fff;              
position: relative;   
background-color: #FFF;     
padding: 20px;  
padding-left: 80px;             
font-size: 17px;             
} 
          
#login_page #login_page_pda {     
width: 64px;               
height: 64px;          
display: block;     
position: fixed; 
bottom: 60px; 
/*left: 50%;          
margin-left: -32px;
*/             
right: 0;         
}         
            
#login_page #login_page_form {     
width: 100%;        
max-width: 360px;
left: 50%;     
top: 50%;          
margin-left: -180px;             
margin-top: -120px;           
position: absolute;       
background: rgba(0, 0, 0, 0.15);               
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
padding: 15px;     
} 
              
#login_page #login_page_form form {   
background: #c4ccd4;     
padding: 15px;  
padding-top: 35px;             
position: relative;             
} 
          
#login_page #login_page_form .title {     
margin-bottom: 15px;               
font-size: 21px;          
}     
 
#login_page #login_page_form .field { 
width: 100%;          
max-width: 310px;
height: 26px;             
line-height: 26px;         
padding: 0px 8px;         
font: 13px/25px 'Myriad pro', Tahoma, Geneva, sans-serif;            
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);     
background: #FFF;        
border: none;
margin-bottom: 10px;     
}          
             
#login_page #login_page_form .button {           
font-size: 15px;       
height: 30px;               
margin-top: 5px;
padding: 5px;     
padding-left: 10px; 
padding-right: 10px;              
background: var(--main-color);   
color: #FFF;     
border: 0px;  
outline: 0px;             
cursor: pointer;             
} 
          
#login_page #login_page_form .button:hover {     
background: #095882;               
}          
     
#login_page #login_page_form #link_cabinet { 
position: absolute; 
right: 3px;          
bottom: 30px;
color: var(--main-color);             
padding-right: 20px;         
}         
            
#login_page #login_page_form #link_cabinet:hover {     
color: #666666;        
}
     
#login_page_footer {          
position: absolute;             
bottom: 0px;           
left: 0px;       
width: 100%;               
background: rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.2);     
height: 50px; 
min-width: 1000px;              
}   
     
* html #login_page_footer {  
/* хак для IE6 */             
background: #001842;             
} 
          
#login_page_footer #down_copy {     
position: absolute;               
top: 15px;          
left: 25px;     
color: #fff; 
} 
          
#login_page_footer #down_copy a {
color: var(--main-color);             
}         
         
#login_page_footer #down_copy a:hover {            
color: #666666;     
}        

#to_top {     
position: fixed;          
bottom: 100px;             
}           
       
#to_top a {               
width: 72px;
display: block;     
text-align: center; 
font-size: 13px;              
font-weight: bold;   
text-transform: uppercase;     
text-decoration: none;  
color: #bbb;             
}             
 
#to_top a:hover {          
color: var(--main-color);     
}               
          
#to_top span {     
width: 72px; 
height: 72px; 
display: block;          
background-color: #ddd;
color: #A7A7A7;             
padding-top: 25px;         
font-size: 40pt;         
-webkit-border-radius: 15px;            
-moz-border-radius: 15px;     
border-radius: 15px;        
-webkit-transition: 1s;
-moz-transition: 1s;     
transition: 1s;          
}             
           
#to_top a:hover span {       
color: #8FC44B;               
background-color: var(--main-color);
}     
 
#div_failuremsg {              
margin: 10px;   
width: 400px;     
border: 1px solid #000;  
}             
             
#div_failuremsg_div { 
padding: 4px;          
}     
               
#div_failuremsg_header {          
background-color: var(--main-color);     
color: #fff; 
font-weight: bold; 
padding: 2px;          
}
             
#div_abon_info {         
}         
            
#div_abon_info .div_info_block {     
padding: 3px;        
background: #ededed;
border-left: 3px solid #d4d4d4;     
margin-bottom: 5px;          
}             
           
#div_abon_info .div_info_block_advert {       
background: #B0FFB0;               
border-left: 3px solid #008000;
}     
 
#div_abon_info .div_info_block .caption {              
font-size: 13px;   
font-weight: bold;     
margin-bottom: 2px;  
text-transform: uppercase;             
}             
 
#div_abon_info .div_info_block .text {          
}     
               
#div_abon_info .div_info_block .text span {          
font-weight: bold;     
color: #848284; 
} 
          
#div_abon_info .important {
background: #f7da78;             
border-left: 3px solid #e0c25f;         
}         
            
#div_abon_info .div_info_block a {     
color: var(--main-color);        
}
     
#div_abon_info .div_info_block a:hover {          
color: #666666;             
}           
       
#div_news {               
margin: 20px 0px;
}     
 
#div_news .div_news_block {              
padding: 15px;   
background: #ededed;     
border-left: 3px solid #d4d4d4;  
margin-bottom: 20px;             
}             
 
#div_news .div_news_block h3 {          
font-size: 18px;     
font-weight: bold;               
text-transform: uppercase;          
}     
 
#div_news .div_news_block .text { 
margin-top: -10px;          
margin-bottom: 10px;
}             
         
#div_news .msg_block {         
background: #D6FFD6;            
border-left: 3px solid #84FF84;     
}        

#div_news .important {     
background: #f7da78;          
border-left: 3px solid #e0c25f;             
}           
       
#div_news .high {               
background: #f00;
color: #fff;     
border-left: 3px solid #fff; 
}              
   
.div_alert_news {     
padding: 15px;  
border-left: 3px solid #d4d4d4;             
margin-bottom: 20px;             
background: #D20000; 
border-left: 3px solid #FF8080;          
min-height: 500px;     
color: #fff;               
}          
     
.div_alert_news a { 
color: #FFFFD5; 
}          

.div_alert_news a:hover {             
color: #FFFF04;         
}         
            
#div_news .div_news_block a {     
color: var(--main-color);        
}
     
#div_news .div_news_block a:hover {          
color: #666666;             
}           
       
.map_frame {               
border: 5px solid rgba(198, 195, 198, 0.5);
border-radius: 6px;     
-webkit-border-radius: 6px; 
-moz-border-radius: 5px;              
-khtml-border-radius: 10px;   
}     
  
#scheme_menu_panel {             
height: 30px;             
position: fixed; 
top: 0;          
left: 0;     
width: 100%;               
padding: 5px;          
border-bottom: 1px solid #000;     
} 
 
#map_edit_panel {          
height: 30px;
position: fixed;             
top: 39px;         
left: 0;         
width: 100%;            
padding: 5px;     
background: var(--main-color-hover);        
color: #fff;
z-index: 10;     
}          
             
#map_edit_panel a {           
text-decoration: none;       
}               

#map_edit_panel .obj-button {     
margin-left: 5px; 
margin-top: -3px;              
margin-right: 5px;   
padding: 3px;     
background: #D6D7D6;  
border: 1px solid #9C9A9C;             
float: left;             
border-radius: 3px; 
-webkit-border-radius: 3px;          
-moz-border-radius: 2px;     
-khtml-border-radius: 4px;               
}          
     
#map_edit_panel .obj-button:hover { 
background: #9C9A9C; 
}          

#map_edit_panel .obj-button a {             
color: #000;         
}         
            
#map_menu_panel {     
height: 30px;        
position: fixed;
top: 0;     
left: 0;          
width: 100%;             
padding: 5px;           
}       
               
#map_menu_panel .menu_down {
margin-left: 5px;     
margin-top: 2px; 
margin-right: 5px;              
padding: 3px;   
border: 1px solid #9C9A9C;     
float: left;  
background-color: #D6D7D6;             
border-radius: 3px;             
-webkit-border-radius: 3px; 
-moz-border-radius: 2px;          
-khtml-border-radius: 4px;     
}               
          
#map_menu_panel .menu_down:hover {     
background-color: #9C9A9C; 
} 
          
#map_menu_panel .menu_down a {
color: #000;             
text-decoration: none;         
}         
            
.map_menu_down {     
display: inline;        
float: left;
height: 100%;     
width: 16px;          
background-color: #fff;             
padding-left: 5px;           
padding-top: 1px;       
margin-top: 0px               
}
     
.map_menu_down:hover { 
background-color: #cacaca;              
}   
     
.button_inside {  
display: inline;             
float: left;             
padding-left: 5px; 
padding-right: 5px;          
width: 32px;     
height: 100%;               
}          
     
.unselected_button { 
cursor: pointer; 
margin-left: 5px;          
margin-top: 2px;
margin-right: 5px;             
border: 1px solid #9C9A9C;         
float: left;         
border-radius: 3px;            
background-color: #D6D7D6;     
height: 23px;        
-webkit-border-radius: 3px;
-moz-border-radius: 2px;     
-khtml-border-radius: 4px;          
}             
           
.unselected_button:hover {       
background: #9C9A9C;               
}
     
.unselected_button div { 
margin-top: 2px;              
}   
     
.selected_button {  
float: left;             
color: #fff;             
background-color: #B5D3FF; 
border: 1px solid var(--main-color);          
border-radius: 3px;     
height: 28px;               
margin-top: 0px;          
margin-left: 5px;     
margin-right: 5px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 2px;          
-khtml-border-radius: 4px;
}             
         
.selected_button:hover {         
background: #73AAFF;            
}     
        
.selected_button div {
margin-top: 5px;     
}          
             
.selected_layer {           
font-weight: bold;       
margin-top: 1px;               
margin-left: 5px;
margin-right: 5px;     
padding: 5px; 
float: left;              
color: #fff;   
background: var(--main-color);     
border-radius: 3px;  
-webkit-border-radius: 3px;             
-moz-border-radius: 2px;             
-khtml-border-radius: 4px; 
}          
     
.selected_layer:hover {               
background: #4A7DD6;          
}     
 
.selected_layer a { 
color: #fff;          
text-decoration: none;
}             
         
.unselected_layer {         
margin-left: 5px;            
margin-top: 2px;     
margin-right: 5px;        
padding: 3px;
background: #D6D7D6;     
border: 1px solid #9C9A9C;          
float: left;             
border-radius: 3px;           
-webkit-border-radius: 3px;       
-moz-border-radius: 2px;               
-khtml-border-radius: 4px;
}     
 
.unselected_layer:hover {              
background: #9C9A9C;   
}     
  
.unselected_layer a {             
color: #000;             
text-decoration: none; 
}          
     
.unselected_layer2 {               
margin-top: 1px;          
margin-left: 5px;     
margin-right: 5px; 
padding: 5px; 
float: left;          
background: #D6D7D6;
border: 1px solid #9C9A9C;             
border-radius: 3px;         
-webkit-border-radius: 3px;         
-moz-border-radius: 2px;            
-khtml-border-radius: 4px;     
}        

.unselected_layer2:hover {     
background: #9C9A9C;          
}             
           
.unselected_layer2 a {       
color: #000;               
text-decoration: none;
}     
 
#ttip {              
z-index: 999;   
border: 1px solid #111;     
background-color: #eee;  
padding: 5px;             
opacity: 0.85;             
} 
          
.map_toppanel {     
background: var(--main-color);               
width: 100%;          
margin: -10px;     
padding: 10px; 
color: #fff; 
}          

.map_toppanel a {             
color: #fff;         
}         
            
.map_toppanel a:hover {     
color: #DEDFDE;        
}
     
.j_card_div {          
border: 1px solid #B5B6B5;             
background-color: #F7F3F7;           
padding: 5px;       
border-radius: 3px;               
-webkit-border-radius: 3px;
-moz-border-radius: 2px;     
-khtml-border-radius: 4px; 
}              
   
.j_card_div .div_caption {     
text-align: center;  
background-color: #D6D3D6;             
padding: 5px;             
margin-top: -5px; 
margin-left: -5px;          
margin-right: -5px;     
font-weight: bold;               
}          
     
.j_card_div .j_table { 
margin-top: 5px; 
width: 100%;          
font-size: 13px;
vertical-align: top;             
}         
         
.j_card_div .j_table tr {            
height: 25px;     
vertical-align: top;        
}
     
.j_table_td_left {          
text-align: right;             
font-weight: bold;           
width: 100px;       
}               

.j_table_td_left_na {     
text-align: right; 
font-weight: bold;              
width: 250px;   
}     
  
.j_card_cur_state {             
text-align: center;             
font-weight: bold; 
font-size: 15pt;          
margin: 8px;     
}               
          
.j_button {     
width: 24px; 
height: 24px; 
border: 1px solid #B5B6B5;          
padding-right: 0px;
padding-left: 9px;             
padding-top: 5px;         
padding-bottom: 5px;         
border-radius: 3px;            
-webkit-border-radius: 3px;     
-moz-border-radius: 2px;        
-khtml-border-radius: 4px;
background-color: #F7F3F7;     
margin: 2px;          
float: left;             
}           
       
.j_button:hover {               
background-color: #73AAFF;
border: 1px solid #000084;     
margin: 1px; 
width: 26px;              
height: 26px;   
}     
  
.j_button_lock {             
width: 24px;             
height: 24px; 
border: 1px solid #C60000;          
padding-right: 0px;     
padding-left: 9px;               
padding-top: 5px;          
padding-bottom: 5px;     
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 2px;          
-khtml-border-radius: 4px;
margin: 2px;             
cursor: help;         
float: left;         
}            
     
.j_button_menu_delete {        
background-color: #FFCACA;
}     
          
.j_button_splitter {             
width: 2px;           
height: 24px;       
border: 1px solid #B5B6B5;               
padding-top: 5px;
padding-bottom: 5px;     
border-radius: 3px; 
-webkit-border-radius: 3px;              
-moz-border-radius: 2px;   
-khtml-border-radius: 4px;     
background-color: #848284;  
margin: 2px;             
float: left;             
} 
          
.j_button_inside {     
width: 24px;               
height: 24px;          
border: 1px solid #B5B6B5;     
padding-right: 0px; 
padding-left: 9px; 
padding-top: 5px;          
padding-bottom: 5px;
border-radius: 3px;             
-webkit-border-radius: 3px 0px 0px 3px;         
-moz-border-radius: 2px 0px 0px 2px;         
-khtml-border-radius: 4px 0px 0px 4px;            
background-color: #F7F3F7;     
margin: 2px 0px 2px 2px;        
float: left;
}     
          
.j_button_inside:hover {             
background-color: #73AAFF;           
border: 1px solid #000084;       
}               

.j_button_down {     
float: left; 
height: 24px;              
width: 15px;   
margin: 2px 2px 2px 0px;     
background-color: #184DB5;  
-webkit-border-radius: 0px 3px 3px 0px;             
-moz-border-radius: 0px 2px 2px 0px;             
-khtml-border-radius: 0px 4px 4px 0px; 
padding-right: 0px;          
padding-left: 3px;     
padding-top: 6px;               
padding-bottom: 6px;          
}     
 
.j_button_down:hover { 
background-color: #296DE7;          
}
             
.j_button_counter {         
float: left;         
height: 24px;            
min-width: 18px;     
margin: 2px 2px 2px 0px;        
background-color: #fff;
border-right: 1px solid #B5B6B5;     
border-top: 1px solid #B5B6B5;          
border-bottom: 1px solid #B5B6B5;             
border-radius: 3px;           
-webkit-border-radius: 0px 3px 3px 0px;       
-moz-border-radius: 0px 2px 2px 0px;               
-khtml-border-radius: 0px 4px 4px 0px;
padding-right: 0px;     
padding-left: 0px; 
padding-top: 8px;              
padding-bottom: 2px;   
text-align: center;     
}  
             
.j_button_counter:hover {             
background-color: #F7F3F7; 
}          
     
.j_button_delete:hover {               
background-color: #FFAEAD;          
}     
 
.j_card_opis_div { 
border: 1px solid #B5B6B5;          
background-color: #fff;
padding: 3px;             
border-radius: 3px;         
-webkit-border-radius: 3px;         
-moz-border-radius: 2px;            
-khtml-border-radius: 4px;     
}        

.j_card_comment_div {     
border: 1px solid #B5B6B5;          
padding: 3px;             
border-radius: 3px;           
-webkit-border-radius: 3px;       
-moz-border-radius: 2px;               
-khtml-border-radius: 4px;
margin-top: 10px;     
margin-bottom: 5px; 
}              
   
.j_card_comment_div span {     
font-size: 12pt;  
}             
             
.j_card_comment_div_my { 
background-color: #CCC4E6;          
}     
               
.j_card_comment_div_author {          
background-color: #ADCBFF;     
} 
 
.j_card_comment_div_all {          
background-color: #DEEFFF;
}             
         
.j_card_label_div {         
float: left;            
border: 1px solid #B5B6B5;     
padding: 2px;        
border-radius: 3px;
-webkit-border-radius: 3px;     
-moz-border-radius: 2px;          
-khtml-border-radius: 4px;             
margin-bottom: 5px;           
margin-right: 5px;       
background-color: #CEFFCE;               
cursor: help;
}     
 
.j_mywork_div {              
float: left;   
padding: 2px;     
border-radius: 10px;  
-webkit-border-radius: 10px;             
-moz-border-radius: 8px;             
-khtml-border-radius: 11px; 
margin: 5px;          
padding: 10px;     
min-width: 200px;               
text-align: center;          
}     
 
.j_mywork_div_create { 
background-color: #0082C6;          
color: #fff;
max-width: 200px;             
}         
         
.j_mywork_div_watch {            
background-color: #00C742;     
color: #fff;        
max-width: 200px;
}     
          
.j_mywork_div_work {             
background-color: #FF9694;           
color: #fff;       
max-width: 200px;               
line-height: 20px;
}     
 
.j_mywork_div_wo_pers {              
background-color: #000;   
color: #fff;     
max-width: 200px;  
}             
             
.j_mywork_div_caption { 
font-size: 17pt;          
font-weight: bold;     
}               
          
.j_mywork_div_counter {     
padding-top: 25px; 
padding-bottom: 20px; 
font-size: 21pt;          
font-weight: bold;
color: #000;             
}         
         
.j_mywork_div_counter span {            
background-color: #fff;     
border-radius: 5px;        
-webkit-border-radius: 5px;
-moz-border-radius: 4px;     
-khtml-border-radius: 6px;          
padding-right: 10px;             
padding-left: 10px;           
}       
               
.j_mywork_div_counter span:hover {
background-color: #F7F3F7;     
} 
              
.j_mywork_div_list {   
margin-top: 9px;     
padding-top: 10px;  
padding-bottom: 10px;             
color: #000;             
text-align: left; 
          
background-color: #fff;     
border-radius: 5px;               
-webkit-border-radius: 5px;          
-moz-border-radius: 4px;     
-khtml-border-radius: 6px; 
padding-right: 10px; 
padding-left: 10px;          
}
             
.link_menu_down {         
padding-left: 20px;         
}            
     
#login_page {        
background: #072455;
}     
          
.input_box {             
color: #000;           
font-size: 14px;       
height: 23px;               
line-height: 23px;
border: 1px solid #B5B6B5;     
outline: none; 
padding: 0 10px;              
padding-right: 10px;   
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;     
}  
             
.input_box:focus {             
background: #F7EFEF; 
border: 1px solid #808080;          
}     
               
.find_box {          
background: url('../../oper/?core_section=image&action=search&color=gray') 100% 45% no-repeat;     
} 
 
.find_box:focus {          
background: url('../../oper/?core_section=image&action=search&color=us') 100% 45% no-repeat;
}             
         
.div_center {         
text-align: center;            
}     
        
.div_right {
text-align: right;     
}          
             
.div_bold {           
font-weight: bold;       
}               

#usersearch {     
height: 38px; 
line-height: 38px;              
width: 100%;   
background: #f4efef;     
position: relative;  
margin: 20px 0px;             
}             
 
#usersearch .field {          
width: -webkit-calc(100% - 80px);     
width:    -moz-calc(100% - 80px);               
width:         calc(100% - 80px);          
margin-left: 15px;     
border: 1px solid #dbd3d3; 
height: 22px; 
line-height: 22px;          
padding: 0px 5px;
}             
         
#usersearch .button {         
width: 40px;            
height: 38px;     
position: absolute;        
top: 0px;
right: 0px;     
display: block;          
background: url('../../oper/?core_section=image&action=search&color=white') 50% 50% no-repeat var(--main-color);             
border: none;           
outline: none;       
cursor: pointer;               
}
     
#usersearch .button:hover { 
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat var(--main-color);              
}   
     
#usersearch .check {  
display: inline-block;             
width: 20%;             
margin-right: 45px; 
margin-left: 15px;          
}     
               
#usersearch2 {          
height: 38px;     
line-height: 38px; 
width: 100%; 
background: #f4efef;          
position: relative;
margin: 20px 0px;             
}         
         
#usersearch2 .field {            
width: 500px;     
margin-left: 15px;        
border: 1px solid #dbd3d3;
height: 22px;     
line-height: 22px;          
padding: 0px 5px;             
}           
       
#usersearch2 .button {               
width: 40px;
height: 38px;     
position: absolute; 
top: 0px;              
right: 0px;   
display: block;     
background: url('../../oper/?core_section=image&action=search&color=white') 50% 50% no-repeat var(--main-color);  
border: none;             
outline: none;             
cursor: pointer; 
}          
     
#usersearch2 .button:hover {               
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat var(--main-color);          
}     
 
#usersearch2 .check { 
display: inline-block;          
width: 20%;
margin-right: 45px;             
margin-left: 15px;         
}         
            
.j_news2 {     
width: 32px;        
height: 32px;
margin-left: 5px;     
}          
             
.label_wait {           
height: 26px;       
font-size: 15px;               
margin-top: 10px;
margin-bottom: 10px;     
font-weight: bold; 
background-color: #D5D500;              
padding-left: 13px;   
padding-top: 7px;     
border-radius: 5px;  
-webkit-border-radius: 5px;             
-moz-border-radius: 5px;             
-khtml-border-radius: 5px; 
color: #000;          
}     
               
.label_stop {          
height: 26px;     
font-size: 15px; 
margin-top: 10px; 
margin-bottom: 10px;          
font-weight: bold;
background-color: #FFD7D6;             
padding-left: 13px;         
padding-top: 7px;         
border-radius: 5px;            
-webkit-border-radius: 5px;     
-moz-border-radius: 5px;        
-khtml-border-radius: 5px;
color: #5A0000;     
}          
             
.label_alert {           
margin-top: 10px;       
margin-bottom: 10px;               
background: #FFD7D6;
padding-left: 33px;     
padding-top: 7px; 
width: 100%;              
border-radius: 5px;   
-webkit-border-radius: 5px;     
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;             
color: #5A0000;             
} 
          
.label_error {     
font-size: 15px;               
margin: 10px;          
background-color: #FFD7D6;     
padding: 10px; 
border-radius: 5px; 
-webkit-border-radius: 5px;          
-moz-border-radius: 5px;
-khtml-border-radius: 5px;             
color: #5A0000;         
}         
            
.morris-hover {     
position: absolute;        
z-index: 1000;
}     
          
.morris-hover.morris-default-style {             
border-radius: 10px;           
padding: 6px;       
color: #666;               
background: rgba(255, 255, 255, 0.8);
border: solid 2px rgba(230, 230, 230, 0.8);     
font-family: sans-serif; 
font-size: 12px;              
text-align: center;   
}     
  
.morris-hover.morris-default-style .morris-hover-row-label {             
font-weight: bold;             
margin: 0.25em 0; 
}          
     
.morris-hover.morris-default-style .morris-hover-point {               
white-space: nowrap;          
margin: 0.1em 0;     
} 
 
.graph_div {          
border: 1px solid #C0C0C0;
}             
         
.graph_caption {         
font-weight: bold;            
background: #DEDBDE;     
padding-left: 5px;        
padding-right: 5px;
}     
          
.div_sortable_class {             
cursor: pointer;           
margin-top: 5px;       
padding: 5px;               
width: 50%;
background: #F6F6F6;     
color: #000; 
}              
   
.div_sortable_class:hover {     
background: #EDEDED;  
cursor: crosshair;             
}             
 
.div_scheme_port {          
position: absolute;     
font-size: 9pt;               
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;          
}     
 
.div_scheme_port2 { 
position: absolute;          
font-size: 7pt;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;             
}         
         
.div_scheme_att {            
position: absolute;     
font-size: 7pt;        
background-color: #fff;
padding-left: 2px;     
padding-right: 2px;          
border: 1px solid #000;             
color: #00F;           
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;       
}               

.div_scheme_att_red {     
position: absolute; 
font-size: 7pt;              
background-color: #fff;   
padding-left: 2px;     
padding-right: 2px;  
border: 1px solid #000;             
color: #f00;             
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif; 
}          
     
.div_scheme_att_pg {               
position: absolute;          
font-size: 7pt;     
background-color: #F7F700; 
padding-left: 2px; 
padding-right: 2px;          
border: 1px solid #000;
color: #f00;             
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;         
}         
            
.div_scheme_caption {     
position: absolute;        
font-size: 8pt;
line-height: 1.35;     
text-align: center;          
width: 190px;             
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;           
}       
               
.div_scheme_link {
color: #000;     
text-decoration: none; 
}              
   
.div_scheme_link:hover {     
color: var(--main-color);  
}             
             
.div_stat_select_kat { 
text-align: right;          
width: 100%;     
}               
          
.table_result_class {     
background: #C6C3C6; 
font-weight: bold; 
text-align: right;          
}
             
.div_journal_opis {         
overflow: hidden;         
max-height: 105px;            
word-wrap: break-word;     
}        

.div_journal_opis_print {     
overflow: hidden;          
max-height: 1050px;             
word-wrap: break-word;           
}       
               
.link_leftmenu_j_count {
text-decoration: underline;     
font-size: 16px; 
}              
   
.link_leftmenu_j_count:hover {     
color: #A5A6FF;  
}             
             
.sms_block_div { 
margin-top: 10px;          
margin-bottom: 10px;     
padding: 10px;               
background: #DEDBDE;          
border-radius: 5px;     
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;          
}
             
.jabber_block_div {         
margin-top: 10px;         
margin-bottom: 10px;            
padding: 10px;     
background: #DEDBDE;        
border-radius: 5px;
-webkit-border-radius: 5px;     
-moz-border-radius: 5px;          
-khtml-border-radius: 5px;             
}           
       
.cursor_pointer {               
cursor: pointer;
}     
 
.link_dashed, .link_dashed:hover, .link_dashed:active, .link_dashed:focus {              
text-decoration: none;   
}     
  
.link_dashed span {             
border-bottom: 1px dashed;             
text-decoration: none; 
}          
     
.span_news_counter {               
background-color: #0082C6;          
padding-left: 4px;     
margin-top: 1px; 
padding-right: 4px; 
color: #fff;          
font-weight: bold;
font-size: 9pt;             
cursor: pointer;         
}         
            
#span_mywork_counter_id {     
padding-left: 4px;        
margin-top: 1px;
padding-right: 4px;     
background-color: #f00;          
color: #fff;             
font-weight: bold;           
font-size: 9pt;       
cursor: pointer;               
}
     
.act_color { 
padding: 0px;              
width: 1px;   
position: relative;     
}  
             
.act_color .arrow {             
width: 0px; 
height: 0px;          
border-style: solid;     
border-width: 5px 0 5px 5px;               
position: absolute;          
top: 50%;     
margin-top: -5px; 
right: -5px; 
}          

.bad {             
background: #e2001a;         
}         
            
.bad .arrow {     
border-color: transparent transparent transparent #e2001a;        
}
     
.ok {          
background: #0aa41c;             
}           
       
.gray_column {               
background: #cacaca;
}     
 
.ok .arrow {              
border-color: transparent transparent transparent #0aa41c;   
}     
  
#span_all_counter_id {             
background-color: #008200;             
padding-left: 4px; 
margin-top: 1px;          
padding-right: 4px;     
color: #fff;               
font-weight: bold;          
font-size: 9pt;     
cursor: pointer; 
} 
          
.day_delimiter {
height: 15px;             
}         
         
.scheme_oval {            
float: left;     
text-align: center;        
padding-left: 20px;
padding-right: 20px;     
-moz-border-radius: 100px / 80px;          
-webkit-border-radius: 100px / 80px;             
border-radius: 100px / 80px;           
border-color: #000;       
border-style: solid;               
border-width: 2px;
}     
 
.scheme_line {              
float: left;   
background-color: #000;     
width: 10px;  
height: 20px;             
}             
 
.table_table a {          
position: relative;     
z-index: 1;               
}          
     
.table_table a.c_t2_rowlink { 
position: absolute; 
top: 0;          
left: 0;
margin: 0px;             
}         
         
.table_table a.c_t2_rowlink:hover {            
background-color: #cacaca;     
opacity: 0.1;        
}
     
.working_menu_change_state {          
text-align: center;             
padding-bottom: 5px;           
}       
               
.working_menu_change_state .button_state {
display: inline-block;     
margin: 5px; 
padding: 5px;              
background-color: #2175A5;   
border: 1px solid var(--main-color);     
border-radius: 3px;  
-webkit-border-radius: 3px;             
-moz-border-radius: 2px;             
-khtml-border-radius: 4px; 
}          
     
.working_menu_change_state .button_state a {               
color: #fff;          
}     
 
.working_menu_change_state .button_state:hover { 
background-color: #73AAFF;          
}
             
.red_link {         
padding-left: 4px;         
margin-top: 1px;            
padding-right: 4px;     
background-color: #f00;        
font-weight: bold;
cursor: pointer;     
color: #fff;          
text-decoration: none;             
}           
       
.red_link:hover {               
color: #cacaca;
}     
 
.red_link2 {              
color: #f00;   
text-decoration: none;     
font-weight: bold;  
}             
             
.white_div { 
background-color: #fff;          
border-radius: 5px;     
-webkit-border-radius: 5px;               
-moz-border-radius: 4px;          
-khtml-border-radius: 6px;     
padding: 10px; 
} 
          
.current_date_free_doing {
cursor: pointer;             
}         
         
.current_date_free_doing:hover {            
background-color: #BDEFFF;     
}        

.current_date_red {     
background-color: #FFEBEF;          
}             
           
/* ОБЩИЕ ПАРАМЕТРЫ */       
               
.box_border {
box-sizing: border-box;     
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;              
}   
     
.code {  
font-family: monospace;             
font-weight: 600;             
} 
          
.sup {     
margin-top: 16px;               
font-size: 0.9em;          
font-style: italic;     
} 
 
.right {          
margin-left: auto;
margin-right: 0px;             
}         
         
/*----------------------------------------*/            
/* Разметка для блоков контакт-центра */     
/*  Общие параметры (строка для блоков кнопок) */        
.row {
height: 4em;     
margin-left: -16px;          
margin-right: -16px;             
line-height: 1.2em;           
}       
               
.row:before {
content: " ";     
display: block; 
}              
   
.row:after {     
content: " ";  
clear: both;             
}             
 
/* Блоки кнопок разных размеров внутри строки */          
/* Цифра - количество ячеек, которые занимает блок по ширине в 12 ячеечной сетке */     
.block-6 {               
width: 45%;          
float: left;     
text-align: center; 
padding: 0 16px; 
}          

.block-5 {             
width: 41.5%;         
float: left;         
text-align: center;            
padding: 0 16px;     
}        

.block-4 {     
width: 30%;          
float: left;             
text-align: center;           
padding: 0 16px;       
}               

.block-3 {     
width: 22%; 
float: left;              
text-align: center;   
padding: 0 16px;     
}  
             
.block-2 {             
width: 16.6%; 
float: left;          
text-align: center;     
padding: 0 16px;               
}          
     
.block-1 { 
width: 8.3%; 
float: left;          
text-align: center;
padding: 0 16px;             
}         
         
/*----------------------------------------*/            
/* Основные плашки для информации и кнопок */     
        
/* настройка блока (плашки) с категорией кнопок */
.block-cc {     
box-sizing: border-box;          
-moz-box-sizing: border-box;             
-webkit-box-sizing: border-box;           
       
margin: 32px 0px;               
padding: 16px;
border-left: 4px solid;     
} 
              
/* общие настройки всех кнопок на плашке*/   
.block-cc button {     
font-size: 1.2em;  
padding: 16px;             
display: block;             
border: 1px solid; 
border-radius: 4px;          
color: rgba(255, 255, 255, 0.95);     
cursor: pointer;               
transition: all 0.2s ease-out;          
line-height: 1em;     
} 
 
.block-cc button:hover {          
outline: 0;
box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 16px 0px, rgba(0, 0, 0, 0.14) 0px 4px 16px 0px;             
}         
         
/* общие настройки заголовка №3 на плашке */            
.block-cc h3 {     
font-size: 1.4em;        
}
     
/* общие настройки полей ввода на плашке */          
.block-cc input {             
padding: 5px;           
line-height: 1em;       
}               

/* КНОПКИ */     
/* Широкая кнопка */ 
/* Да и вообще любой блок с шириной 100% */              
.width {   
width: 100%;     
}  
             
/* Маленькая кнопка */             
button.small { 
padding: 8px;          
font-size: 0.9em;     
}               
          
/* Серенькая кнопка обычная */     
button.default { 
background: #EEEEEE !important; 
color: #424242 !important;          
border: 1px solid #BDBDBD !important;
}             
         
/* Синенькая кнопка "главная типа" */         
button.primary {            
background: var(--main-color-hover) !important;     
color: #E8EAF6 !important;        
border: 1px solid #283593 !important;
}     
          
/*-----------------------------*/             
/* Цветные блоки */           
       
.cc-red {               
border-color: #D32F2F;
background: #FFEBEE;     
} 
              
.cc-red h3 {   
color: #D32F2F;     
}  
             
.cc-red button {             
background: #E53935; 
border: #B71C1C;          
}     
               
.cc-red button:hover {          
background: #D32F2F;     
} 
 
.cc-orange {          
border-color: #E64A19;
background: #FBE9E7;             
}         
         
.cc-orange h3 {            
color: #E64A19;     
}        

.cc-orange button {     
background: #FF5722;          
border: #BF360C;             
}           
       
.cc-orange button:hover {               
background: #E64A19;
}     
 
.cc-green {              
border-color: #388E3C;   
background: #E8F5E9;     
}  
             
.cc-green h3 {             
color: #388E3C; 
}          
     
.cc-green button {               
background: #43A047;          
border: #1B5E20;     
} 
 
.cc-green button:hover {          
background: #388E3C;
}             
         
.cc-blue {         
border-color: #1976D2;            
background: #E3F2FD;     
}        

.cc-blue h3 {     
color: #1976D2;          
}             
           
.cc-blue button {       
background: #1E88E5;               
border: #0D47A1;
}     
 
.cc-blue button:hover {              
background: #1976D2;   
}     
  
.div-form-customer-find {             
background-color: #fff;             
margin: 20px; 
padding-bottom: 5px;          
padding-top: 30px;     
padding-left: 20px;               
padding-right: 20px;          
border-radius: 10px;     
-webkit-border-radius: 10px; 
-moz-border-radius: 8px; 
-khtml-border-radius: 11px;          
}
             
.div-form-house-find {         
background-color: #fff;         
width: 500px;            
margin: 20px;     
padding-bottom: 27px;        
padding-top: 27px;
padding-left: 20px;     
padding-right: 20px;          
border-radius: 10px;             
-webkit-border-radius: 10px;           
-moz-border-radius: 8px;       
-khtml-border-radius: 11px;               
}
     
.task-state-caption_delay { 
color: #fff;              
background: #f00;   
padding-left: 3px;     
padding-right: 3px;  
border: 1px solid #000;             
}             
 
.task-state-caption_cancel {          
color: #fff;     
background: #008040;               
padding-left: 3px;          
padding-right: 3px;     
border: 1px solid #000; 
} 
          
.task-state-caption_wait {
color: #000000;             
background: #fffe13;         
padding-left: 3px;         
padding-right: 3px;            
border: 1px solid #000;     
}        

.task-state-caption_doing {     
color: #fff;          
background: #10ae78;             
padding-left: 3px;           
padding-right: 3px;       
border: 1px solid #000;               
}
     
.task-caption-house-not-connect { 
color: #fff;              
background: #f00;   
padding-left: 3px;     
padding-right: 3px;  
border: 1px solid #000;             
             
} 
          
.yellow-back {     
background-color: #FFFFC1;               
}          
     
.accordeon-div { 
padding: 10px; 
padding-bottom: 0;          
padding-top: 0;
font-size: 13px;             
}         
         
body {            
font: 14px/17px 'Myriad pro', Tahoma, Geneva, hevetica, sans-serif;     
background-color: #FFF;        
margin: 0;
padding: 0;     
color: #000;          
min-width: 960px;             
}           
       
h1, h2, h3, h4, h5, h6, p {               
margin-top: 0; /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
padding-right: 0;     
padding-left: 0; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */ 
}              
   
ul, ol, dl {     
padding: 0;  
margin: 0;             
}             
 
a img {          
border: none;     
}               
          
a {     
color: var(--main-color); 
text-decoration: underline; 
}          

a:hover, a:active, a:focus {             
color: #666666;         
}         
            
.info_block {     
font-size: 10pt;        
font-weight: normal;
font-style: italic;     
}          
             
.block_info {           
padding-left: 15px;       
font-size: 10pt;               
font-weight: normal;
font-style: italic;     
} 
              
.comment_block {   
float: right;     
width: 52px;  
height: 21px;             
text-align: center;             
color: #000; 
font-weight: bold;          
padding-top: 2px;     
z-index: 150;               
}          
     
.div_small { 
font-size: 8pt; 
}          

#admin_info .block {             
background: #0aa41c;         
color: #FFF;         
padding: 5px 10px;            
font-size: 12px;     
display: inline-block;        
margin-right: 5px;
}     
          
#admin_info .block .first {             
display: inline-block;           
text-align: right;       
list-style: none;               
line-height: 16px;
margin-right: 10px;     
padding-right: 10px; 
border-right: 1px solid #0b8a1a;              
overflow: hidden;   
}     
  
#admin_info .block .second {             
display: inline-block;             
text-align: left; 
list-style: none;          
line-height: 16px;     
overflow: hidden;               
}          
     
#admin_info .block a { 
color: #FFF; 
text-decoration: underline;          
}
             
.text_size {         
white-space: nowrap;         
overflow: hidden;            
position: relative;     
}        

.text_size::after {     
content: '';          
position: absolute;             
right: 0;           
top: 0;       
width: 40px;               
height: 100%;
background: -moz-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);     
background: -webkit-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%); 
background: -o-linear-gradient(left, rgba(24, 113, 165 0.2), var(--main-color) 100%);              
background: -ms-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);   
background: linear-gradient(to right, rgba(24, 113, 165, 0.2), var(--main-color) 100%);     
}  
             
.text_size_white {             
white-space: nowrap; 
overflow: hidden;          
position: relative;     
}               
          
.text_size_white::after {     
content: ''; 
position: absolute; 
right: 0;          
top: 0;
width: 40px;             
height: 100%;         
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);         
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);            
background: -o-linear-gradient(left, rgba(255, 255, 255 0.2), #fff 100%);     
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);        
background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%);
}     
          
.label_area {             
vertical-align: top;           
}       
               
.textarea_class {
color: #000;     
border: 1px solid #B5B6B5; 
outline: none;              
padding: 0 10px;   
font: 14px/17px 'Myriad pro', Tahoma, Geneva, sans-serif;     
}  
             
.textarea_class:focus {             
background: #F7EFEF; 
border: 1px solid #808080;          
}     
               
.button {          
font-size: 15px;     
padding: 10px 20px; 
background: var(--main-color); 
color: #FFF;          
border: 0px;
outline: 0px;             
cursor: pointer;         
}         
            
.button:hover {     
background: #095882;        
}
     
.button_small {          
font-size: 15px;             
padding: 3px 20px;           
background: var(--main-color);       
color: #FFF;               
border: 0px;
outline: 0px;     
cursor: pointer; 
}              
   
.button_small:hover {     
background: #095882;  
}             
             
.button2 { 
font-size: 15px;          
padding: 10px 20px;     
background: #095882;               
color: #FFF;          
border: 0px;     
outline: 0px; 
cursor: pointer; 
}          

.button2:hover {             
background: #08496B;         
}         
            
.span_small {     
font-size: 11px;        
}
     
.menu_div_leftblock {          
float: left;             
width: 180px;           
}       
               
.menu_div_leftblock ul {
list-style: square inside;     
color: var(--main-color-left-menu-icon); 
}              
   
.menu_div_leftblock ul {     
font-size: 15px;  
display: block;             
}             
 
.menu_div_leftblock ul li {          
color: var(--main-color);     
line-height: 18px;               
height: 100%;          
margin-top: 10px;     
} 
 
.menu_div_leftblock ul li .select_punkt {          
font-weight: bold;
color: #000;             
}         
         
.menu_div_leftblock ul li a:hover {            
color: #000;     
}        

.menu_div_rightblock {     
margin-left: 200px;          
padding: 5px;             
background: #E7E3E7;           
border-left: 3px solid #0088d1;       
}               

.label_h2 {     
font-size: 18px; 
margin-top: 20px;              
margin-bottom: 10px;   
font-weight: bold;     
}  
             
.label_h2_wo {             
font-size: 18px; 
font-weight: bold;          
margin-bottom: 3px;     
}               
          
.label_h3 {     
font-size: 15px; 
margin-top: 20px; 
margin-bottom: 10px;          
font-weight: bold;
}             
         
.label_h3_wo {         
font-size: 15px;            
font-weight: bold;     
}        

.label_h3_hr {     
font-size: 16px;          
margin-top: 20px;             
margin-bottom: 20px;           
font-weight: bold;       
color: #848284;               
border-bottom: 1px solid #848284;
}     
 
.label_h3_hr_wo {              
font-size: 16px;   
margin-top: 20px;     
margin-bottom: 10px;  
font-weight: bold;             
color: #848284;             
border-bottom: 1px solid #848284; 
}          
     
.label_h3_red {               
font-size: 15px;          
margin-top: 40px;     
margin-bottom: 20px; 
color: #f00; 
font-weight: bold;          
}
             
.label_h3_green {         
font-size: 15px;         
margin-top: 40px;            
margin-bottom: 20px;     
color: #00C731;        
font-weight: bold;
}     
          
.settings_param_nazv {             
width: 250px;           
text-align: right;       
float: left;               
padding-right: 20px;
}     
 
.settings_param_value {              
font-weight: bold;   
width: 100%;     
}  
             
.settings_param_value a {             
padding-right: 20px; 
}          
     
.settings_param_value_change {               
padding: 0px;          
}     
 
.settings_param_value_change a { 
padding-right: 10px;          
}
             
.settings_param_value_change .input_field {         
color: #000;         
font-size: 14px;            
height: 23px;     
line-height: 23px;        
width: 205px;
border: 1px solid #B5B6B5;     
outline: none;          
padding: 0 10px;             
padding-right: 35px;           
overflow: hidden;       
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;               
}
     
#letters { 
margin: 20px 0px;              
}   
     
#letters .links {  
display: inline;             
border: 1px solid #dadada;             
height: 30px; 
line-height: 20px;          
padding: 5px;     
margin-left: 10px;               
}          
     
#letters .links a { 
margin: 5px 0px; 
padding: 0px 3px;          
border-right: 1px solid #dadada;
text-transform: uppercase;             
font-size: 13px;         
}         
            
#letters .links a.current {     
color: #000;        
font-weight: bold;
font-size: 18px;     
text-decoration: none;          
}             
           
#letters .links a:last-child {       
border-right: none;               
}
     
.table_block { 
margin: 20px 0px;              
display: table;   
}     
  
.table_block .item {             
display: table-row;             
} 
          
.table_block .item > div {     
display: table-cell;               
padding: 5px 10px;          
font-size: 13px;     
margin: 1px 0px; 
vertical-align: top; 
}          

.table_block .left_data {             
font-weight: bold;         
text-align: right;         
background: #EFEFEF;            
}     
        
.div_print {
color: #000;     
font-family: 'Helvetica', 'Tahoma', 'Arial';          
}             
           
.div_print a {       
text-decoration: none;               
color: #000;
}     
 
.table_data {              
margin: 3px 0px 3px;   
display: table;     
overflow: hidden;  
}             
             
.table_data_nonspace { 
margin: 0px;          
}     
               
.table_data .zvit {          
display: table-row;     
max-height: 35px; 
} 
          
.table_data .zvit > div {
display: table-cell;             
padding: 3px 10px;         
font-size: 13px;         
margin: 1px 0px;            
vertical-align: middle;     
}        

.table_data .zvit .right_div {     
text-align: right;          
}             
           
.table_data .item {       
display: table-row;               
max-height: 35px;
}     
 
.table_data .white {              
background: none;   
}     
  
.table_data .white:hover {             
background: #ebeaea;             
} 
          
.table_data .gray {     
background: #f6f6f6;               
}          
     
.table_data .gray:hover { 
background: #ebeaea; 
}          

.table_data .cursor_pointer {             
cursor: pointer;         
}         
            
.table_data .legend {     
display: table-row;        
max-height: 35px;
font-weight: bold;     
background: none;          
text-align: center;             
}           
       
.table_data .legend:hover {               
background: none;
}     
 
.table_data .legend > div {              
display: table-cell;   
padding: 10px 5px;     
margin: 1px 0px;  
vertical-align: middle;             
border-bottom: 3px solid #d4d4d4 !important;             
font-size: 14px !important; 
}          
     
.table_data .item > div:not(.today) {               
display: table-cell;          
padding: 6px 6px;     
font-size: 13px; 
border-bottom: 1px solid #dadada; 
margin: 1px 0px;          
vertical-align: middle;
}             
         
.table_data .today {         
display: table-cell;            
padding: 10px 10px;     
font-size: 13px;        
margin: 1px 0px;
vertical-align: middle;     
border: 2px dotted #000;          
}             
           
.table_data .item ._number {       
text-align: center;               
}
     
.table_data .item span:not(.work_fail) { 
/*              
color: #666666;   
*/     
}  
             
.table_data .item .act_color {             
padding: 0px; 
width: 10px;          
position: relative;     
}               
          
.table_data .item .center_div {     
text-align: center; 
} 
          
.table_data .item .right_div {
text-align: right;             
}         
         
.table_data .item .act {            
width: 110px;     
text-align: center;        
}
     
.table_data .item .daten {          
width: 110px;             
text-align: center;           
}       
               
.table_data .item .money {
width: 85px;     
text-align: right; 
}              
   
.table_data .item .act_color .arrow {     
width: 0px;  
height: 0px;             
border-style: solid;             
border-width: 5px 0 5px 5px; 
position: absolute;          
top: 50%;     
margin-top: -5px;               
right: -5px;          
}     
 
.table_data .ok { 
background: #0aa41c;          
}
             
.table_data .ok .arrow {         
border-color: transparent transparent transparent #0aa41c;         
}            
     
.table_data .bad {        
background: #e2001a;
}     
          
.table_data .bad .arrow {             
border-color: transparent transparent transparent #e2001a;           
}       
               
.span_user_mark {
padding-right: 13px;     
margin-right: 5px; 
}              
   
.span_bold {     
font-weight: bold;  
}             
             
/* Меню с вкладками (карточка абонента и пр) */ 
          
ul#navigation, ul#navigation2 {     
list-style: none;               
height: 21px;          
padding: 10px 0px 7px 10px;     
margin: 0 auto; 
position: relative; 
z-index: 1;          
overflow: visible;
}             
         
ul#navigation li, ul#navigation2 li {         
-webkit-border-radius: 6px 6px 0px 0px;            
-moz-border-radius: 6px 6px 0px 0px;     
border-radius: 6px 6px 0px 0px;        
float: left;
margin: 0 5px 0 0;     
background-color: #2B477D;          
border: solid 1px #415F9D;             
position: relative;           
z-index: 1;       
}               

ul#navigation li.selected, ul#navigation2 li.selected {     
z-index: 3; 
}              
   
ul#navigation li a:link, ul#navigation li a:visited, ul#navigation2 li a:link, ul#navigation2 li a:visited {     
-webkit-border-radius: 6px 6px 0px 0px;  
-moz-border-radius: 6px 6px 0px 0px;             
border-radius: 6px 6px 0px 0px;             
display: block; 
text-align: center;          
padding: 0 10px 0 10px;     
margin: 0 0 -1px 0;               
height: 25px;          
line-height: 21px;     
text-transform: uppercase; 
text-decoration: none; 
font-size: 13px;          
font-weight: bold;
color: #fff;             
letter-spacing: 1px;         
outline: none;         
float: left;            
background: var(--main-color);     
-webkit-transition: background-color 0.3s linear;        
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;     
}          
             
ul#navigation li a:hover, ul#navigation2 li a:hover {           
background-color: #5a87dd;       
}               

ul#navigation li.selected a:link, ul#navigation li.selected a:visited, ul#navigation2 li.selected a:link, ul#navigation2 li.selected a:visited {     
color: #2B477D; 
border: solid 1px #fff;              
-webkit-transition: background-color 0.2s linear;   
background: -moz-linear-gradient(top center, #d1d1d1, #f2f2f2 80%) repeat scroll 0 0 #f2f2f2;     
background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #f2f2f2), color-stop(.8, #d1d1d1));  
background-color: #f2f2f2;             
}             
 
.slider_content {          
padding: 5px;     
padding-bottom: 10px;               
-webkit-box-shadow: #111 0 0px 5px;          
-moz-box-shadow: #111 0 0px 5px;     
box-shadow: #111 0 0px 5px; 
} 
          
.slider_content_double {
position: relative;             
width: 100%;         
display: inline-block;         
}            
     
.good_info_text {        
font-weight: bold;
color: #008000;     
}          
             
.bad_info_text {           
font-weight: bold;       
color: #f00;               
}
     
.gray_block_light { 
border: 1px solid #9C9E9C;              
color: #000;   
background: #F7F3F7;     
padding: 3px;  
}             
             
.gray_fon { 
background: #E7E7E7;          
}     
               
.yellow_fon {          
background: #FFFF00;     
} 
 
.white_fon {          
background: #FFF;
}             
         
.red_fon {         
background: #f00;            
color: #FFFFFF;     
padding-left: 4px;        
padding-right: 4px;
}     
          
.gray_block {             
border: 1px solid #9C9E9C;           
color: #000;       
background: #EFEFEF;               
padding: 3px;
}     
 
.gray_block_left {              
padding: 10px;   
background: #ededed;     
border-left: 3px solid #d4d4d4;  
}             
             
.border_left { 
border-left: 1px solid #D6D7D6;          
}     
               
.border_right {          
border-right: 1px solid #D6D7D6;     
} 
 
.green_block {          
color: #000;
background: #ADFFAD;             
}         
         
.div_color_1 {            
/* синий */     
background: var(--main-color);        
color: #fff;
padding: 3px;     
}          
             
.div_color_1 a {           
color: #fff;       
}               

.div_color_2 {     
/* желтый */ 
background: #F7DF7B;              
color: #000;   
padding: 3px;     
}  
             
.larger_text {             
padding-top: 10px; 
padding-bottom: 10px;          
font-size: 18px;     
}               
          
.work_fail {     
color: #fff; 
background: #f00; 
padding-left: 3px;          
padding-right: 3px;
border: 1px solid #000;             
}         
         
.green_text {            
color: #008000;     
}        

.light_green_text {     
color: #39FF10;          
}             
           
.red_text {       
color: #f00;               
}
     
.bold_text { 
font-weight: bold;              
}   
     
.italic_text {  
font-style: italic;             
}             
 
.old_abon {          
background: #cacaca;     
}               
          
.old_abon:hover {     
background: #c0c0c0; 
} 
          
.table_port {
margin: 0;             
display: table;         
overflow: hidden;         
}            
     
.table_port .item {        
display: table-row;
height: 45px;     
}          
             
.table_port .gray {           
background: #f6f6f6;       
}               

.table_port .legend {     
display: table-row; 
max-height: 35px;              
color: #fff;   
background: var(--main-color);     
text-align: center;  
}             
             
.table_port .legend > div { 
display: table-cell;          
vertical-align: middle;     
padding: 1px;               
font-size: 13px !important;          
}     
 
.table_port .item > div { 
display: table-cell;          
font-size: 13px;
padding: 2px;             
border-bottom: 1px solid #dadada;         
vertical-align: middle;         
}            
     
.table_port .item .port_gray {        
background: #f6f6f6;
}     
          
.table_port .item .port_black {             
background: #000;           
color: #fff;       
text-align: center;               
}
     
.table_port .item .port_black a { 
color: #fff;              
}   
     
.table_port .item .port_green {  
background: #00EF00;             
text-align: center;             
} 
          
.table_port .item .port_red {     
background: #f00;               
text-align: center;          
}     
 
.table_port .item .port_number { 
border-left: 1px solid #dadada;          
border-right: 1px solid #dadada;
}             
         
.table_port .item .port_traf {         
border-right: 1px solid #dadada;            
}     
        
.table_port .item .ov_module {
border-left: 1px solid #dadada;     
border-right: 1px solid #dadada;          
}             
           
.table_port .item .ov_module_notdelim {       
border-bottom: 0px;               
}
     
.table_port .item .ov_module_delim { 
border-top: 1px solid #dadada;              
}   
     
.table_port .item .act_color {  
padding: 0px;             
width: 10px;             
position: relative; 
}          
     
.table_port .item .act_color .arrow {               
width: 0px;          
height: 0px;     
border-style: solid; 
border-width: 5px 0 5px 5px; 
position: absolute;          
top: 50%;
margin-top: -5px;             
right: -5px;         
}         
            
.link_black {     
color: #000;        
}
     
.label_backgray {          
color: #fff;             
background: #737573;           
padding-left: 3px;       
padding-right: 3px;               
font-weight: bold;
}     
 
.label_backblack {              
color: #fff;   
background: #000;     
padding-left: 3px;  
padding-right: 3px;             
font-weight: bold;             
} 
          
.label_backyellow {     
background: #ff0;               
padding-left: 3px;          
padding-right: 3px;     
font-weight: bold; 
} 
          
.green_div {
background: #0f0;             
}         
         
.red_div {            
background: #f00;     
}        

.div_space {     
padding-top: 5px;          
padding-bottom: 5px;             
font-size: 14px;           
}       
               
.div_space2 {
padding-top: 2px;     
padding-bottom: 2px; 
}              
   
.ip_net_width {     
width: 21px;  
}             
             
.ip_net_abon { 
color: #000;          
background: #F7DF7B;     
}               
          
.ip_net_abon_dolg {     
color: #f00; 
background: #E79E94; 
}          

.ip_net_abon_unreg {             
background: #CEE7FF;         
}         
            
.ip_net_abon_pause {     
background: #428284;        
}
     
.ip_net_abon_pause a {          
color: #fff;             
}           
       
.ip_net_user_subnet {               
background-image: linear-gradient(90deg, rgba(255, 255, 255, .07) 50%, transparent 50%),
linear-gradient(90deg, rgba(255, 255, 255, .13) 50%, transparent 50%),     
linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .17) 50%), 
linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .19) 50%);              
background-size: 13px, 29px, 37px, 53px;   
}     
  
.ip_net_subnet {             
background-image: repeating-linear-gradient(120deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px),             
repeating-linear-gradient(60deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px), 
linear-gradient(60deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1)),          
linear-gradient(120deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1));     
background-size: 10px 120px;               
}          
     
.ip_net_device { 
color: #fff; 
background: var(--main-color);          
}
             
.ip_net_device a {         
color: #fff;         
}            
     
.ip_net_device a:hover {        
color: #cacaca;
}     
          
.ip_net_reserv {             
background: #CACACA;           
}       
               
.ip_net_tmc {
color: #fff;     
background: #8400FF; 
}              
   
.ip_net_tmc a {     
color: #fff;  
}             
             
.standart_docs { 
font-family: 'Arial';          
font-size: 8pt;     
}               
          
.hide_div {     
display: none; 
} 
          
.table_tmc_list {
border: 1px solid #000;             
width: 100%;         
}         
            
.table_tmc_list td {     
margin: 0px;        
border: 1px solid #000;
}     
          
.support_history_journal_status_2 {             
color: #008000;           
font-weight: bold;       
}               

.support_history_journal_status_3 {     
color: #f00; 
font-weight: bold;              
}   
     
.c_adr_div {  
width: 100%;             
position: relative;             
} 
          
.c_adr_div input {     
background-color: #fff;               
margin-left: 2px;          
}     
 
.c_adr_div select { 
margin: 2px;          
}
             
.c_adr_div .c_adr_div_left {         
background: #EFEFEF;         
border: #d4d4d4 2px solid;            
padding-right: 30px;     
border-radius: 0px 6px 6px 0px;        
}
     
.c_adr_div .c_adr_div_right {          
position: absolute;             
right: 0px;           
top: 0px;       
width: 30px;               
height: 100%;
background: url('../picture/home.png') 7px 5px no-repeat #d4d4d4;     
border-radius: 0px 6px 6px 0px; 
}              
   
.c_adr_div .c_adr_div_right .c_adr_div_right_button {     
width: 100%;  
text-align: center;             
margin-left: 2px;             
} 
          
.div_vols_ov_color {     
width: 12px;               
height: 12px;          
margin-right: 3px;     
float: left; 
border: 1px #000 solid; 
}          

.us-icon {             
display: inline-block;         
font: normal normal normal 14px/1 FontAwesome;         
font-size: inherit;            
text-rendering: auto;     
-webkit-font-smoothing: antialiased;        
-moz-osx-font-smoothing: grayscale;
font-size: 1.3333333333em;     
line-height: .75em;          
margin-right: 5px;             
vertical-align: -3px;           
color: var(--main-color);       
}               

.us-icon-normal {     
color: var(--main-color); 
}              
   
.us-icon-normal:hover {     
color: var(--main-color-hover)  
}             
             
.us-icon-normal-second { 
color: var(--main-color-hover)          
}     
               
.us-icon-normal-second:hover {          
color: #4B5EC0     
} 
 
.us-icon-white {          
color: #fff
}             
         
.us-icon-gray {         
color: #C0C0C0            
}     
        
.us-icon-gray2 {
color: #C0C0C0     
}          
             
.us-icon-gray2:hover {           
color: #f00       
}               

.us-icon-black {     
color: #000 
}              
   
.us-icon-green {     
color: #0f0  
}             
             
.us-icon-red { 
color: #f00          
}     
               
.us-icon-lmenu {          
font-size: 1em;     
margin-left: -25px; 
color: var(--main-color-left-menu-icon); 
vertical-align: 0px;          
width: 18px;
}             
         
.us-icon-lk {         
font-size: 3em;            
color: #fff;     
width: 100%;        
text-align: center;
padding-top: 15px;     
}          
             
.us-icon-wait {           
vertical-align: -2px;       
color: #8C8C00 !important               
}
     
.us-icon-danger { 
vertical-align: -2px;              
color: #f00 !important   
}     
  
.us-icon-danger:hover {             
color: #D70000 !important             
} 
          
.us-icon-attention {     
vertical-align: -2px;               
color: #FF8000 !important          
}     
 
.us-icon-attention:hover { 
color: #B95C00 !important          
}
             
.us-icon-32 {         
font-size: 2em;         
}            
     
.us-icon-64 {        
font-size: 4em;
}     
          
.us-icon-ok {             
vertical-align: -2px;           
color: #00B900 !important       
}               

.us-icon-journal-state {     
color: #fff !important 
}              
   
.us-icon-task-card {     
display: inline-block;  
font: normal normal normal 14px/1 FontAwesome;             
font-size: 2em;             
text-rendering: auto; 
-webkit-font-smoothing: antialiased;          
-moz-osx-font-smoothing: grayscale;     
line-height: .75em;               
color: #000;          
padding-left: 8px;     
padding-right: 5px; 
} 
          
.us-icon-task-card2 {
padding-left: 6px;             
padding-top: 7px;         
padding-bottom: 3px;         
}            
     
.us-icon-task-card3 {        
padding-left: 4px;
padding-top: 9px;     
padding-bottom: 1px;          
font-size: 1.6em;             
}           
       
.us-icon-task-card4 {               
padding-left: 3px;
padding-top: 7px;     
padding-bottom: 3px; 
}              
   
.us-icon-menu-card {     
display: inline-block;  
font: normal normal normal 14px/1 FontAwesome;             
font-size: 2em;             
text-rendering: auto; 
-webkit-font-smoothing: antialiased;          
-moz-osx-font-smoothing: grayscale;     
line-height: .75em;               
color: #000;          
padding-left: 8px;     
padding-right: 5px; 
} 
          
.us-planed {
background: url('../../oper/?core_section=image&action=plan') 50% 50% no-repeat;             
padding-left: 20px;         
}         
            
.us-traf-in {     
margin-right: 1px;        
color: #008000;
}     
          
.us-traf-out {             
margin-right: 1px;           
color: #f00;       
}               

.address-list-border {     
padding-left: 3px; 
border-left: 1px solid #848284;              
}   
     
.address-list-house-border {  
padding-left: 5px;             
margin-left: 30px;             
margin-bottom: 5px; 
border-left: 1px solid #848284;          
}     
               
.mapLabel {          
margin-top: -3px;     
position: absolute; 
} 
          
.footer2 {
padding: 30px 0;             
margin-top: 20px;         
border-top: 2px solid #e0e0e0;         
position: relative;            
width: 100%;     
}        

.footer2 #down_copy {     
color: #83898b;          
font-size: 13px;             
}           
       
.footer2 #down_copy a {               
}
     
.footer2 #down_support { 
width: 150px;              
height: 18px;   
background: var(--main-color);     
color: #fff;  
padding-top: 3px;             
padding-left: 7px;             
padding-bottom: 3px; 
display: block;          
position: absolute;     
right: 0;               
top: 25px;          
}     
 
.footer2 #down_support a { 
text-decoration: none;          
color: #fff;
}             
         
.footer2 #down_support i {         
color: #fff;            
}     
        
.footer2 #down_support:hover {
background: #707070;     
}          
             
.footer2 #down_support_div {           
width: 500px;       
position: fixed;               
right: 10px;
bottom: 10px;     
background-color: var(--main-color); 
color: #fff;              
padding: 5px;   
}     
  
.footer2 #down_support_div ul {             
list-style: square inside;             
padding-bottom: 10px; 
}          
     
.footer2 #down_support_div ul li {               
margin: 5px;          
}     
 
.footer2 #down_support_div a { 
color: #fff;          
}
             
.footer2 #down_support_div a:hover {         
color: #C6C3C6;         
}            
     
.footer2 #down_support_div h2 {        
font-size: 16px;
font-weight: bold;     
text-transform: uppercase;          
margin-top: -5px;             
margin-bottom: 2px;           
}       
               
.footer2 #down_support_div #down_support_cancel {
position: absolute;     
right: 10px; 
top: 5px;              
padding-right: 20px;   
}     
  
.footer2 #down_finishinfo {             
display: block;             
position: absolute; 
right: 0;          
margin-right: 170px;     
padding: 2px;               
font-size: 8pt;          
top: 25px;     
color: #fff; 
} 
          
.footer2 #down_finishinfo_full {
display: block;             
position: relative;         
float: right;         
right: 0;            
margin-right: 170px;     
padding: 2px;        
top: -40px;
font-size: 9pt;     
background-color: #C6C3C6;          
border: 1px solid #000;             
}           
       
.footer2 #down_finishinfo2_full {               
top: 20px;
padding: 10px;     
position: relative; 
background-color: #C6C3C6;              
border: 1px solid #000;   
width: 400px;     
}  
             
.iface10M {             
-webkit-animation: ifaceAnim10M 1s infinite; /* Safari 4+ */ 
-moz-animation: ifaceAnim10M 1s infinite; /* Fx 5+ */          
-o-animation: ifaceAnim10M 1s infinite; /* Opera 12+ */     
animation: ifaceAnim10M 1s infinite; /* IE 10+, Fx 29+ */               
}          
     
@-webkit-keyframes ifaceAnim10M { 
0%, 20%, 40%, 60%, 80%, 100% { 
background-color: #FF8000;          
}
10%, 30%, 50%, 70%, 90% {             
background-color: #fff;         
}         
}            
     
.iface100M {        
-webkit-animation: ifaceAnim100M 1s infinite; /* Safari 4+ */
-moz-animation: ifaceAnim100M 1s infinite; /* Fx 5+ */     
-o-animation: ifaceAnim100M 1s infinite; /* Opera 12+ */          
animation: ifaceAnim100M 1s infinite; /* IE 10+, Fx 29+ */             
}           
       
@-webkit-keyframes ifaceAnim100M {               
0%, 20%, 40%, 60%, 80%, 100% {
background-color: #42F12E;     
} 
10%, 30%, 50%, 70%, 90% {              
background-color: #fff;   
}     
}  
             
.iface1G {             
-webkit-animation: ifaceAnim1G 1s infinite; /* Safari 4+ */ 
-moz-animation: ifaceAnim1G 1s infinite; /* Fx 5+ */          
-o-animation: ifaceAnim1G 1s infinite; /* Opera 12+ */     
animation: ifaceAnim1G 1s infinite; /* IE 10+, Fx 29+ */               
}          
     
@-webkit-keyframes ifaceAnim1G { 
0%, 20%, 40%, 60%, 80%, 100% { 
background-color: #008000;          
}
10%, 30%, 50%, 70%, 90% {             
background-color: #fff;         
}         
}            
     
.leaflet-ruler {        
height: 35px;
width: 35px;     
background-image: url("images/ruler_icon.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */          
background-repeat: no-repeat;             
background-position: center;           
}       
               
.leaflet-ruler:hover {
background-image: url("images/ruler_icon-colored.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */     
} 
              
.leaflet-ruler-clicked {   
height: 35px;     
width: 35px;  
background-repeat: no-repeat;             
background-position: center;             
background-image: url("images/ruler_icon-colored.png"); 
border-color: chartreuse !important;          
}     
               
.leaflet-bar {          
background-color: #ffffff;     
} 
 
.leaflet-control {          
cursor: pointer;
}             
         
.result-tooltip {         
background-color: white;            
border-width: medium;     
border-color: #de0000;        
font-size: smaller;
}     
          
.moving-tooltip {             
background-color: rgba(255, 255, 255, .7);           
background-clip: padding-box;       
opacity: 0.5;               
border: dotted;
border-color: red;     
font-size: smaller; 
}              
   
.plus-length {     
padding-left: 45px;  
}             
             
.us-map-class .leaflet-popup-content-wrapper { 
background: transparent;          
opacity: 1;     
color: #000;               
font-size: 10px;          
line-height: 24px;     
border-radius: 0px; 
box-shadow: none; 
}          

.us-map-class .leaflet-popup-tip {             
background: transparent;         
border: none;         
box-shadow: none;            
}     
        
.labelObjectText {
margin-bottom: -35px;     
text-align: center;          
}             
           
.linkOnMap {       
text-decoration: none;               
color: #000;
}     
 
.linkOnMap:hover {              
color: #000;   
text-decoration: none;     
}  
             
.linkOnMap:visited {             
color: #000; 
text-decoration: none;          
}     
               
.linkOnMap:link {          
color: #000;     
text-decoration: none; 
} 
          
.addressNameInTree {
font-weight: bold;             
}         
         
.houseNameInTree {            
font-size: 17px;     
text-decoration: underline;        
margin-left: 3px;
padding-left: 2px;     
padding-right: 2px;          
}             
           
.houseNameInTree:hover {       
font-weight: bold;               
}
     
.houseRed { 
color: #F00;              
}   
     
.houseGreen {  
color: #008000;             
}             
 
.houseBlackBack {          
background-color: #000;     
color: #fff;               
}          
     
.houseYellowBack { 
background-color: #FFFF00; 
}          

.addressFindSelectorDiv {             
background: #EFEFEF;         
border: #d4d4d4 2px solid;         
padding: 5px;            
border-radius: 0px 6px 6px 0px;     
}        

.addressFindSelectorDiv input {     
background-color: #fff;          
}             
           
.statRowSummary {       
background-color: #B2B2B2;               
font-weight: bold;
}     
 
.statRowSummary td {              
border: 1px solid #000;   
}     
  
.statRowNormal {             
background-color: #fff;             
} 
          
.statRowNormal td {     
border: 1px solid #B2B2B2;               
}          
     
.statRowNormalItalic { 
background-color: #fff; 
font-style: italic;          
}
             
.statRowNormalItalic td {         
border: 1px solid #B2B2B2;         
}            
     
.statRowMain {        
background-color: #CACACA;
font-weight: bold;     
}          
             
.statRowMain td {           
border: 1px solid #B2B2B2;       
}               

.leaflet-div-icon {     
opacity: 1; 
background: #fff;              
border-radius: 30px;   
}     
  
.leaflet-middle-icon {             
border-radius: 30px;             
} 
          
.ifaceRow-epon {     
background-color: #E7F1FE;               
}          
     
.ifaceRow-802-11 { 
background-color: #FFE0C1; 
}          

.mapDeviceInfoNormal {             
background-color: #fff;         
font-size: 11pt;         
font-weight: bold;            
}     
        
.mapDeviceInfoRed {
background-color: #fff;     
color: #f00;          
font-size: 11pt;             
font-weight: bold;           
}       
               
.fiber-reserv {
background-color: #FFFF84;     
font-size: 10pt; 
font-weight: bold;              
}   
     
.leaflet-canvas-icon-layer {  
             
}             
 
.labelObjectText {          
cursor: pointer;     
}               
          
.leaflet-popup-content-wrapper {     
border: 0px solid #f00; 
height: 0px; 
margin-top: -8px;          
}
             
.dist-marker {         
font-size: 9px;         
border: 1px solid #777;            
border-radius: 10px;     
text-align: center;        
color: #000;
background: #fff;     
}          
             
.cityBack {           
background-color: #F5F3F6;       
border: 1px solid #cacaca;               
margin: 3px;
}     
 
.reply_comment {              
text-align: left;   
font-style: italic;     
border-radius: 8px;  
width: 350px;             
max-height: 30px;             
overflow: hidden; /* Обрезаем все, что не помещается в область */ 
background: #cacaca; /* Цвет фона */          
padding: 5px; /* Поля вокруг текста */     
text-overflow: ellipsis; /* Добавляем многоточие */               
}          
     
.reply_comment a { 
color: #000; 
text-decoration: none;          
}
             
#fullTaskTypeDescription {         
display: none         
}            
     
#fullTaskTypeDescriptionShort {        
display: ''
}     
          
.nodeSchemeRedesignTopPanel {             
background: #E1E1FF;           
}       
               
.nodeSchemeTopPanel {
background: #EFEFEF;     
} 
              
.leaflet-control-layers-group-name {   
font-weight: bold;     
margin-bottom: .2em;  
margin-left: 3px;             
}             
 
.leaflet-control-layers-group {          
margin-bottom: -2.5em;     
margin-top: -20px;               
margin-bottom: 0px;          
}     
 
.leaflet-control-layers-scrollbar { 
overflow-y: scroll;          
padding-right: 10px;
}             
         
#map_menu2 {         
height: 30px;            
font-size: 14px;     
padding-left: 4px;        
padding-top: 4px;
margin-bottom: 0px;     
padding-bottom: 0px;          
background-color: #FFFFFF;             
}           
       
.darkRedInfoDiv {               
margin-top: 10px;
padding: 3px;     
border: 6px solid #800000; 
border-radius: 6px 6px 6px 6px;              
background-color: #FFD7D6;   
}     
  
#buildingTaskCommentId {             
margin-top: 10px;             
padding: 3px; 
border: 6px solid #800000;          
border-radius: 6px 6px 6px 6px;     
background-color: #FFD7D6;               
font-weight: bold;          
}     
 
#house_scheme_id { 
padding-top: 40px;          
}
             
.my-label {         
position: absolute;         
width:1000px;            
font-size:2px;     
}        

.leaflet-container.pointer-cursor-enabled {     
cursor: pointer;          
}             
           
.downLinkUrl {       
color: #f00;               
}
     
.downLinkUrl { 
color: #fff;              
text-decoration: underline;   
text-decoration-color: #fff;     
font-size: 14px;  
}             
             
.spanContragentReportTransferName { 
font-size: 24px;          
}     
               
.dropdown-menu {          
background-color: white;     
border: 1px solid #ddd; 
list-style: none; 
margin: 0;          
padding: 0;
}             
         
.dropdown-menu li {         
border-top: 1px solid #ddd;            
padding: 2px 5px;     
margin: 0;        
}
     
.dropdown-menu li:first-child {          
border-top: none;             
}           
       
.dropdown-menu li:hover,               
.dropdown-menu .active {
background-color: rgb(110, 183, 219);     
} 
              
.dropdown-menu a {   
height: 18px;     
text-decoration: none;  
color: #555;             
}             
 
.dropdown-menu a:hover {          
cursor: pointer;     
}               
          
.dropdown-menu img {     
vertical-align: text-top; 
height: 18px; 
}          

.leaflet-tooltip-label {             
position: absolute;         
padding: 0px 4px 0px 4px !important;         
margin: 0;            
background-color: rgba(255, 255, 255, 0.6);     
border: 0px solid #000;        
color: #000;
white-space: nowrap;     
-webkit-user-select: none;          
-moz-user-select: none;             
-ms-user-select: none;           
user-select: none;       
pointer-events: none;               
}
     
.oldUnavailableClass { 
display: none;              
}   
     
.employeeUnavailableI {  
color: #f00;             
}             
 
.xdsoft_datetimepicker{          
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);     
background: #FFFFFF;               
border-bottom: 1px solid #BBBBBB;          
border-left: 1px solid #CCCCCC;     
border-right: 1px solid #CCCCCC; 
border-top: 1px solid #CCCCCC; 
color: #333333;          
display: block;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;             
padding: 8px;         
padding-left: 0px;         
padding-top: 2px;            
position: absolute;     
z-index: 9999;        
box-sizing: border-box;
display:none;     
-webkit-touch-callout: none;          
-webkit-user-select: none;             
-khtml-user-select: none;           
-moz-user-select: none;       
-ms-user-select: none;               
user-select: none;
}     
.xdsoft_noselect{ 
-webkit-touch-callout: none;              
-webkit-user-select: none;   
-khtml-user-select: none;     
-moz-user-select: none;  
-ms-user-select: none;             
-o-user-select: none;             
user-select: none; 
}          
.xdsoft_noselect::selection { background: transparent; }     
.xdsoft_noselect::-moz-selection { background: transparent; }               
.xdsoft_datetimepicker.xdsoft_inline{          
display: inline-block;     
position: static; 
box-shadow: none; 
}          
.xdsoft_datetimepicker *{
-moz-box-sizing: border-box;             
box-sizing: border-box;         
padding:0px;         
margin:0px;            
}     
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{        
display:none;
}     
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{          
display:block;             
}           
.xdsoft_datetimepicker .xdsoft_datepicker{       
width: 224px;               
float:left;
margin-left:8px;     
} 
.xdsoft_datetimepicker  .xdsoft_timepicker{              
width: 58px;   
float:left;     
text-align:center;  
margin-left:8px;             
margin-top:0px;             
} 
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{          
margin-top:8px;     
}               
.xdsoft_datetimepicker  .xdsoft_mounthpicker{          
position: relative;     
text-align: center; 
} 
          
.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAeCAYAAACR82geAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzQ5MUVFRTJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzQ5MUVFRDJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZZiqAgAAAR5JREFUeNrs2W0OgjAMBmAnHJjoOZq8FzYTUAkfG9KuJFDaZD8MpoYHmG0JMcabxzLuTuAwDqMR9dlPIISQO0TtqtrVpA7+21troxe8Q3mMPjfsDJ3cmVcGJc4WuOdtDSaFksQphvn+WNHdthJQhFlDWeBowMQcTiEMPilUYLagTHC0YJI4BTD45VWA4aAMOJowCxwhDMY5D7t3MWEmOAIYzPNZghlwmDBI5bIG0+MwYJDLc1SYkl6pYnz3dbraWXjHQPAokfVHCQWbL1mFgcLfNVmDgWKBR4oFHgQFHmnBYIeWgBRbAg4OabUE2LGJJMUmEltRrjh2wBaUK8LkcOjqg6oUjmhkYnXm24wq7qdoyO5vIv29ksM4zI7xFmAAj1yMVcKZ+nYAAAAASUVORK5CYII=');             
}         
.xdsoft_datetimepicker  .xdsoft_prev{         
float: left;            
background-position:-20px 0px;     
}        

.xdsoft_datetimepicker  .xdsoft_next{     
float: right;          
background-position:0px 0px;             
}           
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{       
}               
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev {
background-color: transparent;     
background-repeat: no-repeat; 
border: 0px none currentColor;              
cursor: pointer;   
display: block;     
height: 30px;  
opacity: 0.5;             
outline: medium none currentColor;             
overflow: hidden; 
padding: 0px;          
position: relative;     
text-indent: 100%;               
white-space: nowrap;          
width: 20px;     
} 
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev, 
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{          
float:none;
background-position:-40px -15px;             
height: 15px;         
width: 30px;         
display: block;            
margin-left:14px;     
margin-top:7px;        
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{     
background-position:-40px 0px;          
margin-bottom:7px;             
margin-top:0px;           
}       
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{               
height:151px;
overflow:hidden;     
border-bottom:1px solid #DDDDDD; 
}              
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{   
background: #F5F5F5;     
border-top:1px solid #DDDDDD;  
color: #666666;             
font-size: 12px;             
text-align: center; 
border-collapse:collapse;          
cursor:pointer;     
border-bottom-width:0px;               
height:25px;          
line-height:25px;     
} 
 
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{          
border-top-width:0px;
}             
.xdsoft_datetimepicker  .xdsoft_next:hover,         
.xdsoft_datetimepicker  .xdsoft_prev:hover {         
opacity: 1;            
}     
.xdsoft_datetimepicker  .xdsoft_label{        
display: inline;
position: relative;     
z-index: 9999;          
overflow: hidden;             
margin: 0;           
padding: 5px 3px;       
font-size: 14px;               
line-height: 20px;
font-weight: bold;     
background-color: #fff; 
float:left;              
width:182px;   
text-align:center;     
}  
.xdsoft_datetimepicker  .xdsoft_month{             
width:114px;             
text-align:right; 
}          
.xdsoft_datetimepicker  .xdsoft_calendar{     
clear:both;               
}          
.xdsoft_datetimepicker  .xdsoft_year{     
width:56px; 
} 
.xdsoft_datetimepicker  .xdsoft_calendar table{          
border-collapse:collapse;
width:100%;             
         
}         
.xdsoft_datetimepicker  .xdsoft_calendar td > div{            
padding-right:5px;     
}        
.xdsoft_datetimepicker  .xdsoft_calendar th{
height: 25px;     
}          
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{             
width:14.2857142%;           
text-align:center;       
background: #F5F5F5;               
border:1px solid #DDDDDD;
color: #666666;     
font-size: 12px; 
text-align: right;              
padding:0px;   
border-collapse:collapse;     
cursor:pointer;  
height: 25px;             
}             
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{ 
color:#33AAFF;          
}     
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,               
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{          
background: #33AAFF;     
box-shadow: #178FE5 0px 1px 3px 0px inset; 
color:#fff; 
font-weight: 700;          
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,             
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,         
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{         
opacity:0.5;            
}     
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,        
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
color: #fff !important;     
background: #ff8000 !important;          
box-shadow: none !important;             
}           
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,       
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{               
color: inherit	!important;
background: inherit !important;     
box-shadow: inherit !important; 
}              
.xdsoft_datetimepicker  .xdsoft_calendar th{   
font-weight: 700;     
text-align: center;  
color: #999999;             
cursor:default;             
} 
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}          
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}     
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}               
          
     
.xdsoft_time_box{ 
position:relative; 
border:1px solid #ccc;          
}
.xdsoft_time_box > .xdsoft_scrollbar >.xdsoft_scroller{             
background:#ccc !important;         
height:20px;         
border-radius:3px;            
}     
.xdsoft_time_box > .xdsoft_scrollbar{        
position:absolute;
width:7px;     
width:7px;          
right:0px;             
top:0px;           
bottom:0px;       
cursor:pointer;               
}
     
 
.leaflet-contextmenu {              
display: none;   
box-shadow: 0 1px 7px rgba(0,0,0,0.4);     
-webkit-border-radius: 4px;  
border-radius: 4px;             
padding: 4px 0;             
background-color: #fff; 
cursor: default;          
-webkit-user-select: none;     
-moz-user-select: none;               
user-select: none;          
}     
 
.leaflet-contextmenu a.leaflet-contextmenu-item { 
display: block;          
color: #222;
font-size: 12px;             
line-height: 20px;         
text-decoration: none;         
padding: 0 12px;            
border-top: 1px solid transparent;     
border-bottom: 1px solid transparent;        
cursor: default;
outline: none;     
}          
             
.leaflet-contextmenu a.leaflet-contextmenu-item-disabled {           
opacity: 0.5;       
}               

.leaflet-contextmenu a.leaflet-contextmenu-item.over {     
background-color: #f4f4f4; 
border-top: 1px solid #f0f0f0;              
border-bottom: 1px solid #f0f0f0;   
}     
  
.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over {             
background-color: inherit;             
border-top: 1px solid transparent; 
border-bottom: 1px solid transparent;          
}     
               
.leaflet-contextmenu-icon {          
margin: 2px 8px 0 0;     
width: 16px; 
height: 16px; 
float: left;          
border: 0;
}             
         
.leaflet-contextmenu-separator {         
border-bottom: 1px solid #ccc;            
margin: 5px 0;     
}        

.i0Li {     
overflow: hidden;          
word-wrap: anywhere;             
}           
       
option[colorTag="optionRed"] {               
background-color: #E20A0A;
color: #ffffff;     
} 
              
.optionRed {   
background-color: #E20A0A;     
color: #ffffff;  
}