/* @NETWORK@ */    
@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;             
}       
              
.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 span { 
margin: 0 20px;     
}              
        
footer #down_copy a {    
}   
               
footer #down_support {  
width: 150px;   
height: 18px;  
background: #1875a7;   
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: #1871A5;   
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: #3F51B5;       
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: #2196F3;  
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: #1871A5;   
}     
        
.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: #1875a7;            
} 
     
#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: #1875a7;   
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: #1871A5;            
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: #0aa41c;            
}            
 
nav ul li ul li:hover {     
color: #9C9E9C;              
}        
    
nav ul li ul li a {   
line-height: 18px;               
color: #1875a7;  
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: #1871A5;            
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 #1871A5;  
border-left: 1px solid #1871A5;          
}           
    
.calendar_all .item .current_date_doing {             
background-color: #EFFBFF;   
border-right: 1px solid #1871A5;             
border-left: 1px solid #1871A5;            
}            
 
.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 #1871A5;     
}        
       
.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: #1875a7;     
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, #1875a7, #848284 100%);   
background: -webkit-linear-gradient(left, #1875a7, #848284 100%);       
background: -o-linear-gradient(left, #1875a7, #848284 100%);  
background: -ms-linear-gradient(left, #1875a7, #848284 100%);          
background: linear-gradient(to right, #1875a7, #848284 100%);           
top: 0;    
left: 0;             
z-index: 900;   
}             
            
#top_userbar {            
height: 40px; 
line-height: 40px;     
background: #1875a7;              
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: #1875a7;              
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 { 
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 {   
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: #1875a7;              
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: #1875a7;               
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: #3F51B5;   
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: #3075A6;               
}  
   
.modeType_network a, .modeType_network a:visited, .modeType_network a:hover {  
text-decoration: none;   
color: #3F51B5;     
}        
       
.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: #1875a7;   
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: #1875a7;  
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: #1871A5; 
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: #1871A5;              
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: #1871A5;     
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;          
}  
            
* html #login_page #login_page_toplogo {   
/* хак для 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;   
position: relative;             
}            
            
#login_page #login_page_form .title { 
margin-bottom: 15px;     
font-size: 21px;              
}        
    
#login_page #login_page_form .field {   
width: 90%;               
max-width: 314px;  
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;  
padding: 10px 20px;            
background: #1875a7;   
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: #1875a7;    
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 span {        
padding: 0px 15px;    
}   
               
#login_page_footer #down_copy a {  
color: #1875a7;   
}  
   
#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: #1871A5; 
}     
              
#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: #1871A5;   
}       
  
#div_failuremsg {          
margin: 10px;           
width: 400px;    
border: 1px solid #000;             
}   
             
#div_failuremsg_div {            
padding: 4px;            
} 
     
#div_failuremsg_header {              
background-color: #1871A5;        
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 .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: #1875a7;   
}  
   
#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: #1875a7;   
}  
   
#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: #3F51B5;   
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;    
background: url('../picture/star.png') 0px no-repeat;   
padding-left: 20px;               
}  
   
#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 #1871A5;   
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: #1871A5;  
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: #1871A5;            
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_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: 30%;           
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 #1871A5;   
border: none;  
outline: none;   
cursor: pointer;     
}        
       
#usersearch .button:hover {             
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat #1871A5;       
}              
       
#usersearch .check {          
display: inline-block;  
width: 20%;            
margin-right: 45px;   
margin-left: 15px;       
}  
          
.j_news2 {           
width: 32px;    
height: 32px;             
margin-left: 5px;   
}             
            
.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;    
}             
   
.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: #1875a7;        
}       
             
.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 #1871A5;     
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: #3F51B5 !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: #1875a7;   
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), #1871A5 100%);  
background: -webkit-linear-gradient(left, rgba(24, 113, 165, 0.2), #1871A5 100%);   
background: -o-linear-gradient(left, rgba(24, 113, 165 0.2), #1871A5 100%);  
background: -ms-linear-gradient(left, rgba(24, 113, 165, 0.2), #1871A5 100%);   
background: linear-gradient(to right, rgba(24, 113, 165, 0.2), #1871A5 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: #1875a7;       
color: #FFF;  
border: 0px;          
outline: 0px;           
cursor: pointer;    
}             
   
.button:hover {             
background: #095882;            
}            
 
.button_small {     
font-size: 15px;              
padding: 3px 20px;        
background: #1875a7;    
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: #0aa41c;   
}  
   
.menu_div_leftblock ul {     
font-size: 15px;        
display: block;       
}             
       
.menu_div_leftblock ul li {              
color: #1875a7;       
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: #1871A5;             
-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: #1871A5;            
color: #fff;            
padding: 3px; 
}     
              
.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: #1871A5;  
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: #1871A5;  
}            
   
.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: #2196F3 
}     
              
.us-icon-normal {        
color: #2196F3    
}   
               
.us-icon-normal:hover {  
color: #3F51B5   
}  
   
.us-icon-normal-second {     
color: #3F51B5        
}       
             
.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: #0AA41C;          
vertical-align: 0px;  
}            
   
.us-icon-lk {       
font-size: 3em;  
color: #fff;          
width: 100%;           
text-align: center;    
padding-top: 15px;             
}   
             
.us-icon-danger {            
vertical-align: -2px;            
color: #f00 !important 
}     
              
.us-icon-danger:hover {        
color: #D70000 !important    
}   
               
.us-icon-32 {  
font-size: 2em;   
}  
   
.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-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 span {             
margin: 0 20px;       
}              
       
.footer2 #down_copy a {          
}  
            
.footer2 #down_support {   
width: 150px;       
height: 18px;  
background: #1875a7;          
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: #1871A5;   
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;       
}              
       
#buildingTaskCommentId {          
margin-top: 10px;  
padding: 3px;            
border: 6px solid #800000;   
border-radius: 6px 6px 6px 6px;       
background-color: #FFD7D6;  
font-weight: bold;          
}