body {
      margin: 0;
    }

    .preloader {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
      background: #fff;
      z-index: 9999;
    }

    .preloader__image {
      position: relative;
      top: 50%;
      left: 50%;
      width: 64px;
      height: 64px;
      margin-top: -32px;
      margin-left: -32px;
	  background-image: url(/dist/img/preloader.svg);
	  background-repeat: no-repeat;
	  background-size: cover;
    }

    .loaded_hiding .preloader {
      transition: 0.3s opacity;
      opacity: 0;
    }

    .loaded .preloader {
      display: none;
    }
.m-r-5{
	margin-right:5px;
}

.calendar_full{
 float:right;
z-index:10;
}

.gotoday {
    color: #1f2d3d !important;
	background-color: #f8f9fa !important;
}
.gotoday-next {
    float:right;
	z-index:10;
}

.gotoday-prev {
    float:left;
	z-index:10;
}

.new_vznos{
	margin-left: 0.75rem;
	margin-bottom: 0.75rem;
}
.loader_box{
	width:100%;
	height:60px;
}

#otmena_online_btn, #edit_info_btn, #otmena_info_btn, #otmena_edit_btn, #teh_zapis_btn{
	cursor:pointer;
}

#otmena_online_btn:hover, #teh_zapis_btn:hover{
	background:#ccc;
}

.teh-zapis-order, .const-zapis-order{
background: #f1f1fb;
border-radius: 5px;
box-shadow: 0 0 .1rem #171717;
}

.teh-zapis-order .cell-empty, .const-zapis-order .cell-empty{
color:#6c6868 !important;
}
.gotoday-text{
	line-height:40px;
	white-space: nowrap;
	overflow-x: auto ;
	top: 0;
	width: calc(100% - 92px);
	position: absolute;
	margin-left:46px;
	margin-right:46px;
	text-align:center;

}
.gotoday-box{
	height:40px;
	width:100%;
}

.mycalendar{
	width:0px !important;
	visibility:hidden;
}

.top-nav-icon{
	font-size:18px;
}

.role_people{
font-size: 13px;
color: #fff !important;
}



.total-wrapper{
	background:#fff;
}


#confirm_isp_box_info, #confirm_otmena_box_info, #teh_zapis_new_box, #confirm_online_otmena_box_info{
	display:none;
}

.confirm_isp_box_info_otmena{
	margin-left: 20px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

#sticky_head_data2{
	z-index:999;
}
.sticky2 {
  margin-left:70px;
  position: fixed;
  top: 0;
  width: calc(100% - 150px);
}


@media only screen and  (max-width: 991px) {
.sticky2 {
  width: calc(100% - 70px);
}
}

.min-width-col span{
	min-width:200px;
	padding-left:7px;
}
.cell-time{
	cursor:pointer;	
}
.cell-time:hover{
background:#d3ebff;
}

.thead_num_no{
	width:80px !important;
}

.tbody .thead_num_no{
	padding-left:18px;
	font-size:18px;
	line-height: 50px;
}

.fix-column {
    float: left;
}
.thead {
    height: 40px;
    white-space: nowrap;
}
.thead > span {
    display: inline-block;
    line-height: 40px;
	border-right: 1px solid #ccc;
	background: #224B53;
	color: #fff;
    text-align: center;
}
.trow {
    white-space: nowrap;
	height:50px;
}
.trow > span {
    display: inline-block;
    border: 1px solid #ccc;
    line-height: 25px;
    height: 50px;
	overflow:hidden;
}
.tbody {
	height: calc(100% - 100px);
    /*height: 300px;*/
    overflow-x: auto;
	overflow-y: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fix-column > .tbody {
    overflow: hidden;
    /*padding-bottom: 50px;*/
}
/*.fix-column > .tbody > .trow:last-child {margin-bottom: 50px;}*/

.fix-column > .tbody > .trow {
    margin-top: -50px;
    margin-bottom: 50px;
}
.fix-column > .tbody > .trow:first-child {
    margin-top: 0px;
}

.rest-columns {

}
.rest-columns > .thead {
    /*padding-right: 50px;*/
    overflow: hidden;
}
/*.rest-columns > .thead > :last-child {margin-right: 50px;}*/
.rest-columns > .thead > span {
    margin-right: 50px;
    margin-left: -50px;
}
.rest-columns > .thead > :first-child {margin-left: 0px;}

.marker-tranining{
border-right: 5px solid #f00 !important;
}

.prev_payed::before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f2bb";
	margin-right:5px;
	opacity:0.4;
	z-index:1;
}

#example1 .data-info-row:hover{
	cursor:pointer;
}

.hover:hover{
	cursor:pointer;
	font-weight:600;
}

.past_payed::before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f02d";
	margin-right:5px;
	opacity:0.4;
	z-index:1;
}

.cell-empty{
	color:#9f9f9f;
}

.status-work{
border-left: 10px solid #005FE6;
border-radius: 5px;
box-shadow: 0 0 .1rem #171717;
}

.status-done{
border-left: 10px solid #00bd8b;
border-radius: 5px;
box-shadow: 0 0 .1rem #171717;
}

.status-registred{
border-left:10px solid #ffc53b;
border-radius: 5px;
box-shadow: 0 0 .1rem #171717;
}

.tr-table-work{
border-left:3px solid #1994ff !important;	
}

.tr-table-registered{
border-left:3px solid #ffd08e !important;		
}

.tr-table-done{
border-left:3px solid #05c800 !important;		
}

.info_div_modal{
	width:100%;
	height:50px;
	font-size:25px;
}

.info-border{
border: 1px solid #ccc;
padding-right:15px;
}

.payed-online{
	
}

.payed-online::after{
	font-weight: 900; 
	font-family: "Font Awesome 5 Free";
	content: "\f7a2";
	margin-right:5px;
	z-index:1;
	position:absolute;
	right: 0;
	bottom:0;
	color:#7700a2;
	font-size:20px;
}

.in-basket::after{
font-family: "Font Awesome 5 Free";
content: "\f291";
font-weight: 900;
margin-right: 5px;
z-index: 1;
position: absolute;
right: 10px;
bottom: 12px;
color: #17161670;
font-size: 30px;
}

.min-width-col2 span{
	min-width:200px;
	padding-left:7px;
}
.cell-time2{
	cursor:pointer;	
	position:relative;
}
.cell-time2:hover{
background:#c8f9c1;
}

.thead_num_no2{
	width:70px !important;
}

.tbody2 .thead_num_no2{
	padding-left:13px;
	font-size:18px;
	line-height: 50px;
}

.fix-column2 {
    float: left;
}
.thead2 {
    height: 80px;
    white-space: nowrap;
}

.thead2 .thead_num_no2{
    line-height: 80px;	
	border-top: none;
}


.thead2_day{
	height: 40px;
    line-height: 40px;
    border-right: 1px solid #e9ecef;
    background: #224B53;
    color: #fff;
    text-align: center;	
}

.thead2_day span{
	min-width:400;
}


.thead2 > span , .thead2_day > span  {
    display: inline-block;
    line-height: 40px;
	border-right: 1px solid #e9ecef;
	background: #343a40;
	color: #fff;
    text-align: center;
}

.thead2 > span{
	border-top: 1px solid #e9ecef;
}


.trow2 {
    white-space: nowrap;
	height:50px;
}
.trow2 > span {
    display: inline-block;
	border-right: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
    line-height: 25px;
    height: 50px;
	overflow:hidden;
}
.tbody2 {
	height: calc(100% - 100px);
    /*height: 300px;*/
    overflow-x: auto;
	overflow-y: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fix-column2 > .tbody2 {
    overflow: hidden;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    /*padding-bottom: 50px;*/
}
/*.fix-column > .tbody > .trow:last-child {margin-bottom: 50px;}*/

.fix-column2 > .tbody2 > .trow2 {
    margin-top: -50px;
    margin-bottom: 50px;
}
.fix-column2 > .tbody2 > .trow2:first-child {
    margin-top: 0px;
}

.rest-columns2 {

}
.rest-columns2 > .thead2 {
    /*padding-right: 50px;*/
    overflow: hidden;
}

.rest-columns2 > .thead2 > :first-child {margin-left: 0px;}

.today_red{
	color:#ff2a2a;
	font-size:15px;
	margin-right: 3px;
}

.pd-0-20{
	padding: 0 20px;
}

.only-mobile-show{
	display:none;
}

.mobile-btn-z-k{
padding: 0 5px;
width: 50%;
}

.in-basket{
background: #aafb9f;
color: #281a1a !important;
border-radius: 7px;
box-shadow: 0 0 .1rem #6c757d;
}

.in-basket .cell-empty{
	color:#000;
}
.h-500{
	height:500px;
}
@media only screen and  (max-width: 1024px) {
.modal-xl {
  max-width: 1024px;
}
#modal-detail, #modal-create, #modal-teh{
	padding-right: 0 !important;
}
.modal-dialog{
	margin: 0 !important;
}

.modal-body{
	padding:0 !important;
}

.mobile-btn-z-k{
width: 50%;
text-align: center;
padding: 0 5px;
}

.mobile-hide{
	display:none;
}


}


.date_head_order{
font-size: 20px;
color: #3f3ba2;
line-height: 1px;
}

@media only screen and  (max-width: 574px) {
	
.p-0-resp{
	padding:1.25rem 0.5rem;
}
.only-mobile-show{
	display:block;
}	
.mobile-modal-client-hide{
	display:none;
}

.modal-content{
border:none !important;
border-radius: 0 !important;
min-height: 100% !important;
box-shadow: none !important;
}

.close{
font-size: 2rem !important;
padding: 0 !important;
margin: -5px 0px !important;
border-radius: 10px;
background: #C1E3EA !important;
color: #000;
opacity: 1;
width: 48px;
height: 48px;
align-content: center;
display: grid;

}

.modal-dialog{
min-height: 100% !important;
background: #fff;
}

#order-table-content-mobile{
	padding:0 !important;
}

#order-table-card-body-mobile{
	padding: 1.25rem 0.5rem !important;
}

.only-mobile{
	display:block;
}
.only-desktop{
	display:none;	
}
}

@media only screen and  (min-width: 574px) {
.only-mobile{
	display:none;
}	

.only-desktop{
	display:block;	
}
}
	
.form-control-reports{
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem;
border-top-right-radius: 0.2rem;
 border-bottom-right-radius: 0.2rem;
}

.navbar-date-top-changer{
	width: 450px;
}

.nav-cal{
	color: rgba(0,0,0,.5);
}

#show_total_cashe{
position: absolute;
font-size: 10px;
padding: 3px;
bottom: 0px;
background: #41494f;
width: 15px;
height: 15px;
border-radius: 50%;
color: #ffff;
line-height: 20px;
align-content: center;
display: grid;
right: 5px;
text-align: center;	
}

#total_in_cash{
	display:none;
}


.square_in_table{
width: 20px;
display: block;
height: 20px;
}

.color_client_input{
	display:none;
}

.not_found_client{
	margin-left: 15px;
margin-top: 5px;
}

#qr-canvas {
  margin: auto;
  width: calc(100% - 20px);
  max-width: 400px;
}

#btn-scan-qr {
  cursor: pointer;
}

#btn-scan-qr img {
  height: 10em;
  padding: 15px;
  margin: 15px;
  background: white;
}

#qr-result {
  font-size: 1.2em;
  margin: 20px auto;
  padding: 20px;
  max-width: 700px;
  background-color: white;
}

#qr-reader button{
	color: #fff;
background-color: #007bff;
border-color: #007bff;
box-shadow: none;
font-weight: 400;
text-align: center;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-top: 20px;
}

.litepicker-backdrop{opacity: 0.5 !important;}

#back-order{ position: absolute; right: 20px; top: 20px;}

.search-order{color: #000; margin-left: 10px;}
#search_result{
position: absolute;
top: 50px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
padding: 0 5px;
display: none;
width: 190px;
border-radius: .2rem;
border: 1px solid #dee2e6;
overflow-y: scroll;
max-height: 200px;
}

#search_result a{
width: 100%;
display: block;
color: #000;
padding: 5px 5px;
border-bottom: 1px solid #eee;
}

.no_res_serch{
	display: block;
width: 100%;
padding: 5px;
}