.strike{display:block;text-align:center;overflow:hidden;white-space:nowrap;padding:10px 15px 10px 10px;color:#be5a49;font-weight:600;}
.strike>span{position:relative;display:inline-block;}
.strike>span:before,.strike>span:after{content:"";position:absolute;top:50%;width:9999px;height:1px;background:#c7c7c8;}
.strike>span:before{right:100%;margin-right:15px;}
.strike>span:after{left:100%;margin-left:15px;}

.strike{padding:10px 15px 10px 0px!important;margin-left:-10px!important;}

.card:not([class*=bg-]) .card-header {
    color: #be5a49;
    font-weight: bold;
}

.swal2-html-container{
    max-height: 300px;
    overflow: scroll;
}

.datepicker table tr td.active.active {
    background: red !important;
}
.datepicker table tr td.today {
    border: 1px solid #FAD42E !important;
    background: #FBEC88 !important;
}

.select2-results__option .select2Template{
    color: gray;
}

.select2-results__option--highlighted .select2Template{
    color: white;
}

.right{
	text-align: right;
}

.mainDiv{
	padding-top: 15px;
}

#layoutSidenav_content{
	background-color: #f8f9fd;
}

footer{
	background-color: #fff;
}

.cursor-pointer{
  cursor: pointer;
}

.badge-active-order{
	color: #fff;
	background-color: #0061f2;
}

.badge-canceled-order{
	color: #fff;
	background-color: #e81500;
}

.badge-completed-order{
	color: #fff;
	background-color: #00ac69;
}

/*for statements*/

.dr {
	color: #ff4d4d;
}

.cr {
	color: #1DBF73;
}

.cutsomTable tbody td{
	color : #666666;
}

.cutsomTable thead th{
	color : #555555;
}

.db-stats-standard a:first-child, .db-stats-standard>span:first-child {
    border: none;
}
.db-stats-standard {
    background-color: #fff;
    padding: 25px 10px;
    margin-bottom: 30px;
    display: table;
    width: 100%;
    border: 1px #e5e5e5 solid;
    overflow: visible;
    box-sizing: border-box;
}
.db-stats-standard a, .db-stats-standard>span {
    display: table-cell;
    font-size: 27px;
    line-height: 27px;
    font-weight: 400;
    color: #303030;
    text-decoration: none;
    padding: 0 5px;
    text-align: center;
    vertical-align: top;
    border-left: 1px solid #ddd;
}

.db-stats-standard a small, .db-stats-standard>span small {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    text-align: center;
    padding: 0 0 15px;
    min-width: 125px;
}

.table-nowrap td, .table-nowrap th{
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.table{width:100%;margin-bottom:1rem;color:#212529;}
.table td,.table th{padding:.5rem;vertical-align:top;border-top:1px solid #d8e6ff;}
.table thead th{vertical-align:bottom;border-bottom:2px solid #d8e6ff;}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05);}
.table{margin:0;}
.table-hover tbody tr:hover{background-color:#ebf2ff!important;}
.table-striped tbody tr{background-color:#fff;}
.table-striped tbody tr:nth-child(odd){background-color:#f5f9fc;}
.table-striped tbody tr td{border:none;}

.pac-container {
    background-color: #FFF;
    z-index: 20;
    position: fixed;
    display: inline-block;
    /* float: left; */
}
.modal{
    z-index: 20;   
}
.modal-backdrop{
    z-index: 10;        
}

.noSelect {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.timeSlice {
    border-radius: 25px;
    border: 1.5px solid #ddd;
    padding: 5px 10px;
    display: inline-block;
    margin: 5px;
    font-size: 14px;
    text-align: center;

    height : 34px;
    width : 72px;
    
}

.timeSlice .close{
    font-size: 12px;
    color:red;
    display: contents;
    cursor: pointer;
}

.shiftList .nowrap{
    white-space: nowrap;
}


.timeSlice.pickable{
    cursor: pointer;
}

.timeSlice.pickable:hover{
    background-color: #1260e8;
    border-color: #055cf3;
    color: white;
}





.timeSlice.picked, .timeSlice.picked:hover {
    background-color: #33ac23;
    border-color: #26a42c;
    color: white;
}



.timeSlice[data-is_completed="1"] .close{
    display: none;
}


.timeSlice.booked, .timeSlice.booked:hover {
    background-color: #e9ecef;
    border-color: #e9ecef;
    color: rgba(0, 0, 0, 0.24);
    cursor: not-allowed;
}


.timeSlice.completed, .timeSlice.completed:hover {
    background-color: #23acac;
    border-color: #26a4a2;
    color : white;
    cursor: not-allowed;
}


.rating {
    display: inline-block;
}
.rating input {
    display: none;
}
.rating label {
    float: right;
    cursor: pointer;
    color: #ccc;
    font-size: 30px;
}
.rating label:before {
    content: '\2605'; /* Unicode character for a star */
}
.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label {
    color: #ffcc00;
}

.toast {
    opacity: 1 !important;
}