/*      
3.15
--main-color: #1871A5     
--main-color-hover: #3F51B5;         
--main-color-left-menu-icon: #0AA41C        
*/        
:root {    
--main-color: #1871A5;      
--main-color-hover: #3F51B5;
--main-color-left-menu-icon: #008000;   
}       

@font-face {      
font-family: 'Myriad pro';               
src: url('../fonts/mypro-it-webfont.eot');
src: url('../fonts/mypro-it-webfont.eot?#iefix') format('embedded-opentype'),        
url('../fonts/mypro-it-webfont.woff') format('woff'),             
url('../fonts/mypro-it-webfont.ttf') format('truetype');               
font-weight: normal;
font-style: italic;   
      
}     
        
@font-face {
font-family: 'Myriad pro';   
src: url('../fonts/mypro-regular-webfont.eot');             
src: url('../fonts/mypro-regular-webfont.eot?#iefix') format('embedded-opentype'),     
url('../fonts/mypro-regular-webfont.woff') format('woff'),      
url('../fonts/mypro-regular-webfont.ttf') format('truetype');      
font-weight: normal; 
font-style: normal;         
    
}      

@font-face {     
font-family: 'Myriad pro';         
src: url('../fonts/mypro-semibold-webfont.eot');        
src: url('../fonts/mypro-semibold-webfont.eot?#iefix') format('embedded-opentype'),        
url('../fonts/mypro-semibold-webfont.woff') format('woff'),    
url('../fonts/mypro-semibold-webfont.ttf') format('truetype');      
font-weight: bold;
font-style: normal;   
       
}
      
@font-face {               
font-family: 'Myriad pro';
src: url('../fonts/mypro-semiboldit-webfont.eot');        
src: url('../fonts/mypro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),             
url('../fonts/mypro-semiboldit-webfont.woff') format('woff'),               
url('../fonts/mypro-semiboldit-webfont.ttf') format('truetype');
font-weight: bold;   
font-style: italic;      
     
}        

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

.employee_notify_task_new_comment {     
background-color: #408080;         
border: 1px solid #800080        
}        
    
.employee_notify_task_new_comment:hover {      
background-color: rgba(64, 128, 128, 0.7);
}   
       
.employee_notify_task_employee_assignment {
background-color: #800080;      
border: 1px solid #800080               
}
        
.employee_notify_task_employee_assignment:hover {             
background-color: rgba(128, 0, 128, 0.7);               
}
   
.oper_notify_msg_ico {      
width: 80px;     
min-height: 100px;        
text-align: center;
float: left;   
}             
     
.oper_notify_msg_ico_href {      
color: #fff;      
} 
         
.oper_notify_msg_ico_href:hover {    
color: #fff;      
}
     
.oper_notify_msg_ico_href:visited {         
color: #fff;        
}        
    
.oper_notify_msg_ico1 {      
background: url('../../oper/?core_section=image&action=phone&color=green-light') no-repeat center 0px;
}   
       
.oper_notify_msg_text {
min-height: 100px;      
height: 100%;               
padding-top: 1px;
}        
             
.oper_notify_msg_text a {               
color: #BDEBFF;
}   
      
.oper_notify_msg_text a:hover {     
color: #5ACBFF;        
}
   
.notify_caption {             
font-weight: bold;     
text-transform: uppercase;      
}      
 
.notify_caption1 {         
color: #39FF10;    
}      

.c_attach_div {     
width: 100%;         
position: relative;        
margin-top: 5px;        
margin-bottom: 5px;    
display: inline-block;      
min-height: 40px;
}   
       
.c_attach_div .c_attach_div_left {
position: absolute;      
left: 0px;               
top: 0px;
width: 30px;        
height: 100%;             
background-color: #d4d4d4;               
border-radius: 6px 0px 0px 6px;
min-height: 40px;   
}      
     
.c_attach_div .c_attach_div_left span {        
padding-top: 15px;
padding-left: 5px;   
}             
     
.c_attach_div .c_attach_div_right {      
background: #EFEFEF;      
border-radius: 0px 6px 6px 0px; 
padding: 5px;         
padding-left: 35px;    
display: inline-block;      
min-height: 40px;
border: 1px solid #C0C0C0;     
}         
        
.c_attach_div .c_attach_div_right_new {        
background: #EFEFEF;    
border-radius: 0px 6px 6px 0px;      
padding: 5px;
display: inline-block;   
min-height: 40px;       
border: 1px solid #C0C0C0;
}      
               
.c_attach_div .c_attach_div_empty {
display: inline-block;        
}             
               
.c_attach_frame_div {
border: 1px solid #9C9E9C;   
color: #000;      
background: #EFEFEF;     
padding: 3px;        
width: 400px;
}   
             
.c_attach_frame_div_top {     
display: inline-block;      
position: relative;      
width: 100%; 
min-height: 45px;         
}    
      
.c_attach_frame_div_left {
}     
         
.c_attach_frame_div_right {        
padding-top: 10px;        
position: absolute;    
text-align: right;      
right: -5px;
top: -10px;   
width: 200px;       
}
      
.c_attach_frame_div_info {               
font-size: 11px;
height: 17px;        
overflow: hidden;             
}               

.lk_link_promise_span_info {   
font-size: 7pt;      
}     
        
footer {
padding: 30px 0;   
margin-top: 20px;             
border-top: 2px solid #e0e0e0;     
position: relative;      
}      
 
footer #down_copy {         
color: #83898b;    
font-size: 13px;      
}
     
footer #down_copy a {         
}        
        
footer #down_support {    
width: 150px;      
height: 18px;
background: var(--main-color);   
color: #fff;       
padding-top: 3px;
padding-left: 7px;      
padding-bottom: 3px;               
display: block;
position: absolute;        
text-align: right;             
right: 0;               
top: 25px;
}   
      
footer #down_support a {     
text-decoration: none;        
color: #fff;
}   
             
footer #down_support i {     
color: #fff;      
}      
 
footer #down_support:hover {         
background: #707070;    
}      

footer #down_support_div {     
width: 500px;         
position: fixed;        
right: 10px;        
bottom: 10px;    
background-color: var(--main-color);      
color: #fff;
padding: 5px;   
}       

footer #down_support_div ul {      
list-style: square inside;               
padding-bottom: 10px;
}        
             
footer #down_support_div ul li {               
margin: 5px;
}   
      
footer #down_support_div a {     
color: #fff;        
}
   
footer #down_support_div a:hover {             
color: #C6C3C6;     
}      
      
footer #down_support_div h2 { 
font-size: 16px;         
font-weight: bold;    
text-transform: uppercase;      
margin-top: -5px;
margin-bottom: 2px;     
}         
        
footer #down_support_div #down_support_cancel {        
position: absolute;    
right: 10px;      
top: 5px;
padding-right: 20px;   
}       

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

.lk_link_default {      
width: 48px;               
height: 48px;
position: relative;        
top: 10px;             
left: 50%;               
margin-left: -24px;
}   
      
.lk_netdata {     
display: inline-block;        
width: 100%;
height: 190px;   
}             
     
.lk_netdata .lk_netdata_text {      
float: left;      
} 
         
.lk_netdata .lk_netdata_text_link {    
cursor: pointer;      
}
     
.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_netname {         
position: relative;        
top: 15px;        
height: 40px;    
font-weight: bold;      
font-size: 45pt;
color: var(--main-color);   
}       

.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_lk_text {      
position: relative;               
top: 10px;
font-weight: bold;        
color: #B5B6B5;             
height: 20px;               
font-size: 20pt;
}   
      
.lk_netdata .lk_netdata_text .lk_lk_userdata {     
position: relative;        
top: 25px;
}   
             
.lk_netdata .lk_logo {     
width: 128px;      
height: 128px;      
left: 100%; 
top: 10px;         
margin-left: -135px;    
margin-bottom: 20px;      
position: relative;
}     
         
.lk_main_content_inside {        
}        
    
#lk_notify_all {      
margin: 20px 0px;
}   
       
#lk_notify_all .lk_notify_custom {
padding: 15px;      
margin-bottom: 20px;               
background: #D6FFD6;
border-left: 3px solid #84FF84;        
}             
               
#lk_notify_all .lk_notify_custom h3 {
font-size: 18px;   
font-weight: bold;      
text-transform: uppercase;     
}        

#lk_notify_all .lk_notify_custom .text {   
margin-top: -10px;             
margin-bottom: 10px;     
}      
      
#lk_notify_all .lk_notify_custom a { 
color: var(--main-color);         
}    
      
#lk_notify_all .lk_notify_custom a:hover {
color: #666666;     
}         
        
.lk_label_top {        
color: #737173;    
font-size: 20px;      
margin-top: 20px;
margin-bottom: 10px;   
font-weight: bold;       
}
      
.link_lk_addcard {               
}
        
.link_lk_online {             
}               

.link_lk_promise {   
}      
     
/* ------------------------------------ */        
/* -----------Левое меню------------ */
/* ------------------------------------ */   
             
nav {     
}      
      
nav ul { 
list-style: none;         
}    
      
nav ul li {
-webkit-transition: all .2s ease-in-out;     
-moz-transition: all .2s ease-in-out;         
transition: all .2s ease-in-out;        
}        
    
nav ul li a {      
line-height: 28px;
color: var(--main-color);   
font-size: 15px;       
text-decoration: none;
height: 29px;      
display: block;               
padding-left: 30px;
border-bottom: 1px solid #e0e0e0;        
background-position: 5px 50%;             
background-repeat: no-repeat;               
}
   
nav ul li a span {      
float: right;     
color: #666666;        
font-size: 13px;
margin-right: 10px;   
}             
     
nav ul li a .span_second {      
float: right;      
color: var(--main-color); 
font-size: 13px;         
margin-right: 20px;    
}      

.nav_short {     
position: absolute;         
width: 30px;        
border-right: 1px solid #E7E3E7;        
overflow: hidden;    
}      

.nav_short span {   
display: none;       
}
      
#mywork_blink {               
color: #f00;
font-weight: bold;        
}             
               
nav ul li a:hover {
background-color: #f2f5f5;   
color: #666666;      
}     
        
nav ul li ul {
padding-left: 30px;   
}             
     
nav ul li ul li {      
list-style: square;      
color: var(--main-color-left-menu-icon); 
}         
    
nav ul li ul li:hover {      
color: #9C9E9C;
}     
         
nav ul li ul li a {        
line-height: 18px;        
color: var(--main-color);    
font-size: 15px;      
text-decoration: none;
height: 100%;   
display: block;       
padding-left: 10px;
border-bottom: none;      
}               

nav ul li ul li a:hover {        
background: none;             
text-decoration: underline;               
}
   
nav ul li:hover ul {      
}     
        
nav ul li.active a {
background-color: #0088d1;   
color: #FFF;             
border: none;     
background-position: 5px 50%;      
background-repeat: no-repeat;      
} 
         
nav ul li a.i0 {    
cursor: pointer;      
}
     
.paging {         
margin: 20px 0px;        
}        
    
.paging .current {      
padding: 5px;
border: 1px solid #dadada;   
font-weight: bold;       
font-size: 14px;
display: inline-block;      
padding: 3px 10px;               
height: 20px;
margin-left: -4px;        
}             
               
.paging .links {
display: inline;   
margin-left: 10px;      
padding: 5px;     
}        

.paging .links a {   
border: 1px solid #dadada;             
font-weight: bold;     
font-size: 13px;      
display: inline-block;      
padding: 3px 10px; 
height: 20px;         
margin-left: -4px;    
}      

.paging .links a:hover {     
background: #f6f6f6;         
color: #000;        
}        
    
.paging .links a:last-child {      
}
   
.paging .links a.left {       
margin-bottom: -11px;
}      
               
.paging .links a.left:hover {
margin-bottom: -11px;        
}             
               
.paging .links a.right {
margin-bottom: -11px;   
}      
     
.page-right {        

}   
             
.calendar_all {     
}      
      
.calendar_all .calendar_header .current_date { 
background: var(--main-color);         
color: #fff;    
}      

.calendar_all .calendar_header .current_date a {     
color: #fff;         
}        
        
.calendar_all .calendar_item_hour {    
width: 40px;      
text-align: right;
border-right: 1px dashed #D6D7D6;   
}       

.calendar_all .calendar_item_element {      
border-right: 1px dashed #D6D7D6;               
}
        
.calendar_all .calendar_item_element_hover:hover {             
background: #EFF7FF;               
}
   
.calendar_all .item .current_date {      
background-color: #EFFBFF;     
border-right: 1px solid var(--main-color);        
border-left: 1px solid var(--main-color);
}   
             
.calendar_all .item .current_date_doing {     
background-color: #EFFBFF;      
border-right: 1px solid var(--main-color);      
border-left: 1px solid var(--main-color); 
}         
    
.calendar_all .item .current_date_doing:hover {      
background-color: #BDEFFF;
}     
         
.calendar_all .item .current_hour {        
text-decoration: none;        
padding-left: 20px;    
}      

.calendar_all .item .current_date_hour {   
border: 3px dotted var(--main-color);       
}
      
.calendar_all .item .current_date_hour2 {               
background: #EFFBFF;
}        
             
.calendar_all .item .current_date_hour2_hover {               
background: #EFFBFF;
}   
      
.calendar_all .item .current_date_hour2_hover:hover {     
background: #EFF7FF;        
}
   
.calendar_all .calendar_item_element .busy_hour {             
text-align: center;     
font-weight: bold;      
border: #C0C0C0 solid 1px;      
} 
         
.calendar_all .calendar_item_element .work_hour {    
/* background: #FFFFDE; */      
border: #FF8000 solid 3px;
margin-bottom: 1px;     
padding: 3px;         
}        
        
.calendar_all .calendar_item_element .doing_hour {    
border: #84F784 solid 3px;      
font-style: italic;
padding-right: 16px;   
margin-bottom: 1px;       
padding: 3px;
}      
               
.calendar_all .calendar_item_element .putback_hour {
border: #000 solid 2px;        
font-style: italic;             
padding-right: 16px;               
margin-bottom: 1px;
padding: 3px;   
background-color: #C0C0C0;      
color: #000;     
}        

.calendar_all .calendar_day_col {   
width: 13.5%;             
}     
      
#top_topline {      
position: fixed; 
width: 100%;         
height: 40px;    
background: var(--main-color);      
top: 0;
left: 0;     
z-index: 900;         
}        
        
#top_topline1 {    
position: fixed;      
width: 100%;
height: 40px;   
background: #848284;       
top: 0;
left: 0;      
z-index: 900;               
}
        
#top_topline2 {             
position: fixed;               
width: 100%;
height: 40px;   
background: -moz-linear-gradient(left, var(--main-color), #848284 100%);      
background: -webkit-linear-gradient(left, var(--main-color), #848284 100%);     
background: -o-linear-gradient(left, var(--main-color), #848284 100%);        
background: -ms-linear-gradient(left, var(--main-color), #848284 100%);
background: linear-gradient(to right, var(--main-color), #848284 100%);   
top: 0;             
left: 0;     
z-index: 900;      
}      
 
#top_userbar {         
height: 40px;    
line-height: 40px;      
background: var(--main-color);
color: #FFF;     
position: relative;         
margin: 0 auto;        
padding: 0 20px;        
max-width: 1400px;    
}      

#top_userbar1 {   
height: 40px;       
line-height: 40px;
background: #848284;      
color: #FFF;               
position: relative;
margin: 0 auto;        
padding: 0 20px;             
max-width: 1400px;               
}
   
#top_userbar2 {      
height: 40px;     
line-height: 40px;        
color: #FFF;
position: relative;   
margin: 0 auto;             
padding: 0 20px;     
max-width: 1400px;      
}      
 
#top_userbar314_ {         
height: 40px;    
line-height: 40px;      
background: var(--main-color);
color: #FFF;     
position: relative;         
margin: 0 auto;        
padding: 0 20px;        
}    
      
#top_userbar314_1 {
height: 40px;   
line-height: 40px;       
background: #848284;
color: #FFF;      
position: relative;               
margin: 0 auto;
padding: 0 20px;        
}             
               
#top_userbar314_2 {
height: 40px;   
line-height: 40px;      
color: #FFF;     
position: relative;        
margin: 0 auto;
padding: 0 20px;   
}             
     
#top_search {      
position: relative;      
width: 250px; 
}         
    
#top_search #top_field {      
color: #83898b;
font-size: 13px;     
height: 23px;         
line-height: 23px;        
width: 205px;        
border: none;    
outline: none;      
padding: 0 10px;
padding-right: 35px;   
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;       
position: absolute;
top: 8px;      
left: 0;               
}
        
#top_search #top_button {             
width: 28px;               
height: 23px;
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat #F2F5F5;   
cursor: pointer;      
border: none;     
position: absolute;        
top: 8px;
right: 0;   
}             
     
#top_search #top_button:hover {      
background: url('../../oper/?core_section=image&action=search&color=us') 50% 50% no-repeat #F2F5F5;      
} 
         
#button_go_task, #button_go_device {    
width: 28px;      
height: 23px;
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat #F2F5F5;     
cursor: pointer;         
border: none;        
margin-top: 4px;        
right: 0;    
}      

#button_go_task:hover, #button_go_device:hover {   
background: url('../../oper/?core_section=image&action=search&color=us') 50% 50% no-repeat #F2F5F5;       
}
      
#top_links {               
height: 20px;
float: right;        
margin: 10px 0;             
line-height: 20px;               
}
   
#top_links li {      
display: inline-block;     
border-left: 1px solid #195f84;        
height: 100%;
text-align: center;   
padding-left: 10px;             
margin-left: 10px;     
}      
      
#top_links li:first-child { 
border: none;         
}    
      
#top_links li a {
color: #FFF;     
text-align: center;         
}        
        
#top_links li a:hover {    
color: #DEDFDE;      
}
   
#top_links li #top_region {       
border-bottom: 1px dashed;
}      
               
#region_select {
background-color: var(--main-color);        
border: 1px solid #e0e0e0;             
margin-left: -50px;               
padding-left: 25px;
}   
      
#region_select ul {     
border-bottom: 1px solid #e0e0e0;        
padding: 10px;
margin-left: -15px;   
list-style: square outside;             
color: #fff;     
}      
      
#region_select li { 
border: none;         
display: list-item;    
line-width: 100%;      
text-align: left;
}     
         
#top_find_result {        
background-color: var(--main-color);        
color: #fff;    
border: 1px solid #e0e0e0;      
position: absolute;
line-height: 23px;   
top: 35px;       
min-width: 250px;
padding-left: 5px;      
padding-right: 10px;               
}
        
#top_find_result a {             
color: #fff;               
}
   
#top_find_result a:hover {      
color: #DEDFDE;     
}        

#top_find_result ul {   
border-bottom: 1px solid #e0e0e0;             
padding-right: 5px;     
margin-left: 0px;      
list-style: square inside;      
color: #fff; 
}         
    
#top_find_result li {      
border: none;
display: list-item;     
text-align: left;         
font-size: 12px;        
}        
    
#us_label {      
font-weight: bold;
color: var(--main-color-hover);   
margin-top: 7px;       
margin-right: 7px;
font-size: 28pt;      
height: 32px;               
width: 154px;
}        
             
/* ~~ этот контейнер фиксированной ширины окружает остальные DIV ~~ */               
#page_container {
max-width: 1400px;   
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */      
padding: 0 20px;     
position: relative;        
margin-top: 60px;
/* border: 3px solid #f00; */   
}             
     
#page_container314 {      
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */      
padding: 0 20px; 
position: relative;         
margin-top: 60px;    
/* border: 3px solid #f00; */      
}
     
.modeType2 a, .modeType2 a:visited, .modeType2 a:hover, .modeType a, .modeType a:visited, .modeType a:hover {         
text-decoration: none;        
color: var(--main-color);        
}    
      
.modeType_network a, .modeType_network a:visited, .modeType_network a:hover {
text-decoration: none;   
color: var(--main-color-hover);       
}
      
.modeType1 a, .modeType1 a:visited, .modeType1 a:hover {               
text-decoration: none;
color: #848284;        
}             
               
#menuTopUsText {
font-size: 33pt;   
margin-top: 7px;      
margin-left: 3px;     
}        

#menuUsVersion {   
font-size: 9pt;             
margin-top: 9px;     
margin-left: 5px;      
}      
 
#menuUsIsPlanned {         
color: #f00;    
font-weight: bold;      
padding-left: 5px;
}     
         
#menuUsNetwork {        
margin-top: 9px;        
margin-bottom: -5px;    
font-size: 12pt;      
font-weight: bold;
font-style: italic;   
padding-left: 5px;       
}
      
.div_razdel {               
font-size: 18px;
padding-bottom: 10px;        
border-bottom: 2px solid #e0e0e0;             
margin-bottom: 20px;               
text-transform: uppercase;
}   
      
#popup {     
background-color: #FFF;        
position: fixed;
top: 45px;   
left: 50%;             
margin-left: -150px;     
width: 220px;      
height: 39px;      
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); 
z-index: 1000;         
padding: 10px;    
padding-left: 80px;      
border: 3px solid #0088d1;
font-size: 17px;     
padding-top: 5px;         
padding-bottom: 20px;        
}        
    
#notifyDivIcon {      
position: fixed;
top: 60px;   
left: 50%;       
margin-left: -137px;
z-index: 1010;      
font-size: 50px;               
}
        
#popup_error {             
background-color: #FFF;               
position: fixed;
top: 45px;   
left: 50%;      
width: 220px;     
height: 39px;        
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
z-index: 1000;   
padding: 10px;             
padding-left: 80px;     
margin-left: -150px;      
border: 3px solid #0088d1;      
font-size: 17px; 
padding-top: 5px;         
padding-bottom: 20px;    
}      

#main_content {     
/* border: 3px solid #0ff; */         
}        
        
.main_content_inside {    
margin-left: 300px;      
min-width: 400px;
}   
       
.main_content_inside_min {
padding-top: 10px;      
margin-left: 50px;               
}
        
.main_content_inside_right_aside {             
margin-right: 220px;               
}
   
#aside_left {      
float: left;     
width: 250px;        
padding-bottom: 10px;
margin-right: 40px;   
/* border: 3px solid #0f0; */             
}     
      
#aside_right {      
padding: 5px; 
width: 200px;         
background: #F7EFEF;    
border-left: 2px solid #E7E7E7;      
position: absolute;
top: 0px;     
right: 12px;         
}        
        
#top_topinfo {    
width: 100%;      
height: 60px;
margin-bottom: 45px;   
}       

#div_contentplace {      
/* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если overflow:hidden удалено в .container */               
}
        
#div_empty {             
clear: both;               
background-color: #0f0;
height: 0;   
line-height: 0;      
font: 1px;     
}        

.div_debug_header {   
margin-top: 50px;             
margin-left: 10px;     
font-weight: bold;      
}      
 
.div_debug {         
background-color: #CACACA;    
border: 2px solid #000;      
margin: 10px;
padding: 2px;     
}         
        
.div_sql_debug {        
background-color: #fff;    
border: 1px solid #000;      
margin: 10px;
padding: 2px;   
}       

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

#dialog-box .deleteDialog {      
background: #f00;               
width: 100%;
margin: -10px;        
padding: 10px;             
color: #fff;               
cursor: move;
}   
      
#dialog-box ul {     
padding: 10px;        
margin-left: -15px;
list-style: square inside;   
}             
     
#dialog-box li {      
padding: 5px;      
border: none; 
display: list-item;         
text-align: left;    
}      

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

#dialogConfirmbox li {   
padding: 5px;       
border: none;
display: list-item;      
text-align: left;               
}
        
.div_map_equip {             
position: absolute;               
right: 10px;
top: 80px;   
border: 1px solid #848284;      
max-width: 50%;     
max-height: 80%;        
background: #EFEFEF;
padding: 5px;   
-webkit-border-radius: 6px;             
-moz-border-radius: 6px;     
border-radius: 6px;      
}      
 
.div_map_equip .window_header {         
background: var(--main-color);    
width: 100%;      
margin-left: -7px;
margin-top: -7px;     
padding: 10px 10px 10px 4px;         
color: #fff;        
}        
    
#region_select_id {      
position: absolute;
}   
       
.div_table {
border: 0px solid black;      
overflow: visible;               
}
        
.div_table .a_cell {             
color: #000;               
text-decoration: none;
}   
      
.div_table .a_cell:hover, a:active, a:focus {     
text-decoration: underline;        
}
   
.div_table td {             
padding: 3px;     
margin: 0px;      
border-top: 1px solid black;      
border-right: 1px solid black; 
}         
    
.div_table .first_td {      
border-left: 1px solid black;
}     
         
.div_table .last_tr {        
border-bottom: 1px solid black;        
}    
      
.div_table .itog_tr {
background: #C6C3C6;   
}       

.div_table .itog_td {      
background: #DEDBDE;               
}
        
.div_table .td_small {             
font-size: smaller;               
}
   
.div_ipnet {      
margin-bottom: 8px;     
padding: 6px;        
background: #f4efef;
border-left: 3px solid #008ED6;   
padding-left: 5px;             
font-size: 15px;     
font-weight: bold;      
}      
 
.div_ipnet_hide {         
margin-bottom: 8px;    
padding: 6px;      
background: #ADADAD;
padding-left: 5px;     
font-size: 15px;         
font-weight: bold;        
width: 653px;        
color: #fff;    
}      

.div_ipnet_hide a {   
color: #fff;       
}
      
.div_courier {               
margin-top: 10px;
margin-bottom: 10px;        
padding: 5px;             
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;               
border: 1px solid #000;
}   
      
#map_add_obj_id {     
position: fixed;        
top: 0px;
background: #fff;   
padding: 10px;             
left: 50%;     
margin-left: -200px;      
z-index: 20;      
} 
         
#map_add_obj_id .dialog_header {    
background: var(--main-color);      
width: 100%;
margin: -10px;     
padding: 10px;         
color: #fff;        
}        
    
.att_blink {      
background-color: #fff;
padding-left: 2px;   
padding-right: 2px;       
border: 1px solid #000;
color: #f00;      
font-size: 8pt;               
}
        
.comment_0 {             
}               

.comment_1 {   
background-color: #F7F7F7;      
}     
        
.comment_author {
color: #8482FF;   
}             
     
#journal_apart_used_info2_id {      
margin-top: 10px;      
padding: 3px; 
border: 6px solid #800000;         
border-radius: 6px 6px 6px 6px;    
background-color: #FFD7D6;      
font-weight: bold;
}     
         
#journal_apart_task_yet_info2_id {        
margin-top: 10px;        
padding: 3px;    
border: 6px solid #4B799B;      
border-radius: 6px 6px 6px 6px;
background-color: #DDF4FF;   
font-weight: bold;       
}
      
#filter_button_id {               
width: 150px;
}        
             
.table_table {               
border-spacing: 0px;
position: relative;   
}      
     
.table_table tr {        
position: relative;
}   
             
.table_table td {     
position: relative;      
}      
 
.table_legend {         
font-weight: bold;    
background: none;      
text-align: center;
vertical-align: middle;     
font-size: 14px !important;         
}        
        
.table_legend td {    
border-bottom: 3px solid #d4d4d4 !important;      
padding: 10px 5px;
margin: 1px 0px;   
}       

.table_item {      
background: none;               
font-size: 13px;
vertical-align: middle;        
}             
               
.table_item td {
border-bottom: 1px solid #dadada;   
padding: 6px 6px;      
margin: 1px 0px;     
}        

.table_item_white:hover {   
background: #ebeaea;             
}     
      
.table_item_gray {      
background: #f6f6f6; 
}         
    
.table_item_gray:hover {      
background: #ebeaea;
}     
         
.table_item_itog {        
background: #C6C3C6;        
font-weight: bold;    
}      

* html #login_page {   
/* хак для IE6 */       
background: #072455;
}      
               
#login_page #login_page_toplogo {
width: 100%;        
height: 301px;             
background: url('../picture/transparent_logo.png') top no-repeat;               
}
   
#login_page #login_page_toplogo_online {      
width: 100%;     
height: 600px;        
background: url('../picture/transparent_logo_online.svg') top no-repeat;
background-position-y: 50px;   
background-size: 600px auto;             
}     
      
* html #login_page #login_page_toplogo {      
/* хак для IE6 */ 
background: #072455;         
}    
      
* html #login_page #login_page_toplogo_online {
/* хак для IE6 */     
background: #072455;         
}        
        
#login_page #login_page_info {    
width: 500px;      
left: 50%;
top: 50%;   
margin-left: -245px;       
margin-top: -400px;
position: absolute;      
background: rgba(0, 0, 0, 0.15);               
color: #fff;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);        
padding: 10px;             
}               

#login_page #login_page_info h1 {   
font-size: 18px;      
margin-bottom: 15px;     
}        

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

#login_page_footer #down_copy a:hover {   
color: #666666;             
}     
      
#to_top {      
position: fixed; 
bottom: 100px;         
}    
      
#to_top a {
width: 72px;     
display: block;         
text-align: center;        
font-size: 13px;        
font-weight: bold;    
text-transform: uppercase;      
text-decoration: none;
color: #bbb;   
}       

#to_top a:hover {      
color: var(--main-color);               
}
        
#to_top span {             
width: 72px;               
height: 72px;
display: block;   
background-color: #ddd;      
color: #A7A7A7;     
padding-top: 25px;        
font-size: 40pt;
-webkit-border-radius: 15px;   
-moz-border-radius: 15px;             
border-radius: 15px;     
-webkit-transition: 1s;      
-moz-transition: 1s;      
transition: 1s; 
}         
    
#to_top a:hover span {      
color: #8FC44B;
background-color: var(--main-color);     
}         
        
#div_failuremsg {        
margin: 10px;    
width: 400px;      
border: 1px solid #000;
}   
       
#div_failuremsg_div {
padding: 4px;      
}               

#div_failuremsg_header {        
background-color: var(--main-color);             
color: #fff;               
font-weight: bold;
padding: 2px;   
}      
     
#div_abon_info {        
}
   
#div_abon_info .div_info_block {             
padding: 3px;     
background: #ededed;      
border-left: 3px solid #d4d4d4;      
margin-bottom: 5px; 
}         
    
#div_abon_info .div_info_block_advert {      
background: #B0FFB0;
border-left: 3px solid #008000;     
}         
        
#div_abon_info .div_info_block .caption {        
font-size: 13px;    
font-weight: bold;      
margin-bottom: 2px;
text-transform: uppercase;   
}       

#div_abon_info .div_info_block .text {      
}               

#div_abon_info .div_info_block .text span {        
font-weight: bold;             
color: #848284;               
}
   
#div_abon_info .important {      
background: #f7da78;     
border-left: 3px solid #e0c25f;        
}
   
#div_abon_info .div_info_block a {             
color: var(--main-color);     
}      
      
#div_abon_info .div_info_block a:hover { 
color: #666666;         
}    
      
#div_news {
margin: 20px 0px;     
}         
        
#div_news .div_news_block {        
padding: 15px;    
background: #ededed;      
border-left: 3px solid #d4d4d4;
margin-bottom: 20px;   
}       

#div_news .div_news_block h3 {      
font-size: 18px;               
font-weight: bold;
text-transform: uppercase;        
}             
               
#div_news .div_news_block .text {
margin-top: -10px;   
margin-bottom: 10px;      
}     
        
#div_news .msg_block {
background: #D6FFD6;   
border-left: 3px solid #84FF84;             
}     
      
#div_news .important {      
background: #f7da78; 
border-left: 3px solid #e0c25f;         
}    
      
#div_news .high {
background: #f00;     
color: #fff;         
border-left: 3px solid #fff;        
}        
    
.div_alert_news {      
padding: 15px;
border-left: 3px solid #d4d4d4;   
margin-bottom: 20px;       
background: #D20000;
border-left: 3px solid #FF8080;      
min-height: 500px;               
color: #fff;
}        
             
.div_alert_news a {               
color: #FFFFD5;
}   
      
.div_alert_news a:hover {     
color: #FFFF04;        
}
   
#div_news .div_news_block a {             
color: var(--main-color);     
}      
      
#div_news .div_news_block a:hover { 
color: #666666;         
}    
      
.map_frame {
border: 5px solid rgba(198, 195, 198, 0.5);     
border-radius: 6px;         
-webkit-border-radius: 6px;        
-moz-border-radius: 5px;        
-khtml-border-radius: 10px;    
}      

#scheme_menu_panel {   
height: 30px;       
position: fixed;
top: 0;      
left: 0;               
width: 100%;
padding: 5px;        
border-bottom: 1px solid #000;             
}               

#map_edit_panel {   
height: 30px;      
position: fixed;     
top: 39px;        
left: 0;
width: 100%;   
padding: 5px;             
background: var(--main-color-hover);     
color: #fff;      
z-index: 10;      
} 
         
#map_edit_panel a {    
text-decoration: none;      
}
     
#map_edit_panel .obj-button {         
margin-left: 5px;        
margin-top: -3px;        
margin-right: 5px;    
padding: 3px;      
background: #D6D7D6;
border: 1px solid #9C9A9C;   
float: left;       
border-radius: 3px;
-webkit-border-radius: 3px;      
-moz-border-radius: 2px;               
-khtml-border-radius: 4px;
}        
             
#map_edit_panel .obj-button:hover {               
background: #9C9A9C;
}   
      
#map_edit_panel .obj-button a {     
color: #000;        
}
   
#map_menu_panel {             
height: 30px;     
position: fixed;      
top: 0;      
left: 0; 
width: 100%;         
padding: 5px;    
}      

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

.unselected_layer a {   
color: #000;       
text-decoration: none;
}      
               
.unselected_layer2 {
margin-top: 1px;        
margin-left: 5px;             
margin-right: 5px;               
padding: 5px;
float: left;   
background: #D6D7D6;      
border: 1px solid #9C9A9C;     
border-radius: 3px;        
-webkit-border-radius: 3px;
-moz-border-radius: 2px;   
-khtml-border-radius: 4px;             
}     
      
.unselected_layer2:hover {      
background: #9C9A9C; 
}         
    
.unselected_layer2 a {      
color: #000;
text-decoration: none;     
}         
        
#ttip {        
z-index: 999;    
border: 1px solid #111;      
background-color: #eee;
padding: 5px;   
opacity: 0.85;       
}
      
.map_toppanel {               
background: var(--main-color);
width: 100%;        
margin: -10px;             
padding: 10px;               
color: #fff;
}   
      
.map_toppanel a {     
color: #fff;        
}
   
.map_toppanel a:hover {             
color: #DEDFDE;     
}      
      
.j_card_div { 
border: 1px solid #B5B6B5;         
background-color: #F7F3F7;    
padding: 5px;      
border-radius: 3px;
-webkit-border-radius: 3px;     
-moz-border-radius: 2px;         
-khtml-border-radius: 4px;        
}        
    
.j_card_div .div_caption {      
text-align: center;
background-color: #D6D3D6;   
padding: 5px;       
margin-top: -5px;
margin-left: -5px;      
margin-right: -5px;               
font-weight: bold;
}        
             
.j_card_div .j_table {               
margin-top: 5px;
width: 100%;   
font-size: 13px;      
vertical-align: top;     
}        

.j_card_div .j_table tr {   
height: 25px;             
vertical-align: top;     
}      
      
.j_table_td_left { 
text-align: right;         
font-weight: bold;    
width: 100px;      
}
     
.j_table_td_left_na {         
text-align: right;        
font-weight: bold;        
width: 250px;    
}      

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

.j_button_lock {   
width: 24px;       
height: 24px;
border: 1px solid #C60000;      
padding-right: 0px;               
padding-left: 9px;
padding-top: 5px;        
padding-bottom: 5px;             
border-radius: 3px;               
-webkit-border-radius: 3px;
-moz-border-radius: 2px;   
-khtml-border-radius: 4px;      
margin: 2px;     
cursor: help;        
float: left;
}   
             
.j_button_menu_delete {     
background-color: #FFCACA;      
}      
 
.j_button_splitter {         
width: 2px;    
height: 24px;      
border: 1px solid #B5B6B5;
padding-top: 5px;     
padding-bottom: 5px;         
border-radius: 3px;        
-webkit-border-radius: 3px;        
-moz-border-radius: 2px;    
-khtml-border-radius: 4px;      
background-color: #848284;
margin: 2px;   
float: left;       
}
      
.j_button_inside {               
width: 24px;
height: 24px;        
border: 1px solid #B5B6B5;             
padding-right: 0px;               
padding-left: 9px;
padding-top: 5px;   
padding-bottom: 5px;      
border-radius: 3px;     
-webkit-border-radius: 3px 0px 0px 3px;        
-moz-border-radius: 2px 0px 0px 2px;
-khtml-border-radius: 4px 0px 0px 4px;   
background-color: #F7F3F7;             
margin: 2px 0px 2px 2px;     
float: left;      
}      
 
.j_button_inside:hover {         
background-color: #73AAFF;    
border: 1px solid #000084;      
}
     
.j_button_down {         
float: left;        
height: 24px;        
width: 15px;    
margin: 2px 2px 2px 0px;      
background-color: #184DB5;
-webkit-border-radius: 0px 3px 3px 0px;   
-moz-border-radius: 0px 2px 2px 0px;       
-khtml-border-radius: 0px 4px 4px 0px;
padding-right: 0px;      
padding-left: 3px;               
padding-top: 6px;
padding-bottom: 6px;        
}             
               
.j_button_down:hover {
background-color: #296DE7;   
}      
     
.j_button_counter {        
float: left;
height: 24px;   
min-width: 18px;             
margin: 2px 2px 2px 0px;     
background-color: #fff;      
border-right: 1px solid #B5B6B5;      
border-top: 1px solid #B5B6B5; 
border-bottom: 1px solid #B5B6B5;         
border-radius: 3px;    
-webkit-border-radius: 0px 3px 3px 0px;      
-moz-border-radius: 0px 2px 2px 0px;
-khtml-border-radius: 0px 4px 4px 0px;     
padding-right: 0px;         
padding-left: 0px;        
padding-top: 8px;        
padding-bottom: 2px;    
text-align: center;      
}
   
.j_button_counter:hover {       
background-color: #F7F3F7;
}      
               
.j_button_delete:hover {
background-color: #FFAEAD;        
}             
               
.j_card_opis_div {
border: 1px solid #B5B6B5;   
background-color: #fff;      
padding: 3px;     
border-radius: 3px;        
-webkit-border-radius: 3px;
-moz-border-radius: 2px;   
-khtml-border-radius: 4px;             
}     
      
.j_card_comment_div {      
border: 1px solid #B5B6B5; 
padding: 3px;         
border-radius: 3px;    
-webkit-border-radius: 3px;      
-moz-border-radius: 2px;
-khtml-border-radius: 4px;     
margin-top: 10px;         
margin-bottom: 5px;        
}        
    
.j_card_comment_div span {      
font-size: 12pt;
}   
       
.j_card_comment_div_my {
background-color: #CCC4E6;      
}               

.j_card_comment_div_author {        
background-color: #ADCBFF;             
}               

.j_card_comment_div_all {   
background-color: #DEEFFF;      
}     
        
.j_card_label_div {
float: left;   
border: 1px solid #B5B6B5;             
padding: 2px;     
border-radius: 3px;      
-webkit-border-radius: 3px;      
-moz-border-radius: 2px; 
-khtml-border-radius: 4px;         
margin-bottom: 5px;    
margin-right: 5px;      
background-color: #CEFFCE;
cursor: help;     
}         
        
.j_mywork_div {        
float: left;    
padding: 2px;      
border-radius: 10px;
-webkit-border-radius: 10px;   
-moz-border-radius: 8px;       
-khtml-border-radius: 11px;
margin: 5px;      
padding: 10px;               
min-width: 200px;
text-align: center;        
}             
               
.j_mywork_div_create {
background-color: #0082C6;   
color: #fff;      
max-width: 200px;     
}        

.j_mywork_div_watch {   
background-color: #00C742;             
color: #fff;     
max-width: 200px;      
}      
 
.j_mywork_div_work {         
background-color: #FF9694;    
color: #fff;      
max-width: 200px;
line-height: 20px;     
}         
        
.j_mywork_div_wo_pers {        
background-color: #000;    
color: #fff;      
max-width: 200px;
}   
       
.j_mywork_div_caption {
font-size: 17pt;      
font-weight: bold;               
}
        
.j_mywork_div_counter {             
padding-top: 25px;               
padding-bottom: 20px;
font-size: 21pt;   
font-weight: bold;      
color: #000;     
}        

.j_mywork_div_counter span {   
background-color: #fff;             
border-radius: 5px;     
-webkit-border-radius: 5px;      
-moz-border-radius: 4px;      
-khtml-border-radius: 6px; 
padding-right: 10px;         
padding-left: 10px;    
}      

.j_mywork_div_counter span:hover {     
background-color: #F7F3F7;         
}        
        
.j_mywork_div_list {    
margin-top: 9px;      
padding-top: 10px;
padding-bottom: 10px;   
color: #000;       
text-align: left;
      
background-color: #fff;               
border-radius: 5px;
-webkit-border-radius: 5px;        
-moz-border-radius: 4px;             
-khtml-border-radius: 6px;               
padding-right: 10px;
padding-left: 10px;   
}      
     
.link_menu_down {        
padding-left: 20px;
}   
             
#login_page {     
background: #072455;      
}      
 
.input_box {         
color: #000;    
font-size: 14px;      
height: 23px;
line-height: 23px;     
border: 1px solid #B5B6B5;         
outline: none;        
padding: 0 10px;        
padding-right: 10px;    
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;      
}
   
.input_box:focus {       
background: #F7EFEF;
border: 1px solid #808080;      
}               

.find_box {        
background: url('../../oper/?core_section=image&action=search&color=gray') 100% 45% no-repeat;             
}               

.find_box:focus {   
background: url('../../oper/?core_section=image&action=search&color=us') 100% 45% no-repeat;      
}     
        
.div_center {
text-align: center;   
}             
     
.div_right {      
text-align: right;      
} 
         
.div_bold {    
font-weight: bold;      
}
     
#usersearch {         
height: 38px;        
line-height: 38px;        
width: 100%;    
background: #f4efef;      
position: relative;
margin: 20px 0px;   
}       

#usersearch .field {      
width: -webkit-calc(100% - 80px);               
width:    -moz-calc(100% - 80px);
width:         calc(100% - 80px);        
margin-left: 15px;             
border: 1px solid #dbd3d3;               
height: 22px;
line-height: 22px;   
padding: 0px 5px;      
}     
        
#usersearch .button {
width: 40px;   
height: 38px;             
position: absolute;     
top: 0px;      
right: 0px;      
display: block; 
background: url('../../oper/?core_section=image&action=search&color=white') 50% 50% no-repeat var(--main-color);         
border: none;    
outline: none;      
cursor: pointer;
}     
         
#usersearch .button:hover {        
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat var(--main-color);        
}    
      
#usersearch .check {
display: inline-block;   
width: 20%;       
margin-right: 45px;
margin-left: 15px;      
}               

#usersearch2 {        
height: 38px;             
line-height: 38px;               
width: 100%;
background: #f4efef;   
position: relative;      
margin: 20px 0px;     
}        

#usersearch2 .field {   
width: 500px;             
margin-left: 15px;     
border: 1px solid #dbd3d3;      
height: 22px;      
line-height: 22px; 
padding: 0px 5px;         
}    
      
#usersearch2 .button {
width: 40px;     
height: 38px;         
position: absolute;        
top: 0px;        
right: 0px;    
display: block;      
background: url('../../oper/?core_section=image&action=search&color=white') 50% 50% no-repeat var(--main-color);
border: none;   
outline: none;       
cursor: pointer;
}      
               
#usersearch2 .button:hover {
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat var(--main-color);        
}             
               
#usersearch2 .check {
display: inline-block;   
width: 20%;      
margin-right: 45px;     
margin-left: 15px;        
}
   
.j_news2 {             
width: 32px;     
height: 32px;      
margin-left: 5px;      
} 
         
.label_wait {    
height: 26px;      
font-size: 15px;
margin-top: 10px;     
margin-bottom: 10px;         
font-weight: bold;        
background-color: #D5D500;        
padding-left: 13px;    
padding-top: 7px;      
border-radius: 5px;
-webkit-border-radius: 5px;   
-moz-border-radius: 5px;       
-khtml-border-radius: 5px;
color: #000;      
}               

.label_stop {        
height: 26px;             
font-size: 15px;               
margin-top: 10px;
margin-bottom: 10px;   
font-weight: bold;      
background-color: #FFD7D6;     
padding-left: 13px;        
padding-top: 7px;
border-radius: 5px;   
-webkit-border-radius: 5px;             
-moz-border-radius: 5px;     
-khtml-border-radius: 5px;      
color: #5A0000;      
} 
         
.label_alert {    
margin-top: 10px;      
margin-bottom: 10px;
background: #FFD7D6;     
padding-left: 33px;         
padding-top: 7px;        
width: 100%;        
border-radius: 5px;    
-webkit-border-radius: 5px;      
-moz-border-radius: 5px;
-khtml-border-radius: 5px;   
color: #5A0000;       
}
      
.label_error {               
font-size: 15px;
margin: 10px;        
background-color: #FFD7D6;             
padding: 10px;               
border-radius: 5px;
-webkit-border-radius: 5px;   
-moz-border-radius: 5px;      
-khtml-border-radius: 5px;     
color: #5A0000;        
}
   
.morris-hover {             
position: absolute;     
z-index: 1000;      
}      
 
.morris-hover.morris-default-style {         
border-radius: 10px;    
padding: 6px;      
color: #666;
background: rgba(255, 255, 255, 0.8);     
border: solid 2px rgba(230, 230, 230, 0.8);         
font-family: sans-serif;        
font-size: 12px;        
text-align: center;    
}      

.morris-hover.morris-default-style .morris-hover-row-label {   
font-weight: bold;       
margin: 0.25em 0;
}      
               
.morris-hover.morris-default-style .morris-hover-point {
white-space: nowrap;        
margin: 0.1em 0;             
}               

.graph_div {   
border: 1px solid #C0C0C0;      
}     
        
.graph_caption {
font-weight: bold;   
background: #DEDBDE;             
padding-left: 5px;     
padding-right: 5px;      
}      
 
.div_sortable_class {         
cursor: pointer;    
margin-top: 5px;      
padding: 5px;
width: 50%;     
background: #F6F6F6;         
color: #000;        
}        
    
.div_sortable_class:hover {      
background: #EDEDED;
cursor: crosshair;   
}       

.div_scheme_port {      
position: absolute;               
font-size: 9pt;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;        
}             
               
.div_scheme_port2 {
position: absolute;   
font-size: 7pt;      
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;     
}        

.div_scheme_att {   
position: absolute;             
font-size: 7pt;     
background-color: #fff;      
padding-left: 2px;      
padding-right: 2px; 
border: 1px solid #000;         
color: #00F;    
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;      
}
     
.div_scheme_att_red {         
position: absolute;        
font-size: 7pt;        
background-color: #fff;    
padding-left: 2px;      
padding-right: 2px;
border: 1px solid #000;   
color: #f00;       
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}      
               
.div_scheme_att_pg {
position: absolute;        
font-size: 7pt;             
background-color: #F7F700;               
padding-left: 2px;
padding-right: 2px;   
border: 1px solid #000;      
color: #f00;     
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;        
}
   
.div_scheme_caption {             
position: absolute;     
font-size: 8pt;      
line-height: 1.35;      
text-align: center; 
width: 190px;         
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;    
}      

.div_scheme_link {     
color: #000;         
text-decoration: none;        
}        
    
.div_scheme_link:hover {      
color: var(--main-color);
}   
       
.div_stat_select_kat {
text-align: right;      
width: 100%;               
}
        
.table_result_class {             
background: #C6C3C6;               
font-weight: bold;
text-align: right;   
}      
     
.div_journal_opis {        
overflow: hidden;
max-height: 105px;   
word-wrap: break-word;             
}     
      
.div_journal_opis_print {      
overflow: hidden; 
max-height: 1050px;         
word-wrap: break-word;    
}      

.link_leftmenu_j_count {     
text-decoration: underline;         
font-size: 16px;        
}        
    
.link_leftmenu_j_count:hover {      
color: #A5A6FF;
}   
       
.sms_block_div {
margin-top: 10px;      
margin-bottom: 10px;               
padding: 10px;
background: #DEDBDE;        
border-radius: 5px;             
-webkit-border-radius: 5px;               
-moz-border-radius: 5px;
-khtml-border-radius: 5px;   
}      
     
.jabber_block_div {        
margin-top: 10px;
margin-bottom: 10px;   
padding: 10px;             
background: #DEDBDE;     
border-radius: 5px;      
-webkit-border-radius: 5px;      
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;         
}    
      
.cursor_pointer {
cursor: pointer;     
}         
        
.link_dashed, .link_dashed:hover, .link_dashed:active, .link_dashed:focus {        
text-decoration: none;    
}      

.link_dashed span {   
border-bottom: 1px dashed;       
text-decoration: none;
}      
               
.span_news_counter {
background-color: #0082C6;        
padding-left: 4px;             
margin-top: 1px;               
padding-right: 4px;
color: #fff;   
font-weight: bold;      
font-size: 9pt;     
cursor: pointer;        
}
   
#span_mywork_counter_id {             
padding-left: 4px;     
margin-top: 1px;      
padding-right: 4px;      
background-color: #f00; 
color: #fff;         
font-weight: bold;    
font-size: 9pt;      
cursor: pointer;
}     
         
.act_color {        
padding: 0px;        
width: 1px;    
position: relative;      
}
   
.act_color .arrow {       
width: 0px;
height: 0px;      
border-style: solid;               
border-width: 5px 0 5px 5px;
position: absolute;        
top: 50%;             
margin-top: -5px;               
right: -5px;
}   
      
.bad {     
background: #e2001a;        
}
   
.bad .arrow {             
border-color: transparent transparent transparent #e2001a;     
}      
      
.ok { 
background: #0aa41c;         
}    
      
.gray_column {
background: #cacaca;     
}         
        
.ok .arrow {        
border-color: transparent transparent transparent #0aa41c;    
}      

#span_all_counter_id {   
background-color: #008200;       
padding-left: 4px;
margin-top: 1px;      
padding-right: 4px;               
color: #fff;
font-weight: bold;        
font-size: 9pt;             
cursor: pointer;               
}
   
.day_delimiter {      
height: 15px;     
}        

.scheme_oval {   
float: left;             
text-align: center;     
padding-left: 20px;      
padding-right: 20px;      
-moz-border-radius: 100px / 80px; 
-webkit-border-radius: 100px / 80px;         
border-radius: 100px / 80px;    
border-color: #000;      
border-style: solid;
border-width: 2px;     
}         
        
.scheme_line {        
float: left;    
background-color: #000;      
width: 10px;
height: 20px;   
}       

.table_table a {      
position: relative;               
z-index: 1;
}        
             
.table_table a.c_t2_rowlink {               
position: absolute;
top: 0;   
left: 0;      
margin: 0px;     
}        

.table_table a.c_t2_rowlink:hover {   
background-color: #cacaca;             
opacity: 0.1;     
}      
      
.working_menu_change_state { 
text-align: center;         
padding-bottom: 5px;    
}      

.working_menu_change_state .button_state {     
display: inline-block;         
margin: 5px;        
padding: 5px;        
background-color: #2175A5;    
border: 1px solid var(--main-color);      
border-radius: 3px;
-webkit-border-radius: 3px;   
-moz-border-radius: 2px;       
-khtml-border-radius: 4px;
}      
               
.working_menu_change_state .button_state a {
color: #fff;        
}             
               
.working_menu_change_state .button_state:hover {
background-color: #73AAFF;   
}      
     
.red_link {        
padding-left: 4px;
margin-top: 1px;   
padding-right: 4px;             
background-color: #f00;     
font-weight: bold;      
cursor: pointer;      
color: #fff; 
text-decoration: none;         
}    
      
.red_link:hover {
color: #cacaca;     
}         
        
.red_link2 {        
color: #f00;    
text-decoration: none;      
font-weight: bold;
}   
       
.white_div {
background-color: #fff;      
border-radius: 5px;               
-webkit-border-radius: 5px;
-moz-border-radius: 4px;        
-khtml-border-radius: 6px;             
padding: 10px;               
}
   
.current_date_free_doing {      
cursor: pointer;     
}        

.current_date_free_doing:hover {   
background-color: #BDEFFF;             
}     
      
.current_date_red {      
background-color: #FFEBEF; 
}         
    
/* ОБЩИЕ ПАРАМЕТРЫ */      

.box_border {     
box-sizing: border-box;         
-moz-box-sizing: border-box;        
-webkit-box-sizing: border-box;        
}    
      
.code {
font-family: monospace;   
font-weight: 600;       
}
      
.sup {               
margin-top: 16px;
font-size: 0.9em;        
font-style: italic;             
}               

.right {   
margin-left: auto;      
margin-right: 0px;     
}        

/*----------------------------------------*/   
/* Разметка для блоков контакт-центра */             
/*  Общие параметры (строка для блоков кнопок) */     
.row {      
height: 4em;      
margin-left: -16px; 
margin-right: -16px;         
line-height: 1.2em;    
}      

.row:before {     
content: " ";         
display: block;        
}        
    
.row:after {      
content: " ";
clear: both;   
}       

/* Блоки кнопок разных размеров внутри строки */      
/* Цифра - количество ячеек, которые занимает блок по ширине в 12 ячеечной сетке */               
.block-6 {
width: 45%;        
float: left;             
text-align: center;               
padding: 0 16px;
}   
      
.block-5 {     
width: 41.5%;        
float: left;
text-align: center;   
padding: 0 16px;             
}     
      
.block-4 {      
width: 30%; 
float: left;         
text-align: center;    
padding: 0 16px;      
}
     
.block-3 {         
width: 22%;        
float: left;        
text-align: center;    
padding: 0 16px;      
}
   
.block-2 {       
width: 16.6%;
float: left;      
text-align: center;               
padding: 0 16px;
}        
             
.block-1 {               
width: 8.3%;
float: left;   
text-align: center;      
padding: 0 16px;     
}        

/*----------------------------------------*/   
/* Основные плашки для информации и кнопок */             
     
/* настройка блока (плашки) с категорией кнопок */      
.block-cc {      
box-sizing: border-box; 
-moz-box-sizing: border-box;         
-webkit-box-sizing: border-box;    
      
margin: 32px 0px;
padding: 16px;     
border-left: 4px solid;         
}        
        
/* общие настройки всех кнопок на плашке*/    
.block-cc button {      
font-size: 1.2em;
padding: 16px;   
display: block;       
border: 1px solid;
border-radius: 4px;      
color: rgba(255, 255, 255, 0.95);               
cursor: pointer;
transition: all 0.2s ease-out;        
line-height: 1em;             
}               

.block-cc button:hover {   
outline: 0;      
box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 16px 0px, rgba(0, 0, 0, 0.14) 0px 4px 16px 0px;     
}        

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

.cc-red button:hover {        
background: #D32F2F;             
}               

.cc-orange {   
border-color: #E64A19;      
background: #FBE9E7;     
}        

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

.cc-green button:hover {   
background: #388E3C;      
}     
        
.cc-blue {
border-color: #1976D2;   
background: #E3F2FD;             
}     
      
.cc-blue h3 {      
color: #1976D2; 
}         
    
.cc-blue button {      
background: #1E88E5;
border: #0D47A1;     
}         
        
.cc-blue button:hover {        
background: #1976D2;    
}      

.div-form-customer-find {   
background-color: #fff;       
margin: 20px;
padding-bottom: 5px;      
padding-top: 30px;               
padding-left: 20px;
padding-right: 20px;        
border-radius: 10px;             
-webkit-border-radius: 10px;               
-moz-border-radius: 8px;
-khtml-border-radius: 11px;   
}      
     
.div-form-house-find {        
background-color: #fff;
width: 500px;   
margin: 20px;             
padding-bottom: 27px;     
padding-top: 27px;      
padding-left: 20px;      
padding-right: 20px; 
border-radius: 10px;         
-webkit-border-radius: 10px;    
-moz-border-radius: 8px;      
-khtml-border-radius: 11px;
}     
         
.task-state-caption_delay {        
color: #fff;        
background: #f00;    
padding-left: 3px;      
padding-right: 3px;
border: 1px solid #000;   
}       

.task-state-caption_cancel {      
color: #fff;               
background: #008040;
padding-left: 3px;        
padding-right: 3px;             
border: 1px solid #000;               
}
   
.task-state-caption_wait {      
color: #000000;     
background: #fffe13;        
padding-left: 3px;
padding-right: 3px;   
border: 1px solid #000;             
}     
      
.task-state-caption_doing {      
color: #fff; 
background: #10ae78;         
padding-left: 3px;    
padding-right: 3px;      
border: 1px solid #000;
}     
         
.task-caption-house-not-connect {        
color: #fff;        
background: #f00;    
padding-left: 3px;      
padding-right: 3px;
border: 1px solid #000;   
       
}
      
.yellow-back {               
background-color: #FFFFC1;
}        
             
.accordeon-div {               
padding: 10px;
padding-bottom: 0;   
padding-top: 0;      
font-size: 13px;     
}        

body {   
font: 14px/17px 'Myriad pro', Tahoma, Geneva, hevetica, sans-serif;             
background-color: #FFF;     
margin: 0;      
padding: 0;      
color: #000; 
min-width: 960px;         
}    
      
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */     
padding-right: 0;         
padding-left: 0; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */        
}        
    
ul, ol, dl {      
padding: 0;
margin: 0;   
}       

a img {      
border: none;               
}
        
a {             
color: var(--main-color);               
text-decoration: underline;
}   
      
a:hover, a:active, a:focus {     
color: #666666;        
}
   
.info_block {             
font-size: 10pt;     
font-weight: normal;      
font-style: italic;      
} 
         
.block_info {    
padding-left: 15px;      
font-size: 10pt;
font-weight: normal;     
font-style: italic;         
}        
        
.comment_block {    
float: right;      
width: 52px;
height: 21px;   
text-align: center;       
color: #000;
font-weight: bold;      
padding-top: 2px;               
z-index: 150;
}        
             
.div_small {               
font-size: 8pt;
}   
      
#admin_info .block {     
background: #0aa41c;        
color: #FFF;
padding: 5px 10px;   
font-size: 12px;             
display: inline-block;     
margin-right: 5px;      
}      
 
#admin_info .block .first {         
display: inline-block;    
text-align: right;      
list-style: none;
line-height: 16px;     
margin-right: 10px;         
padding-right: 10px;        
border-right: 1px solid #0b8a1a;        
overflow: hidden;    
}      

#admin_info .block .second {   
display: inline-block;       
text-align: left;
list-style: none;      
line-height: 16px;               
overflow: hidden;
}        
             
#admin_info .block a {               
color: #FFF;
text-decoration: underline;   
}      
     
.text_size {        
white-space: nowrap;
overflow: hidden;   
position: relative;             
}     
      
.text_size::after {      
content: ''; 
position: absolute;         
right: 0;    
top: 0;      
width: 40px;
height: 100%;     
background: -moz-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);         
background: -webkit-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);        
background: -o-linear-gradient(left, rgba(24, 113, 165 0.2), var(--main-color) 100%);        
background: -ms-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);    
background: linear-gradient(to right, rgba(24, 113, 165, 0.2), var(--main-color) 100%);      
}
   
.text_size_white {       
white-space: nowrap;
overflow: hidden;      
position: relative;               
}
        
.text_size_white::after {             
content: '';               
position: absolute;
right: 0;   
top: 0;      
width: 40px;     
height: 100%;        
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);   
background: -o-linear-gradient(left, rgba(255, 255, 255 0.2), #fff 100%);             
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);     
background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%);      
}      
 
.label_area {         
vertical-align: top;    
}      

.textarea_class {     
color: #000;         
border: 1px solid #B5B6B5;        
outline: none;        
padding: 0 10px;    
font: 14px/17px 'Myriad pro', Tahoma, Geneva, sans-serif;      
}
   
.textarea_class:focus {       
background: #F7EFEF;
border: 1px solid #808080;      
}               

.button {        
font-size: 15px;             
padding: 10px 20px;               
background: var(--main-color);
color: #FFF;   
border: 0px;      
outline: 0px;     
cursor: pointer;        
}
   
.button:hover {             
background: #095882;     
}      
      
.button_small { 
font-size: 15px;         
padding: 3px 20px;    
background: var(--main-color);      
color: #FFF;
border: 0px;     
outline: 0px;         
cursor: pointer;        
}        
    
.button_small:hover {      
background: #095882;
}   
       
.button2 {
font-size: 15px;      
padding: 10px 20px;               
background: #095882;
color: #FFF;        
border: 0px;             
outline: 0px;               
cursor: pointer;
}   
      
.button2:hover {     
background: #08496B;        
}
   
.span_small {             
font-size: 11px;     
}      
      
.menu_div_leftblock { 
float: left;         
width: 180px;    
}      

.menu_div_leftblock ul {     
list-style: square inside;         
color: var(--main-color-left-menu-icon);        
}        
    
.menu_div_leftblock ul {      
font-size: 15px;
display: block;   
}       

.menu_div_leftblock ul li {      
color: var(--main-color);               
line-height: 18px;
height: 100%;        
margin-top: 10px;             
}               

.menu_div_leftblock ul li .select_punkt {   
font-weight: bold;      
color: #000;     
}        

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

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

.table_data .zvit {        
display: table-row;             
max-height: 35px;               
}
   
.table_data .zvit > div {      
display: table-cell;     
padding: 3px 10px;        
font-size: 13px;
margin: 1px 0px;   
vertical-align: middle;             
}     
      
.table_data .zvit .right_div {      
text-align: right; 
}         
    
.table_data .item {      
display: table-row;
max-height: 35px;     
}         
        
.table_data .white {        
background: none;    
}      

.table_data .white:hover {   
background: #ebeaea;       
}
      
.table_data .gray {               
background: #f6f6f6;
}        
             
.table_data .gray:hover {               
background: #ebeaea;
}   
      
.table_data .cursor_pointer {     
cursor: pointer;        
}
   
.table_data .legend {             
display: table-row;     
max-height: 35px;      
font-weight: bold;      
background: none; 
text-align: center;         
}    
      
.table_data .legend:hover {
background: none;     
}         
        
.table_data .legend > div {        
display: table-cell;    
padding: 10px 5px;      
margin: 1px 0px;
vertical-align: middle;   
border-bottom: 3px solid #d4d4d4 !important;       
font-size: 14px !important;
}      
               
.table_data .item > div:not(.today) {
display: table-cell;        
padding: 6px 6px;             
font-size: 13px;               
border-bottom: 1px solid #dadada;
margin: 1px 0px;   
vertical-align: middle;      
}     
        
.table_data .today {
display: table-cell;   
padding: 10px 10px;             
font-size: 13px;     
margin: 1px 0px;      
vertical-align: middle;      
border: 2px dotted #000; 
}         
    
.table_data .item ._number {      
text-align: center;
}     
         
.table_data .item span:not(.work_fail) {        
/*        
color: #666666;    
*/      
}
   
.table_data .item .act_color {       
padding: 0px;
width: 10px;      
position: relative;               
}
        
.table_data .item .center_div {             
text-align: center;               
}
   
.table_data .item .right_div {      
text-align: right;     
}        

.table_data .item .act {   
width: 110px;             
text-align: center;     
}      
      
.table_data .item .daten { 
width: 110px;         
text-align: center;    
}      

.table_data .item .money {     
width: 85px;         
text-align: right;        
}        
    
.table_data .item .act_color .arrow {      
width: 0px;
height: 0px;   
border-style: solid;       
border-width: 5px 0 5px 5px;
position: absolute;      
top: 50%;               
margin-top: -5px;
right: -5px;        
}             
               
.table_data .ok {
background: #0aa41c;   
}      
     
.table_data .ok .arrow {        
border-color: transparent transparent transparent #0aa41c;
}   
             
.table_data .bad {     
background: #e2001a;      
}      
 
.table_data .bad .arrow {         
border-color: transparent transparent transparent #e2001a;    
}      

.span_user_mark {     
padding-right: 13px;         
margin-right: 5px;        
}        
    
.span_bold {      
font-weight: bold;
}   
       
/* Меню с вкладками (карточка абонента и пр) */
      
ul#navigation, ul#navigation2 {               
list-style: none;
height: 21px;        
padding: 10px 0px 7px 10px;             
margin: 0 auto;               
position: relative;
z-index: 1;   
overflow: visible;      
}     
        
ul#navigation li, ul#navigation2 li {
-webkit-border-radius: 6px 6px 0px 0px;   
-moz-border-radius: 6px 6px 0px 0px;             
border-radius: 6px 6px 0px 0px;     
float: left;      
margin: 0 5px 0 0;      
background-color: #2B477D; 
border: solid 1px #415F9D;         
position: relative;    
z-index: 1;      
}
     
ul#navigation li.selected, ul#navigation2 li.selected {         
z-index: 3;        
}        
    
ul#navigation li a:link, ul#navigation li a:visited, ul#navigation2 li a:link, ul#navigation2 li a:visited {      
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;   
border-radius: 6px 6px 0px 0px;       
display: block;
text-align: center;      
padding: 0 10px 0 10px;               
margin: 0 0 -1px 0;
height: 25px;        
line-height: 21px;             
text-transform: uppercase;               
text-decoration: none;
font-size: 13px;   
font-weight: bold;      
color: #fff;     
letter-spacing: 1px;        
outline: none;
float: left;   
background: var(--main-color);             
-webkit-transition: background-color 0.3s linear;     
-moz-transition: background-color 0.3s linear;      
-o-transition: background-color 0.3s linear;      
} 
         
ul#navigation li a:hover, ul#navigation2 li a:hover {    
background-color: #5a87dd;      
}
     
ul#navigation li.selected a:link, ul#navigation li.selected a:visited, ul#navigation2 li.selected a:link, ul#navigation2 li.selected a:visited {         
color: #2B477D;        
border: solid 1px #fff;        
-webkit-transition: background-color 0.2s linear;    
background: -moz-linear-gradient(top center, #d1d1d1, #f2f2f2 80%) repeat scroll 0 0 #f2f2f2;      
background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #f2f2f2), color-stop(.8, #d1d1d1));
background-color: #f2f2f2;   
}       

.slider_content {      
padding: 5px;               
padding-bottom: 10px;
-webkit-box-shadow: #111 0 0px 5px;        
-moz-box-shadow: #111 0 0px 5px;             
box-shadow: #111 0 0px 5px;               
}
   
.slider_content_double {      
position: relative;     
width: 100%;        
display: inline-block;
}   
             
.good_info_text {     
font-weight: bold;      
color: #008000;      
} 
         
.bad_info_text {    
font-weight: bold;      
color: #f00;
}     
         
.gray_block_light {        
border: 1px solid #9C9E9C;        
color: #000;    
background: #F7F3F7;      
padding: 3px;
}   
       
.gray_fon {
background: #E7E7E7;      
}               

.yellow_fon {        
background: #FFFF00;             
}               

.white_fon {   
background: #FFF;      
}     
        
.red_fon {
background: #f00;   
color: #FFFFFF;             
padding-left: 4px;     
padding-right: 4px;      
}      
 
.gray_block {         
border: 1px solid #9C9E9C;    
color: #000;      
background: #EFEFEF;
padding: 3px;     
}         
        
.gray_block_left {        
padding: 10px;    
background: #ededed;      
border-left: 3px solid #d4d4d4;
}   
       
.border_left {
border-left: 1px solid #D6D7D6;      
}               

.border_right {        
border-right: 1px solid #D6D7D6;             
}               

.green_block {   
color: #000;      
background: #ADFFAD;     
}        

.div_color_1 {   
/* синий */             
background: var(--main-color);     
color: #fff;      
padding: 3px;      
} 
         
.div_color_1 a {    
color: #fff;      
}
     
.div_color_2 {         
/* желтый */        
background: #F7DF7B;        
color: #000;    
padding: 3px;      
}
   
.larger_text {       
padding-top: 10px;
padding-bottom: 10px;      
font-size: 18px;               
}
        
.work_fail {             
color: #fff;               
background: #f00;
padding-left: 3px;   
padding-right: 3px;      
border: 1px solid #000;     
}        

.green_text {   
color: #008000;             
}     
      
.light_green_text {      
color: #39FF10; 
}         
    
.red_text {      
color: #f00;
}     
         
.bold_text {        
font-weight: bold;        
}    
      
.italic_text {
font-style: italic;   
}       

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

.red_div {   
background: #f00;             
}     
      
.div_space {      
padding-top: 5px; 
padding-bottom: 5px;         
font-size: 14px;    
}      

.div_space2 {     
padding-top: 2px;         
padding-bottom: 2px;        
}        
    
.ip_net_width {      
width: 21px;
}   
       
.ip_net_abon {
color: #000;      
background: #F7DF7B;               
}
        
.ip_net_abon_dolg {             
color: #f00;               
background: #E79E94;
}   
      
.ip_net_abon_unreg {     
background: #CEE7FF;        
}
   
.ip_net_abon_pause {             
background: #428284;     
}      
      
.ip_net_abon_pause a { 
color: #fff;         
}    
      
.ip_net_user_subnet {
background-image: linear-gradient(90deg, rgba(255, 255, 255, .07) 50%, transparent 50%),     
linear-gradient(90deg, rgba(255, 255, 255, .13) 50%, transparent 50%),         
linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .17) 50%),        
linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .19) 50%);        
background-size: 13px, 29px, 37px, 53px;    
}      

.ip_net_subnet {   
background-image: repeating-linear-gradient(120deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px),       
repeating-linear-gradient(60deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1)),      
linear-gradient(120deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1));               
background-size: 10px 120px;
}        
             
.ip_net_device {               
color: #fff;
background: var(--main-color);   
}      
     
.ip_net_device a {        
color: #fff;
}   
             
.ip_net_device a:hover {     
color: #cacaca;      
}      
 
.ip_net_reserv {         
background: #CACACA;    
}      

.ip_net_tmc {     
color: #fff;         
background: #8400FF;        
}        
    
.ip_net_tmc a {      
color: #fff;
}   
       
.standart_docs {
font-family: 'Arial';      
font-size: 8pt;               
}
        
.hide_div {             
display: none;               
}
   
.table_tmc_list {      
border: 1px solid #000;     
width: 100%;        
}
   
.table_tmc_list td {             
margin: 0px;     
border: 1px solid #000;      
}      
 
.support_history_journal_status_2 {         
color: #008000;    
font-weight: bold;      
}
     
.support_history_journal_status_3 {         
color: #f00;        
font-weight: bold;        
}    
      
.c_adr_div {
width: 100%;   
position: relative;       
}
      
.c_adr_div input {               
background-color: #fff;
margin-left: 2px;        
}             
               
.c_adr_div select {
margin: 2px;   
}      
     
.c_adr_div .c_adr_div_left {        
background: #EFEFEF;
border: #d4d4d4 2px solid;   
padding-right: 30px;             
border-radius: 0px 6px 6px 0px;     
}      
      
.c_adr_div .c_adr_div_right { 
position: absolute;         
right: 0px;    
top: 0px;      
width: 30px;
height: 100%;     
background: url('../picture/home.png') 7px 5px no-repeat #d4d4d4;         
border-radius: 0px 6px 6px 0px;        
}        
    
.c_adr_div .c_adr_div_right .c_adr_div_right_button {      
width: 100%;
text-align: center;   
margin-left: 2px;       
}
      
.div_vols_ov_color {               
width: 12px;
height: 12px;        
margin-right: 3px;             
float: left;               
border: 1px #000 solid;
}   
      
.us-icon {     
display: inline-block;        
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;   
text-rendering: auto;             
-webkit-font-smoothing: antialiased;     
-moz-osx-font-smoothing: grayscale;      
font-size: 1.3333333333em;      
line-height: .75em; 
margin-right: 5px;         
vertical-align: -3px;    
color: var(--main-color);      
}
     
.us-icon-normal {         
color: var(--main-color);        
}        
    
.us-icon-normal:hover {      
color: var(--main-color-hover)
}   
       
.us-icon-normal-second {
color: var(--main-color-hover)      
}               

.us-icon-normal-second:hover {        
color: #4B5EC0             
}               

.us-icon-white {   
color: #fff      
}     
        
.us-icon-gray {
color: #C0C0C0   
}             
     
.us-icon-gray2 {      
color: #C0C0C0      
} 
         
.us-icon-gray2:hover {    
color: #f00      
}
     
.us-icon-black {         
color: #000        
}        
    
.us-icon-green {      
color: #0f0
}   
       
.us-icon-red {
color: #f00      
}               

.us-icon-lmenu {        
font-size: 1em;             
margin-left: -25px;               
color: var(--main-color-left-menu-icon);
vertical-align: 0px;   
width: 18px;      
}     
        
.us-icon-lk {
font-size: 3em;   
color: #fff;             
width: 100%;     
text-align: center;      
padding-top: 15px;      
} 
         
.us-icon-wait {    
vertical-align: -2px;      
color: #8C8C00 !important
}     
         
.us-icon-danger {        
vertical-align: -2px;        
color: #f00 !important    
}      

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

.mapLabel {        
margin-top: -3px;             
position: absolute;               
}
   
.footer2 {      
padding: 30px 0;     
margin-top: 20px;        
border-top: 2px solid #e0e0e0;
position: relative;   
width: 100%;             
}     
      
.footer2 #down_copy {      
color: #83898b; 
font-size: 13px;         
}    
      
.footer2 #down_copy a {
}     
         
.footer2 #down_support {        
width: 150px;        
height: 18px;    
background: var(--main-color);      
color: #fff;
padding-top: 3px;   
padding-left: 7px;       
padding-bottom: 3px;
display: block;      
position: absolute;               
right: 0;
top: 25px;        
}             
               
.footer2 #down_support a {
text-decoration: none;   
color: #fff;      
}     
        
.footer2 #down_support i {
color: #fff;   
}             
     
.footer2 #down_support:hover {      
background: #707070;      
} 
         
.footer2 #down_support_div {    
width: 500px;      
position: fixed;
right: 10px;     
bottom: 10px;         
background-color: var(--main-color);        
color: #fff;        
padding: 5px;    
}      

.footer2 #down_support_div ul {   
list-style: square inside;       
padding-bottom: 10px;
}      
               
.footer2 #down_support_div ul li {
margin: 5px;        
}             
               
.footer2 #down_support_div a {
color: #fff;   
}      
     
.footer2 #down_support_div a:hover {        
color: #C6C3C6;
}   
             
.footer2 #down_support_div h2 {     
font-size: 16px;      
font-weight: bold;      
text-transform: uppercase; 
margin-top: -5px;         
margin-bottom: 2px;    
}      

.footer2 #down_support_div #down_support_cancel {     
position: absolute;         
right: 10px;        
top: 5px;        
padding-right: 20px;    
}      

.footer2 #down_finishinfo {   
display: block;       
position: absolute;
right: 0;      
margin-right: 170px;               
padding: 2px;
font-size: 8pt;        
top: 25px;             
color: #fff;               
}
   
.footer2 #down_finishinfo_full {      
display: block;     
position: relative;        
float: right;
right: 0;   
margin-right: 170px;             
padding: 2px;     
top: -40px;      
font-size: 9pt;      
background-color: #C6C3C6; 
border: 1px solid #000;         
}    
      
.footer2 #down_finishinfo2_full {
top: 20px;     
padding: 10px;         
position: relative;        
background-color: #C6C3C6;        
border: 1px solid #000;    
width: 400px;      
}
   
.iface10M {       
-webkit-animation: ifaceAnim10M 1s infinite; /* Safari 4+ */
-moz-animation: ifaceAnim10M 1s infinite; /* Fx 5+ */      
-o-animation: ifaceAnim10M 1s infinite; /* Opera 12+ */               
animation: ifaceAnim10M 1s infinite; /* IE 10+, Fx 29+ */
}        
             
@-webkit-keyframes ifaceAnim10M {               
0%, 20%, 40%, 60%, 80%, 100% {
background-color: #FF8000;   
}      
10%, 30%, 50%, 70%, 90% {     
background-color: #fff;        
}
}   
             
.iface100M {     
-webkit-animation: ifaceAnim100M 1s infinite; /* Safari 4+ */      
-moz-animation: ifaceAnim100M 1s infinite; /* Fx 5+ */      
-o-animation: ifaceAnim100M 1s infinite; /* Opera 12+ */ 
animation: ifaceAnim100M 1s infinite; /* IE 10+, Fx 29+ */         
}    
      
@-webkit-keyframes ifaceAnim100M {
0%, 20%, 40%, 60%, 80%, 100% {     
background-color: #42F12E;         
}        
10%, 30%, 50%, 70%, 90% {        
background-color: #fff;    
}      
}
   
.iface1G {       
-webkit-animation: ifaceAnim1G 1s infinite; /* Safari 4+ */
-moz-animation: ifaceAnim1G 1s infinite; /* Fx 5+ */      
-o-animation: ifaceAnim1G 1s infinite; /* Opera 12+ */               
animation: ifaceAnim1G 1s infinite; /* IE 10+, Fx 29+ */
}        
             
@-webkit-keyframes ifaceAnim1G {               
0%, 20%, 40%, 60%, 80%, 100% {
background-color: #008000;   
}      
10%, 30%, 50%, 70%, 90% {     
background-color: #fff;        
}
}   
             
.leaflet-ruler {     
height: 35px;      
width: 35px;      
background-image: url("images/ruler_icon.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */ 
background-repeat: no-repeat;         
background-position: center;    
}      

.leaflet-ruler:hover {     
background-image: url("images/ruler_icon-colored.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */         
}        
        
.leaflet-ruler-clicked {    
height: 35px;      
width: 35px;
background-repeat: no-repeat;   
background-position: center;       
background-image: url("images/ruler_icon-colored.png");
border-color: chartreuse !important;      
}               

.leaflet-bar {        
background-color: #ffffff;             
}               

.leaflet-control {   
cursor: pointer;      
}     
        
.result-tooltip {
background-color: white;   
border-width: medium;             
border-color: #de0000;     
font-size: smaller;      
}      
 
.moving-tooltip {         
background-color: rgba(255, 255, 255, .7);    
background-clip: padding-box;      
opacity: 0.5;
border: dotted;     
border-color: red;         
font-size: smaller;        
}        
    
.plus-length {      
padding-left: 45px;
}   
       
.us-map-class .leaflet-popup-content-wrapper {
background: transparent;      
opacity: 1;               
color: #000;
font-size: 10px;        
line-height: 24px;             
border-radius: 0px;               
box-shadow: none;
}   
      
.us-map-class .leaflet-popup-tip {     
background: transparent;        
border: none;
box-shadow: none;   
}             
     
.labelObjectText {      
margin-bottom: -35px;      
text-align: center; 
}         
    
.linkOnMap {      
text-decoration: none;
color: #000;     
}         
        
.linkOnMap:hover {        
color: #000;    
text-decoration: none;      
}
   
.linkOnMap:visited {       
color: #000;
text-decoration: none;      
}               

.linkOnMap:link {        
color: #000;             
text-decoration: none;               
}
   
.addressNameInTree {      
font-weight: bold;     
}        

.houseNameInTree {   
font-size: 17px;             
text-decoration: underline;     
margin-left: 3px;      
padding-left: 2px;      
padding-right: 2px; 
}         
    
.houseNameInTree:hover {      
font-weight: bold;
}     
         
.houseRed {        
color: #F00;        
}    
      
.houseGreen {
color: #008000;   
}       

.houseBlackBack {      
background-color: #000;               
color: #fff;
}        
             
.houseYellowBack {               
background-color: #FFFF00;
}   
      
.addressFindSelectorDiv {     
background: #EFEFEF;        
border: #d4d4d4 2px solid;
padding: 5px;   
border-radius: 0px 6px 6px 0px;             
}     
      
.addressFindSelectorDiv input {      
background-color: #fff; 
}         
    
.statRowSummary {      
background-color: #B2B2B2;
font-weight: bold;     
}         
        
.statRowSummary td {        
border: 1px solid #000;    
}      

.statRowNormal {   
background-color: #fff;       
}
      
.statRowNormal td {               
border: 1px solid #B2B2B2;
}        
             
.statRowNormalItalic {               
background-color: #fff;
font-style: italic;   
}      
     
.statRowNormalItalic td {        
border: 1px solid #B2B2B2;
}   
             
.statRowMain {     
background-color: #CACACA;      
font-weight: bold;      
} 
         
.statRowMain td {    
border: 1px solid #B2B2B2;      
}
     
.leaflet-div-icon {         
opacity: 1;        
background: #fff;        
border-radius: 30px;    
}      

.leaflet-middle-icon {   
border-radius: 30px;       
}
      
.ifaceRow-epon {               
background-color: #E7F1FE;
}        
             
.ifaceRow-802-11 {               
background-color: #FFE0C1;
}   
      
.mapDeviceInfoNormal {     
background-color: #fff;        
font-size: 11pt;
font-weight: bold;   
}             
     
.mapDeviceInfoRed {      
background-color: #fff;      
color: #f00; 
font-size: 11pt;         
font-weight: bold;    
}      

.fiber-reserv {     
background-color: #FFFF84;         
font-size: 10pt;        
font-weight: bold;        
}    
      
.leaflet-canvas-icon-layer {
   
}       

.labelObjectText {      
cursor: pointer;               
}
        
.leaflet-popup-content-wrapper {             
border: 0px solid #f00;               
height: 0px;
margin-top: -8px;   
}      
     
.dist-marker {        
font-size: 9px;
border: 1px solid #777;   
border-radius: 10px;             
text-align: center;     
color: #000;      
background: #fff;      
} 
         
.cityBack {    
background-color: #F5F3F6;      
border: 1px solid #cacaca;
margin: 3px;     
}         
        
.reply_comment {        
text-align: left;    
font-style: italic;      
border-radius: 8px;
width: 350px;   
max-height: 30px;       
overflow: hidden; /* Обрезаем все, что не помещается в область */
background: #cacaca; /* Цвет фона */      
padding: 5px; /* Поля вокруг текста */               
text-overflow: ellipsis; /* Добавляем многоточие */
}        
             
.reply_comment a {               
color: #000;
text-decoration: none;   
}      
     
#fullTaskTypeDescription {        
display: none
}   
             
#fullTaskTypeDescriptionShort {     
display: ''      
}      
 
.nodeSchemeRedesignTopPanel {         
background: #E1E1FF;    
}      

.nodeSchemeTopPanel {     
background: #EFEFEF;         
}        
        
.leaflet-control-layers-group-name {    
font-weight: bold;      
margin-bottom: .2em;
margin-left: 3px;   
}       

.leaflet-control-layers-group {      
margin-bottom: -2.5em;               
margin-top: -20px;
margin-bottom: 0px;        
}             
               
.leaflet-control-layers-scrollbar {
overflow-y: scroll;   
padding-right: 10px;      
}     
        
#map_menu2 {
height: 30px;   
font-size: 14px;             
padding-left: 4px;     
padding-top: 4px;      
margin-bottom: 0px;      
padding-bottom: 0px; 
background-color: #FFFFFF;         
}    
      
.darkRedInfoDiv {
margin-top: 10px;     
padding: 3px;         
border: 6px solid #800000;        
border-radius: 6px 6px 6px 6px;        
background-color: #FFD7D6;    
}      

#buildingTaskCommentId {   
margin-top: 10px;       
padding: 3px;
border: 6px solid #800000;      
border-radius: 6px 6px 6px 6px;               
background-color: #FFD7D6;
font-weight: bold;        
}             
               
#house_scheme_id {
padding-top: 40px;   
}      
     
.my-label {        
position: absolute;
width:1000px;   
font-size:2px;             
}     
      
.leaflet-container.pointer-cursor-enabled {      
cursor: pointer; 
}         
    
.downLinkUrl {      
color: #f00;
}     
         
.downLinkUrl {        
color: #fff;        
text-decoration: underline;    
text-decoration-color: #fff;      
font-size: 14px;
}   
       
.spanContragentReportTransferName {
font-size: 24px;      
}               

.dropdown-menu {        
background-color: white;             
border: 1px solid #ddd;               
list-style: none;
margin: 0;   
padding: 0;      
}     
        
.dropdown-menu li {
border-top: 1px solid #ddd;   
padding: 2px 5px;             
margin: 0;     
}      
      
.dropdown-menu li:first-child { 
border-top: none;         
}    
      
.dropdown-menu li:hover,
.dropdown-menu .active {     
background-color: rgb(110, 183, 219);         
}        
        
.dropdown-menu a {    
height: 18px;      
text-decoration: none;
color: #555;   
}       

.dropdown-menu a:hover {      
cursor: pointer;               
}
        
.dropdown-menu img {             
vertical-align: text-top;               
height: 18px;
}   
      
.leaflet-tooltip-label {     
position: absolute;        
padding: 0px 4px 0px 4px !important;
margin: 0;   
background-color: rgba(255, 255, 255, 0.6);             
border: 0px solid #000;     
color: #000;      
white-space: nowrap;      
-webkit-user-select: none; 
-moz-user-select: none;         
-ms-user-select: none;    
user-select: none;      
pointer-events: none;
}     
         
.oldUnavailableClass {        
display: none;        
}    
      
.employeeUnavailableI {
color: #f00;   
}       

.xdsoft_datetimepicker{      
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);               
background: #FFFFFF;
border-bottom: 1px solid #BBBBBB;        
border-left: 1px solid #CCCCCC;             
border-right: 1px solid #CCCCCC;               
border-top: 1px solid #CCCCCC;
color: #333333;   
display: block;      
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;     
padding: 8px;        
padding-left: 0px;
padding-top: 2px;   
position: absolute;             
z-index: 9999;     
box-sizing: border-box;      
display:none;      
-webkit-touch-callout: none; 
-webkit-user-select: none;         
-khtml-user-select: none;    
-moz-user-select: none;      
-ms-user-select: none;
user-select: none;     
}         
.xdsoft_noselect{        
-webkit-touch-callout: none;        
-webkit-user-select: none;    
-khtml-user-select: none;      
-moz-user-select: none;
-ms-user-select: none;   
-o-user-select: none;       
user-select: none;
}      
.xdsoft_noselect::selection { background: transparent; }               
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{        
display: inline-block;             
position: static;               
box-shadow: none;
}   
.xdsoft_datetimepicker *{      
-moz-box-sizing: border-box;     
box-sizing: border-box;        
padding:0px;
margin:0px;   
}             
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{     
display:none;      
}      
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{ 
display:block;         
}    
.xdsoft_datetimepicker .xdsoft_datepicker{      
width: 224px;
float:left;     
margin-left:8px;         
}        
.xdsoft_datetimepicker  .xdsoft_timepicker{        
width: 58px;    
float:left;      
text-align:center;
margin-left:8px;   
margin-top:0px;       
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{      
margin-top:8px;               
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{        
position: relative;             
text-align: center;               
}
   
.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next{      
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAeCAYAAACR82geAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzQ5MUVFRTJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzQ5MUVFRDJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZZiqAgAAAR5JREFUeNrs2W0OgjAMBmAnHJjoOZq8FzYTUAkfG9KuJFDaZD8MpoYHmG0JMcabxzLuTuAwDqMR9dlPIISQO0TtqtrVpA7+21troxe8Q3mMPjfsDJ3cmVcGJc4WuOdtDSaFksQphvn+WNHdthJQhFlDWeBowMQcTiEMPilUYLagTHC0YJI4BTD45VWA4aAMOJowCxwhDMY5D7t3MWEmOAIYzPNZghlwmDBI5bIG0+MwYJDLc1SYkl6pYnz3dbraWXjHQPAokfVHCQWbL1mFgcLfNVmDgWKBR4oFHgQFHmnBYIeWgBRbAg4OabUE2LGJJMUmEltRrjh2wBaUK8LkcOjqg6oUjmhkYnXm24wq7qdoyO5vIv29ksM4zI7xFmAAj1yMVcKZ+nYAAAAASUVORK5CYII=');     
}        
.xdsoft_datetimepicker  .xdsoft_prev{
float: left;   
background-position:-20px 0px;             
}     
      
.xdsoft_datetimepicker  .xdsoft_next{      
float: right; 
background-position:0px 0px;         
}    
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{      
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev {     
background-color: transparent;         
background-repeat: no-repeat;        
border: 0px none currentColor;        
cursor: pointer;    
display: block;      
height: 30px;
opacity: 0.5;   
outline: medium none currentColor;       
overflow: hidden;
padding: 0px;      
position: relative;               
text-indent: 100%;
white-space: nowrap;        
width: 20px;             
}               
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{   
float:none;      
background-position:-40px -15px;     
height: 15px;        
width: 30px;
display: block;   
margin-left:14px;             
margin-top:7px;     
}      
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{      
background-position:-40px 0px; 
margin-bottom:7px;         
margin-top:0px;    
}      
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
height:151px;     
overflow:hidden;         
border-bottom:1px solid #DDDDDD;        
}        
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{    
background: #F5F5F5;      
border-top:1px solid #DDDDDD;
color: #666666;   
font-size: 12px;       
text-align: center;
border-collapse:collapse;      
cursor:pointer;               
border-bottom-width:0px;
height:25px;        
line-height:25px;             
}               

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

.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over {   
background-color: inherit;       
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;      
}               

.leaflet-contextmenu-icon {        
margin: 2px 8px 0 0;             
width: 16px;               
height: 16px;
float: left;   
border: 0;      
}     
        
.leaflet-contextmenu-separator {
border-bottom: 1px solid #ccc;   
margin: 5px 0;             
}     
      
.i0Li {      
overflow: hidden; 
word-wrap: anywhere;         
}    
      
option[colorTag="optionRed"] {
background-color: #E20A0A;     
color: #ffffff;         
}        
        
.optionRed {    
background-color: #E20A0A;      
color: #ffffff;
}