/*  
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-time-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('../../main/picture/calendar.svg') 100% 50% no-repeat;           
width: 120px;
}           
     
.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('../../main/picture/calendar.svg') 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('../../main/picture/phone_green.svg') 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 {           
vertical-align: top;     
}       
  
.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 {
vertical-align: top;               
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_current {
position: fixed;  
width: 100%;         
height: 40px;             
background: var(--main-color);          
top: 0;  
left: 0; 
z-index: 900;      
}   
       
#top_topline_plan {      
position: fixed;    
width: 100%;     
height: 40px;     
background: #848284;               
top: 0;
left: 0;               
z-index: 900;     
}   
   
#top_topline_all {             
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_userbar_current {         
height: 40px;             
line-height: 40px;          
background: var(--main-color);  
color: #FFF; 
position: relative;      
margin: 0 auto;   
padding: 0 20px;       
}      
    
#top_userbar_plan {     
height: 40px;     
line-height: 40px;               
background: #848284;
color: #FFF;               
position: relative;     
margin: 0 auto;   
padding: 0 20px;   
}             
  
#top_userbar_all {          
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('../../main/picture/search_gray.svg') 50% 50% no-repeat #F2F5F5;         
cursor: pointer;               
border: none;       
position: absolute;           
top: 8px;
right: 0;           
}     
       
#top_search #top_button:hover {  
background: url('../../main/picture/search_blue.svg') 50% 50% no-repeat #F2F5F5;
}  
         
#button_go_task, #button_go_device, #button_go_device_inv {             
width: 28px;          
height: 23px;  
background: url('../../main/picture/search_gray.svg') 50% 50% no-repeat #F2F5F5; 
cursor: pointer;      
border: none;   
margin-top: 4px;       
right: 0;      
}    
     
#button_go_task:hover, #button_go_device:hover, #button_go_device_inv:hover {     
background: url('../../main/picture/search_blue.svg') 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; */          
}  
 
.modeTypeall a, .modeTypeall a:visited, .modeTypeall a:hover, .modeType a, .modeType a:visited, .modeType a:hover {      
text-decoration: none;   
color: var(--main-color);       
}      
    
.modeTypeplan a, .modeTypeplan a:visited, .modeTypeplan 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 .total_tr {      
background: #C6C3C6;   
}       
      
.div_table .total_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;         
}               
       
#task_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;
}  
         
#task_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_total {             
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_yellow_info {  
}          
         
#div_yellow_info .div_info_block {               
padding: 3px;       
background: #ededed;           
border-left: 3px solid #d4d4d4;
margin-bottom: 5px;           
}     
       
#div_yellow_info .div_info_block_advert {  
background: #B0FFB0;
border-left: 3px solid #008000;  
}         
             
#div_yellow_info .div_info_block .caption {          
font-size: 13px;  
font-weight: bold; 
margin-bottom: 2px;      
text-transform: uppercase;   
}       
      
#div_yellow_info .div_info_block .text {    
}     
     
#div_yellow_info .div_info_block .text span {               
font-weight: bold;
color: #848284;               
}     
   
#div_yellow_info .important {   
background: #f7da78;             
border-left: 3px solid #e0c25f;  
}          
         
#div_yellow_info .div_info_block a {               
color: var(--main-color);       
}           

#div_yellow_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_comment_div2 {     
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('../../main/picture/search_gray.svg') 100% 45% no-repeat;
}               
     
.find_box:focus {   
background: url('../../main/picture/search_blue.svg') 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('../../main/picture/search_white.svg') 50% 50% no-repeat var(--main-color);     
border: none;       
outline: none;  
cursor: pointer;
}  
         
#usersearch .button:hover {             
background: url('../../main/picture/search_gray.svg') 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('../../main/picture/search_white.svg') 50% 50% no-repeat var(--main-color);      
border: none;   
outline: none;       
cursor: pointer;      
}    
     
#usersearch2 .button:hover {     
background: url('../../main/picture/search_gray.svg') 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_task_comment {  
overflow: hidden;          
max-height: 105px;         
word-wrap: break-word;               
}       
           
.div_task_comment_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;   
}   
             
.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;               
}     
   
.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_option_name {    
width: 300px;     
text-align: right;     
float: left;               
padding-right: 20px;
}               
     
.settings_option_value {   
font-weight: bold;   
width: 100%;             
}  
          
.settings_option_value a {         
padding-right: 20px;               
}       
           
.settings_option_value_change {
padding: 0px;           
}     
       
.settings_option_value_change a {  
padding-right: 10px;
}  
         
.settings_option_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 .report {           
display: table-row;     
max-height: 35px;       
}  

.table_data .report > div {  
display: table-cell;         
padding: 3px 10px;             
font-size: 13px;          
margin: 1px 0px;  
vertical-align: middle; 
}      
   
.table_data .report .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_customer {       
background: #cacaca;           
}
           
.old_customer: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;
}               
     
.tagSpan {   
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_customer {       
color: #000;  
background: #F7DF7B;
}  
         
.ip_net_customer_dolg {             
color: #f00;          
background: #E79E94;  
} 
      
.ip_net_customer_unreg {   
background: #CEE7FF;       
}      
    
.ip_net_customer_pause {     
background: #428284;     
}               

.ip_net_customer_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_inventory {  
color: #fff;          
background: #8400FF;         
}               
       
.ip_net_inventory a {           
color: #fff;
}           
     
.standart_docs {       
font-family: 'Arial';  
font-size: 8pt;
}  
         
.hide_div {             
display: none;          
}  
 
.table_inventory_list {      
border: 1px solid #000;   
width: 100%;       
}      
    
.table_inventory_list td {     
margin: 0px;     
border: 1px solid #000;               
}
               
.support_history_task_status_2 {     
color: #008000;   
font-weight: bold;   
}             
  
.support_history_task_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_cable_line_wire_color {
width: 12px;  
height: 12px;         
margin-right: 3px;             
float: left;          
border: 1px #000 solid;  
} 
      
.us-icon-small {   
display: inline-block;       
font: normal normal normal 10px/1 FontAwesome;      
font-size: inherit;    
text-rendering: auto;     
-webkit-font-smoothing: antialiased;     
-moz-osx-font-smoothing: grayscale;               
font-size: 1em;
line-height: .75em;               
margin-right: 5px;     
vertical-align: -3px;   
color: var(--main-color);   
}             
  
.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-task-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('../../main/picture/plan.svg') 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;       
}  

.statRowTotal {  
background-color: #B2B2B2;         
font-weight: bold;             
}          
  
.statRowTotal 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;  
}
  
.grayInfoDiv {         
margin-top: 10px;             
margin-bottom: 10px;          
padding: 3px;  
border: 3px solid #c0c0c0; 
border-radius: 6px 6px 6px 6px;      
background-color: #EEEEEE;   
}       
      
.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;   
}   
             
.erp-label {  
permanent: true;          
position: absolute;         
width: 1000px;               
font-size:14px;       
background-color: none;           
border-color: none;
background: none;           
border: none;     
box-shadow: none;       
direction: 'right';  
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;
}  
         
.rack_label_low_opacity.leaflet-tooltip-top:before,             
.rack_label_low_opacity.leaflet-tooltip-bottom:before,          
.rack_label_low_opacity.leaflet-tooltip-left:before,  
.rack_label_low_opacity.leaflet-tooltip-right:before, 
.rack_label.leaflet-tooltip-top:before,      
.rack_label.leaflet-tooltip-bottom:before,   
.rack_label.leaflet-tooltip-left:before,       
.rack_label.leaflet-tooltip-right:before,      
.erp-label.leaflet-tooltip-top:before,    
.erp-label.leaflet-tooltip-bottom:before,     
.erp-label.leaflet-tooltip-left:before,     
.erp-label.leaflet-tooltip-right:before {               
position: absolute;
pointer-events: none;               
border: 6px solid transparent;     
background: transparent;   
content: "";   
}             
  
.rack_label_low_opacity {          
permanent: true;         
position: absolute;               
width: 1000px;       
font-size:14px;           
color: #EEEEEE;
background-color: none;           
border-color: none;     
background: none;       
border: none;  
box-shadow: none;
direction: 'right';  
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;         
}             
          
.rack_label {  
permanent: true; 
position: absolute;      
width: 1000px;   
font-size:14px;       
color: #000;      
background-color: none;    
border-color: none;     
background: none;     
border: none;               
box-shadow: none;
direction: 'right';               
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;     
}   
   
.menu_pic {             
margin-bottom:20px;  
}          
         
.menu_pic ul {               
list-style:none;       
}           

.menu_pic ul li {           
display:inline-block;     
width:12%;       
}  

.menu_pic ul li:first-child {  
margin-left:0px;         
}             
          
.menu_pic ul li a {  
display:block; 
width:62px;      
height:62px;   
border-radius:30px;       
box-shadow:0px 0px 0px 2px #0088d1;      
background-position:50% 50%;    
background-repeat:no-repeat;     
text-align: center;     
font-size: 20pt;               
}
               
.menu_pic ul li a:hover {     
background-color:#0088d1;   
}   
             
.menu_pic ul li.bad a {  
box-shadow:0px 0px 0px 2px #d4d4d4;          
}         
               
.menu_pic ul li.bad a:hover {       
background-color:#FFF;           
}