body, input, select, textarea, button 
{
    font-family: /*"Source Sans Pro", Helvetica,*/ Arial, sans-serif;
}
a, .cl_inv_title b, .cl_inv_title i
{
    text-decoration: none;
    color: #2772e8;
}
a:hover, .cl_inv_title b:hover, .cl_inv_title i:hover{color:red}
b{font-weight: bold;}
i{font-style: italic;}
textarea{font-size: 100%;}
#left_tab
{
    background: #424e56;
    padding: 7px 10px 25px 10px;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    width: 180px;
}
.left_link .left_tab_li
{
    color:#c1c9ce;
    text-decoration: none;
}
.left_link:hover .left_tab_li
{
    color:#89d2ff;
}

.left_link
{
    color:#c1c9ce;
    text-decoration: none;
}
.left_link:hover
{
    color:#89d2ff;
}
.left_tab_li
{
    padding: 4px 0;
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 10px;
    font-size: 0.98em;
}
.left_tab_li::marker
{
    color:#fff;
}

.left_tab_li:hover::marker{color:#89d2ff}

.left_tab_name_ul
{
    font-size: 18px;
    font-weight: bold;
    color:#c1c9ce;
    padding: 20px 10px;
}
#td_main_tab
{
    width: 90%;
    vertical-align: top;
    padding-bottom: 25px;
}
#main_div_content
{
    width: 100%;
}
#main_div_header
{
    width: 100%;
    min-height: 50px;
    border-bottom: 1px solid #ddd;
    padding-right: 15px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
#top_search
{
    border: 1px solid #ddd;
    padding: 2px 5px;
    border-radius: 1px;
    margin-top: 7px;
    height: 30px;
    /*width: 500px;*/
    font-size: 16px;
}
.top_main_small_icons{
    cursor: pointer;
}
.new_clien_input
{
    border: none;
    outline:none;
    width: 99%;
    height: 35px;
    color: #012939;
    font-size: 15px;
    padding-left: 5px;
    box-sizing: border-box;
}

.new_clien_input:focus, textarea:focus, select:focus,input:focus{
    border-color:#ffbd76;
}
.td_new_client_names
{
    padding: 5px;
    border: 1px solid #ddd;
    height: 40px;
    vertical-align: middle;
}
.td_new_client_adress
{
    padding: 5px;
    border: 1px solid #ddd;
    height: 40px;
    vertical-align: middle;
    background: #fff;
}
.title_section_new_client
{
    font-weight: bold;
    font-size: 23px;
    margin: 15px 0;
    color: #4d4040;
}
.title_phone_imail_new_client
{
    margin: 25px 0 5px 0;
    font-weight: bold;
    font-size: 14px;
    color:#4d4040
}
.delete_button{
    text-align: center;
    font-size: 15px;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 2px;
    font-weight: bold;
    color:#ff6a2f;
    border: 1px solid #ff6a2f;
    cursor: pointer;
}

.cancell_button
{
    text-align: center;
    font-size: 15px;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 2px;
    font-weight: bold;
    color:#657884;
    border: 1px solid #657884;
    cursor: pointer;
}

.save_button, .set_min_eta_checked, .set_comp_eta_checked, .set_comp_review_checked, .save_and_create_button, .send_eta_button, .set_min_eta, 
.set_comp_eta, .set_comp_review, .top_filter_active, .top_filter_passive
{
    text-align: center;
    font-size: 15px;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
}
.save_button
{
    color: #fff;
    background: #7db00e;
    border: 1px solid #7db00e;
    
}
.set_min_eta_checked, .set_comp_eta_checked, .set_comp_review_checked, .send_eta_button
{
    color: #fff;
    background: #4692e2;
    border: 1px solid #4692e2;
}

.save_and_create_button
{
    color: #7db00e;
    border: 1px solid #7db00e;
}
.set_min_eta, .set_comp_eta, .set_comp_review
{
    color:#4692e2;
    border:1px solid #4692e2;
}

.div_appl_review {
    border: 1px solid #bebebe;
    background: #ddd;
    max-width: 250px;
    border-radius: 3px;
    background: #fff;
}
.div_appl_review_not_checked
{
    background: #ddd;
}
.div_appl_review_checked
{
    background: #cbffcb;
    border: 1px solid #ddd;
}

.div_rev_link
{
    display: inline-block;
    padding: 7px 17px 7px 2px;
    border-radius: 3px;
    border: 1px solid #bebebe;
    background: #ddd;
}
.div_rev_link_active{background: #d1f7c9;border: 1px solid #ddd;}
/*--------------- SWITCH Checkbox ----------------------------*/
.switch {
  position: relative;
  display: inline-block;
}
.switch-checkbox-input {
  display: none;
}
.switch-checkbox-label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}
.switch-checkbox-label::before,
.switch-checkbox-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-checkbox-label::before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-checkbox-label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-checkbox-input:checked + .switch-checkbox-label::before {
  background-color: #89c12d;
}
.switch-checkbox-input:checked + .switch-checkbox-label::after {
  left: 24px;
}

.anim_check_title{
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
    margin-left: 7px;
    margin-top: 5px;
    color:#424e56
}
.div_anim_checkboks{
    display: inline-block;
}
/*-----------------------------------------*/
.img_item_line_iconca{
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0 20px;
    width: 80px;
    text-align: center;
}
.img_item_line_iconca img{
    max-width: 80px;max-height: 95px;
}
.tr_titles td{
    text-align: center;
    padding: 7px;
    font-size: 13px;
    font-weight: bold;
    color:#626060;
    border: 1px solid #ddd;
}

.tr_clients td{
    padding: 10px 7px;
    border: 1px solid #ddd;
    cursor: pointer;
    vertical-align: middle;
}

.tr_clients:hover .div_list_client_name a{
    color: #467d3a /*#f77b20*/  !important;
}

.tr_clients_space td{
    background: #eeebeb;
}
.div_list_client_name{
    font-size: 15px;
    font-weight: bold;
    color:#012939;
}

td.client_type_list_icon{
    text-align: center;
    vertical-align: middle;
    padding: 5px 7px;
}

#tr_clients_filter_search, .tr_clients_filter_search{
    border: 1px solid #ddd;
}

#tr_clients_filter_search td, .tr_clients_filter_search td{
    background: #f4f4f4;
    padding: 15px 15px 15px 15px;
}

#tr_clients_filter_search input, .tr_clients_filter_search input{
    border: 1px solid #ddd;
}
/*--------------------------------------------*/
#div_top_buttons{
    text-align: right;
    margin: 15px 0;
    box-sizing: border-box;
    padding-right: 20px;
    
}
#div_top_buttons_invent{
    text-align: left;
    box-sizing: border-box;
    margin-top: 10px;
}
.icon_button_edit{
    position: absolute;
    top: 7px;
}
.edit_button{
    margin-right: 7px;
    position: relative;
    width: 90px;
}
.tittle_button_edit{
    margin-left: 25px;
    color:#7db00e;
}

/*@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap');*/
.div_conteiner_tabs{
    display:flex;
    flex-direction: column;
    /*font-family: 'Arimo', sans-serif;*/
}
.client_tab{
    cursor: pointer;
    padding:10px 5px;
    background:#fffbf0;
    display:inline-block;
    color:#012939;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 25%;/*25%;*/
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;        
}
#modal-content-div .client_tab
{
    width: 33.33%;/*25%;*/
}
.hish {width: 20%;}
.client_tab:hover{background: #fff5db}
.panels{
    background:#fffffff6;
    width:100%;
    overflow:hidden;
    padding:10px; 
    box-sizing: border-box; 
}
.panel{
    display:none;
    padding: 7px 0;
    animation: fadein .8s;
}
@keyframes fadein {
from {
    opacity:0;
}
to {
    opacity:1;
}
}

.radio{
    display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,

#one_visit:checked ~ .panels #one-panel_visit,
#two_visit:checked ~ .panels #two-panel_visit,
#three_visit:checked ~ .panels #three-panel_visit,
#four_visit:checked ~ .panels #four-panel_visit,

#one_sms:checked ~ .panels #one-panel_sms,
#two_sms:checked ~ .panels #two-panel_sms,
#three_sms:checked ~ .panels #three-panel_sms
{
    display:block;
}

#one_visit:checked ~ .tabs #one-tab_visit,
#two_visit:checked ~ .tabs #two-tab_visit,
#three_visit:checked ~ .tabs #three-tab_visit,
#four_visit:checked ~ .tabs #four-tab_visit,

#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,

#one_sms:checked ~ .tabs #one-tab_sms,
#two_sms:checked ~ .tabs #two-tab_sms,
#three_sms:checked ~ .tabs #three-tab_sms
{
    background:#ffffff;
    color:#444;
    border-top: 1px solid #09d402;
    border-bottom: none;        
}
#four-tab{border-right: none;}
/*=============*/
#one_hist:checked ~ .panels #one-panel_hist,
#two_hist:checked ~ .panels #two-panel_hist,
#three_hist:checked ~ .panels #three-panel_hist,
#four_hist:checked ~ .panels #four-panel_hist,
#five_hist:checked ~ .panels #five-panel_hist{
display:block
}
#one_hist:checked ~ .tabs #one-tab_hist,
#two_hist:checked ~ .tabs #two-tab_hist,
#three_hist:checked ~ .tabs #three-tab_hist,
#four_hist:checked ~ .tabs #four-tab_hist,
#five_hist:checked ~ .tabs #five-tab_hist
{
    background:#ffffff;
    color:#444;
    border-top: 1px solid #09d402;
    border-bottom: none;        
}
#five-tab_hist{border-right: none;}
/*=============*/
/*------------------------------------------------------------------*/

.small_add_button{
    float:right;
    background: #fff;
    padding:5px 9px;
    color:#7baa15;
    font-size: 14px;
    cursor:pointer;
    font-weight: bold;
}
/*----*/
.add_popup_window{
    display: none;
    padding: 10px 10px 10px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: absolute;
    width: 200px;
    background: #fff;
    text-align: left;
    box-shadow: -0.0625rem -0.0625rem 0.1875rem -0.0625rem rgba(0,0,0,0.1);
    z-index: 2;
}
#big_popup_overwiev{
    top: 40px;
    right: 0;
}
#small_popup_overwiev{
    top: 26px;
    right: 0;
}
#small_popup_overwiev_hist{
    top: 40px;
    right: 0;
}
/*-------*/
.add_small_popup_title{
    font-weight: normal;
    font-size: 15px;
    padding: 9px 0 9px 5px;
    cursor: pointer;
}
.add_popup_window a{color:#012939}
.add_small_popup_title:hover{
    background: #fff9c8;
}

.td_small_add_iconca{
    vertical-align: middle;
    width: 30px;
}

.td_devider{
    border-top: 1px dotted grey;
    margin-top: 7px;
    padding-bottom: 7px;
}

#big_popup_settings{
    top:35px;
    right: 0
}
#popup_logout:hover{
    background: #ffe1d5;
    color: #fb3333;
}
#account_popup_button{
    background: #f4f4f4;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 10px 15px 25px;
    cursor: pointer;
    color: #444;
}
/*----------------------------*/
.job_input{
    padding: 7px 0 7px 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
}
.add_link{
    color:#78ae16;
    border-bottom: 1px #78ae16 dotted;
    cursor: pointer;
    display: inline-block;
}
.add_link:hover{
    color:#4b8c1e;
    border-bottom: 1px #4b8c1e dotted;
}

.add_item_button,.delete_item_button{
    
    text-align: center;
    font-size: 13px;
    display: inline-block;
    padding: 5px 7px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
}
.add_item_button{
    border: 1px solid #7db00e;
    color: #7db00e;
}
.delete_item_button{
    border: 1px solid #ff6a2f;
    color: #ff6a2f;
    margin-top: 15px;
}
/*-----------------------------*/
.selector_job{
    height: 35px;
    width: 120px;
    border: 1px solid #ddd;
    border-radius: 2px;
    cursor: pointer;
}
.div_line_item_job{
    padding: 0 15px 20px 15px;
    border: 1px solid #ddd;
    border-top: 2px solid #c4cca8;
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
}
.java_add_new_line{border-color:#ddd/*#c161ce;*/}
.number_appl{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    padding-top: 6px;
    font-size: 12px;
    border: 1px solid #a5b56d;
    color:#a5b56d;
}
.number_inv_service
{
    width: 20px;
    height: 20px;   
    left: 5px;
    top: 5px;
    border: 1px solid #cd58aa;
    color: #cd58aa;
    padding-top: 4px;
}
.div_item_selector_job{
    display: inline-block;
    margin-right: 10px;
}
.selector_iten_line{
    width:140px;
}
.div_job_switches{
    margin-top: 15px;
}
#block_selectors_line_item{
    width: 320px;
}
.textarea_job{
    outline: none;
    width: 100%;
    border: none;
    border: 1px solid #ddd;
    height: 75px;
    box-sizing: border-box;
    padding:10px 10px 10px 15px;
    color: #012939;
}
.without_margin_right{margin-right: 0px;}
.div_job_text{
    margin-top: 10px;
}
.wrap_block_item_line{
    display: inline-block;
    margin-right: 15px;
    margin-top: 20px;    
    padding-right: 15px;
    border-right: 1px solid #ddd;
    vertical-align: top;
}
.div_inp_wrap_item_line{
    margin-top: 10px;
    width: 320px;
}
.butt_item_line{
    margin-top: 10px;
}
/*--------------------------------------------*/
#float_add_part{
    position: absolute;/*right: 20px;*/background: #7db00e;text-align: left;display:none;width: 130px;border-top: 1px solid #fff;z-index: 1;
}
.add_part_item{
    padding: 15px 25px;
    color: #fff;
    cursor:pointer;
}
.add_part_item a{color:#fff}
.add_part_item:hover{
    background: #a3d23d;
}

.tr_part_temn td{
    background: #fffce9;
}
.tr_part_temn_color{
    background: #e9f3ffcc;
}
.parts_tab_title td{
    color:#fff;
    background-color: grey;
}
/*----------------------------------------------*/

.pagination{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    background: #7db37d;
    color: #fff;
    margin-right: 4px;
}
.pagination:hover{opacity:0.7}
.active_pagination{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    background: #c6c6c6;
    color: #fff;
    margin-right: 4px;
}

#clear_search, #top_clear_search, #manager_clear_search{
    max-width: 20px;
    position: absolute;
    right: 15px;
    top: 8px;
    display: none;
    cursor: pointer;
}


.title_input{
    position: absolute;
    font-size: 12px;
    margin-top: -9px;
    margin-left: 10px;
    background: #fff;
    padding: 1px 4px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    color:#848484
}
#result_search_jobs{
    position: absolute;
    border: 1px solid #ddd;
    box-shadow: 0px 9px 20px 1px rgba(90, 96, 89, 0.31); 
    z-index: 1;   
}
.link_from_part{
    border-bottom: 1px dotted #1ea22c;color:#1ea22c
}
.link_from_part:hover{
    color:red;
    border-bottom-color: red;
}
#delete_property_appl{
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}
.button_edit_job{
    cursor:pointer;border-radius: 3px; padding: 4px 7px;border: 1px solid #779918;color:#779918;font-size:13px;
}
/*---------------------------------*/
.time_line_item{
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #989898;
    font-size: 15px;
}

.time_line_item_complited{
    opacity: 0.7;
}

.time_line_checkboks{
    display:inline-block;
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 8px;
}

.time_line_icon_img_div{
    display: inline-block;
    width: 58px;
    margin-bottom: 5px;
    margin-right: 4px;
    border-right: 1px solid #aea5a5;
}

.time_line_icon{
    display:inline-block;
    vertical-align: top;
    width: 30px;
    text-align: center;
}

.time_line_icon_visit
{
    margin-top: 3px;    
}

.time_line_name{
    display:inline-block;
    vertical-align: top;
    width: 260px;/*400px*/
    margin-bottom: 7px;
    padding-left: 0;
    padding-right: 7px;
}

.time_line_instruction{
    display:inline-block;
    max-width: 320px;
    margin-bottom: 9px;
    margin-top: 5px;
    display: block;
    font-style: italic;
}

.time_line_date{
    display:inline-block;
    vertical-align: top;
    width: 255px;
    /*float: right;*/
}

.name_user{
    color:#7db00e;
}
.name_user:hover{
   color:green;
}

.assign_button{
    padding: 5px 7px;color:#7db00e;cursor: pointer;border: 1px solid #7db00e;border-radius: 2px;font-size: 12px;font-weight: bold;
}

#team_select_div{
    position: absolute;
    background: #fff;
    width: 250px;
    right: 0;
    top:30px;
    display: none;
}
#top_team_select_div{
    background: #ddd;
    font-weight: bold;
    padding: 7px 10px;
    font-size: 14px;
}

.label_checkboks_select_team{
    cursor: pointer;
}
.label_checkboks_select_team:hover{
    color:green
}
/*----------------------------------------------------------------*/
.div_user_selected{
    border: 1px solid #a8a8a8;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    background: #fff;
}
.selected_user_team_name{
    display: inline-block;
    padding: 3px 5px;
}
.remove_user_team{
    display: inline-block;
    width: 20px;
    padding: 5px 4px 5px 5px;
    text-align: center;
    background: #aeaeae;
    cursor: pointer;
    color: #fff;
}
.remove_user_team:hover{
    color:red;
    background:#b9b9b9;
}
.timeEntry-control{display: none!important;}
.existing_client_call{
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    color:#6bad3e;
    border-bottom: 1px dotted;
}
.existing_client_call:hover{
    color:green
}

.filter_title_div{
    padding: 10px 2px 10px 17px;
}
.filter_title_div_name{
    border-bottom: 1px solid grey;
    font-size: 13px;
    font-weight: bold;
}
#body_div_filter_calendar{
    font-size: 15px;
}
#div_filter_calendar{
    max-width: 400px;
    position: absolute;
    right: 10px;
    top:48px;
    border: 1px solid #d7d7d7;
    padding-bottom: 20px;
    box-shadow: -0.0625rem -0.0625rem 0.1875rem -0.0625rem rgba(0,0,0,0.1);
    display: none;
    z-index: 1950;
    background: #fff;
}
#head_div_filter_calendar{
    background: #eee;
    padding: 20px 7px 20px 15px;
}
.filter_item_div{
    padding: 7px 2px 7px 2px;
    height: 45px;
    cursor: pointer;
    opacity: 0.4;
}
#dest_choise_div .filter_item_div{
    opacity:0.6;
}
.checked_filter_item_div, #dest_choise_div .checked_filter_item_div{
    opacity:1;
}
.filter_item_div input,#filter_tasks,#filter_visits,#filter_parts{display: none;}

.filter_item_div:hover{
    background: #fff3c6;    
}

.filt_stat{
    height: 35px;
}
.filt_stat:hover{
    background: #fff;
    cursor: pointer;
}

.radio_name_filt:hover, .filter_item_div_img input:hover{
    color:green;
    cursor: pointer
}
.filter_item_div_img{
    display: inline-block;
    width: 40px;
    text-align: center;
}
.filter_item_div_name{
    display: inline-block;
    max-width: 140px;
    vertical-align: top;
    padding-top: 7px;
    min-width: 130px;
}
.radio_name_filt .filter_item_div_name{
    padding-top: 2px;
}
.filt_stat .filter_item_div_img{
    margin-top: 0!important;
}
.filt_stat:hover{
    background:#fff3c6;
}
/*-----------------------------------------*/

#calendar_table{
    /*width: 95%;*/
    margin-top: 15px;
    border: 1px solid #ddd;
    font-size: 15px;
}

#top_calendar_table{
    background: #ffffe1;
    padding: 15px 10px;
    border: none;
    /*margin-bottom: 7px;
    border-bottom: 1px solid #ddd;*/
}
.div_list_calendar{
    padding: 4px 5px; /*10px 5px;*/
    border-bottom: 1px solid #ddd;
}

.div_list_calendar_overdue_title{
    font-weight: bold;
    background: #ff7449;
    color:#fff;
}

.div_list_calendar_unscheduled_title{
    /*color:#f39624;
    border-bottom-color: #f39624;*/
    
    font-weight: bold;
    background: #e1932e;
    color:#fff;
}

.div_list_calendar_scheduled_title{
    /*color:#7db00e;
    border-bottom-color: #7db00e;*/
    font-weight: bold;
    background: #7db00e;
    color:#fff
}
.div_list_calendar_complited_title{
    font-weight: bold;
    background: #8d937e;
    color:#fff
}
.table_list_calendar{
    width: 100%;
}

.td_list_calendar_chekboks{
    width: 30px;
    vertical-align: middle;
    text-align: center;
}
.td_list_calendar_icon{
    width: 30px;
    vertical-align: middle;
    border-right: 1px solid #ddd;
}

.td_list_calendar_name{
    /*width: 250px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.td_list_calendar_instructions{
    padding-top: 5px;
    padding-left: 5px;
}
.td_list_calendar_date{
    width: 200px;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
 }
 
@media (max-width: 460px) {
	.td_list_calendar_date {
		width:120px;
	}
}
@media (min-width: 900px) {
    .td_list_calendar_date {
	width:270px;
}
}

#top_calend_search_inp {
	display: inline-block;
    width: 70%;
    margin-right: 20px;
}

@media (max-width: 650px) {
	#top_calend_search_inp {
		width: 55%;
	}
}
@media (min-width: 900px) {
    #top_calend_search_inp {
	width:80%;
}
}

.div_list_calendar_assigned_to{
    margin-top:5px;
    line-height: 1.2em;
}

.calendar_complited_div{
    opacity: 0.5;
}

.appl_visit_div{
    padding: 7px;
    border: 1px solid #ddd;
    margin: 10px 0;
    border-radius: 4px;
    background: #fff;
}

.not_selected_appl_vis{
    opacity: 0.7;
    background: #dfdfdf;
}
/*---------------------------------------*/
.span_map_visit_title{
    cursor: pointer;
    border-bottom: 1px dotted;
    color:#378a37;
    margin-bottom: 3px;
}
.span_map_visit_unscheduled {
    color:#f02323
}
.div_map_visit_title{
    padding: 1px 0 2px 0;
}
/*---------------------------------------*/
#loading_ajax{
    display:none;
    position: absolute;
    z-index: 1110;
    margin: auto;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
}
#modal-wrap, #modal-wrap_2 {
    display: none;
    position: fixed;
    z-index: 1100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
}

#modal-content-div, #modal-content-div-2{
    display:none;
    position: relative;
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border-radius: 4px;
    border: 2px solid #3e3e3e;
    box-sizing: border-box;
    width: 95%;
    max-width: 1200px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
@media (max-width: 460px) {
	#modal-content-div{
        margin: 5% auto;
        width: 99%;
    }
}
/*------------------*/
#div_content_view_visit{
    border: 1px solid #ddd;
    margin-top:35px;
    width: 98%;
}
.span_unscheduled{
    color:#ff6e05;
}
.span_green_scheduled_title{
    color:#7db00e;
}

.div_complited_button {
    opacity: 0.5;
    background: #868686;
    border-color: #666;
}

/*----------------------------------------------*/
#div_top_search_result{
    display: none;
    padding: 3px 7px;
    border: 1px solid #ddd;
    z-index: 11;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    max-height: 350px;
    width: 290px;
    overflow-y: auto;
    right:-45px; //0;/*10px;/*
    /*top: 19px;*/
}
.div_top_item_result{
    padding: 3px;
    border-bottom: 1px solid #ccc;
}
.div_top_search_name{
    padding: 3px 0;
    font-size: 14px;
    color:#2f78d5;
}
.div_top_search_address{
    padding: 3px 0;
    font-size: 13px;
    color: #5e5b5b;
}

/*----------------------------------------------*/
section {
    position: relative;
    
    margin-top: 20px;
    color: #40444f;
    border: 2px dashed #616778;
    border-radius: 7px;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out;
    transition: color 0.2s ease-out, border-color 0.2s ease-out;
    overflow: hidden;
    box-sizing: border-box;
}

section:hover, section.dd {
    border-color: #4d90ff;
    color: #4d90ff;
    background-color: #e7f0fe;
}

figure {
    position: absolute;
    width: 100%;
    height: 160px;
    left: 0;
    top: 0;
    display: inline-block;
}


section:hover figure:after, section.dd figure:after {
    opacity: .65;
}


.error {
    width: 380px;
    margin: 0 auto 20px;
    line-height: 20px;
    font-size: 14px;
    color: red;
    font-style: italic;
    display: none;
    text-align: center;
}


.progress {
    height: 20px;
    /*width: 380px;*/
    margin-top: 20px;
    overflow: hidden;
    background-color: #999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    position: relative;
    display: none;
}

.progress-bar {
    height: 100%;
    font-size: 12px;
    float: left;
    width: 0;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-value {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 20px;
    height: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
}


.images {
    /*width: 380px;*/
    overflow: hidden;
    margin-top:10px;
}

#button_edit_image{display:none;}

.note_img_wrap
{
    height: 60px;
}

.div_visit_image {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 4px;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    width: 60px;
    min-height: 60px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 5px;
}

.icon_img_vis_delete, .icon_img_vis_rotate{
    display: inline-block;
    width: 20px;
    margin-top: 10px;
    display:none;
}
.icon_img_vis_delete
{
    float: right;
}
.icon_img_vis_rotate
{
    float: left;
}
.images a img{
    max-width: 50px;
    max-height: 50px;    
}

.images a:hover {
    border-color: #428bcb;
}

/*-----------------*/
.grid_avatar
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.grid_user_title
{
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-top: 7px;
    margin-left: 9px;
}
/*--------------------*/

@media (min-width: 170px) and (max-width: 1600px){.div_visit_adress{margin-bottom:15px}}

/*------ ARTICLES ---------------*/

.view_article_main_text p{margin: 10px 0;line-height: 1.4;}
.view_article_main_text ul
{
    list-style-position: outside;
    list-style-type: disc;
    margin: 10px 0;
    padding: 0 0 0 30px;
}
.view_article_main_text li
{
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}
.view_article_main_text strong {font-weight: bold }
.view_article_main_text img
{
    max-width: 100%!important;
    height: auto!important;
    margin: 7px 5px;
}
.view_article_main_text table img
{
    margin: 7px 0px;
}
.view_article_main_text table
{
    border: 1px solid #c4c4c4;
}
.view_article_main_text td
{
    border:1px solid #c4c4c4;
}
.view_article_main_text
{
    padding-right: 15px;
}
.view_article_main_text h1
{
    font-size: 30px;
    color: #252525;
    margin: 7px 0;
}
.view_article_main_text h2
{
    font-size: 25px;
    color: #252525;
    margin: 7px 0;
}
.view_article_main_text h3
{
    font-size: 20px;
    color: #252525;
    margin: 7px 0;
}
.view_article_main_text a
{
    color:#3e77aa;
    border-bottom: 1px dotted #3e77aa;
}
.view_article_main_text a:hover
{
    color:red;
    border-bottom: 1px dotted red;
}
.vis_sign_button
{
    display: inline-block;
    color:#2d74b3;
    padding: 9px 10px;
    border-radius: 2px;
    background: #fff;
    border:1px solid #2d74b3; 
    cursor: pointer;
}
.vis_signed_button
{
    border:1px solid #9e9c9c;
    background: #9e9c9c;
    color:#fff
}
.vis_pay_button_pay
{
    color:#fff;
    padding: 9px 10px;
    border-radius: 2px;
    background: #2d74b3;
    cursor: pointer;
}
.vis_pay_button_paid
{
    color:#fff;
    border:1px solid #9e9c9c;
    padding: 9px 10px;
    border-radius: 2px;
    background: #9e9c9c;
}
.tr_inv_sign_{display:none;}
/*#modal-content-div{font-family: 'Arimo', sans-serif;}*/

.add_small_popup_title .icon
{
    margin-right: 12px;
}

@font-face {
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}


#back_to_list .icon{
    color: #2772e8;
    margin-right:5px;
}
#back_to_list_text{
    margin-right:5px;
    color: #2772e8;
}
#back_to_list .icon:hover, #back_to_list_text:hover{
    color: red;
}

.icon::before {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="fa-"]::before {
  font-weight: 400;
  font-family: 'FontAwesome';
}
.fa-phone::before {
    content: "\f095";
  }
.fa-upload::before {
  content: "\f093";
}
.fa-eye::before{
    content: "\f06e";
}
.fa-chevron-left::before{
    content: "\f053";
}
.fa-cloud-download::before{
    content: "\f0ed";
}

.fa-credit-card::before {
  content: "\f09d";
}
.fa-dollar::before, .fa-usd::before {
  content: "\f155";
}
.fa-gear::before, .fa-cog::before {
  content: "\f013";
}
.fa-clock-o::before {
  content: "\f017";
}
.fa-copyright::before {
  content: "\f1f9";
}
.fa-sign-in::before {
  content: "\f090";
}
.fa-briefcase::before {
  content: "\f0b1";
}
.fa-group::before, .fa-users::before {
  content: "\f0c0";
}
.fa-remove::before, .fa-close::before, .fa-times::before {
  content: "\f00d";
}

.fa-arrow-up::before {
  content: "\f062";
}

.fa-arrow-down::before {
  content: "\f063";
}

.fa-calendar::before {
  content: "\f073";
}

.fa-long-arrow-up::before {
  content: "\f176"
} 
.fa-envelope-o::before {
  content: "\f003";
}

.fa-edit::before, .fa-pencil-square-o::before {
  content: "\f044";
}

.fa-home::before {
  content: "\f015";
}

.fa-location-arrow::before {
  content: "\f124";
}

.fa-map-marker::before {
  content: "\f041";
}

.fa-user-plus::before {
    content: "\f234";
}

.fa-file-text-o::before {
  content: "\f0f6";
}

.fa-file-text::before {
  content: "\f15c";
}

.fa-th-list::before {
  content: "\f00b";
}

.fa-user::before {
  content: "\f007";
}
.fa-info-circle::before {
  content: "\f05a";
}
.fa-truck::before {
  content: "\f0d1";
}
.fa-automobile::before, .fa-car::before {
  content: "\f1b9";
}
.fa-star-o::before {
  content: "\f006";
}
.fa-star::before {
  content: "\f005";
}

.fa-folder::before {
    content: "\f07b";
}

.fa-slideshare::before {
    content: "\f1e7";
  }

.fa-filter::before {
    content: "\f0b0";
}

.fa-map-o::before {
    content: "\f278";
}
.fa-check::before {
    content: "\f00c";
}
.fa-minus-circle::before {
    content: "\f056";
}
.fa-minus::before {
    content: "\f068";
}
.fa-user-times::before {
    content: "\f235";
}
/*---*/
.bread_link{color:#5388db;}
.fa-arrow-left::before {
  content: "\f060";
}

.fa-briefcase::before {
    content: "\f0b1";
}
.fa-paperclip::before {
    content: "\f0c6";
  }
.fa-paper-plane-o::before {
    content: "\f1d9";
}
.fa-paper-plane::before {
    content: "\f1d8";
}
.fa-shopping-bag::before{
    content: "\f290";
}
.fa-tag::before{
    content: "\f02b";
}

.fa-phone-square::before{
    content: "\f098";
}
.calls_icon_not_user{
    color: #838383;vertical-align: bottom;font-size: 18px;margin-right:1px;
}
.calls_icon_user{
    color: #4bb64b;vertical-align: bottom;font-size: 18px;margin-right:5px;
}
#div_top_bred .fa-arrow-left{
    color:#5388db;
    font-size: 13px;
    margin: 0 5px;
    vertical-align: top;
}
#div_top_bred .bread_link:hover .fa-arrow-left{
  color:red;
}
/*---*/
.fa-arrow-right::before {
  content: "\f061";
}

#div_top_bred .fa-arrow-right
{
    color:grey;
    margin: 0 5px;
    vertical-align: top;
    font-size: 13px;
}
/*---*/
.fa-shopping-basket::before {
  content: "\f291";
}

.fa-chevron-down::before {
    content: "\f078";
}

.add_new_client_from_map{
    font-size: 35px;
    color:#7db00e;
    cursor: pointer;
}
.add_new_client_from_map:hover{
    color:#0eadb0;
}

.calendar_a_list_instr{
    color:#b9895e;
}
.calendar_a_list_instr:hover{color:#b9895e;}
/*---*/

.top_filter_active{
    color:#7db00e;
    border: 1px solid #7db00e;
}

.top_filter_passive{
    color:grey;
    border: 1px solid grey;
}

.top_filter_active .top_filter_name, .top_filter_active .top_filter_arrow{color:#7db00e;}
.top_filter_passive .top_filter_name, .top_filter_passive .top_filter_arrow{color:grey;}
.top_filter_arrow{font-size: 14px;vertical-align: top;}

.map-find-location-button{
    background: rgb(255, 255, 255) padding-box;
    border: 0px none;
    padding: 0px 17px;
    cursor: pointer;
    height: 40px;vertical-align: middle;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    min-width: 66px;
    margin-top: 10px;
    margin-left: 10px;
}

/*---*/
.top_filter_on_off
{
    padding: 4px;
    border-radius: 4px;
    color: #fff;
    margin: 0 10px;
}
.top_filter_active .top_filter_on_off{
    background-color: #7db00e;
}
.top_filter_passive .top_filter_on_off
{
    background-color: grey;
}



.modal_windor_close_x
{
    position:absolute;
    top: 12px;
    right: 17px;
    font-weight: normal;
    cursor:pointer;
    font-size: 25px;
    color: #7e6a5e;
}
.modal_windor_close_x:hover{color:red}

#signature_div{
    padding:20px 10px;
}

@media (min-width: 480px){
    .modal_windor_close_x{
        top:15px;
        right: 40px;
    }
    #wrap_cancell_button{
        display:none;
    }
    #signature_div{
        padding:20px;
    }
    .panels{
        padding:10px 20px;
    }
}
.pmt_table_name{
    padding:5px 20px 5px 5px;
}
.pmt_table_val{
    padding:5px 10px 5px 5px;
}
.pmt_table_name, .pmt_table_val{
    border:1px solid #ddd;
}
.view_article_main_text ol{
    margin-left: 15px;
}
.tab_appl_in_visit td{
    border:none;
}
.show_hide_text_button{
    font-size: 13px;
    color: #2772e8;
    border-bottom: 1px dotted;
    font-weight: normal;
    cursor: pointer; 
}
.show_hide_text_button:hover{
    color:red;
}
.supplier_adding_name{
    background: #fff;
}
.supplier_adding_name:hover{
    background: #ddd;
    cursor:pointer; 
}