/* @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;             
}