/* @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('us_logo.png') 0px no-repeat;             
}            
 
.add {
background: url('add_blue.png') 0px no-repeat;
padding-left: 20px;         
}               
           
.aprove {         
background: url('ok_blue.png') 0px no-repeat;              
padding-left: 20px;       
}   
              
.back {
background: url('back_blue.png') 0px no-repeat;    
padding-left: 20px;  
}              

.calendar {          
background: url('calendar_blue.png') 0px no-repeat; 
padding-left: 20px;
}              
              
.cancel { 
background: url('cancel_blue.png') 0px no-repeat; 
padding-left: 20px;        
}              
             
.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('calendar_blue.png') 95% 45% no-repeat;               
width: 100px;           
}         
              
.date-field:focus {       
background: url('calendar_blue.png') 95% 45% no-repeat;   
background-color: #F7EFEF;              
border: 1px solid #808080;
}    
  
.delete {              
background: url('cancel_blue.png') 0px no-repeat;
padding-left: 20px;          
} 

.down {              
background: url('down_blue.png') 0px no-repeat;              
padding-left: 20px; 
} 
        
.edit {              
background: url('edit_blue.png') 0px no-repeat;             
padding-left: 20px;            
}          
              
.forward {
background: url('forward_blue.png') 0px no-repeat;             
padding-left: 20px;            
} 

.lock {
background: url('lock_blue.png') 0px no-repeat;         
padding-left: 20px;               
}           
         
.mark {              
background: url('mark_blue.png') 0px no-repeat;       
padding-left: 20px;   
}              

.off {    
background: url('off_blue.png') 0px no-repeat;  
padding-left: 20px;              
}
          
.office { 
background: url('office_blue.png') 0px no-repeat;
padding-left: 20px;              
}              
 
.phone { 
background: url('phone_blue.png') 0px no-repeat;        
padding-left: 20px;              
}             
            
.question {          
background: url('question_blue.png') 0px no-repeat;              
padding-left: 20px;
}             
            
.reload { 
background: url('reload_blue.png') 0px no-repeat;
padding-left: 20px;
}         
               
.report {           
background: url('report_blue.png') 0px no-repeat;         
padding-left: 20px;              
}       
   
.right {              
background: url('right_blue.png') 0px no-repeat;
padding-left: 20px;    
}  
              
.right-border {
background: url('right_blue.png') 100% 50% no-repeat;          
padding-right: 20px; 
}
              
.scheme {              
background: url('scheme_blue.png') 0px no-repeat; 
padding-left: 20px; 
}        
              
.search {             
background: url('search_blue.png') 0px no-repeat;            
padding-left: 20px;          
}              

.settings {             
background: url('settings_blue.png') 0px no-repeat;            
padding-left: 20px; 
}

.split {         
background: url('split_blue.png') 0px no-repeat;               
padding-left: 20px;           
}         
              
.staff {       
background: url('staff_blue.png') 0px no-repeat;   
padding-left: 20px;              
}
    
.wait-second {  
background: url('wait_white.png') 0px no-repeat;              
padding-left: 20px;
}          
 
#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('call_64.png') no-repeat center 0px;             
}            
 
.oper_notify_msg_ico2 {
background: url('message_64.png') 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_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;           
}         
              
.unselected_layer2:hover {       
background: #9C9A9C;   
}              

.unselected_layer2 a {    
color: #000;  
text-decoration: none;              
background: url('ok_blue.png') 0px no-repeat;
padding-left: 20px;          
} 

.lk_link_left {              
background: url('back_blue.png') 0px no-repeat;              
padding-left: 20px; 
} 
        
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;              
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('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_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;
max-width: 1400px;             
margin: 0 auto;            
padding: 0 20px; 
}

#top_userbar1 {         
height: 40px;               
line-height: 40px;           
background: #848284;         
color: #FFF;              
position: relative;       
max-width: 1400px;   
margin: 0 auto;              
padding: 0 20px;
}    
  
#top_userbar2 {              
height: 40px;
line-height: 40px;          
color: #FFF; 
position: relative;
max-width: 1400px;              
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('top_search.png') no-repeat;          
cursor: pointer; 
border: none;
position: absolute;              
top: 8px;              
right: 0; 
} 
        
#top_search #top_button:hover {              
background: url('top_search_hover.png') no-repeat;             
}            
          
#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 {             
text-decoration: none;            
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; */       
}   
              
#menu_logo {
width: 250px;    
height: 70px;  
display: block;              
background: url('us_logo_left.png') no-repeat;
position: relative;          
margin-bottom: 40px; 
text-decoration: none;
}              
              
#menu_logo #menu_description { 
font-size: 11px; 
color: #0375b0;        
padding-top: 50px;              
padding-left: 75px;             
}            
          
#menu_logo1 {              
width: 250px;
height: 70px;             
display: block;            
background: url('us_logo_gray.png') no-repeat; 
position: relative;
margin-bottom: 40px;
text-decoration: none;         
}               
           
#menu_logo1 #menu_description {         
font-size: 11px;              
color: #848284;       
padding-top: 50px;   
padding-left: 75px;              
}
    
#menu_logo1 #div_planed {  
background: #fff;              
color: #f00;
font-weight: bold;          
border: 1px solid #000; 
position: absolute;
padding-left: 2px;              
padding-right: 2px;              
right: 0px; 
top: 32px; 
}        
              
#menu_logo2 {             
width: 250px;            
height: 70px;          
display: block;              
background: url('us_logo_left.png') no-repeat;
position: relative;             
margin-bottom: 40px;            
text-decoration: none; 
}

#menu_logo2 #menu_description {         
font-size: 11px;               
color: #0375b0;           
padding-top: 50px;         
padding-left: 75px;              
}       
   
.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;
}              
              
.dashed_link { 
text-decoration: none; 
border-bottom: 1px dashed;        
}              
             
.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;               
}           
         
#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: url('us_logo_small.png') 10px no-repeat #1875a7;        
width: 100%;              
margin: -10px;             
padding: 10px;            
color: #fff;          
cursor: move;              
}
             
#dialog-box .dialog_header span {            
padding-left: 25px; 
}

#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;  
}              

.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: url('us_logo_small.png') 7px no-repeat #1871A5;            
width: 100%; 
margin-left: -7px;
margin-top: -7px;
padding: 10px 10px 10px 4px;         
color: #fff;               
}           
         
.div_map_equip .window_header span {              
padding-left: 25px;       
}   
              
#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: url('us_logo_small.png') 10px no-repeat #1871A5;               
width: 100%;           
margin: -10px;         
padding: 10px;              
color: #fff;       
}   
              
#map_add_obj_id .dialog_header span {
padding-left: 25px;    
}  
              
.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;   
}              

#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('us_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_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('star.png') 0px no-repeat;
padding-left: 20px;             
}            
 
#map_menu_panel {
height: 30px;
position: fixed;         
top: 0;               
left: 0;           
width: 100%;         
padding: 5px;              
background: #EFEFEF;       
}   
              
#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;         
}               
           
#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_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('find.png') 95% 45% no-repeat;   
}              

.find_box:focus {    
background: url('find.png') 95% 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: url("search_left.png") top left no-repeat #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('search.png') no-repeat; 
border: none; 
outline: none;        
cursor: pointer;              
}             
            
#usersearch .button:hover {          
background: url("search_hover.png") no-repeat;              
}
             
#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;              
width: 200px; 
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: #1871A5; 
} 
        
.div_sortable_class:hover {              
background: #2196DE;             
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: 10px;        
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;
}          
 
.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_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: 48px;  
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;
resize: none;    
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;         
}              
       
.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;             
}            
 
.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('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-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('planned.png') 0px 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; 
}
              
#menu_logo_network {              
width: 250px; 
height: 70px; 
display: block;        
background: url('menu_logo_network.png') no-repeat;              
position: relative;             
margin-bottom: 40px;            
text-decoration: none;          
}              

#menu_logo_network #menu_description {             
font-size: 11px;            
color: #0375b0; 
padding-top: 47px;
padding-left: 65px;
}         
               
.footer2 {           
padding: 30px 0;         
margin-top: 20px;              
border-top: 2px solid #e0e0e0;       
position: relative;   
width: 100%;              
max-width: 1220px;
}    
  
.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("../js/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("../js/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("../js/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;              
}       
   
.leaflet-div-icon {              
opacity: 1;
background: #fff;    
border-radius: 30px;  
}              

.leaflet-middle-icon {          
border-radius: 30px; 
}