.findField{background: #181; color: solid rgb(120, 20, 120);border: 2px solid rgb(120, 20, 120);min-width:66px;}
.inputfind{width:calc(100% - 29px);cursor: pointer;}
.setRoles{border: 2px solid rgb(120, 120, 20);}
.hdw_trails{ background: hsl(10 48% 24%); color: #ffffff;float: left;}
.hdw_firms{ background: hsl(40 48% 24%); color: #ffffff;float: left;}
.hdw_routes{ background: hsl(60 53% 24%); color: #ffffff;float: left;}
.hdw_cars{ background: hsl(100 48% 24%); color: #ffffff;float: left;}
.hdw_users{ background: hsl(200 53% 24%); color: #ffffff;float: left;}
.hdw_tkuzov{ background: hsl(180 48% 24%); color: #ffffff;float: left;}
.hdw_bids{ background: hsl(220 48% 24%); color: #ffffff;float: left;}
.hdw_deals{ background: hsl(300 48% 24%); color: #ffffff;float: left;}
.hdw_reqregi{ background: hsl(350 48% 24%); color: #ffffff;float: left;}
.hdw_reqcars{ background: hsl(135 48% 24%); color: #ffffff;float: left;}

/*.etalonp, .etalonr,.etalonpa,.etalonra{margin:2px;}
//.etalonp:hover, .etalonr:hover,.etalonpa:hover,.etalonra:hover{min-height:32px;}*/
.etalonp{ border: 3px solid rgb(120, 120, 20);color: rgb(120, 120, 20);border-radius:5px;text-align: center;font-weight:bolder;}
.etalonr{border: 3px solid rgb(120, 20, 50);color: rgb(120, 20, 50);border-radius:5px;text-align: center;font-weight:bolder;}
.etalonpa{border: 3px solid rgb(120, 120, 20);color: rgb(165, 165, 195);border-radius:5px;text-align: center;font-weight:bolder;}
.etalonra{border: 3px solid rgb(120, 20, 50);color: rgb(165, 165, 195);border-radius:5px;text-align: center;font-weight:bolder;}

.etalonp:hover{ color: rgb(155, 50, 20);border-radius:5px;text-align: center;font-weight:bolder;font-size:15px;}
.etalonr:hover{ color: rgb(155, 20, 50);border-radius:5px;text-align: center;font-weight:bolder;font-size:15px;}
.etalonpa:hover{ color: rgb(65, 65, 155);border-radius:5px;text-align: center;font-weight:bolder;font-size:15px;}
.etalonra:hover{ color: rgb(65, 65, 155);border-radius:5px;text-align: center;font-weight:bolder;font-size:15px;}


.pink{
    color: #fff!important;
    background-color: #d47bc0!important
}

.hdw_autos{ background: hsl(181 40% 27%); color: #ffffff;float: left;}
.hdw_{ background: #efefef; color: #ffffff;float: left;}

.chat1{width: 200px;border: 0px solid rgb(230, 230, 230);float:left;}
.chat2{width: 150px;border: 0px solid rgb(230, 230, 230);float:left;}
.chat3{width: calc(100% - 350px);text-align:center;border: 0px solid rgb(230, 230, 230);float:left;}
.chatback1{background: #f1f1f1;}

.garage0{width: 70px;border: 1px solid rgb(230, 230, 230);text-align: center;}
.garage1{width: 70px;border: 1px solid rgb(230, 230, 230);float:left;}
.garage2{width: calc(60% - 70px);border: 0px solid rgb(230, 230, 230);float:left;}
.garage3{ width: calc(38% - 70px);text-align:center;border: 0px solid rgb(230, 230, 230);float:left;}
.garageback1{background: #e0e0e5;text-align:center;}
.garageback2{background: #e5e9e5;text-align:center;}

.route0{width: 200px;border: 1px solid rgb(230, 230, 230);text-align: center;float:left;height:50%;}
.route1{width: 150px;border: 1px solid rgb(230, 230, 230);float:left;height:50%;}
.route2{width: calc(49% - 450px);border: 0px solid rgb(230, 230, 230);float:left;height:50%;}
.route-tr1{height:34px;background: #e0e0e5;text-align:center;}
.route-tr2{height:34px;background: #e5e9e5;text-align:center;}

.theadDeals{}
.tdDeals1{width: 180px;border: 0px solid rgb(230, 230, 230);float:left;}
.tdDeals2{width: 80px;border: 0px solid rgb(230, 230, 230);float:left;text-align: center;}
.tdDeals3{width: calc(50% - 300px);text-align:center;border: 0px solid rgb(230, 230, 230);float:left;}


.filial0{width: 40px;border: 1px solid rgb(230, 230, 230);text-align: center; }
.filial1{width: 40px;border: 1px solid rgb(230, 230, 230);float:left;}
.filial2{width: calc(68% - 40px);border: 0px solid rgb(230, 230, 230);float:left;}
.filial3{width: calc(32% - 40px);border: 0px solid rgb(230, 230, 230);float:left;}
.filialback1{background: #e0e0eb;}
.filialback2{background: #e3ebe3;}
.stagCode{width: 3em;float: left;text-align: right;}
.stagDate{width: 11em;text-align: center;float: left;float: left;}
.stagNamePost{width: calc(100% - 25em);text-align:center;float: left;}
.stagName{width: calc(100% - 25em);text-align:center;float: left;}
.contNamePost{width: calc(100% - 27em);text-align:center;float: left;}
.contName{width: 40%;text-align:center;float: left;}
.contPost{width: 60%;text-align:center;float: left;color:#600;}
.contLupa{width: 2em;text-align:center;float: left;font-family:Wingdings;height:28px;}
.stag{
	border: 4px solid rgb(130, 130, 230);
	float: left;width:97%;margin: 4px;border-radius:4px;
	}
.stagC0{background:rgb(200, 230, 200);float: left;width:100%;}
.stagC1{background:rgb(230, 230, 255);float: left;width:100%;}


#tabl {width: 100%;height:calc(100% - 150px); overflow-y: scroll; border: 3px solid rgb(0, 230, 230);}
#newChatText{width: 98%; color:#00f;}

.browlong{width: 40%; min-width:280px; color: brown;display: inline-block;font-size: 14px;}

.sticky {
  position: sticky;
  top: 0;
  min-height: 2em;
  background: #adc1ad;
}
label {
    font-size: 1.0em;
    font-weight: bold;
    color: #a5824f;
}
.cargoID{width: 130px;}
.cargoName{width: 300px;}
.cargoFirm{width: 300px;}
.cargoNum{width: 330px;}
.cargoText{width: 330px;}
.cargoAdress{width: 430px;}
.cargoFIO{width: 330px;}
.cargoTIME{width: 330px;}
.cargohead{overflow-x: scroll;}
.cargobody{overflow-y: scroll;}
#tel, #worktel,#userTel,
#firmTel, #firmMobileTel { width: 180px; }