html{width:100%;height:100%;cursor:default}
body{color:#111;font:15px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;margin:0px;padding:0px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
form{margin-block-end:0px}
h1{text-align:center;color:#2779aa;line-height:1}
input[type=file]{position:absolute;z-index:-1;opacity:0;display:block;width:0;height:0}
.title-2{color:#ababab;font-weight:400;border-bottom:#ababab solid 2px;margin:10px 0px;font-size:110%;position:relative}
.title-3{color:#111;font-weight:600;margin:10px 0px;font-size:110%;position:relative}
.title-2-t{color:#ababab;font-weight:400;border-top:#ababab solid 2px;margin:10px 0px;font-size:110%;position:relative}
.title-5{color:#000;font-weight:600;margin:20px 0px 10px;font-size:200%;text-align:center;line-height:normal}
a, .a{text-decoration:none;color:#2779aa;cursor:pointer}
.cont-main{max-width:600px;width:90%;margin:auto;margin-top:10px;position:relative}
.cont-loading{position:absolute;left:calc(50% - 100px);top:calc(50% - 100px)}
.cont-dev{text-align:center;margin-top:50px}
.title-input{margin-bottom:5px;position:relative}
.title-4{color:#616161;font-weight:600;border-bottom:#ababab solid 2px;margin:10px 0px;font-size:110%;position:relative;text-transform:uppercase;text-align:center}
.bt-exit{position:absolute;right:0px;z-index:10}
.space-10-b{padding:10px 0px}
.space-20{margin-bottom:20px;position:relative}
.space-40{margin-bottom:40px;position:relative}
.block{display:block}
.left{text-align:left}
.right{text-align:right}
.none{display:none}
.ra{position:absolute;right:0px;top:0px}
.gray{color:#ababab}
.red{color:#c50000}
.green{color:#038b03}
.black{color:#111}
.bold{font-weight:bold}
.bg-blue{background-color:#e5f3ff}
.bg-gray{background-color:#f7f7f7}
.tb-notes{border-top:1px solid #e9e9e9}
.center{text-align:center}
.ui-button-cust{padding:0.4em 1em;display:block;position:relative;line-height:normal;margin-right:0.1em;cursor:pointer;vertical-align:middle;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible;border:1px solid #aed0ea;background:#f3faff;font-weight:bold;color:#2779aa}
.ui-button-pad{padding:30px}
.input-file-text{padding:50px 10px;font-size:140%;overflow:hidden}
button{width:100%}
input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="time"], select{width:calc(100% - 10px);font-size:110%;padding:8px 4px;margin-bottom:20px;border:1px solid #aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
input[type="number"]{text-align:right}
input[type="date"]{width:190px}
input[type="time"]{width:80px}
select{width:100%}
textarea{width:calc(100% - 6px);height:200px;resize:vertical;font:100% "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;border-color:#aaa}
table{width:100%;border:1px;border-spacing:0;border-collapse:collapse}
th{text-align:center}
.select2-container {width:100% !important}
.select2-container--default .select2-selection--single{padding:8px 4px;height:37px;font-size:110%;position:relative}
.select2-container--default .select2-selection--single .select2-selection__arrow{width:40px;color:#fff;font-size:1.3em;padding:4px 12px;height:27px;position:absolute;top:0px;right:0px;width:20px}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:100%}
.ui-icon{position:relative;top:1px}
.center img{vertical-align:middle}
.ui-state-highlight-green{border:1px solid #408126;background:#b2d780;color:#363636}
.sms-code{font-size:200%;text-align:center;padding:25px 0px;color:red;font-weight:600}
.sms-timer{text-align:center;font-weight:bold;color:#aaa}
.long-title{text-align:center;font-weight:bold}
.long-txt{text-align:justify}
.link-back{color:#2779aa;cursor:pointer}
.notes{
text-align:center;color:#787806;background:#ffffce;padding:5px 12px;margin:5px 5px 5px 5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:1px solid #dbb15d
}
.input-sel{display:flex}
.input-sel input{
	border:1px solid #aaa;color:#494949;background-color:#fafafa;border-radius:6px 0px 0px 6px;-moz-border-radius:6px 0px 0px 6px;border-radius:6px 0px 0px 6px
}
.input-sel button{
	text-align:left;font-size:100%;padding:0px 10px;margin-bottom:20px;margin-right:0px;width:142px;min-width:142px;max-width:142px;border-radius:0px 6px 6px 0px;-moz-border-radius:0px 6px 6px 0px;border-radius:0px 6px 6px 0px
}
.calendar-month{
	display:flex;align-content:center;justify-content:center;align-items:center
}
.calendar-month-title{
	width:100%;text-align:center;color:#2779aa;font-weight:bold
}
.calendar-days{
	height:88px;overflow-x:auto;display:flex
}
.calendar-masters{
	display:flex;height:199px;overflow-x:auto
}
.calendar-time{
	display:flex;overflow-y:auto;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center
}
.calendar-day, .calendar-time-open, .calendar-time-close{
	display:block;font-weight:bold;border:1px solid #aed0ea;text-align:center;padding:5px;margin:5px;cursor:pointer;color:#2779aa;background-color:#d7ebf9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px
}
.search-line{
	display:flex;
}
.search-line-notes{
	color:red;margin-bottom:10px
}
.search-mark{
	color:#000;background-color:yellow
}
.search-client{
	width:100%;
	height:67px;
	font-weight:bold;
	border:1px solid #aed0ea;
	padding:5px;
	margin-bottom:10px;
	cursor:pointer;
	color:#2779aa;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	font-weight:normal;
	background-color:#d7ebf9;border-radius:6px 0px 0px 6px;-moz-border-radius:6px 0px 0px 6px;border-radius:6px 0px 0px 6px
}
.search-client div{
    white-space:nowrap
}
.search-data{
	height:67px;display:block
}
.search-edit{
	display:block;
	padding:5px 10px;
	margin-bottom:10px;
	cursor:pointer;
	border-radius:0px 6px 6px 0px;-moz-border-radius:0px 6px 6px 0px;border-radius:0px 6px 6px 0px
}
.search-empty{
	margin-bottom:20px;text-align:center;font-size:120%
}
.calendar-master{
	min-width:150px;	
	height:150px;
	display:flex;
    flex-direction:column;
    align-items:center;
	font-weight:bold;
	margin-top:10px;
	cursor:pointer;
	color:#2779aa;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px
}
.calendar-day{
    min-width:48px;
    height:48px;
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:center;
    flex-direction:column;
	line-height:15px;
	-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px
}
.calendar-day span:last-of-type{
	font-weight:normal;font-size:85%
}
.calendar-time-open, .calendar-time-close{
	overflow:hidden;min-width:calc(100% - 12px);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:0px 0px 10px 0px;height:20px
}
.calendar-time-open span:first-of-type, .calendar-time-close span:first-of-type{
	margin-right:5px
}
.calendar-time-close span:last-of-type{
	word-break:break-all;text-align:left;font-weight:normal;color:#777
}
.calendar-time-close{
	border-color:#c9c9c9;background-color:#f1f1f1;color:#a3a3a3
}
.calendar-time-close:hover{
	border-color:#939393;background-color:#fbfbfb
}
.calendar-day:hover, .calendar-time-open:hover, .search-client:hover, .srv-line:hover, .goods-line:hover{
	border-color:#74b2e2;
	background-color:#e4f1fb;
}
.calendar-cur, .calendar-cur:hover{
	color:#d7ebf9;
	background-color:#2779aa;
}
.calendar-today{
	border-color:#2779aa;border-style:dashed;border-width:4px;min-width:40px;height:40px
}
.calendar-master img{
	min-width:100px;
	min-height:100px;
	max-width:100px;
	max-height:100px;
	margin-bottom:5px;
	border:5px solid #fff;
	-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px
}
.calendar-master:hover img{
	
}
.calendar-master span{
	font-weight:normal;	
}
.calendar-master span:first-of-type{
	color:#000;
	text-align:center;
	height:30px;min-height:30px;max-height:30px;
	line-height:15px
}
.calendar-master span:last-of-type{
	color:#a1a1a1;
	text-align:center;
	font-size:85%;
	line-height:15px
}
.calendar-masters .calendar-cur{
	color:#2779aa;background-color:#fff
}
.calendar-masters .calendar-cur img{
	box-shadow:0px 0px 1px 2px #000;
}
.calendar-month img{
	cursor:pointer
}
.record-selectors{
	display:flex;align-content:center;flex-direction:row;flex-wrap:wrap
}
.record-selectors div{
	margin-right:10px
}
.record-srv, .record-goods{
	display:flex;margin-bottom:10px
}
.record-srv-name, .record-goods-name{
	width:100%;
	overflow:hidden;
    white-space:nowrap;	
	border:1px solid #aaa;
	color:#494949;
	background-color:#fafafa;
	padding:5px;
	border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px
}
.bt-r{
	border:1px solid #aaa;
	cursor:pointer;
	padding:0px 10px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px
}
.bt-150{
	width:120px;min-width:120px;max-width:120px
}
.bt-m{
	border:1px solid #aaa;
	cursor:pointer;
	padding:0px 10px;
	margin:0px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:0px;-moz-border-radius:0px;border-radius:0px
}
.bt-m:hover{
	background-color:#fafafa	
}
.bt-big{
	height:60px
}
.srv-line, .goods-line{
	width:calc(100% - 12px);
	border:1px solid #aed0ea;
	padding:5px;
	margin-bottom:10px;
	cursor:pointer;
	color:#2779aa;
	overflow:hidden;
	background-color:#d7ebf9;
	border-radius:5px;-moz-border-radius:5px;border-radius:5px
}
.srv-empty{
	text-align:center;padding:20px;color:#aaa
}
.input-num{
    display:flex;
    flex-direction:row;
    justify-content:center;
	margin:30px 0px
}
#amount_amount{
	margin:0px;
	width:100px;
	text-align:center;
	-moz-appearance:textfield;
	-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px
}
#amount_amount::-webkit-outer-spin-button, #amount_amount::-webkit-inner-spin-button{
	-webkit-appearance:none;margin:0
}
#amount_plus, #amount_minus{
	width:100px;
	margin:0px;
	padding:8px
}
#amount_minus{
	border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px
}
#amount_plus{
	border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px
}

.stock-line{
	font-size:110%
}

.scroll::-webkit-scrollbar {
	height:10px;width:12px;background-color:#ffffff
}
.scroll::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);background-color:#F5F5F5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px
}
.scroll::-webkit-scrollbar-thumb {
	-webkit-box-shadow:inset 0 0 1px 1px #aed0ea;background-color:#d7ebf9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px
}
.input-times{
	display:flex;flex-wrap:wrap
}
.langs{margin-top:10px;text-align:center}
.lang{margin-left:5px}
.lang:hover{color:#04a2ff}
.lang img{margin-right:5px}

@media screen and (max-width:350px){
	.input-num{
		flex-direction:column;
		align-items:center
	}
	#amount_plus, #amount_minus{
		width:110px
	}
	#amount_plus{
		border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px
	}
	#amount_minus{
		border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px
	}
}
@media screen and (max-width:230px){
	input[type="date"]{width:100%}
}