/**/
::-webkit-scrollbar{
    width:5px;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #555;
    background-color: #777;
}
::-webkit-scrollbar-track{
    border-width:0;
}
::-webkit-scrollbar-track:hover{
    border-left: solid 1px #aaa;
    background-color: #eee;
}

.ui-datepicker .ui-datepicker-title{
	color:black;
}
.greytop{
	background: #333;
    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 4px 0;	
}
.yellowtop{
	background: #fc3;
    color: white;
    position: fixed;
    top: 27px;
    width: 100%;
    z-index: 1;
    padding: 5px 0;
}
.yellowtop .topbutton{
	cursor:pointer;
}
.yellowtop .topbutton:hover{
	color:black;
}
.module_content {
    margin-top: 76px;
}
.pc_panelrow{
	position: fixed;
    top: 57px;
    background: white;
    width: 855px;
    margin-left: -15px;
    margin-right: -15px;
    z-index: 1;
    padding: 5px 15px 3px 0;
    border-bottom: 1px solid black;
}
.pc_panelrow .panelrow{
	height:35px;
}
.pc_panelrow .panelrow:nth-child(2){
	margin-bottom:0;
	margin-top:0;
}
.pc_panelrow .panelrow:first-child{
	margin:5px 0;
}

.like_pc_panelrow{
	height: 70px;
	width: 855px;
}


.filter_all{
	padding-left:0;
}
.filterblock{
	border: 1px solid black;
}
.filterblock label{
	font-weight:normal;
}
.black{
	color:black;
}

.color_red,.defect_table_icon_part i.color_red{color:red;}
.color_yellow{color:yellow;}
.color_green{color:green;}
.color_darkorange,.defect_table_icon_part i.color_darkorange{color:darkorange;}
.color_lightgreen,.defect_table_icon_part i.color_lightgreen{color:lawngreen;}
.color_darkgreen,.defect_table_icon_part i.color_darkgreen{color:darkgreen;}
.color_black,.defect_table_icon_part i.color_black{color:black;}
.color_grey,.defect_table_icon_part i.color_grey{color:grey}

.overflow_hidden{overflow:hidden;}
.mtop5{margin-top:5px;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.mtop25{margin-top:25px;}

.mbottom0,label.mbottom0{margin-bottom:0;}



.panelbutton{
	display:inline-block;
}

.icon_info{
background:url('./images/icon_info.png');
}
.icon_printer{
background:url('./images/icon_printer.png');
}
.icon_balun{
background:url('./images/icon_balun.png');
}

.statuse_1{
	background:url('./images/keep_st1.png');    
}
.statuse_1_color:before{
	background:url('./images/keep_st1.png');  
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background-size: 100%;
		margin-left:-17px;
	margin-top:3px;
}

.statuse_2{
	background:url('./images/keep_st2.png');    
}
.statuse_2_color:before{
	background:url('./images/keep_st2.png');  
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background-size: 100%;
		margin-left:-17px;
	margin-top:3px;
}
.statuse_3{
	background:url('./images/keep_st3.png');    
}
.statuse_3_color:before{
	background:url('./images/keep_st3.png');  
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background-size: 100%;
		margin-left:-17px;
	margin-top:3px;
}
.statuse_4{
	background:url('./images/keep_st4.png');    
}
.statuse_4_color:before{
	background:url('./images/keep_st4.png');  
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background-size: 100%;
		margin-left:-17px;
	margin-top:3px;
}
.statuse_5{
	background:url('./images/keep_st5.png');    
}
.statuse_5_color:before{
	background:url('./images/keep_st5.png');  
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background-size: 100%;
	margin-left:-17px;
	margin-top:3px;
}
.statuse_6{
	background:url('./images/keep_st6.png');    
}
.statuse_6_color:before{
	background:url('./images/keep_st6.png');  
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background-size: 100%;
	margin-left:-17px;
	margin-top:3px;
}
.checkbox_on{
width:13px;
height:13px;
background:url(images/checkbox_on.png);
cursor:pointer;
margin:0px auto;
display:inline-block;
}
.checkbox_off{
width:13px;
height:13px;
background:url(images/checkbox_off.png);
cursor:pointer;
margin:0px auto;
display:inline-block;
}

.toplogout{
	cursor:pointer;
}
.toplogout:hover{
	color:red;
}
.toppartblock{}
.toppartblock a{color:white;}
.toppartblock a:hover{color:black;text-decoration:none;}
.toppartblock a.current{color:black; font-weight:bold;}
.toppartblock .current{}





.login-bg {
  position: fixed;
  top: 30px; left: 0; right: 0;
  height: 160px;
  pointer-events: none;

  opacity: 0;
  animation: bgFadeIn 650ms ease-out forwards;
}

.login-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(230, 240, 248, 0.9),
    rgba(255, 255, 255, 0)
  );
  border-bottom-left-radius: 50% 40%;
  border-bottom-right-radius: 50% 40%;
}

@keyframes bgFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* уважение к тем, кто отключает анимации */
@media (prefers-reduced-motion: reduce) {
  .login-bg { animation: none; opacity: 1; }
}
.bg-row{
    margin-top:180px;
}

/*форма входа*/
.in_form input{
	border: none;
    border-bottom: lightgrey 1px solid;
    margin: 3px 0;
	background:white;	
}
.in_form button{
	margin-top: 5px;
    cursor: pointer;
    border: none;
    width: 145px;
    height: 25px;
    font-size: 18px;
    color: #464451;
    background: none;
}
.color_black{color:black}
.color_grey{color:grey}
.paddig_lr_3{
	padding-left:3px;
	padding-right:3px;
}
.paddig_lr_10{
	padding-left:10px;
	padding-right:10px;
}
.modal{
	display:block;

}
.modal_background{
	opacity: 0.95;
	position:fixed;
	width:100%;
	height:100%;
	background:black;
}
.fade{
	opacity:0.9;
}
.maintable_defect_param_item{
	display:inline-block;
	margin-right:10px;
}
.colorred,.colorred span{
	color:red !important;
}

/*Фильтры PC*/
.filter_all{
	overflow-y:auto;
}
.filterhead,.filterbody{
color:#8C92A0;
}
.filterhead{
	font-weight: bold;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
	
}
.filterhead .glyphicon-remove:hover{
	color:black;
	cursor:pointer;
}
.filterhead .col-sm-10:hover,.filterhead  .span_arr:hover{
	color:black;
	cursor:pointer;
} 
.filterbody label:hover{
	color:black;
	cursor:pointer;
}


.filterblock{
	/* border:1px solid #efefef; */
	border:none;
	overflow:hidden;
}
.filterblock:hover{
	background:#f7f7f7;
}
.filterblock .form-control{
	width:97%;
	margin:0 auto;
	margin-top: 3px;
    margin-bottom: 3px;
}
.filterblock .col-sm-2,.filterblock .col-sm-9,.filterblock .col-sm-1,.filterblock .col-sm-8,.filterblock .col-sm-11{ 
	padding-left:5px;
	padding-right:5px;
}

.filterhead span.glyphicon-remove{
	color:red;
}
.filterblock label{
	display:block;
	clear:both;
	margin-bottom:3px;
}
.span_arr img{
	width:19px;
	height:19px;
	margin-left:-3px;
	margin-top:-4px;
}
.auth_logo{
	margin:0 auto;
}


.statuse_icon{
	width:20px;
	height:20px;
	position: absolute;
    display: block;
    background-size: 100%;}
	/*
.statuse_1_color{background:red;}			.statuse_1_color{background:red;}				
.statuse_2_color{background:pink;}	 		.statuse_2_color{background:pink;}	 			
.statuse_3_color{background:yellow;}		.statuse_3_color{background:yellow;}		
.statuse_4_color{background:lightgreen;}	.statuse_4_color{background:lightgreen;}		
.statuse_5_color{background:darkgreen;}		.statuse_5_color{background:darkgreen;}		
.statuse_6_color{background:black;}			.statuse_6_color{background:black;}			
*/
.filter_middle_header{
	font-size:12px;
	text-decoration:underline;
	padding-left:20px;
}

/*заголовки кнопок*/
.panelrow{
	margin:5px 0;
	clear:both;
}
.panelrow{}
.panelrow select{
	cursor:pointer;
}

.panelrow .col-sm-1,.panelrow .col-sm-2,.panelrow .col-sm-3,.panelrow .col-sm-4{
	padding-left:3px;
	padding-right:3px;
}
.panelbutton{
	/* color: #8C92A0; */
	color:black;
    border: 1px solid #ccc;
    padding: 5px 3px;
    /* font-weight: bold; */
	cursor:pointer;
	border-radius: 5px;
}
.panelbutton:hover{
	/* color:black; */
	cursor:pointer;
	background:#f7f7f7;
}

.panel_icon{
	width:20px;
	height:20px;
	background-size:100%;	
	margin-left:15px;
}

.inline-block{
	display:inline-block;
}

.v_aligne_middle{
	vertical-align:middle !important;
}
.c_point{
	cursor:pointer;
}
.padding5tb{
	padding-top:5px;
	padding-bottom:5px;
}
.mappadding{
	padding-top:5px;
	padding-bottom: 20px;
}

/*Основная таблица*/
.defect_row{
	border-top:1px solid #efefef;
	overflow-y:auto;
}
.defect_row .active,.defect_row .active:hover{
	background:#fc3;
}

.active_table{
	 background:#fc3;
}
.overdue_table .overdue_date {
	color:red;
}



.defect_table{
	border:1px solid #efefef;
	margin:3px 0;
	padding-left:3px;
	overflow:hidden;
}
.defect_table:hover{
	cursor:pointer;
	background:#f7f7f7;
}

/* .defect_row .active:hover{
	background:#8C92A0;
} */

.defect_row .active .glyphicon{
	/* color:white; */
}
.defect_table span{
	color:#8C92A0;
}
.active .defect_table_info  span,.active .defect_table_img span{
	color:white;
}

.defect_id_span{
	position: absolute;
}
.defect_table_img{width:90px; float:left;/* padding-left:10px; */}
.defect_table_img_statuse{
	
}
.defect_table_img span, .active .defect_table_img span{
	color:black;
}
.defect_table_img_statuse img{
	width:15px;
	height:15px;
    margin-right: 2px;
	margin-top:-3px;
}


.defect_table_info{float:left; width:calc(100% - 145px); padding-top: 3px;}
.defect_table_icon{
	width:50px;
	float:left;
}
.defect_table_icon .def_icon{
	width: 30px;
    height: 30px;
    background-size: 100%;
    margin: 3px 0;
}
.defect_table_icon_part{
	float: left;
	width:38px;
	text-align:center;
	padding-top: 15px;
}
.defect_table_icon_border{
	width:1px;
	background:#efefef;
	float:left;
	height:100px;
	margin-top:15px;
	margin-bottom:5px;
	margin-right:5px;
	
}
.defect_table_icon_part .glyphicon{font-size:25px; color:#8C92A0; cursor:pointer; margin-top:3px;}
.defect_table_icon_part .glyphicon:hover{
	color:black;
}
.defect_table_icon_part  .maintable_icon_report{
	color:red;
}
.defect_table_icon_part  .maintable_icon_report:hover{
	color:red;
}

.nowrap{
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis; /* Многоточие */
}
.dropdown-menu{
	    padding: 5px 10px;
}
.dropdown-menu li{font-weight:normal;     white-space: nowrap;}
.panelbutton:hover .dropdown-menu{
	color:inherit;
}
.dropdown-menu li:hover{background:#efefef; cursor:pointer;}

.type_work_list{
	position: absolute;	
	width:900px;
}
.maph2{font-size:20px;}
.type_work_first{
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	z-index:10;
	width:300px;
	margin-left:15px;
}
.type_work_second{
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	width:555px;
	z-index:10;
}
.roadlist{
	position: absolute;
    top: 100%;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.roadlist li{
	white-space: nowrap;
    max-width: 500px;
    overflow: hidden;
    margin: 0 10px;
}
.type_work_first li, .type_work_second li{
    overflow: hidden;
    margin: 0 10px;
}
.roadlist li:hover,.type_work_first li:hover, .type_work_second li:hover{
	background: #fc3;
	cursor:pointer;
	color:black;
}
.type_work_first li:hover:after{
	 content: "►"; 
}
.type_work_first li:after:last-child{
	 content: "0" !important; 
}


.popup_header{
	border-bottom:1px solid black;
	clear:both;
	color: #8C92A0;
    cursor: pointer;
	overflow:hidden;
}
.popup_header:hover{
	color:black;
}


/*Попапы*/
.modal-header .close{
/*     border-radius: 20px; */
    padding: 3px 7px;
/*     border: 1px solid black; */
    color: black;
    font-weight: bold;
    opacity: 1;
    text-shadow: none;
}
.modal-header .close:hover{
	color:red;
/* 	border: 1px solid red; */
}
.modal-header{
	background:#fc3;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0;
	padding-right:0;
}
.modal-footer{
	padding-top:5px;
	padding-bottom:5px;
}
.popup_header_href{
	cursor:pointer; 
	color:#fc3; 
	text-decoration:underline;    
	float: right;
    padding: 0 15px 0 5px;}
.popup_header_select{
	float: right;
    padding: 0 15px 0 5px;
    width: 200px;
    margin-left: 10px;
	margin-top: -15px;
}
.modal-body{
	overflow-x:hidden;
	overflow-y:auto;
	/* max-height:calc(100% - 200px); */
	max-height: 70vh;
}
.glyphicon-plus-sign{
	color:green
}

.form-group label{
	color:#8C92A0;
	font-weight:normal;
}
.popup_add_description_defect{
	height:200px !important;
}
.popup_body{
	padding: 5px 0;
/*     overflow: hidden; */
}

.popup_body >label,.popup_body >.col-sm-12>label{
    color: #8C92A0;
    font-weight: normal;
    display: inline;
    width: 50%;
    float: left;
}
.popup_body >label:hover,.popup_body >.col-sm-12>label:hover{
	color: black;
    cursor: pointer;
}
.popup_body >label input,.popup_body >.col-sm-12>label input{
	float:left;
	margin-right:5px;
}
.all{
	color:#8C92A0;
}
.popup_distr_users{
	max-height: 315px;
    overflow-y: scroll;
}
.popup_distr_users tr:hover{
	
	background:#f7f7f7;
	cursor:pointer;
}
.popup_distr_users tr.active{
	background: #fc3;
}
.distr_photo_div img{max-width:50px;}
.text-center .ui-datepicker{margin:0 auto;} 

.del_button{
	color: red;
    font-weight: bold;
    cursor: pointer;
}
.selectbutton{
	text-align:left;
}
.selectbutton span{
	color: green;
    padding: 2px 6px;
	cursor:pointer;
	text-align:center;
	font-size:20px;
}
.selectbutton input{
	opacity: 0.001;
    position: absolute;
    margin-top: -20px;
}

.add_button{
    color: green;
    border: 1px solid green;
    padding: 0px 4px;
    border-radius: 10px;
    font-weight: bold;
	cursor:pointer;
}
.btn-default{
	color:black;
	border:1px solid #000;
	background: #fff;
	cursor:pointer;
}
.btn-default:hover{
	background: #fc3;
	color:black;
}

.btn-primary{
	color:black;
	border:1px solid #000;
	background: #fff;
		cursor:pointer;
}
.btn-primary:focus, .btn-primary:hover{
	background: #fc3;
	color:black;
}
.modal_middle_button{
	margin:10px;
}
.popup_header .upload{
	position:absolute;
	width:100px;
	opacity:0.01;	
	margin-top: -20px;
    margin-left: -5px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	font-weight:normal;
}
.activedate .ui-state-default{
	font-weight:bold;
	color:#fc3;
}
.map_header{
	padding-top:15px;
}
.redcolorheader{
	color:black;
	font-weight:bold;
}

.auth_logo{
	margin: 0 auto;
	width: 180px;
}
.module_content {
    margin-top: 64px;
}
.like_pc_panelrow {
    height: 85px;
    width: 855px;
}
.span_yellow_mobile{
	padding:0 3px;
}

.likeinput {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    /* color: #555; */
    color: black;
    background-color: #eee;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background: #eee;
}
.likearea {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #eee;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background: #eee;
}