/*Общие*/
.prices_hidden{
  display:none;
}

.prices_input_error{
  background-color:#f08080;
}

.prices_required_sig{
  color:#f08080;
  font-size:20px;
  vertical-align:top;
}

input[type="button"].prices_refresh_cap{
  width:32px;
  margin-right:5px;  
  vertical-align:middle;
  background:url(../img/refresh_32.png) no-repeat center #0099df;
}

.loading{
  padding-left:300px;
  padding-top:200px;
}

.loading_128{  
  width:100%;
  height:128px;
  background:url(../img/loading_80.gif) no-repeat center #fff;
  border:1px solid #e5e7eb;
}

/*Каркас для вывода динамических блоков */

.prices_panel{
  padding:0;
}

.prices_empty_district{
  font-size:18px;
  text-align:center;
}

.prices_container{
   min-height:800px;
   padding:0 100px 0 100px;
}


/*Левая панель*/

.prices_selector_items_container, .prices_selector_block{
  border-radius: 0 0 20px 20px;
  background-color:#fff;
  box-shadow: 0 3px 5px #e5e7eb;
  overflow:hidden;
}

.prices_selector_items_container{
  height:500px;
  overflow-y:auto;
}

.prices_selector_block{
  margin:0 0 30px 0;
  padding:30px 50px 50px 50px;
  border-radius:20px;
}

.prices_selector_block_title, .prices_selector_block_remark{
  padding:0 0 30px 0;
}

.prices_selector_block_remark{
  color:#858b9f;
  font-size:13px;
}

.prices_selector_search_container{
  padding:10px;
}

.prices_selector_search_container_mobile{
  padding:20px;
}

input[type="text"].prices_selector_search, input[type="text"].prices_selector_search_mobile{
  width:100%;
  color:#585858;
  font-size:14px;
  font-style:italic;
  padding-left:32px;
  border-radius:5px;
  background:url(../img/search_24.png) no-repeat 4px #f5f5f5;
}

input[type="text"].prices_selector_search_mobile{
  font-size:50px;
  padding-left:52px;
  border-radius:20px;
  background:url(../img/search_40.png) no-repeat 4px #f5f5f5;
}

.prices_dist_selector_item{
  padding:10px;
  border-top:1px solid #e5e7eb;
  border-bottom:none;
  cursor:pointer;
}

.prices_dist_selector_item:last-child{
  border-bottom:1px solid #e5e7eb;
}

.prices_dist_selector_item:hover{
  color:#fff;
  border-radius:5px;
  background-color:#3768f1;
}

.prices_selector_caption{
  display:inline-block;
  color:#808080;
  width:calc(100% - 80px);
  font-size:17px;
  height:20px;
  padding:10px;
  vertical-align:top;
  border-radius:5px;
  background-color:#fff;
  border:1px solid #e5e7eb;
  cursor:pointer;
}

.prices_selector_btn{
  display:inline-block;
  width:20px;
  height:20px;
  padding:9px;
  vertical-align:top;
  text-align:center;
  border-radius:5px;
  border:1px solid #3768f1;
  cursor:pointer;
}

.prices_selector_btn_closed{
  background:url(../img/arrow_down_30.png) no-repeat center #3768f1;
}

.prices_selector_btn_opened{
  background:url(../img/arrow_up_30.png) no-repeat center #3768f1;
}

/*Правая панель*/

/*----------------------------------*/
.prices_right_panel{
  width:80%;
  padding:50px 0 0 0;
}

.prices_serv_block{
  margin:0 0 30px 0;
  padding:10px;
  border-radius:20px;
  background-color:#fff;
  border:1px solid #e5e7eb;
  box-shadow: 0 3px 5px #e5e7eb;
}

.prices_serv_block div{
  white-space:nowrap;
}

.prices_add_serv{
  background-color:#e6f6fe;
}

.price_serv_one_item{
  padding:5px;
  width:calc(100% - 10px);
  text-align:justify;
}

.price_serv_one_item div{
  display:inline-block;
}

.price_serv_one_item:hover{
  color:#fff;
  border-radius:5px;
  background-color:#3768f1;
}

.price_serv_one_item:hover a{
  color:#fff;
}

.price_serv_item_name{
  width:calc(100% - 80px);
  padding-right:30px;
  white-space:normal !important;
}

.price_serv_item_money{
  width:70px;
  font-weight:bold;
}

.prices_cat_header{
  padding:0 0 10px 5px;
}

.prices_item_description{
  padding:10px;
  line-height:17px;
  border-radius:20px;
  white-space:normal !important;
  border:1px solid #e5e7eb;
  background-color:#f5f5f5;
}
/*----------------------------------*/



.prices_right_panel_content{
  margin:0 0 50px 0;
  padding-left:5px;
}

.prices_check_col{
  width:30px;
}

.prices_position_table{
  width:100%;
}

.prices_position_table td{
  padding:0;
}

.prices_position_subtable{
  width:100%;
  margin:0;
  border:none;
}

.prices_position_subtable td{
  border:none;
  padding:3px;
}

.prices_position_subtable td input{
  vertical-align:middle;
}

.prices_price_col{
  text-align:right;
  width:100px;
}



tr.prices_block_line td{
  border-bottom:1px solid #e5e7eb;
  padding:10px 0 30px 0;
}

tr.prices_block_line:last-child td{
  border:none;
}


tr.prices_block_line td .prices_position_subtable td{
  border:none;
}

tr.prices_block_line_mobile td{
  height:90px !important;
  border-bottom:1px solid #ccc;
}

.prices_position_subtable_mobile tr td{
  border:none !important;
}


.prices_pos_header{
  padding:10px 0 30px 0;
  font-weight:bold;
}

tr.prices_cur_line td{
  color:#333;
  background-color:#e6e6e6;
}

.prices_description_area{
  font-size:14px;
  text-align:justify;
  padding:5px;
  background-color:#fff;
  border:1px solid #e1e1e1;
}

.prices_dialog, .prices_more, .prices_less{
  display:inline-block;
  width:24px;
  height:24px;
}

.prices_dialog{
  background:url(../img/dialog_24.png) no-repeat center;
}

.prices_more, .prices_less{
  vertical-align:middle;
  margin-left:5px;
  cursor:pointer;
}

.prices_more{
  background:url(../img/more_24.png) no-repeat center;
}

.prices_less{
  background:url(../img/less_24.png) no-repeat center;
}

.prices_main_dist_descr{
  margin-bottom:10px;
}

.prices_dist_note{
  padding: 10px;
  border-radius:20px;
  border:1px solid #e1e1e1;
  background-color:#ffffe0;
}

.prices_dist_note_mobile{
  font-size:30px;
  border-radius:20px;
  border:1px solid #e1e1e1;
  background-color:#ffffe0;
}

.prices_dist_note img{
  vertical-align:middle;
  padding-right:5px;
}

/*Классы категорий из БД*/
tr.prices_services td{

}

tr.prices_hardware td{

}

tr.prices_phone td{
}

tr.prices_internet td{
}

tr.prices_tv td{
}

/*Итого*/


.prices_total_price_area{
  position:fixed;
  top:527px;
  padding:10px;
  border-radius:20px;
  background-color:#fff;
  border:1px solid #e5e7eb;
}


/*Персональные данные*/
.prices_personal_data_area{
  margin-top:20px;
  padding:10px;
  border-radius:20px;
  background-color:#fff;
  border:1px solid #e5e7eb;
  box-shadow: 0 3px 5px #e5e7eb;
}

.prices_personal_data_area table{
  border:none;
}

.prices_personal_data_area table td{
  padding:3px;
  text-align:left;
  border:none;
}

.prices_personal_data_area table td.prices_submit_col{
  text-align:right;
}


.prices_personal_data_area input[type="text"]{
  font-size:18px;
  border-radius:5px;
  background-color:#f9fafb;
  border:1px solid #dae1e9;
}

.prices_personal_data_area textarea{
  width:100%;
  height:300px;
  background-color:#f9fafb;
  border:1px solid #dae1e9;
}

.prices_form_header{
  margin:10px 0 20px 0;
}

.prices_form_header h4{
  display:inline-block;
}

input[type="text"].prices_addr_field, input[type="text"].prices_whom_field{
  width:100%;
}

.prices_cap_img_area{
  display:inline-block;
  border:1px solid #adaaa1;
}

.prices_about_table{
  width:100%;
}

.prices_about_table td{
  padding:3px;
}

.prices_about_table td input{
  vertical-align:middle;
}

tr.prices_ctrl_line td *{
  vertical-align:middle; 
}

.prices_cap_img_area{
  width:172px;
  height:62px;
}

/*Оповещение пользователя*/

.prices_certan{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.2;
  progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}

.prices_result_success, .prices_result_fail, .prices_input_error_msg{
  position:fixed;
  top:20%;
  left:35%;
  width:30%;
  height:30px;
  font-size:20px;
  text-align:center;
  padding:20px 5px 20px 5px;
  border:1px solid #adaaa1;
  border-radius:20px;
  z-index:10000;
}

.prices_result_success_mobile, .prices_result_fail_mobile, .prices_input_error_msg_mobile{
  position:fixed;
  top:20%;
  left:3%;
  width:calc(94% - 40px);
  height:calc(5% - 50px);
  font-size:50px;
  text-align:center;
  padding:50px 20px 50px 20px;
  border:1px solid #adaaa1;
  border-radius:30px;
  z-index:10000;
}

.prices_result_success, .prices_result_success_mobile{
  background-color:#90ee90;
}

.prices_result_fail, .prices_result_fail_mobile, .prices_input_error_msg, .prices_input_error_msg_mobile{
  background-color:#f08080;
}


img.prices_note_img{
  vertical-align:middle;
  margin-right:5px;
}

.prices_label{
  display:inline-block;
  width:22px;
  height:22px;
  border-radius:5px;
  vertical-align:middle;
  border:1px solid #e1e1e1;
  background-color:#fff;
  cursor:pointer;
}

.prices_tag_container{
  background-color:#fff;
  margin:10px 0 0 0;
  white-space:normal;
  padding:5px;
  border-radius:10px;
}

.prices_tag_container_mobile{
  background-color:#fff;
  margin:30px 0 0 0 !important;
  min-height:24px;
  padding:10px;
  border-radius:20px;
}

.prices_cmd_tag{
  display:inline-block;
  font-size:17px;
  padding-left:28px;
  background:url(../img/tag_24.png) no-repeat left;
  cursor:pointer;  
}

.prices_cmd_tag_mobile{
  display:inline-block;
  font-size:30px;
  min-height:60px;
  padding-left:70px;
  margin:10px;
  background:url(../img/tag_60.png) no-repeat left;
}

div.prices_checked{
  background:url(../img/check_24.png) no-repeat center #fff;
}


.prices_step{
  height:32px;
  margin:0 0 10px 0;
}

.prices_step_mobile{
  height:42px;
  margin:0 0 30px 40px;
}

.prices_step_sign, .prices_step_sign_mobile{
  display:inline-block;
  width:32px;
  height:32px;
  margin:0 10px 0 0;
  vertical-align:middle;
  background:url(../img/badge-check_32.png) no-repeat center;
}

.prices_step_sign_mobile{
  width:42px;
  height:42px;
  margin:0 30px 0 0;
  background:url(../img/badge-check_42.png) no-repeat center;
}

.prices_ads_btn_container{
  padding:10px 0 10px 0;
}

.prices_ads_switch{
  background-color:#3768f2 !important;
  padding-left:32px !important;
}

.prices_ads_switch[status="closed"]{
  background:url(../img/down_white_24.png) no-repeat 7px;
}

.prices_ads_switch[status="opened"]{
  background:url(../img/up_white_24.png) no-repeat 7px;
}

/*MOBILE*/
.prices_hidden_panel{
  display:none;
}

.prices_selector_block_mobile, .prices_left_panel_content_mobile{
  margin:0 20px 30px 20px;
  padding:30px 20px 30px 20px;
  border-radius:50px;
  background-color:#fff;
  box-shadow: 0 13px 15px #e5e7eb;
}

.prices_selector_block{
  background:url(../img/dist_selector_ground.png) no-repeat top #fff;
}

.prices_selector_block_pic_mobile{
  background:url(../img/dist_selector_ground_mobile.png) no-repeat top #fff;
}

.prices_selector_block_mobile div{
  margin:0 0 30px 0;
}

.prices_selector_block_title_mobile{
  font-size:30px;
}

.prices_ads_switch_mobile{
  font-size:35px;
  padding-left:80px !important;
  border-radius:20px !important;
}

.prices_ads_switch_mobile[status="closed"]{
  background:url(../img/down_white_60.png) no-repeat 5px #3768f2;
}

.prices_ads_switch_mobile[status="opened"]{
  background:url(../img/up_white_60.png) no-repeat 5px #3768f2;
}

.prices_left_panel_content_mobile{
  height:800px;
  overflow-y:auto;
}

.prices_selector_caption_mobile{
  color:#858b9f;
  padding:30px 15px 30px 15px;
  font-size:15px !important;
  border-radius:20px;
  border:1px solid #e5e7eb;
  background-color:#fff;
}

.prices_left_panel_mobile, .prices_right_panel_mobile {
  width:100%; 
}

.prices_price_col_mobile{
  text-align:left;
}


.prices_label_mobile{
  display:inline-block;
  width:60px;
  height:60px;
  margin:7px 10px 0 0 !important;
  border-radius:3px;
  vertical-align:middle;
  border-radius:10px;
  border:1px solid #ccc;
}

.prices_checked_mobile{
  background:url(../img/check_60.png) no-repeat center #48d374;
}

.prices_more_mobile, .prices_less_mobile{
  display:inline-block;
  width:60px;
  height:60px;
  margin:0 20px 0 30px !important;
  vertical-align:middle;
}

.prices_description_area_mobile{
  padding:30px 20px 30px 20px;
  border-radius:30px;
  background-color:#f5f5f5;
  border:1px solid #e5e7eb;
}

.prices_more_mobile{
  background:url(../img/more_60.png) no-repeat center;
}

.prices_less_mobile{
  background:url(../img/less_60.png) no-repeat center;
}

input[type="button"].prices_mob_sw{
  color:#000;
  font-size:40px;
  background-color:#e1e1e1;
}

input[type="button"].prices_mob_switch_selected{
 color:#fff;
 background-color:#008000;
}

.prices_mobile_switch{
  margin:30px 0 50px 0;
}

.prices_pos_header_mobile{
  font-weight:bold;
  text-decoration:underline;
  font-size:20px !important;
  padding:20px 10px  20px 10px;
}

.prices_pos_remark_mobile{
  margin:20px 30px 20px 30px !important;
}

.price_position_container_mobile{
  font-size:15px !important;
  margin:30px 0 30px 0;
  border-bottom:1px dashed #ccc !important;
}

.price_position_container_mobile:last-child{
  border:none;
}


.prices_show_district_mobile{
  padding:30px 0 30px 0;
  border-bottom:1px solid #e5e7eb;
}

.prices_personal_data_area_mobile .prices_notice_mobile{
  font-size:25px !important;
}

.prices_personal_data_area_mobile table td{
  font-size:30px !important;
}

.prices_personal_data_area_mobile input[type="text"], .prices_personal_data_area_mobile input[type="button"], .prices_personal_data_area_mobile textarea{
  font-size:30px !important;
  padding:30px;
  border-radius:10px;
  border:1px solid #e5e7eb;
}

.prices_personal_data_area_mobile input[type="text"], .prices_personal_data_area_mobile textarea{
  width:100%;
  background:#f5f5f5; 
}

.prices_personal_data_area_mobile textarea{
  height:300px;
}

.prices_sign{
  display:inline-block;
  width:32px;
  height:32px;
  margin:0 5px 0 5px;
  vertical-align:middle;
}

.prices_new{
  background:url(../img/new_32.png) no-repeat center;
}


.prices_action{
  background:url(../img/action_32.png) no-repeat center;
}
