/*
 *  Document   : custom.css
 *  Author     : Varun
 *  Description: The themes stylesheet of the template. The classes can
 *  be used to alter the text or the background of an element individually
 *
 */

/*
*/


.loader-wrapper{
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background: #00000057;
}

body.loader .loader-wrapper{
  display: block;
}
.loader-image{
  position: absolute;
      top: 50%;
      left: 36.5%;
      text-align: center;
      width: 500px;
}
body.loader .loader-wrapper .close-loeader{
  display: block;
  margin: 17px auto;
}

.fc-toolbar.fc-header-toolbar .fc-left h2{
    background: #51900c;
    color: #Fff;
    font-weight: 400;
    padding: 3px 8px;
    border-radius: 11px;
}

.d-block{
  display: block;
}
#sidebar-alt,#sidebar-alt .sidebar-content{
    width: 319px;
}
#sidebar-alt{
      right: -319px;
}
#sidebar-alt .sidebar-content{
  padding-top: 35%;
}
#pay_box{
  display: none;
}
.submit-btn{
  display: none;
}
#loaderPay{
  display: none;
}
.bg-none{
  background-color: transparent !important;
}
.border-none{
  border: none !important;
}
tr.without_pay > td,tr.with_pay > td{
  background-color: #c77878 !important;
  color: #fff;
}
tr.discount_row td{
    background: #4bef67 !important;
    color: #fff;
}
tr.total_after_discount td{
    background: #f9f9f9 !important;
    color: #acb5bf;
    font-weight: 600;
}
tr.remove_discount_btn td{
    background: transparent !important;
    color: #acb5bf;
    font-weight: 600;
}
.fullpayment_check_div,.offline_deposit_div{
  display: none;
}

.paginate_num_input{
  max-width: 100px;
}
.custom_pagination{
      margin: 0px 0;
}
.order_header_block{
    padding-bottom: 0px;
}

/* Mass Cleaner Assign CSS Stasrt*/

.d-none{
  display: none;
}

pre{
  color:#fff
}

.margin-left-5{
  margin-left: 5px !important
}
.margin-right-5{
  margin-right: 5px !important
}
.margin-bottom-0{
  margin-bottom: 0px !important
}
.margin-bottom-5{
  margin-bottom: 10px !important
}
.margin-bottom-10{
  margin-bottom: 10px !important
}
.margin-bottom-20{
  margin-bottom: 20px !important
}
.mx-0{
  margin-left:0px !important;
  margin-right:0px !important;
}
.my-0{
  margin-top:0px !important;
  margin-bottom:0px !important;
}
.px-30{
  padding-left:30px !important;
  padding-right:30px !important;
}
.px-20{
  padding-left:20px !important;
  padding-right:20px !important;
}
.px-10{
  padding-left:10px !important;
  padding-right:10px !important;
}
.px-5{
  padding-left:5px !important;
  padding-right:5px !important;
}
.py-0{
  padding-top:0px !important;
  padding-bottom:0px !important;
}
.px-0{
  padding-left:0px !important;
  padding-right:0px !important;
}
.padding-bottom-0{
  padding-bottom: 0px !important
}
.padding-bottom-10{
  padding-bottom: 10px !important
}
.padding-bottom-20{
  padding-bottom: 20px !important
}
.padding-top-10{
  padding-top: 10px !important
}
.padding-top-20{
  padding-top: 20px !important
}
.padding-left-5{
  padding-left: 5px !important
}
.padding-left-10{
  padding-left: 10px !important
}
.padding-left-20{
  padding-left: 20px !important
}

.mx-w-30{
  max-width: 30%;
}

.mx-w-50{
  max-width: 50%;
}

.mx-w-80{
  max-width: 80%;
}
.mx-auto{
  margin: 0px auto !important;
}

ul.nav.border li{
  border:1px solid #dae0e8;
}
ul.nav.border li > a{
  margin-top:0px;
}
.block-options .btn{
    color:#ffffff;
    opacity:0.8;
    margin: 0 0px;
}
.block-options .btn.btn-danger{
    background: #c43902;
    border-color: #c43902;
}
.block-options .btn.btn-warning{
    background: #de9502;
    border-color: #de9502;
}
.block-options .btn.btn-info{
    background: #027dc4;
    border-color: #027dc4;
}
.block-options .btn.btn-success{
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.block-options .btn:hover{
  opacity:1;
}
.block-options {
    padding: 2px 9px;
  }

  .btn-group.search-options>.btn:first-child{
        margin-right: 5px;
  }

/* Mass Cleaner Assign CSS End*/


/* Order Details Start */
#invoice-modal{
  width: 46%;
}

/* Order Details End*/

#order-cleaner-change tr.disabled,#order-cleaner-change tr.disabled:hover,#order-cleaner-change tr.disabled:hover td {
  background-color: #b9b7b7 !important;
  color: #8b7474;
  cursor: no-drop;
}
.dashboard .widget-icon{
color:#ffffffbd;
}

.background-primary{
  background-color: #9097e1;
  border-color: #9097e1;
  color: #fff;
}
.background-info{
  background-color: #5cafde;
  border-color: #5cafde;
  color: #ffffff;
}
.background-success{
  background-color: #afde5c;
  border-color: #afde5c;
  color: #ffffff;
}

.label-navy{
  background-color: #6666FF;
}
.label-grey{
background-color: #C0C2C9;
}
.label-black{
background-color: #000000;
}
.label-green{
background-color: #18A558;
}
.label-orange{
background-color: #FFA500;
}

.label-red{
background-color: #FF0000;
}

.text-white{
  color: #ffffff !important;
  opacity: 1 !important;
}

.navy{
  background-color: #6666FF;
}
.grey{
background-color: #C0C2C9;
}
.black{
background-color: #000000;
}
.green{
background-color: #18A558;
}
.success{
background-color: #afde5c;
}
.nav-tabs > li.d-none{
  display: none;
}
.agent-name{
  padding: 0 6px;
}
.order-link-box{
  border: 1px solid;
  padding: 2px 5px;
}

a.widget, a.widget-content{
    padding: 0
}

.dashboard_chart{
  background: transparent;
}
.dashboard_chart .widget-content-full{
  background-color: #fff;
}

.w-80{
  width: 1150px;
}
th.cleaner_name_heading{
  width:130px;
  cursor: pointer;
}

table.order-details thead > tr > th,table.order-details tbody > tr > td{
  font-size: 11px;
  min-width: 118px;
}
table.order-details thead > tr >.first_col,table.order-details tbody > tr > td.first_col{
  min-width: 50px;
  text-align: center;
}
table.order-details tbody > tr > td.editable-col:hover{
  background-color: #b4e2e9;
}

table.order-details tbody > tr > td.editable-col.select:hover{
  background-color: #b4e2e9;
  cursor: pointer;
}
table.order-details tbody > tr > td.editable-col .editable-cell:focus{
  background-color: #fff;
  border: 1px solid #adadad;
}
#orders_table .table-responsive{
  max-height: 750px;
}
.order-details thead{
  position: sticky;
  top: 0;
  background: #fff;
  box-shadow: 1px 0px 0px 0px #e6dbdb;
  z-index: 999;
}
.order-details thead > th{
  background: #fff;
}
@media screen and (min-width: 992px){
  #page-container.sidebar-alt-visible-lg #sidebar-alt{
    -webkit-transform: translateX(-319px);
    transform: translateX(-319px);
  }
}

.datepicker td.day.disabled,.datepicker td.day.disabled:hover{
  color: #ccc6c6;
  background: url('./../img/wrong_red.png') no-repeat center center;
  opacity: 0.3;
  background-size: 50%;
}



.print_table tr th{
  font-size: 14px !important;
}

.print_table tr th.th_date{
  width: 100px;
}

.print_table tr td{
  font-size: 12px !important;
}



/* Radio Custtom Custom Desgin*/


/* Please ❤ this if you like it! */



:root {
	--white: #ffffff;
	--light: #f0eff3;
	--black: #000000;
	--dark-blue: #1f2029;
	--dark-light: #353746;
	--red: #da2c4d;
	--yellow: #f8ab37;
	--grey: #c5c5c7;
  --dark-grey: #454e59;
}

/* #Primary
================================================== */

.section-checkbox {
    position: relative;
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.over-hide {
    overflow: hidden;
}
.z-bigger {
    z-index: 100 !important;
}


.checkbox-tools:checked,
.checkbox-tools:not(:checked),
.checkbox-tools:checked,
.checkbox-tools:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}


.checkbox-tools:checked + label,
.checkbox-tools:not(:checked) + label{
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	color: var(--white);
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.checkbox-tools:not(:checked) + label{
	background-color: var(--dark-grey);
  color:var(--white);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.checkbox-tools:checked + label{
	background-color: transparent;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-tools:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-tools:checked + label::before,
.checkbox-tools:not(:checked) + label::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: -1;
}
.checkbox-tools:checked + label .uil,
.checkbox-tools:not(:checked) + label .uil{
	font-size: 24px;
	line-height: 24px;
	display: block;
	padding-bottom: 10px;
}
#ticket-reply{
  padding: 10px;
}
.tkt-reply-note{
  padding: 10px;
  background: #feffa9;
}
.tikcet_reply{
  background: #feffa9;
    padding: 10px 10px 0px 48px;
}
.order_edit_payment .print_btn,.order_edit_payment .alert-success{
  display:none;
}
.content-box{
  border:1px solid #000;
  padding: 3px;
}
.upsale-details-col{
  min-width:300px !important;
}
.btn-group-toggle .btn{
  background-color: #5cafde;
  color: #fff;
}
.btn-group-toggle .btn.focus{
  outline:0px;
  outline-offset: 0px;
}
.btn-group-toggle .btn.active{
  background-color: #398dbd !important;
}
.btn-toggle-large .btn{
  padding: 9px 26px;
}
.btn.btn-indigo{
  background: indigo;
  background-color:  indigo;
}
.btn.btn-indigo:hover{
  background: rgb(106, 11, 173);
  background-color:  rgb(106, 11, 173);
}
#login-container .login-form-box .block-title{
      border-bottom: 0px solid #dae0e8;
      border-top-left-radius: 14px;
      border-top-right-radius: 14px;
      background: #9097e1;
      color: hsla(0, 0%, 100%, 0);
}
#login-container .login-form-box{
  box-shadow: 2px 2px 17px 1px #015caa;
  border-radius: 14px;
}
.login-footer,.login-footer a{
      color: #2a7377;
}
.tomarrow-order-box{
  padding: 20px;
  border: 1px solid #ffffff;
}
.tomarrow-order-box > .box-title > span,.tomarrow-order-box-short > .box-title > span{
  color: #ffffff;
  background: #333;
  padding: 3px 5px;
  border-radius: 4px;
}

#loaderBox{
  display: none;
}

#loaderBox.show_loader{
  display: block;
}

.select-box:hover{
  cursor: pointer;
}

.table tfoot > tr.tfoot-yr > td{
  background-color: #444950;
}
.postcode-search-form input{
  width: 80% !important;
}
.postcode-search-form label{
  padding-left: 0px;
}
.postcode-search-form button{
  margin-top: 20px;
}
.oven_part_checkbox:checked + label{
  background: #eb7640;
}
a.damage-comment-box{
  color:#6a61f8;
}
table.small-text-table > thead > tr >  th,table.small-text-table > tbody > tr > td{
  font-size:14px;
}
.daily-weekly-earning > ul  li > a,.daily-weekly-earning > ul li > a:hover{
      background: #ddd3d3 !important;
}

.daily-weekly-earning > ul  li.active >  a{
      background: #524f4f !important;
}

.daily-weekly-earning .block-content-full{
  padding:0 23px;
}
.profile-accordion .card{
  margin-bottom: 0px; 
}
.profile-accordion .card-header{
    background: #999;
}
.profile-accordion h5{
  margin-bottom: 0px;
}
.profile-accordion .block-title{
  margin: 0px !important;
  border-bottom: 0;
  color: #fff;
}
.collapse{
  border: 1px solid rgb(153, 153, 153);
    padding: 15px 16px 0px;
}
.profile-accordion button{
  padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.section-odd{

  background-color: #ebebeb;
}


.postcodeAssign-td.label-danger{
  background-color: #de815c !important; 
}

.subs-order-header h2{

  width:100%;
}
.subs-order-header span,.wallet-bal{
  float: right;
  background-color: #3b3b3b;
  padding: 3px 7px;
  color: #fff;
  border-radius: 10px;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
}

.product-disabled{
  opacity: 0.5;
  cursor: not-allowed !important;
}
.product-disabled::before{
  background: #454e59 !important;
}


/* spinner css */
.spinner {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 2px solid #ccc;
      border-top: 2px solid #333;
      border-radius: 50%;
      animation: spin 0.6s linear infinite;
      vertical-align: middle;
      margin-left: 5px;
  }

  @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
  }