@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('add_blue.png') 0px no-repeat;
         
}
  

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

            
.add-second {
    
    background: url('add_indigo.png') 0px no-repeat;
        
    padding-left: 20px;
       
}
 

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

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

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

           
.barcode {
 
    background: url('barcode_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;
    
}
        

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

.colapse {
        
    background: url('collapse_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: 80px;
         
}
  

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

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

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

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

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

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

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

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

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

    
.hammer-second {
           
    background: url('hammer_white.png') 0px no-repeat;
 
    padding-left: 20px;
   
}
   

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

            
.map {
            
    background: url('map_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;
    
}
             

 
.ok-second {
   
    background: url('ok_white.png') 0px no-repeat;
    
    padding-left: 20px;
           
}
 

   
.paging_down {
   
    background: url('paging_down_blue_10.png') 0px no-repeat;
   
    padding-left: 13px;
         
}
  

               
.paging_left {
     
    background: url('paging_left_blue_10.png') 0px no-repeat;
            
    padding-left: 13px;
            
}
       

            
.paging_right {
    
    background: url('paging_right_blue_10.png') 0px no-repeat;
        
    padding-left: 13px;
       
}
 

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

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

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

           
.qr {
 
    background: url('qr_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;
   
}
    

             
.wizard {
 
    background: url('wizard_blue.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('picture/call_64.png') no-repeat center 0px;
        
}
       

 
.oper_notify_msg_ico2 {
 
    background: url('picture/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;
            
}
            

       
.j_button_state_sysrole_1 {
            
    /* Новое задание */
    
    background: url('report_white.png') 2px no-repeat;
        
    padding-left: 22px;
       
}
 

 
.j_button_state_sysrole_2 {
       
    /* Отложено */
   
    background: url('wait_white.png') 2px no-repeat;
    padding-left: 22px;
        
}
       

              
.j_button_state_sysrole_4 {
            
    /* Не выполнено */
     
    background: url('progress_white.png') 2px no-repeat;
   
    padding-left: 22px;
    
}
             

 
.j_button_state_sysrole_5 {
   
    /* Выполняется */
    
    background: url('hammer_white.png') 2px no-repeat;
           
    padding-left: 20px;
 
}
   

   
.j_button_state_sysrole_6 {
   
    /* Выполнено удачно */
         
    background: url('ok_white.png') 2px no-repeat;
  
    padding-left: 22px;
               
}
     

            
.j_button_state_sysrole_7 {
            
    /* Последующий контроль */
       
    background: url('eye_white.png') 2px no-repeat;
            
    padding-left: 22px;
    
}
        

       
.j_button_state_sysrole_8 {
 
    /* Выполнено неудачно */
 
    background: url('cancel_white.png') 2px no-repeat;
       
    padding-left: 22px;
   
}

        
.j_button_state_sysrole_9 {
       
    /* Отменено */
              
    background: url('missed_white.png') 2px no-repeat;
            
    padding-left: 22px;
     
}
   

    
.j_button_state_sysrole_-5 {
             
    /* Вернуть инициатору задания */
 
}
   

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

   
.oper_notify_link_close:hover {
         
    background: url('delete_indigo.png') 0px no-repeat;
  
    padding-left: 20px;
               
}
     

            
.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: url('attach_blue_32.png') 0px 8px no-repeat #d4d4d4;
     
    border-radius: 6px 0px 0px 6px;
   
    min-height: 40px;
    
}
             

 
.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 {
    
    background: url('cancel_blue.png') 0px no-repeat;
        
    padding-left: 20px;
       
    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: #0088D1;
     
    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;
              
    background: url('cancel_white.png') 100% 50% no-repeat;
            
    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;
   
}
    

           
.j_button_delete {
 
    background: #F7F3F7 url('delete_black_24.png') no-repeat center center;
   
}
   

   
.j_button_child {
         
    background: #F7F3F7 url('child_black_24.png') no-repeat center center;
  
}
               

     
/*
            
Стили для личного кабинета
            
==================================================================================================================
       
*/
            

    
.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: #1871A5;
   
    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: #4A8EB5;
        
    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_link_default {
           
    width: 48px;
 
    height: 48px;
   
    background: url('lk_default.png') 0px no-repeat;
   
    position: relative;
   
    top: 10px;
         
    left: 50%;
  
    margin-left: -24px;
               
}
     

            
.lk_link_blag {
            
    background: url('lk_blag.png') 0px no-repeat;
       
}
            

    
.lk_link_buh {
        
    background: url('lk_buh.png') 0px no-repeat;
       
}
 

 
.lk_link_data {
       
    background: url('lk_abondata.png') 0px no-repeat;
   
}

        
.lk_link_exit {
       
    background: url('lk_exit.png') 0px no-repeat;
              
}
            

     
.lk_link_info {
   
    background: url('lk_info.png') 0px no-repeat;
    
}
             

 
.lk_link_change {
   
    background: url('lk_change.png') 0px no-repeat;
    
}
           

 
.lk_link_promise {
   
    background: url('lk_promise.png') 0px no-repeat;
   
}
   

         
.lk_link_msg {
  
    background: url('lk_message.png') 0px no-repeat;
               
}
     

            
.lk_link_cards {
            
    background: url('lk_cards.png') 0px no-repeat;
       
}
            

    
.lk_link_outlink {
        
    background: url('lk_outlink.png') 0px no-repeat;
       
}
 

 
.lk_link_turbo {
       
    background: url('lk_turbo.png') 0px no-repeat;
   
}

        
.lk_link_online {
       
    background: url('lk_link_online.png') 0px no-repeat;
              
}
            

     
.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 {
    
    background: url('lk_logo.png') 0px no-repeat;
           
    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.i1 {
         
    background-image: url('lm_main.png');
  
}
               

     
nav ul li a.i1:hover {
            
    background-image: url('lm_main_hover.png');
            
}
       

            
nav ul li.active a.i1 {
    
    background-image: url('lm_main_active.png');
        
}
       

 
nav ul li a.i2 {
 
    background-image: url('lm_abon.png');
       
    cursor: pointer;
   
}

        
nav ul li a.i2:hover {
       
    background-image: url('lm_abon_hover.png');
              
    text-decoration: underline;
            
}
     

   
nav ul li.active a.i2 {
    
    background-image: url('lm_active.png');
             
}
 

   
nav ul li a.i4 {
    
    background-image: url('lm_tarif.png');
           
    cursor: pointer;
 
}
   

   
nav ul li a.i4:hover {
   
    background-image: url('lm_tarif_hover.png');
         
    text-decoration: underline;
  
}
               

     
nav ul li.active a.i4 {
            
    background-image: url('lm_tarif_active.png');
            
}
       

            
nav ul li a.i5 {
    
    background-image: url('lm_message.png');
        
    cursor: pointer;
       
}
 

 
nav ul li a.i5:hover {
       
    background-image: url('lm_message_hover.png');
   
    text-decoration: underline;
}
        

       
nav ul li.active a.i5 {
              
    background-image: url('lm_message_active.png');
            
}
     

   
nav ul li a.i6 {
    
    background-image: url('lm_buh.png');
             
    cursor: pointer;
 
}
   

    
nav ul li a.i6:hover {
           
    background-image: url('lm_buh_hover.png');
 
    text-decoration: underline;
   
}
   

   
nav ul li.active a.i6 {
         
    background-image: url('lm_buh_active.png');
  
}
               

     
nav ul li a.i7 {
            
    background-image: url('lm_equip.png');
            
    cursor: pointer;
       
}
            

    
nav ul li a.i7:hover {
        
    background-image: url('lm_equip_hover.png');
       
    text-decoration: underline;
 
}
 

       
nav ul li.active a.i7 {
   
    background-image: url('lm_equip_active.png');
}
        

       
nav ul li a.i8 {
              
    background-image: url('lm_journal.png');
            
    cursor: pointer;
     
}
   

    
nav ul li a.i8:hover {
             
    background-image: url('lm_journal_hover.png');
 
    text-decoration: underline;
   
}
    

           
nav ul li.active a.i8 {
 
    background-image: url('lm_journal_active.png');
   
}
   

   
nav ul li a.i9 {
         
    background-image: url('lm_sklad.png');
  
    cursor: pointer;
               
}
     

            
nav ul li a.i9:hover {
            
    background-image: url('lm_sklad_hover.png');
       
    text-decoration: underline;
            
}
    

        
nav ul li.active a.i9 {
       
    background-image: url('lm_sklad_active.png');
 
}
 

       
nav ul li a.i10 {
   
    background-image: url('lm_map.png');
    cursor: pointer;
        
}
       

              
nav ul li a.i10:hover {
            
    background-image: url('lm_map_hover.png');
     
    text-decoration: underline;
   
}
    

             
nav ul li.active a.i10 {
 
    background-image: url('lm_map_active.png');
   
}
    

           
nav ul li a.i11 {
 
    background-image: url('lm_pers.png');
   
    cursor: pointer;
   
}
   

         
nav ul li a.i11:hover {
  
    background-image: url('lm_pers_hover.png');
               
    text-decoration: underline;
     
}
            

            
nav ul li.active a.i11 {
       
    background-image: url('lm_pers_active.png');
            
}
    

        
nav ul li a.i12 {
       
    background-image: url('lm_rekl.png');
 
}
 

       
nav ul li a.i12:hover {
   
    background-image: url('lm_rekl_hover.png');
}
        

       
nav ul li.active a.i12 {
              
    background-image: url('lm_rekl_active.png');
            
}
     

   
nav ul li a.i13 {
    
    background-image: url('lm_memo.png');
             
}
 

   
nav ul li a.i13:hover {
    
    background-image: url('lm_memo_hover.png');
           
}
 

   
nav ul li.active a.i13 {
   
    background-image: url('lm_memo_active.png');
   
}
         

  
nav ul li a.i14 {
               
    background-image: url('lm_stat.png');
     
}
            

            
nav ul li a.i14:hover {
       
    background-image: url('lm_stat_hover.png');
            
}
    

        
nav ul li.active a.i14 {
       
    background-image: url('lm_stat_active.png');
 
}
 

       
nav ul li a.i15 {
   
    background-image: url('lm_oper.png');
    cursor: pointer;
        
}
       

              
nav ul li a.i15:hover {
            
    background-image: url('lm_oper_hover.png');
     
    text-decoration: underline;
   
}
    

             
nav ul li.active a.i15 {
 
    background-image: url('lm_oper_active.png');
   
}
    

           
nav ul li a.i16 {
 
    background-image: url('lm_demo.png');
   
}
   

   
nav ul li a.i16:hover {
         
    background-image: url('lm_demo_hover.png');
  
}
               

     
nav ul li.active a.i16 {
            
    background-image: url('lm_demo_active.png');
            
}
       

            
nav ul li a.i17 {
    
    background-image: url('lm_set.png');
        
    cursor: pointer;
       
}
 

 
nav ul li a.i17:hover {
       
    background-image: url('lm_set_hover.png');
   
    text-decoration: underline;
}
        

       
nav ul li.active a.i17 {
              
    background-image: url('lm_set_active.png');
            
}
     

   
nav ul li a.i18 {
    
    background-image: url('lm_update.png');
             
}
 

   
nav ul li a.i18:hover {
    
    background-image: url('lm_update_hover.png');
           
}
 

   
nav ul li.active a.i18 {
   
    background-image: url('lm_update_active.png');
   
}
         

  
nav ul li a.i19 {
               
    background-image: url('lm_intf.png');
     
    cursor: pointer;
            
}
            

       
nav ul li a.i19:hover {
            
    background-image: url('lm_intf_hover.png');
    
    text-decoration: underline;
        
}
       

 
nav ul li.active a.i19 {
 
    background-image: url('lm_intf_active.png');
       
}
   

.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;
 
    background: url('paging_left_blue_10.png') 50% 50% no-repeat;
   
}
    

           
.paging .links a.left:hover {
 
    margin-bottom: -11px;
   
    background: url('paging_left_blue_10.png') 50% 50% no-repeat #f6f6f6;
   
}
   

         
.paging .links a.right {
  
    margin-bottom: -11px;
               
    background: url('paging_right_blue_10.png') 50% 50% no-repeat;
     
}
            

            
.paging .links a.right:hover {
       
    background: url('paging_right_blue_10.png') 50% 50% no-repeat #f6f6f6;
            
}
    

        
.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 {
     
    background: url('paging_right_blue_10.png') 10% no-repeat;
   
    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_alert {
        
    width: 200px;
       
    height: 40px;
 
    position: absolute;
 
    left: 290px;
       
    top: 0;
   
    color: #FFF;
    overflow: hidden;
        
}
       

              
#top_alert a {
            
    color: #FFF;
     
    text-decoration: underline;
   
    line-height: 40px;
    
    font-size: 15px;
             
    background: url('top_alert.png') 0% 50% no-repeat;
 
    padding-left: 25px;
   
}
    

           
#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 {
   
    background: url('top_region.png') 0% 50% no-repeat;
    
    padding-left: 15px;
           
    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;
    
}
             

 
#top_links li #top_spravka {
   
    background: url('top_spravka.png') 0% 50% no-repeat;
    
    padding-left: 20px;
           
}
 

   
#top_links li #top_spravka:hover {
   
    background: url('top_spravka_hover.png') 0% 50% no-repeat;
   
}
         

  
#top_links li #top_msg {
               
    background: url('top_msg.png') 0% 50% no-repeat;
     
    padding-left: 20px;
            
}
            

       
#top_links li #top_user {
            
    background: url('top_user.png') 0% 50% no-repeat;
    
    padding-left: 20px;
        
}
       

 
#top_links li #top_exit {
 
    background: url('top_exit.png') 0% 50% no-repeat;
       
    padding-left: 20px;
   
}

        
#us_label {
       
    background: url('us_label.png') 100% 50% no-repeat;
              
    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 {
    
    position: fixed;
        
    top: 45px;
       
    left: 50%;
 
    margin-left: -150px;
 
    width: 220px;
       
    height: 39px;
   
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    background: url('popup.png') top left no-repeat #FFF;
        
    z-index: 1000;
       
    padding: 10px;
              
    padding-left: 80px;
            
    border: 3px solid #0088d1;
     
    font-size: 17px;
   
    padding-top: 5px;
    
    padding-bottom: 20px;
             
}
 

   
#popup_error {
    
    position: fixed;
           
    top: 45px;
 
    left: 50%;
   
    width: 220px;
   
    height: 39px;
   
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
         
    background: url('popup_error.png') top left no-repeat #FFF;
  
    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;
       
}
              

            
.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 #1871A5;
     
    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 {
            
    position: fixed;
       
    top: 0px;
            
    background: #fff;
    
    padding: 10px;
        
    left: 50%;
       
    margin-left: -200px;
 
    z-index: 5000;
 
}
       

   
.map_add_obj .dialog_header {
    background: url('us_logo_small.png') 10px no-repeat #1871A5;
        
    width: 100%;
       
    margin: -10px;
              
    padding: 10px;
            
    color: #fff;
     
}
   

    
.map_add_obj .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: 200px;
           
    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: -380px;
        
    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: url('popup_error.png') top left no-repeat #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: #ddd url('totop.png') no-repeat center center;
       
    -webkit-border-radius: 15px;
              
    -moz-border-radius: 15px;
            
    border-radius: 15px;
     
    -webkit-transition: 1s;
   
    -moz-transition: 1s;
    
    transition: 1s;
             
}
 

   
#to_top a:hover span {
    
    background: #ddd url('totop_hover.png') no-repeat center center;
           
    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: url('news.png') right top no-repeat #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: url('news_important.png') right top no-repeat #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: url('news.png') right top no-repeat #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: url('news_important.png') right top no-repeat #f7da78;
              
    border-left: 3px solid #e0c25f;
            
}
     

   
#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_menu_panel {
        
    height: 30px;
       
    position: fixed;
              
    top: 0;
            
    left: 0;
     
    width: 100%;
   
    padding: 5px;
    
    background: #EFEFEF;
             
}
 

   
.map_button_gps {
    
    background: url('map_but_gps.png') no-repeat center center;
           
}
 

   
.map_menu_down {
   
    background: url('map_menu_down.png') no-repeat center center;
   
    display: inline;
         
    float: left;
  
    height: 100%;
               
    width: 18px;
     
    background-color: #184DB5;
            
}
            

       
.map_menu_down:hover {
            
    background-color: #296DE7;
    
}
        

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

       
.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_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;
    padding-right: 20px;
        
    background: url('close_small.png') 100% 50% no-repeat;
       
}
              

            
.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;
    
    background: url('add_blue.png') 0px no-repeat;
        
    padding-left: 20px;
       
}
 

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

    
#map_menu_panel .menu_down {
           
    margin-left: 5px;
 
    margin-top: 2px;
   
    margin-right: 5px;
   
    padding: 3px;
   
    border: 1px solid #9C9A9C;
         
    float: left;
  
    background: url('menu_down_arr.png') 100% 50% no-repeat #D6D7D6;
               
    padding-right: 18px;
     
    border-radius: 3px;
            
    -webkit-border-radius: 3px;
            
    -moz-border-radius: 2px;
       
    -khtml-border-radius: 4px;
            
}
    

        
#map_menu_panel .menu_down:hover {
       
    background: #9C9A9C url('menu_down_arr.png') 100% 50% no-repeat;
 
}
 

       
#map_menu_panel .menu_down a {
   
    color: #000;
    text-decoration: none;
        
}
       

              
#ttip {
            
    z-index: 999;
     
    border: 1px solid #111;
   
    background-color: #eee;
    
    padding: 5px;
             
    opacity: 0.85;
 
}
   

    
.map_toppanel {
           
    background: #1871A5;
 
    width: 100%;
   
    margin: -10px;
   
    padding: 10px;
   
    color: #fff;
         
}
  

               
.map_toppanel a {
     
    color: #fff;
            
}
            

       
.map_toppanel a:hover {
            
    color: #DEDFDE;
    
}
        

       
.j_card_div {
 
    border: 1px solid #B5B6B5;
 
    background-color: #F7F3F7;
       
    padding: 5px;
   
    border-radius: 3px;
    -webkit-border-radius: 3px;
        
    -moz-border-radius: 2px;
       
    -khtml-border-radius: 4px;
              
}
            

     
.j_card_div .div_caption {
   
    text-align: center;
    
    background-color: #D6D3D6;
             
    padding: 5px;
 
    margin-top: -5px;
   
    margin-left: -5px;
    
    margin-right: -5px;
           
    font-weight: bold;
 
}
   

   
.j_card_div .j_table {
   
    margin-top: 5px;
         
    width: 100%;
  
    font-size: 13px;
               
    vertical-align: top;
     
}
            

            
.j_card_div .j_table tr {
       
    height: 25px;
            
    vertical-align: top;
    
}
        

       
.j_table_td_left {
 
    text-align: right;
 
    font-weight: bold;
       
    width: 100px;
   
}

        
.j_table_td_left_na {
       
    text-align: right;
              
    font-weight: bold;
            
    width: 250px;
     
}
   

    
.j_card_cur_state {
             
    text-align: center;
 
    font-weight: bold;
   
    font-size: 15pt;
    
    margin: 8px;
           
}
 

   
.j_button {
   
    width: 24px;
   
    height: 24px;
         
    border: 1px solid #B5B6B5;
  
    padding-right: 0px;
               
    padding-left: 9px;
     
    padding-top: 5px;
            
    padding-bottom: 5px;
            
    border-radius: 3px;
       
    -webkit-border-radius: 3px;
            
    -moz-border-radius: 2px;
    
    -khtml-border-radius: 4px;
        
    background-color: #F7F3F7;
       
    margin: 2px;
 
    float: left;
 
}
       

   
.j_button:hover {
    background-color: #73AAFF;
        
    border: 1px solid #000084;
       
    margin: 1px;
              
    width: 26px;
            
    height: 26px;
     
}
   

    
.j_button_lock {
             
    width: 24px;
 
    height: 24px;
   
    border: 1px solid #C60000;
    
    padding-right: 0px;
           
    padding-left: 9px;
 
    padding-top: 5px;
   
    padding-bottom: 5px;
   
    border-radius: 3px;
   
    -webkit-border-radius: 3px;
         
    -moz-border-radius: 2px;
  
    -khtml-border-radius: 4px;
               
    margin: 2px;
     
    cursor: help;
            
    float: left;
            
}
       

            
.j_button_splitter {
    
    width: 2px;
        
    height: 24px;
       
    border: 1px solid #B5B6B5;
 
    padding-top: 5px;
 
    padding-bottom: 5px;
       
    border-radius: 3px;
   
    -webkit-border-radius: 3px;
    -moz-border-radius: 2px;
        
    -khtml-border-radius: 4px;
       
    background-color: #848284;
              
    margin: 2px;
            
    float: left;
     
}
   

    
.j_button_inside {
             
    width: 24px;
 
    height: 24px;
   
    border: 1px solid #B5B6B5;
    
    padding-right: 0px;
           
    padding-left: 9px;
 
    padding-top: 5px;
   
    padding-bottom: 5px;
   
    border-radius: 3px;
   
    -webkit-border-radius: 3px 0px 0px 3px;
         
    -moz-border-radius: 2px 0px 0px 2px;
  
    -khtml-border-radius: 4px 0px 0px 4px;
               
    background-color: #F7F3F7;
     
    margin: 2px 0px 2px 2px;
            
    float: left;
            
}
       

            
.j_button_inside:hover {
    
    background-color: #73AAFF;
        
    border: 1px solid #000084;
       
}
 

 
.j_button_down {
       
    background: url('map_menu_down.png') no-repeat center center;
   
    float: left;
    height: 24px;
        
    width: 18px;
       
    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: 0px;
 
    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_edit {
   
    background: #F7F3F7 url('edit24.png') no-repeat center center;
    
}
           

 
.j_button_edit_lock {
   
    background: #840000 url('edit24.png') no-repeat center center;
   
}
   

         
.j_button_document {
  
    background: #F7F3F7 url('document.png') no-repeat center center;
               
}
     

            
.j_button_printer {
            
    background: #F7F3F7 url('printer2.png') no-repeat center center;
       
}
            

    
.j_button_watcher {
        
    background: #F7F3F7 url('watch.png') no-repeat center center;
       
}
 

 
.j_button_watcher_i {
       
    background: #CEFFCE url('watch.png') no-repeat center center;
   
}

        
.j_button_watcher_i:hover {
       
    background-color: #FFAEAD;
              
}
            

     
.j_button_comment {
   
    background: #F7F3F7 url('comment24.png') no-repeat center center;
    
}
             

 
.j_button_mark {
   
    background: #F7F3F7 url('tag.png') no-repeat center center;
    
}
           

 
.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_resize {
  
    background: url('resize.png') 0px no-repeat;
               
    padding-left: 20px;
     
}
            

            
.link_menu_down {
       
    background: url('menu_down.png') 0px no-repeat;
            
    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_news_comment {
   
    width: 32px;
   
    height: 32px;
         
    margin-left: 5px;
  
    background: url('comment2.png') 0px no-repeat;
               
}
     

            
.j_news_change_staff {
            
    width: 32px;
       
    height: 32px;
            
    margin-left: 5px;
    
    background: url('staff.png') 0px no-repeat;
        
}
       

 
.j_news_new_work {
 
    width: 32px;
       
    height: 32px;
   
    margin-left: 5px;
    background: url('plus2.png') 0px no-repeat;
        
}
       

              
.j_news_edit_work {
            
    width: 32px;
     
    height: 32px;
   
    margin-left: 5px;
    
    background: url('edit2.png') 0px no-repeat;
             
}
 

   
.j_news_complete_good {
    
    width: 32px;
           
    height: 32px;
 
    margin-left: 5px;
   
    background: url('complete_good.png') 0px no-repeat;
   
}
   

         
.j_news_complete_bad {
  
    width: 32px;
               
    height: 32px;
     
    margin-left: 5px;
            
    background: url('complete_bad.png') 0px no-repeat;
            
}
       

            
.label_stop {
    
    height: 26px;
        
    font-size: 15px;
       
    margin-top: 10px;
 
    margin-bottom: 10px;
 
    font-weight: bold;
       
    background: #FFD7D6 url('stop2.png') 4px no-repeat;
   
    padding-left: 33px;
    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;
        
}
       

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

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

       
.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-bottom: 5px;
 
    margin-top: 5px;
       
    margin-right: 5px;
   
    margin-left: 5px;
    padding-top: 5px;
        
    padding-bottom: 5px;
       
    padding-right: 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 {
   
    font-weight: bold;
         
    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 {
   
    background: url('info.gif') 0px 0px no-repeat;
         
    padding-left: 15px;
  
    font-size: 10pt;
               
    font-weight: normal;
     
    font-style: italic;
            
}
            

       
.block_info {
            
    background: url('info.gif') 0px 0px no-repeat;
    
    padding-left: 15px;
        
    font-size: 10pt;
       
    font-weight: normal;
 
    font-style: italic;
 
}
       

   
.comment_block {
    background: url('comment.png') 0px 0px no-repeat;
        
    float: right;
       
    width: 28px;
              
    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;
     
    background: url('edit.png') 100% 50% no-repeat;
   
}
    

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

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

        
.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-danger {
   
    vertical-align: -2px;
   
    color: #f00 !important
   
}
         

  
.us-icon-danger:hover {
               
    color: #D70000 !important
     
}
            

            
.us-icon-ok {
       
    vertical-align: -2px;
            
    color: #00B900 !important
    
}
        

       
.us-icon-journal-state {
 
    color: #fff !important
 
}
       

   
.us-planed {
    background: url('planned.png') 0px no-repeat;
        
    padding-left: 20px;
       
}
              

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

 
.us-alias {
   
    background: url('alias.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;
       
}