@charset "utf-8";
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {  border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;  vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress { vertical-align: baseline;}textarea {overflow: auto;}[type=checkbox],[type="radio"] { box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {  display: block;}summary {  display: list-item;}template {display: none;}[hidden] {display: none;}
:root {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;font-size:14px;}
*,::before,::after {box-sizing:inherit;}
* {margin:0;padding:0;}
footer,header,main,nav,section,.columns {display:flex;flex-direction:column;flex-shrink:0;}
footer{
background: #f8fafb;
padding: 40px;
}
main{
min-height: calc( 100% - 246px );
padding:20px 0 40px;
}
main img {
	max-width:100%;
}
hr{
border:none;
height:1px;
background-color:#dcdcdc;
margin:10px 0;
}
p.or{
    background-color: #d8dfe580;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    letter-spacing: 10px;
    color: #333;	
}
fieldset{
	border: 1px solid #757575;
    padding: 20px;
    border-radius: 10px;
}
legend{
	padding: 0 20px;
    font-family: "Source Sans Pro", sans-serif, "google";
    font-weight: bold;    
    text-align: center;
    color: #2f4152;
}

.content {
width: 100%;
padding: 0;
max-width: 1400px;
margin: 0 auto;
position: relative;
}
.columns {flex-direction:row;flex-wrap: wrap;}.column1-2,.column1-3,.column2-3,.column1-4,.column3-4 {margin:0;padding:0;position:relative;align-items:stretch;}.column3-4 {width:75%;}.column2-3 {width:66.666666%;width:calc( 200% / 3);}.column1-2 {width:50%;}.column1-3 {width:33.333333%;width:calc( 100% / 3);}.column1-4 {width:25%;}.column2-9{width:22.222222%;width:calc( 200% / 9  );}
html,body {margin:0;padding:0;width:100%;height:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;
font-family: "Lucida Grande",Arial,Verdana,san-serif;
font-size: 14px;
line-height: 19px;
}
body {margin:0;padding:0;}
h1, h2, h3{
font-family: "Source Sans Pro",sans-serif,"google";
font-weight: normal;
font-style: normal;
text-align: center;
color: #2f4152;
margin:30px 0 20px;
}
h1{font-size: 26px;line-height:41px;color: #fff;padding:0;margin: 0;text-transform: uppercase;text-align:left;display:inline-block;}
header{
	background-color: #577a9a;
	margin: 0;
	padding: 20px 0 18px 0;
}
header .columns{
justify-content: center;	
}
.logo{
	margin-right:20px;
	display:inline-block;
	height:36px;
}
.logo:hover{
opacity:0.7;	
}
.logo img{
	width: 36px;
    height: 36px;
}
h2{font-size: 22px;line-height:24px;}
h3{font-size: 20px;line-height:22px;text-align:left;}
.modal h3{font-weight:bold;}
p,ul{
margin:20px 0;
font-size: 14px;
line-height: 19px;
}
ul{padding-left: 18px;}
a {
color: #fc7101;
text-decoration: underline;
}
a:hover {
color: #bf3333;    
}
button,.button,input[type=submit]{
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
border: none;
height: 30px;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
font-family: "Lucida Grande",Arial,Verdana,san-serif;
color: #fff;
text-decoration: none;
display: inline-block;
cursor: pointer;
background-color: #577a9a;
transition:0.2s ease background-color;
text-align:center;
white-space: nowrap;
min-width: max-content ;
}
button.special,.button.special,input[type=submit].special{
background-color: #dc6200;
}
.button.public{
background-color: #2a6e70;
}
.button.tech{
background-color: #858585;
}
.button.public:hover,
.button.tech:hover,
button:hover,.button:hover,input[type=submit]:hover,
button.special:hover,.button.special:hover,input[type=submit].special:hover{
background-color: #3b5369;
color:#fff;
}
.button--inline{	   
    margin: 4px 10px 10px;
    position: relative;
    vertical-align: middle;
}
.button--pdf{
    position: relative;
    padding-right: 56px;
}
.button--pdf::after{
content: ' PDF ';
    display: block;
    width: 40px;
    height: 30px;
    background-color: #e71f1f;
    color: #fff;
    right: 0;
    top: 0;
    position: absolute;
    border-radius: 0 4px 4px 0;
    padding: 0 5px;
    font-weight: bold;
    text-align: center;
}
button + button{
	margin:0 5px;
}
select, input, textarea {
width: 100%;
border: 1px solid #dcdcdc;
border-radius:3px;
}
textarea{
	height:150px;
}
select{
line-height: 16px;
padding: 10px;
}
option{
line-height: 16px;
padding: 6px 10px;	
}
input{
height: 30px;
line-height: 16px;
padding: 0 10px;
}
input[type=text]:-moz-read-only { background: #eee; }
input[type=text]:read-only { background: #eee; }
form{
	margin:20px 0 30px;
}
form *:focus{
	outline: 2px solid #2196f3;
}
input[type=radio]{
display: inline-block;
    width: 20px;
    height: 20px;
}



input[type=checkbox],input[type=radio]{margin:0;top: 3px;position: relative;float: none;width: 19px;height: 19px;display: none;}
input[type=checkbox] + label,input[type=radio] + label{cursor: pointer;padding-left: 0;width:100%;-moz-user-select: -moz-none;-webkit-user-select: none;user-select: none;display: block;height: 23px;line-height: 23px;padding:0;margin:0;}
input[type=checkbox] + label span,input[type=radio] + label span{display: inline-block;height: 23px;line-height: 23px;}
input[type=checkbox] + label::before,
input[type=radio] + label::before {content: ' ';display: inline-block;height: 21px;width: 21px;margin: 0;top: 1px;position: relative;float: left;margin-right:10px;background-size:21px 21px;}

input[type=checkbox] + label::before{background-image: url('../img/checkbox.svg');}
input[type=radio] + label::before {background-image: url('../img/radio.svg');}
input[type=checkbox]:checked + label::before{background-image: url('../img/checkbox--selected.svg');}
input[type=checkbox]:checked + label{color:#006699;}
input[type=radio]:checked + label::before {background-image: url('../img/radio--selected.svg');}
input[type=radio]:checked + label{color:#006699;}

input[type=checkbox].trigger {position: absolute;margin: 8px 0 0 16px;}
input[type=checkbox].trigger + label {position: relative;padding: 0;line-height: 21px;}
input[type=checkbox].trigger + label::before {content: ' ';display: block;left: 0;top: 0;width: 37px;height: 21px;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;background: #fff;border: 1px solid #6E757B;-webkit-transition: all 0.3s;transition: all 0.3s;}
input[type=checkbox].trigger + label::after {content: "";position: absolute;display: block;left: 0px;top: 0px;width: 21px;height: 21px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;background: #fff;border: 1px solid #6E757B;-webkit-transition: all 0.3s;transition: all 0.3s;}
input[type=checkbox].trigger + label:hover::after {box-shadow: 0 0 5px rgba(0,0,0,0.3);}
input[type=checkbox].trigger:checked + label::after {margin-left: 16px;}
input[type=checkbox].trigger:checked + label::before {background: #37b162;}

.triggerLabel::after{
	display:inline-block;
	content: attr(data-alt);
}
input[type=checkbox].trigger:checked + label .triggerLabel::after{
	content: attr(data-val);
}


.triggerBox{
	display:inline-block;
	vertical-align: middle;
	margin-left: 7px;
}

.radioRow{
    text-align: left;
    line-height: 20px;
    padding: 0;
    vertical-align: top;
    height: 20px;
    margin: 0 0 5px 0;
}
.radioRow label{
    display: inline-block;
    text-align: left;
    margin: 0;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 10px;
    vertical-align: top;
}
.radioRow {
}
.group,
.actions{
	margin:20px 0;
}
label {
     display: block;
    font-size: 12px;
    margin: 10px 0 0 0;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    color: #194065;
    text-transform: uppercase;
}
.box {
    border: 1px solid #dcdcdc;
    margin: 0 0 20px 0;
    padding: 0 20px;
    border-radius: 10px;
    background-color: #577a9a0a;
}
.box.wait{
	filter: blur(4px);
}
.userBox{
	border: 1px solid #dcdcdc;
    margin: 0 0 20px 0;
    padding: 0;    
    background-color: #fff;	
	text-align:center;
	border-radius:10px;
	overflow:hidden;
}
.userBox h2{
	margin: 20px 0;
    line-height: 24px;
}
.userBox h2::before{
	content:' ';
	display:inline-block;
	background-image:url('../img/telegram_logo.svg');
	background-size:36px 36px;
	width:36px;
	height:36px;
	margin-right:15px;
	vertical-align: middle;
}
.userBox .button{
	min-width:170px;
}
.userColumnL{
	
}
.userColumnL div{
	flex-direction: row;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.userColumnR{
	padding:10px;
	background-color: #f8fafb;
}
.userColumnR--inline .button{
margin-top: 4px;	
}

.group .label{
font-style: italic;
color: #979797;
}
.group .value{
font-size: 16px;
line-height: 34px;
}
.a-l{text-align:left;}
.a-r{text-align:right;}
.a-c{text-align:center;}
table {
width:100%;
text-align:center;
border-collapse:collapse;
border-bottom:1px solid #E5E5E5;
border-top:1px solid #577a9a;
margin-bottom:20px;
}
table td,
table th{
padding: 4px 5px;
background-color: #fff;
font-size: 12px;
line-height: 13px;
}
table td {
border-right:1px solid #E5E5E5;
}
table th {        
color: #fff;
text-align: left;
border: 1px solid #577a9a;
font-weight: normal;
background: #577a9a;
}
table tr {
border-left:1px solid #E5E5E5;
border-top:1px solid #E5E5E5;
}
table tr:nth-child(2n+2) td{
	background-color:#F8FAFB;
}
table tr:hover td {
background-color:#ff98000f;
}
.comment{
	width:150px;
}
.label{
display: inline-block;
color: #577a9a;
font-style: italic;
}
pre{
padding: 20px 30px;
background: #d1e9ff;
font-size: 12px;
line-height: 14px;
margin-bottom: 30px;
word-wrap: break-word;
display: block;
overflow: auto;
width: 100%;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

ul.menu{
	list-style:none;
	padding:0;
}
ul.menu ul {
	display:none;
}
li.menu__row{
display:inline-block;
margin: 0 5px 5px;
position:relative;
}
.top li.menu__row:last-child
{
	float:right;
}
li.menu__row:hover ul{
	    display: block;
    position: absolute;
    background: #eee;
    margin: 0;
    padding: 10px;	
	z-index:100;
}
li.menu__row:hover li{
	display:block;
	width: max-content;
}
.menu::after{
	content:' ';
	clear:both;
	display:block;
}

.subMenu{
	    display: flex;
    padding: 10px;
    background-color: #f8fafb;
    align-items: center;
    justify-content: flex-start;
    border-radius: 8px;
	flex-wrap:wrap;
}
.subMenu a {
	margin: 0 20px 0 0;
}
.checkbox-group .triggerBox{
	margin-left:0;
	margin-right:10px;
	margin-bottom:10px;
}

.a-l{
text-align:left;	
}
.userOnlineStatus{
    height: 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 5px 0 0;
    background: #eee;
    padding: 0 7px 0 17px;
    font-size: 10px;
    line-height: 20px;
    position: relative;
	text-transform: none;
    font-weight: normal;
}
.userOnlineStatus::before{
	content:' ';
	position:absolute;
	width:8px;
	height:8px;
	border-radius:8px;
	    top: 6px;
    left: 5px;
}
.userOnlineStatus--red::before{
	    background-color: #f44336;
}
.userOnlineStatus--orange::before{
	    background-color: #ff9800;
}
.userOnlineStatus--green::before{
	background-color: #4caf50;
}
.userOnlineStatus--green{
		background-color: #4caf5042;
}
.doc--fail,
.doc--success{
padding: 5px;
margin: 0 0 10px;
border-radius: 6px;
display: block;
}
.doc--success{
background-color: #4caf502e;
}
.doc--fail{
background-color: #ff00001a;
}
.systemStatus  {
	margin:10px 0;
}
.status {
	    font-weight: 700;
    display: inline-block;
    padding: 0 15px;    
    border-radius: 8px;
}
.status_on{
	color: #009706;
	background-color: antiquewhite;
}
.status_off{
	    color: #bf3333;
		background-color: antiquewhite;
}

.group--worker{
	
}
.worker__id{
width: 30px;
height: 30px;
background-color: #fff;
text-align: center;
line-height: 30px;
border-radius: 30px;
border: 1px solid #dcdcdc;
font-size: 9px;
color: #194065;
}
.worker__name{
line-height: 30px;
margin-left: 15px;
}
.worker__log{
padding-left:45px;
}
.worker__inputs{
margin: 15px 0;
background-color: #fff;
padding: 10px 30px;
box-shadow: 0 0 7px #dcdcdb30;
position:relative;
border-radius: 0 10px 10px 10px;
}
.worker__inputs::before{
	content:' ';
	position:absolute;
	display:block;	
	left:-30px;
	top:0;	
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 20px 0;
    border-color: transparent #fff transparent transparent;
}

.order__id{
font-weight:bold;
font-size: 16px;
}
.order__status {
display: inline-block;
padding: 2px 10px;
color: #fff;
font-weight: bold;
font-size: 10px;
line-height: 12px;
vertical-align: middle;
}
.order__status--1{background-color: #ce9c07;} /* Новый */
.order__status--2{background-color: #2196f3;} /* Принят */
.order__status--3{background-color: #4caf50;} /* Сделано */
.order__status--4{background-color: #121712;} /* Отменён */
.order__status--5{background-color: #ff5722;} /* Спор */
.order__status--6{background-color: #9a9a9a;} /* Отклонён */

.distance{
    display: inline-block;
    background: #eee;
    padding: 0 10px;
    color: #000;
    width: 103px;
    text-align: center;
    font-size: 11px;
    border-radius: 10px;
    margin-right: 7px;
	    font-weight: 600;
}
.distance--far{
background-color: #ffd8d5;
color: #791010;
}
.distance--satisfy{
background-color: #c0f9c2;
color: #0d5f10;
}
.radioRow__user{
	text-transform: none;
}
.radioRow__status{
margin-right: 4px;
    width: 103px;
    display: inline-block;
    text-align: right;	
}
.radioRow__status span{
	
}

.radioRow__workload{
    height: 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 10px 0 0;
    background: #eee;
    padding: 0;
    font-size: 10px;
    line-height: 20px;
    position: relative;
    text-transform: none;
    font-weight: normal;
    width: 70px;
    text-align: center;
    vertical-align: middle;
}
.radioRow__workloadBar{
    position: absolute;
    background: #000;
    height: 20px;
    left: 0;
    top: 0;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;	
}
.radioRow__workloadValue{
	width: 100%;
    text-align: center;
    height: 20px;
    display: inline-block;
    position: relative;
}
.radioRow__workload--low .radioRow__workloadBar{
	background-color:#c0f9c2;	
}
.radioRow__workload--medium .radioRow__workloadBar{
	background-color:#ffdead;
}
.radioRow__workload--high .radioRow__workloadBar{
	background-color:#ffd8d5;
}


.msg{
    padding: 4px 20px;
    text-align: center;
    background-color: #fff4d3;
    margin: 10px 0 40px;
    line-height: 22px;
    font-family: monospace;
    color: #795548;
    letter-spacing: 1px;
    border-radius: 2px;
    text-align: left;
}
.msg.success{ background-color: #EDF9ED;}
.msg.error{ background-color:#ffe5e5;}

.addressMsg .msg{margin:0;}

.modal{display:none;position: fixed;bottom: 0;left: 0;top: 0;right: 0;overflow: auto;-webkit-overflow-scrolling: touch;vertical-align: middle;z-index: 99999;background: rgba(0,0,0,0.4);zoom: 1;}.modal.open{display:block;}.modal .cnt {width: 90%;max-width: 980px;min-width: 270px;margin: 90px auto 150px auto;padding: 40px 20px;-moz-box-shadow: 0 0 30px #2b2929;-webkit-box-shadow: 0 0 30px #2b2929;box-shadow: 0 0 30px #2b2929;background: #fff;font-size: 14px;overflow: hidden;border: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);text-align: center;}.modal input[type=submit]{margin:20px auto;}.modal form{margin:20px 0;}.modal__close{width: 90px;height: 30px;position: absolute;right: 7px;top: 7px;display: block;z-index: 3;min-width: 50px;line-height: 30px;text-align: center;}.modal__close:hover{}

.extraWrapper.hidden{
	display:none;
}
.paginator{
	margin:10px 0 20px;
}
.paginator__btn{
	padding: 0 10px;
    margin: 0 10px 0 0;
    height: 30px;
    line-height: 30px;
}
.paginator__btn.active{
	background-color: #eee;
    color: #000;
    text-shadow: none;
	font-weight:bold;
}
.orderFilter{
	margin:10px auto;	
}
.orderFilterStatus__btn{
padding: 0;
    height: auto;
    line-height: 15px;
    border: none;
    text-shadow: none;
    background-color: #577a9a;
    vertical-align: inherit;    
	    border: 3px solid #f8fafb;
}
.orderFilterStatus__btn.active{
	border-color: #ff9800;
}
.orderFilterStatus__btn.active .order__status,
.orderFilterStatus__btn:hover .order__status{
	opacity:1;
}
.orderFilterStatus__btn .order__status{
	    height: 27px;
    line-height: 23px;
    display: inline-block;
	    -webkit-border-radius: 4px;
    border-radius: 4px;
	opacity:0.5
}
.profile__avatar{
	width: 50px;
height: 50px;
border-radius: 50px;
display: block;
margin: 0 auto;
border:1px solid #dcdcdc;
    background-color: #e5e5e5;
}
.user__profile--inline{
    background-color: #f8fafb;
	text-align:left;
}
.user__profile--inline .profile__avatar,
.user__profile--inline .user__greetings{
	display:inline-block;
	margin:5px 10px 5px 15px;
	vertical-align: middle;
}
.user__greetings{
	margin: 5px		0 10px;
}
.vdocument__title{
	margin:10px 0;
	position:relative;
	padding:0 10px;
	background-color: #fff;
}
.vdocument__title.level--1{		
	padding:0;
}
.vdocument__title::before{
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 10px;
    background-color: #000;
    left: -100%;
    z-index: -1;
}
.vdocument__title.level--1::before{
	left:0;
}
.vdocument__title.level--2::before{
	left:-60px;
}
.vdocument__title.level--3::before{
	left:-120px;
}
.vdocument__title.level--4::before{
	left:-180px;
}
.vdocument__title.level--2{
	margin-left:60px;
	font-size:90%;
}
.vdocument__title.level--3{
	margin-left:120px;
	font-size:80%;
}
.vdocument__title.level--4{
	margin-left:180px;
	font-size:70%;
}
.vdocument__row{
	
}
.vdocument__link{
	display: inline-block;
    margin: 3px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}
.map__link{
	border:none;
	text-decoration:none;
}
.owner{
	padding: 1px 3px;
	margin: 3px 0 0;
	background-color: #9e9e9e3d;
	text-align: center;
	font-size: 10px;
}
.owner strong{
	
}
.group{
	margin:20px 0;
}
.formMap{
	background-color:#dcdcdc;
	background-image:url('../img/ajax-loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:250px;
	
}

.provided{
margin: 0 0 20px;
}
.provided__label{
	font-size: 11px;
    color: #adadad;
    line-height: 25px;
}
.provided__img{
	width: 150px;
}
.workerName{
	margin:5px 0 0 0;
}

.permission{
	
}
.permission_0{
	
}
.permission_1{
font-weight: bold;
color: green;
}
.qrWrapper{
    background: linear-gradient(164deg, #1940650f, #e9e9e9);
    padding: 20px 0 0;
    margin: -20px 0 -40px;
    height: 100%;
    min-height: 80vh;
}
.qr{
	max-width:300px;
	margin:20px 0 0;
}
.btn--install {display:none;}
.btn--install.active{margin:20px auto 10px;width: 264px;}


.order.total      { background:#f5f5f5;font-weight:600;     border-bottom: 4px solid #757575;}
.order.total--month {  }
.order.total--month td{background:#5d758f21;}
.order.total td   { padding-top:20px;padding-bottom:20px; }
@media screen and (max-width:980px)
{
	.column1-2 {width:100%;}
	.user__profile--inline,
	.userColumnR--inline{
		text-align:center
	}
	.user__profile--inline{
		padding:10px 0 0;
	}
}
@media screen and (min-width:980px)
{
	.column1-2:nth-child(2n) .box{margin-left:10px;}
	.column1-2:nth-child(2n+1) .box{margin-right:10px;}	
}
@media screen and (max-width:1500px)
{
	.content {
		padding: 0 5%;
	}	
}