body{ background: url(../img/bg.jpg) no-repeat top center fixed #fff6f0; background-size:cover ; font-family: "Poppins", sans-serif; font-size: 14px;}
body *{font-family: "Poppins", sans-serif;}

/* body, html{ height: 100%;} */

:root{
    --white: #fff;
    --black: #000;
    --mid-grey: #242424;
    --light-grey: #4A4A4A;
    --brand-color: #F36832;
    --purple: #730074;
    --green: #007C50;
    --orange: #FF7E62;
}

:hover::-webkit-scrollbar-thumb {background:rgba(255, 108, 0, .692);}
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:transparent; border-radius:0px; }
::-webkit-scrollbar-thumb { background:rgba(255, 108, 0, 1); border-radius:0px; }

img{max-width: 100%;}
.color-black{ color: var(--black);}

.brand{ text-align: center; margin-bottom: 50px;}
.brand img{ max-width: 40%;}
.form-group{ margin-bottom: 20px; position: relative;}
.auth-outr{ display: flex; justify-content: center; align-items: center; height: inherit; }
.auth-box{max-width: 500px; width: 100%; font-size: 14px; }
.auth-box .wh-box{border-radius: 5px; background: var(--white); padding: 30px; }
.auth-box h1{ margin: 0 0 30px 0; text-align: center; color: var(--mid-grey);font-size: 24px; font-weight: 500;}

.btn-auth{ width: 100%; background: #000; border-radius: 5px; color: var(--white); font-size: 14px; padding: 18px 40px; font-weight: 600;}
.btn-auth:hover{ background: var(--brand-color); color: var(--white);}
.auth-box label{ color: var(--mid-grey); display: block; margin-bottom: 5px;}


.auth-box .link{ color: var(--mid-grey); text-decoration: none;}
.auth-box .link:hover{ color: var(--brand-color); text-decoration: underline;}

.form-control-sm{padding: 0.45rem 0.5rem;}
.form-control{ font-size: 14px; padding: 12px 15px;}
.form-control:focus, .form-control-sm:focus{ box-shadow: none; border-color: #222;}
.form-control:disabled{ border: 1px solid rgba(221, 221, 221, 0.80); background: rgba(221, 221, 221, 0.50);}

.form-control.plain-text{ border-color: transparent; font-weight: 600; color: var(--black);}

.form-control-sm, .form-control, .form-control-lg{border-radius: 5px; border: 1px solid rgba(154, 162, 172, 0.80); background-color: #FFF; color: var(--light-grey);}
.form-select { padding-right: 30px;}

.tagify.form-control{border: 1px solid rgba(154, 162, 172, 0.80); padding: 3px;}
.tagify__input::before{ height: auto !important;}

.pay-card{ position: relative; }
.pay-card img{ position: absolute; right: 0; top: 0; margin: 15px;}

.input-group-text { background: #EEF1F5; border-color: rgba(154, 162, 172, 0.80); color: #666666;}

.iconed-field{ position: relative;}
.iconed-field i{ position: absolute; height: 100%; top: 0; right: 0; line-height: normal; padding: 10px; cursor: pointer;}
.iconed-field.right-sided .form-control{ padding-right: 48px;}
.iconed-field.right-sided i { left: auto; right: 0;}

.iconed-field.left-sided .form-control{ padding-left: 48px;}
.iconed-field.left-sided i { left: 0; right: auto;}


/*  */
.sidebar-heading{ z-index: 55;  padding: 0.875rem; position: relative;}
.sidebar-heading:after{background: #FF6C00; content: ''; position: absolute; inset: 0; z-index: -1;}
.toggle-logo{ /*margin: 1.2rem;*/ max-width: 52px; border-radius: 5px; cursor: pointer; margin-left: 5px;}
#sidebar-wrapper,
.sidebar-heading{width: 20rem;}
#sidebar-wrapper { position: fixed; z-index: 10; top: 0; bottom: 0; left: 0; height: calc(100% - 81px);  display: flex; flex-direction: column;  transition: 0.25s ease-out; padding-top: 81px;}
#sidebar-wrapper:after{ background: linear-gradient(180deg, #FF6C00 0%, #FF9F59 100%); position: absolute; height: 100%; content: ''; z-index: -1;}
#sidebar-wrapper:after,
.sidebar-heading:after{ width: 90px;}

#sidebar-wrapper .list-group{overflow-y: scroll; overflow-x: hidden; border-radius: 0;}
#sidebar-wrapper .list-group:hover::-webkit-scrollbar-thumb {background:rgb(0, 0, 0);}
#sidebar-wrapper .list-group::-webkit-scrollbar { width:0px; }
#sidebar-wrapper .list-group::-webkit-scrollbar-track { background:transparent; border-radius:0px; }
#sidebar-wrapper .list-group::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, 0); border-radius:0px; }

.list-group ul{ list-style: none; margin: 0; padding: 0;}
.list-group ul li{ position: relative;}
.list-group ul li a{ position: relative; display: flex; color: #222; font-size: 16px; font-weight: 500; text-decoration: none;  align-items: center; border-radius: 0;}
.list-group ul li a span{opacity: 1; transition: 0.25s ease-out;}
.list-group ul li a i{ padding: 18px 33px; font-size: 23px; color: var(--white);}
.list-group ul li a .svg-hold{padding: 12px 33px;}
.list-group ul li a .svg-hold svg{ width: 23px; fill:var(--white)}
.list-group ul li a span{ padding-left: 15px;}

.list-group ul li.active>a{background: var(--white); font-weight: 600;}
.list-group ul li.active>a i{color: var(--black);}
.list-group ul li.active>a svg{fill: var(--black);}
.list-group ul li.active li.active>a{ background: transparent;}

.list-group ul ul{ padding-left: 100px;}
.list-group ul ul li{ padding: 5px 0;}
.list-group ul ul li a{ padding-left: 25px; color: #444; font-size: 15px; font-weight: 400; line-height: normal; transition: 0.25s ease-out;}
.list-group ul ul li:hover a{ padding-left: 28px;}
.list-group ul ul li a:before{content: "\e900"; font-family: 'icomoon' !important; position: absolute; left: 0; font-size: 20px;}

/*  */

/*  */

.app-nav-left{ flex: auto;  padding-left: 15px;}
/*.app-nav-right{padding-top: 0.875rem; padding-bottom: 0.875rem; } */
.app-navbar-right{ padding-right: 15px;}

.small-title{ color: var(--black); font-size: 24px; font-weight: 600; margin: 0;}
.app-nav{padding: 0;}
.app-nav *{transition: 0.25s ease-out;}
.navbar-inner { display: flex; justify-content: space-between; flex: auto; flex-wrap: wrap; align-items: center;}

.app-navbar-right{ display: flex; gap: 15px;}
.iconed-field.search{ min-width: 300px;}
.iconed-field.search .form-control{ border-color: #fff; border-radius: 5px; color: var(--mid-grey);  padding-left: 48px;}
.iconed-field.search i{ left: 0; right: auto;}
.app-navbar-right ul.items { display: flex; margin: 0; padding: 0; list-style: none; align-items: center; gap: 15px;}
.app-navbar-right ul.items li{ position: relative;}
.app-navbar-right ul.items li a.tap{ color: var(--mid-grey); text-decoration: none; font-size: 32px; height: auto; line-height: normal; display: block; position: relative; border-radius: 5px; background: #fff; padding: 8px 10px; width: 52px;}
.app-navbar-right ul.items li a.tap i{ display: block;}
.app-navbar-right ul.items li a .notification-on{position: absolute; border-radius: 50px; width: 10px; height: 10px; background: #02DD00; top: 10px; right: 15px;}

.app-navbar-right ul.items li .profile{ cursor: pointer; text-decoration: none; display: flex; color: var(--black); font-weight: 600;}
.app-navbar-right ul.items li .profile span{ display: block;  font-weight: 400; color: var(--mid-grey);}
.app-navbar-right ul.items li .profile img{ width: 100%; height: 100%; object-fit: cover;}
.app-navbar-right ul.items li .profile figure{ width: 48px; height: auto; border-radius: 5px; overflow: hidden; margin:0;}

.app-navbar-right ul.items li .dropdown-menu{ left: auto; right: 0; background: #FFF; box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15); min-width: 200px; margin-top: 14px; border-radius: 0; padding: 0;}
.app-navbar-right ul.items li .dropdown-menu ul{ list-style-type: none; margin: 0; padding: 8px;}
.app-navbar-right ul.items li .dropdown-menu a{display: block; padding: 6px 15px; clear: both; line-height: 1.42857143; color: #292D32; white-space: nowrap; text-decoration: none;}
.app-navbar-right ul.items li .dropdown-menu a:hover{ font-weight: 500;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none;background-color: #f5f5f5;}

main{ background: #fff; border-radius: 5px; /*height: calc(100vh - 76px);*/ position: relative;}
.pd-25{ padding: 25px;}

.info-box{border-radius: 5px; padding: 20px; display: flex; justify-content: space-between; align-items: center;}
.info-box .icon-box{border-radius: 5px; padding: 10px; font-size: 35px; }
.info-box .counter{ font-size: 16px; color: var(--mid-grey); text-align: right;}
.info-box .counter .count{font-size: 30px; font-weight: 600;}

.info-box.small{ padding: 10px 15px;}
.info-box.small .counter{ font-size: 14px; color: #222;}
.info-box.small .counter .count{font-size: 18px;}

.info-box.mid{ padding: 10px 15px;}
.info-box.mid .icon-box{border-radius: 5px; padding: 6px; font-size: 26px; }
.info-box.mid .counter{ font-size: 14px; color: #222;}
.info-box.mid .counter .count{font-size: 24px;}

.info-box.orange{ border: 1px solid #FFF6F0; background: #FFF6F0;}
.info-box.orange .icon-box{ background:  linear-gradient(180deg, #FF9F59 0%, #FF6C00 100%); color: #fff;}
.info-box.orange .counter .count{ color: var(--brand-color);}

.info-box.purple{ border-color:#FCE6FD; background: #FCE6FD;}
.info-box.purple .counter .count{ color: var(--purple);}

.info-box.red-purple{ border-color:#FFE9FF; background: #FFE9FF;}
.info-box.red-purple .counter .count{ color: #E20EE2;}
.info-box.red-purple .icon-box{ background:  linear-gradient(180deg, #F292F3 0%, #4900A9 100%); color: #fff;}

.info-box.see-blue{ border-color:#EAFAFF; background: #EAFAFF;}
.info-box.see-blue .counter .count{ color: #49CDF6;}
.info-box.see-blue .icon-box{ background:  linear-gradient(180deg, #CCF3FF 0%, #31C6F4 100%); color: #fff;}

.info-box.light-yellow{ border-color:#FFF9ED; background: #FFF9ED;}
.info-box.light-yellow .counter .count{ color: #F3AA18;}
.info-box.light-yellow .icon-box{ background:  linear-gradient(180deg, #FFDC97 0%, #F3AA18 100%); color: #fff;}

.info-box.light-red{ border-color:#FFEEEA; background: #FFEEEA;}
.info-box.light-red .counter .count{ color: #F85A35;}
.info-box.light-red .icon-box{ background:  linear-gradient(180deg, #FFCEC2 0%, #F84D26 100%); color: #fff;}

.info-box.sky-blue{ border-color:#E0EEFF; background: #E0EEFF;}
.info-box.sky-blue .counter .count{ color: #4B99F6;}
.info-box.sky-blue .icon-box{ background:  linear-gradient(180deg, #AED3FF 0%, #4394F5 100%); color: #fff;}

.info-box.blue-purple{ border-color:#F1E8FF; background: #F1E8FF;}
.info-box.blue-purple .counter .count{ color: #995FF3;}
.info-box.blue-purple .icon-box{ background:  linear-gradient(180deg, #E2CFFF 0%, #9458F2 100%); color: #fff;}

.info-box.d-orange{ border-color:#FFE3DD; background: #FFE3DD;}
.info-box.d-orange .counter .count{ color: var(--orange);}

.info-box.green{ border-color:#D3FDE1; background: #D3FDE1;}
.info-box.green .icon-box{ background:  linear-gradient(180deg, #38EAAC 0%, #00CB84 100%); color: #fff;}

.info-box.green .counter .count{ color: var(--green);}

.info-box.black{ border-color:#000; background: #000; }
.info-box.black .counter .count{ color: #fff;}
.info-box.light-yellow .icon-box{ background:  linear-gradient(180deg, #FFDC97 0%, #F3AA18 100%); color: #fff;}

.info-box.small.black .counter{color: #fff;}


/* table date */

.all-db-table table.dataTable thead th { border-bottom:0; background-color: #FBFBFC; text-align: left; }
.all-db-table table.dataTable tr:nth-of-type(even)>* { background-color: #FBFBFC; }

table.dataTable thead th, table.dataTable tfoot th{ font-weight: 600 !important; vertical-align: middle;}

div.dt-container.dt-empty-footer tbody>tr:last-child>*{border-bottom:0 !important;}

.all-db-table .table > :not(caption) > * > *{ padding-top: 1rem; padding-bottom: 1rem;}

/* .all-db-table table.dataTable tr:hover { background-color: #FFF6F0 !important;} */

.all-db-table tbody tr td{border-color:transparent;}

div.dt-container .dt-paging .dt-paging-button:hover{background: #222 !important; border-color: #222 !important; }

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{background: #F1F1F1 !important; border-color: #F1F1F1 !important; color: #222 !important}

div.dt-container .dt-paging .dt-paging-button{border-radius: 5px !important; color: var(--mid-grey) !important; font-size: 15px; font-weight: 400; padding: .4em !important; min-width: 40px !important;}

div.dt-container div.dt-layout-cell{padding: 10px 0 !important;}

.all-db-table div.dt-container select.dt-input{border-radius: 3px; border: 1px solid rgba(154, 162, 172, 0.80); background: #FFF; color: var(--light-grey); font-size: 14px;  padding: 12px 10px;  margin-right: 15px; appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); width: 80px; background-repeat: no-repeat; background-position: 82% 15px; background-size: 14px;}

div.dt-container .dt-paging .dt-paging-button.previous:hover, div.dt-container .dt-paging .dt-paging-button.next:hover, .all-db-table div.dt-container .dt-paging .dt-paging-button.disabled, .all-db-table div.dt-container .dt-paging .dt-paging-button.disabled:hover, .all-db-table div.dt-container .dt-paging .dt-paging-button.disabled:active{ font-weight: 600 !important; background: transparent !important; border-color: transparent !important; color: rgba(0, 0, 0, 0.5) !important;}

div.dt-container .dt-paging .dt-paging-button.previous{ margin-left: 0; margin-right: 10px; font-weight: 600 !important;}
div.dt-container .dt-paging .dt-paging-button.next{ margin-left: 10px; margin-right: 0px; font-weight: 600 !important;}

div.dt-container .dt-search input{padding: 8px !important; border: 1px solid rgba(154, 162, 172, 0.80) !important; padding: 12px 15px !important; margin: 0;}
div.dt-container .dt-search input:focus-visible{ outline: none;}

div.dt-processing>div:last-child>div{background: #ff740d !important; }

/* dt dropdown*/
.dt-button-collection { position: absolute; left: 0; top: 100% !important; margin: 0; margin-top: 5px; padding: 0; border-radius: 3px; z-index: 9000; min-width: 180px;  text-align: left; list-style: none; border: 1px solid rgba(154, 162, 172, 0.80); background: #FFF; box-shadow: 0px 4px 10px 0px rgba(138, 142, 148, 0.15);}
.dt-button-collection button { border: none; color: #4A4A4A; padding: 8px 16px; word-wrap: break-word; white-space: normal; font-weight: 400; line-height: 1.42857143; background: transparent; display: block; width: 100%;text-align: left; font-size: 14px;}

.dtb-footer{ display: flex; align-items: center; margin-top: 1.5rem; justify-content: space-between;}
.dtb-header{display: flex; gap: 10px; margin-bottom: 1.5rem; flex-wrap: wrap;}

div.dt-container .dt-search input{border-radius: 5px !important; border: 1px solid rgba(154, 162, 172, 0.80) !important; background-color: #FFF !important; color: var(--light-grey) !important; margin-left: 0 !important;}

.dt-search {position: relative;}
div.dt-container .dt-search input{ padding-left: 48px !important;}
.dt-search i{ position: absolute; height: 100%; top: 0; left: 0; line-height: normal; padding: 10px; cursor: pointer;}


/* secondary shadow */
/* box-shadow: 0px 4px 10px 0px rgba(138, 142, 148, 0.15); */

/*  */

.all-db-table .table td a{ text-decoration: underline; color: #000; font-weight: 600;}
.all-db-table .table td a:hover{text-decoration: none; }
.all-db-table .table td a[type="button"]{text-decoration: none !important;}
.all-db-table .table td a[type="button"]:hover{ color:#F1F1F1; text-decoration: none !important;}


.main-inner{ /*height: calc(100% - 121px);*/}
.copy-right{ text-align: center; left: 0; bottom: 0; width: 100%; padding: 12px; font-size: 14px; color: #4A4A4A; }

.action-box{display: flex; gap: 8px; justify-content: flex-start;}
.action-box .btn {border-radius: 5px; background: #F1F1F1; padding: 7px; color: rgba(74, 74, 74, 1);}
.action-box .btn:hover{ background-color: rgba(74, 74, 74, 1); color: #F1F1F1; }

/* all badge */
.badge{border-radius: 5px; color: #FFF; font-size: 13px; font-weight: 400;}
.new-lead{background: #F7B600;}
.not-interested{background: #3B8AFF;}
.follow-up{background: #00D959;}
.draft{background: #676767;}
.sent{background: #FF5F00;}
.accepted{background: #3DC13C;}
.declined{background: #DB6300;}
.expired{background: #F00;}
.pending{background: #FF4949;}
.manufactured{background: #1255C9;}
.ordered{background: #153AE7;}
.manufacturing{background: #452FB4;}
.admin{background: #FF6C00;}
.installation{background: #20851F;}
.deactivate{background: #9D9D9D;}
.require-variation{background: #FF9F59;}
.pick-up{background: #F27712;}
.paid-in-full{background: #FFCB14;}


/* Tooltip */
.tooltip{ font-family: "Poppins", sans-serif; font-size: 14px; box-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0.05);}
.tooltip-inner{ padding: 15px; }

/* all button */

.btn i{ font-size: 23px; display: block;}
.btn{ text-align: center; vertical-align: middle; font-size: 14px; font-weight: 600; cursor: pointer; user-select: none; border-radius: 5px; box-shadow: none; padding: 12px 40px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-weight: 500; margin: 0;}
.btn.btn-sm{ padding: 10px 30px;}

.btn-primary{background: var(--black); border-color:var(--black);}
.btn-primary:hover, .btn-primary:active{background: var(--brand-color); border-color:var(--brand-color);}
.btn[disabled]{background:#D0D0D0; border-color:#D0D0D0;}

.btn-light{border: 1px solid #E5E5EF; background: #FFF; color: #D3D3F3;}

.btn-alter{border: 1px solid rgba(154, 162, 172, 0.80); background: #FFF; color: #4A4A4A;}
.btn-alter:hover{border-color: #424649;}

.iconed-btn{ padding: 8px 20px;}
.iconed-btn i{ vertical-align: middle;}
.iconed-btn i,
.iconed-btn.only-btn i{ display: inline-block;}

.btn-orange{ background-color: #F36832; border-color: #F36832;}
.btn-orange:hover, .btn-orange:active{background: var(--light-grey); border-color:var(--light-grey);}
.btn-grey{ background-color: var(--light-grey); border-color: var(--light-grey);}

.btn-white{ background: #fff; color: #27292C;}
.btn-white:hover, .btn-white:active{background: var(--brand-color); border-color:var(--brand-color); color: var(--white);}
.btn-icon{ padding: 8px;}

.only-btn{ padding: 8px;}
.only-btn i{ display: block;}
.btn-dark{ background: #27292C;}

/*  */
.orange-card-header{border-radius: 5px 5px 0px 0px; background: #FFF6F0; padding: 30px; display: flex; justify-content: space-between; align-items: center; gap: 15px; flex-wrap: wrap;}

.ico-text{ color: #000; text-decoration: none;}
a.ico-text:hover{ color: var(--mid-grey);}

.small-info-box{ display: flex; list-style: none; padding: 0; margin: 0; gap: 15px; flex-wrap: wrap;}
.small-info-box li{ flex: auto;}

.info-box-holder{ display: flex; list-style: none; padding: 0; margin: 0; gap: 10px; flex-wrap: wrap;}
.info-box-holder li{ /*flex: auto;*/  flex: 1 0 calc(14.28% - 10px);}

.brand-tabs { border-bottom: 1px solid #EFF2F5; border-top: 1px solid #EFF2F5; gap: 20px; display: flex;}
.brand-tabs li a { color: #4A4A4A; font-weight: 500; line-height: normal; display: block; padding: 20px;align-items: center;  font-size: 16px; position: relative;}
.brand-tabs li a::after { content: ''; position: absolute; border-radius: 5px; left: 0; bottom: 0px; right: 0; background-color: transparent; height: 5px; }
.brand-tabs .nav-link:hover, .nav-link:focus{ color: var(--black);}
.brand-tabs .nav-link.active::after { background-color: var(--black); }
.brand-tabs .nav-link.active{ font-weight: 600; color: var(--black);}
.tab-pane{ padding: 30px 0;}

.w-400{ width: 400px;}

.action-box .btn.btn-white{ background: #fff; color: #27292C;  border: 1px solid rgba(154, 162, 172, 0.80);}

.mt-30{ margin-top: 30px;}

/* custom check box */

.cst-check input{ display: none;}
.cst-check span{height: 24px; width: 24px; display: inline-block; position: relative; background: #F4F5F8; border-radius: 5px; vertical-align: middle;}
.cst-check span:before{content: "\e948"; position: absolute; line-height: normal; left: 3px; top: 3px; opacity: 0; color: #fff; font-family: 'icomoon' ; font-size: 18px;}
.cst-check input:checked + span{ background: #232323;}
.cst-check input:checked + span:before{ opacity: 1;}

.cst-check input:disabled + span{ opacity: .55;}


/* custom radio button */

.cst-radio{ vertical-align: middle;}
.cst-radio input{ display: none;}
.cst-radio span{height: 18px; width: 18px; display: inline-block; position: relative; border-radius: 50px; border: 1px solid #D1D1D1; position: relative; vertical-align: middle;}
.cst-radio span:before{ background: #222; width: 8px; height: 8px; border-radius: 50px; content: ''; position: absolute; opacity: 0; margin: calc(50% - 4px); left: 0;}
.cst-radio input:checked + span{ border-color: #222 ;}
.cst-radio input:checked + span:before{ opacity: 1;}

.cst-radio input:disabled + span{ opacity: .55;}

.cst-radio span.radio-lg { width: 24px; height: 24px;}
.cst-radio span.radio-lg:before{ width: 12px; height: 12px; margin: calc(50% - 6px);}
.cst-radio span.dark{ border-color: #232323;}


/* custom select */

.select2.select2-container { width: 100% !important; }

.select2.select2-container .select2-selection { border-radius: 5px; border: 1px solid rgba(154, 162, 172, 0.80); background: #FFF; color: var(--light-grey); font-size: 14px; padding: 12px 15px; height: 45px; outline: none !important; transition: all .15s ease-in-out;}
.select2.select2-container .select2-selection.select2-selection--multiple{ padding: 5px;}

.select2.select2-container .select2-selection .select2-selection__rendered {color: var(--light-grey); line-height: normal; padding-left: 0;}

.select2.select2-container .select2-selection .select2-selection__arrow { border-radius: 0 3px 3px 0; height: 100%; width: 33px;}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {}

.select2-container .select2-dropdown { background: transparent; border: none;}
.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] { background-color: #fafafa; color: var(--light-grey);}

.select2-container .select2-dropdown .select2-results ul { background: #fff; border: 1px solid rgba(154, 162, 172, 0.80); }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: transparent !important;}
.select2-results__option,
.select2-container .select2-dropdown .select2-search input{ position: relative;  padding: 8px 6px !important;}

.select2-container--default .select2-results__option[aria-selected=true]:after{content: "\e948"; font-family: 'icomoon'; position: absolute; right: 0; padding: 0 10px;}
.select2-container .select2-dropdown .select2-search input { outline: none !important; border-bottom:0 !important ;}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple { border: 1px solid #34495e;}

.select2.select2-container .select2-selection--multiple { height: auto; min-height: 34px;}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field { margin-top: 0;height: 32px;}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered { display: block; padding: 0 4px;line-height: 29px;}

.select2.select2-container .select2-selection--multiple .select2-selection__choice { background-color: #F1F1F1; border: 0; border-radius: 5px; margin: 4px 4px 0 0; padding: 0 22px 0 6px; height: 24px; line-height: 24px; font-size: 14px; position: relative;}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { position: absolute; top: 0; right: 0; height: 22px; width: 22px; margin: 0; text-align: center; color: #000; font-weight: bold; font-size: 16px; }

.select2-container .select2-dropdown .select2-search { padding: 0;}
.select2-container .select2-dropdown .select2-results { padding: 0;}
.select2-container{z-index: 1048;}

/* cart table */

.cart-table th{ background: rgba(209, 209, 209, 0.30);}
.cart-table th, .cart-table td{padding: .6rem;}
.cart-table tr.greyd-strip td{ background: rgba(209, 209, 209, 0.30);}

.cart-table .item{ width: 12%;}
.cart-table .item-name{ width: 15%;}
.cart-table .item-desc{ width: 30%;}
.cart-table .item-qty{ width: 8%;}
.cart-table .item-rate{ width: 15%;}
.cart-table .item-price{ width: 12%;}

.input-group > .form-control-sm{ position: relative; flex: 1 1 auto; width: 1%; min-width: 0;}
.form-control-sm{ width: 100%;}
.input-group-text{ border-radius: 5px;}

.input-group.disabled [class*=form-control-],
.input-group.disabled .input-group-text{border: 1px solid rgba(221, 221, 221, 0.50); background: rgba(221, 221, 221, 0.50);}

.font-11{ font-size: 11px;}
.font-12{ font-size: 12px;}
.font-13{ font-size: 13px;}
.font-14{ font-size: 14px;}

.gap-max td{ padding-top: 1.3em; padding-bottom: 1.3em;}

.bold-font [class*=form-control-]{ font-weight: 600;}

/* serach dropdown */

.searchdrop-box{border-radius: 8px; border: 1px solid rgba(154, 162, 172, 0.80); background: #FFF; position: absolute; padding: 18px; width: 100%; z-index: 1046;}
.searchdrop-box.drop-up {top: auto;bottom: 100%;}
.show-result{ font-weight: 700; color: var(--black);}
.show-result span{ color: var(--brand-color);}

ul.search-list{ margin: 0; padding: 0 15px 0 0; list-style: none; overflow: auto; max-height: 555px;}
ul.search-list li{border-radius: 8px; background: #F1F1F1; border: 1px solid #F1F1F1; margin-bottom: 10px; padding: 16px; color: var(--light-grey);}
ul.search-list li:hover, ul.search-list li.active{ border-color: #888;}

ul.search-list li h6{ font-weight: 600; color: var(--black);}
ul.search-list li:last-child{ margin-bottom: 0;}

ul.search-list:hover::-webkit-scrollbar-thumb {background:rgb(0, 0, 0);}
ul.search-list::-webkit-scrollbar { width:4px; }
ul.search-list::-webkit-scrollbar-track { background:#EDEDED; border-radius:30px; }
ul.search-list::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, 0); border-radius:30px; }

.selected-user {color: #222; font-weight: 600; font-size: 16px;}
.user-icon{border-radius: 36px; background: #F1F1F1; padding: 10px; margin-right: 12px;}
.user-icon i{ display: block;}
ul.search-list.job-profit-box{ max-height: 180px;}



/* all modal */
.modal-content{ border-radius: 2px; border: 0; color: var(--black);}
.modal-header, .modal-body, .modal-footer { padding: 20px 25px; border: 0;}
.modal-title{color: var(--black); font-size: 18px; font-weight: 600;}
.modal-header .btn-close{border-radius: 3px; background: #F1F1F1; color: var(--black); height: auto; width: auto; padding: 2px; opacity: 1;}
.modal-header .btn-close i{ display: block;}

.modal-backdrop.show{ opacity: .8;}
.modal-700{ max-width: 700px;}

.sender-name{ font-weight: 600; color: #000; text-align: center;}


.blank-space-40{ height: 40px;}

.attachment-strp{ display: flex; position: relative; border-bottom: 1px solid #D1D1D1; align-items: center; padding-bottom: 10px; padding-right: 30px;}
.attachment-strp a.attachment{ display: flex; color: #212529; display: flex; align-items: center; text-decoration: none;}
.attachment-strp a.attachment:hover{ color: #4A4A4A;}

.attachment-strp .del{ position: absolute; right: 0; color: var(--light-grey); text-decoration: none; padding: 3px; display: block;}

.font-18{ font-size: 18px;}

/* custom upload */

.gl-upload{border-radius: 5px; background: rgba(243, 243, 243, 0.50); display: flex; text-align: center; align-items: center; justify-content: center; position: relative; padding: 30px;}
.gl-upload [type=file]{ opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.gl-upload .up-icon{ margin-bottom: 15px;}
.gl-upload .txt-up{ display: block; font-weight: 600; margin-bottom: 10px;}

.tag.btn{ padding: 12px 60px 12px 15px ; position: relative; display: flex; align-items: center; background: #FBFBFC;}
.tag.btn:hover{background-color: var(--light-grey); color: #fff;}
.tag.btn .file-name{ display: flex; align-items: center;}
.tag.btn .del{background-color: #F1F1F1; color: var(--light-grey); border-radius: 5px; padding: 0.25rem; line-height: normal; position: absolute; left: auto; right: 15px; font-size: 24px;}

/* gallery */

.client-phbox{ display: flex; align-items: center; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.client-phbox a{ color: #6C757D; font-size: 13px; text-decoration: none; display: block;  height: 250px; width: calc(25% - 30px); margin:15px;}
.client-phbox figure{ margin: 0; position: relative; height: 90%; }
.client-phbox figure img{ object-fit: cover; width: 100%; height: 100%; margin-bottom: 10px;}
.client-phbox figure .dt-delete{ position: absolute; top: 10px; right: 10px; background: var(--black); color: #fff; padding: 0 4px; font-size: 18px; border-radius: 4px; line-height: normal;}

/* pop photos */

.attachments-wrapper{ display: flex; flex-wrap: wrap; gap: 15px;}
.attachments-wrapper .modal-attachments{flex: 0 0 calc(33.333% - 15px); word-break: break-word;}
.attachments-wrapper img { position: relative; height: 120px; margin-bottom: 5px; width: 100%;object-fit: cover; }

/* Toggle */

.w-400{max-width: 400px;}
.toggle { box-sizing: border-box; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; border-radius: 4px; background: #FFF; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16) inset; padding: 6px; gap: 10px}
.toggle input { display: none; }
.toggle input + label {margin: 0; padding: 0.8rem 2rem; box-sizing: border-box; position: relative; display: inline-block; text-align: center; flex: 1 0 calc(50% - 1rem); display: flex; justify-content: center; align-items: center; min-height: 45px; font-size: 16px; font-weight: 400; border-radius: 5px; transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;  cursor: pointer;
}
.toggle input + label i{ margin-right: 10px;}
.toggle input:checked + label { background-color: var(--black); color: #fff; border-color: var(--black); z-index: 1; font-weight: 600;}


/* sticky header */
.sticky { position: fixed; top: 0; background: #fff6f0; z-index: 1049; left: auto; width: 100%; box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);}
.sticky + #wrapper main { padding-top: 81px;}

.mw-205{ min-width: 205px;}

/* sweet popup */
div:where(.swal2-container) div:where(.swal2-popup){border-radius: 2px !important; border: 0 !important;}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation{background: rgba(0, 0, 0, .8) !important;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border: 1px solid #E5E5EF !important; background: #FFF !important; color: #D3D3F3 !important; border-radius: 5px !important; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{ color: #000 !important; background-color: #d3d4d5 !important; border-color: #d3d4d5 !important;}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background: var(--black) !important; border-color: var(--black) !important;  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled.swal2-confirm:hover{background: var(--brand-color) !important; border-color: var(--brand-color) !important; color: #fff !important;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:none !important}
div:where(.swal2-container) button:where(.swal2-styled) { min-width: 100px;}

/* sweet popup */

.alert{ padding: 10px 12px;}
.alert svg { width: 35px; height: 35px; border-radius: 50px; margin-right: 10px; padding: 4px;}

.alert.alert-success svg { background: #0F5132;}
.alert.alert-danger svg { background: #842029;}

.alert svg path {stroke: #ffffff;}

.alert-dismissible .btn-close{ height: 100%; box-sizing: border-box; margin-right: 12px;}

.tags-input { display: inline-block; position: relative; border: 1px solid #ccc; border-radius: 4px; padding: 5px; box-shadow: 2px 2px 5px #00000033; width: 50%;}
.tags-input ul {list-style: none;padding: 0;margin: 0;}
.tags-input li {isplay: inline-block;background-color: #f2f2f2;color: #333;border-radius: 20px;padding: 5px 10px;margin-right: 5px;margin-bottom: 5px;}

.tags-input input[type="text"] {border: none; outline: none; padding: 5px; font-size: 14px;}
.tags-input input[type="text"]:focus {outline: none;}
.tags-input .delete-button {background-color: transparent;border: none;color: #999;cursor: pointer;margin-left: 5px;}

.flex-form{display: flex; flex-direction: column;}
.mh-550{ min-height: 550px;}
.mh-800{ min-height: 800px;}
.grow-1{ flex-grow: 1;}

.highcharts-figure,
.highcharts-data-table table { min-width: 360px; max-width: 800px; margin: 1em auto;}

.highcharts-data-table table { font-family: "Poppins", sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%;
max-width: 500px;}

.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }

.highcharts-data-table th {font-weight: 600; padding: 0.5em;}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {padding: 0.5em;}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {background: #f8f8f8;}

.highcharts-data-table tr:hover {background: #f1f7ff;}

.bor-box{border: 1px solid rgba(148, 156, 169, 0.14); position: relative;}
.chrt-box [class*=col-]{ padding: 15px;}
.days-tab{ box-shadow: none; border: 1px solid rgba(211, 211, 211, 0.50);}
.days-tab.toggle input + label{ min-height:1px; flex: auto; white-space: nowrap; padding: 10px;}
.days-tab.toggle input:checked + label{ background: #4A4A4A;}
.width-325{ width: 325px;}

#profileImage { width: 50px; height: 50px; border-radius: 50%; font-size: 16px; background: linear-gradient(180deg, #FF6C00 0%, #FF9F59 100%); color: #fff; text-align: center; line-height: 36px; padding: 8px;}

/* dashboard */
.bor-box .info-box { padding: 0;}
.bor-box .info-box .right{position: absolute; left: auto; right: 10px;}

.dsh-blue .icon-box{background:linear-gradient(180deg, #4A83F2 0%, #002B7E 100%);}
.dsh-blue .info-box .count{ color: #152A59;}

.dsh-pink .icon-box{background:linear-gradient(180deg, #F292F3 0%, #4900A9 100%);}
.dsh-pink .info-box .count{ color: #5C10B1;}

.dsh-green .icon-box{background:linear-gradient(180deg, #33C6D6  0%, #433580 100%);}
.dsh-green .info-box .count{ color: #423D85;}

.dsh-light-pink .icon-box{background: linear-gradient(180deg, #FF8E94 0%, #FF71BC 100%);}
.dsh-light-pink .info-box .count{ color: #ff8a9b;}

.dsh-box .icon-box { margin-right: 10px;  color: #fff; display: flex; align-items: center; min-width: 60px; text-align: center;}
.dsh-box .info-box .counter{ text-align: left; font-size: 14px;}

.view { border-radius: 5px; background: #F1F1F1; padding: 7px; color: rgba(74, 74, 74, 1);}
.view:hover {background-color: rgba(74, 74, 74, 1); color: #fff;}

.p-12{ padding: 12px;}

.prev-month-status {color:#4A4A4A; font-size: 14px;}
.prev-month-status .counter{ display: flex; align-items: center;}
.prev-month-status .count{ font-size: 24px; font-weight: 600; color: #000; margin-right: 10px;}

.prev-month-status .high{color: #00D959; font-weight: 600;}
.prev-month-status .high:before{content: "\e903"; font-family: 'icomoon';}

.prev-month-status .low{color: #ff1a1a; font-weight: 600;}
.prev-month-status .low:before{content: "\e902"; font-family: 'icomoon';}

.simple-link{ color: #000;}
.simple-link:hover{ color: var(--black); text-decoration: none;}

.all-db-table.table-bordered tbody tr td{ border-color: rgb(222,226,230);}

.feed-item{ display: flex; }
.feed-item .text{position: relative; padding-bottom: 15px; padding-left: 20px; border-left: 3px solid #E5EAEE; color: #232323; margin-bottom: 3px;}
.feed-item .time{color: #9AA2AC; line-height: normal; padding-right: 10px; flex: 0 0 15%;}

.feed-item .text:after{ content: ""; display: block; position: absolute; top: 0; left: -8px; width: 14px; height: 14px; border-radius: 50px; background: #fff; border: 3px solid #E5EAEE;}

.p-history{ border-radius: 5px; border: 1px solid rgba(148, 156, 169, 0.14); overflow: hidden;}
.p-history .balnce{ display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid rgba(148, 156, 169, 0.14);}
.p-history .balnce:last-child{ border: 0;}
.p-history .red{background: #FFEEEA; }
.p-history .red b{color: #ff1a1a;}
.p-history .green{background: #D3FDE1; }
.p-history .green b{color: #007c50;}

.btn-wait-list{ border-color:#EEF1F5; background: #EEF1F5; padding: 0.3em 0.6em 0 0.6em; font-size: 20px;}
.btn-wait-list:hover{ background: #232323; border-color: #232323; color: #fff;}

.hasDatepicker .ui-datepicker{ width: auto; padding: 0;}
.hasDatepicker .ui-widget-header{ border: 0; background:transparent; color: inherit; font-weight: normal;}
.hasDatepicker .ui-widget-header .ui-icon{background-image: url(../img/calender-ui-icon.png) !important;}
.hasDatepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w{ background-position: 0 0;}
.hasDatepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e{ background-position: right 0;}
.ui-icon-circle-triangle-e {background-position: -33px -1px;}
.ui-icon-circle-triangle-w {background-position: -97px -1px;}
.hasDatepicker .ui-widget.ui-widget-content{border: none;}
.hasDatepicker .ui-widget-content{background:transparent;}
.hasDatepicker .ui-datepicker .ui-datepicker-title{ text-align: left;}


.hasDatepicker .ui-state-default,
.hasDatepicker .ui-widget-content .ui-state-default,
.hasDatepicker .ui-widget-header .ui-state-default,
.hasDatepicker .ui-button, html .hasDatepicker .ui-button.ui-state-disabled:hover,
html .hasDatepicker .ui-button.ui-state-disabled:active{ border: 0; background: transparent; font-weight: normal; color: #4B4F52; border-radius: 5px; line-height: 35px; height: 40px;}

.hasDatepicker .ui-datepicker td span, .hasDatepicker .ui-datepicker td a{ text-align: center; font-size: 15px;}

.hasDatepicker .ui-datepicker-today{}
.ui-datepicker td .ui-state-default{ display: inline-block; width: 40px; height: 40px;}

#mycalendar.hasDatepicker .ui-datepicker-current-day .ui-state-active,
#mycalendar.hasDatepicker .ui-datepicker-today .ui-state-active{ background-color: #000; color: #fff !important; box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.24);}

.has-job > a { position: relative; }
.has-job > a:after{ background: #9AA2AC; width: 5px; height: 5px; content: ''; position: absolute; bottom: 0; left: 50%; border-radius: 50px; }
.ui-datepicker-current-day.has-job > a:after{ background: #fff;}

.hasDatepicker .ui-datepicker .ui-datepicker-prev { right: 20px; left: auto; }
.hasDatepicker .ui-datepicker .ui-datepicker-title{ margin-left: 12px; font-weight: 500;}

.hasDatepicker .ui-datepicker-selected {background-color: #000; color: #fff; border-radius: 50%;}

.hasDatepicker .ui-state-hover,
.hasDatepicker .ui-widget-content .ui-state-hover,
.hasDatepicker .ui-widget-header .ui-state-hover,
.hasDatepicker .ui-state-focus,
.hasDatepicker .ui-widget-content .ui-state-focus,
.hasDatepicker .ui-widget-header .ui-state-focus,
.hasDatepicker .ui-button:hover,
.hasDatepicker .ui-button:focus{ border: transparent; background: transparent; /*color: #fff;*/}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{ top: auto !important;}

.calendar-act-box{border-radius: 24px; background: #F9F5FF; padding: 15px; display: flex; gap: 20px; color: #995FF3; margin-bottom: 20px; text-decoration: none;}
.calendar-act-box:hover{ color: #995FF3;}
.calendar-act-box:last-child{ margin-bottom: 0;}
.calendar-act-box .desc-job {line-height: 22px;}
.calendar-act-box .icon-box{ position: relative;}
.calendar-act-box .icon-box:before{ position: absolute; content: ''; border-left: 2px solid #E5D6FF; height: 95%; left: 50%; z-index: 0;}
.calendar-act-box .icon-box:after{ position: absolute; content: ''; background: #b28af6; width: 12px; height: 12px; bottom: 4px; left: calc(50% - 5px); border-radius: 60px; z-index: 2;}

.calendar-act-box .icon-box i{ font-size: 30px; color: #9F66FF; background: #E5D6FF; padding: 8px; border-radius: 10px; display: block; z-index: 2; position: relative;}
.calendar-act-box .name{ font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.calendar-act-box .jb-no{ font-size: 13px; opacity: .7; font-weight: 500;}

.calendar-act-box.measurement-act-box{ background: #E8EEFA; color: #1255C9;}
.calendar-act-box.measurement-act-box:hover{ color: #1255C9;}
.calendar-act-box.measurement-act-box .icon-box:before{border-color: #C8D8F3;}
.calendar-act-box.measurement-act-box .icon-box:after{ background: #608cd8;}
.calendar-act-box.measurement-act-box .icon-box i{background: #C8D8F3; color: #1255C9;}

.scroll.activity-box {overflow-y: auto; height: calc(100vh - 36px);}
.scroll.activity-box:hover::-webkit-scrollbar-thumb {background:#9f66ff;}
.scroll.activity-box::-webkit-scrollbar { width:1px; }
.scroll.activity-box::-webkit-scrollbar-track { background:#f9f5ff; border-radius:10px; }
.scroll.activity-box::-webkit-scrollbar-thumb { background:#9f66ff; border-radius:10px; }

.calendar-act-box.stonaa-no-data { background-color: #FFF6F0; color: #212529;}

.toggle-new{ display: flex; align-items: center;}
.toggle-new input[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
.toggle-new .toggler { cursor: pointer; text-indent: -9999px; width: 48px; height: 25px; background: #e9ecef; border-radius: 100px; position: relative;}
.toggle-new .toggler:after { content: ''; position: absolute; top: 4px; left: 5px; width: 17px; height: 17px; background: #fff; border-radius: 90px; transition: 0.3s;}
.toggle-new input:checked + .toggler { background: #7bda55;}
.toggle-new input:checked + .toggler:after { left: calc(100% - 5px); transform: translateX(-100%);}

/* full calender */
.fc table a { color: var(--mid-grey); text-decoration: none;}
.fc .fc-daygrid-day.fc-day-today { background-color: rgb(255 246 240);}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{background-color:var(--brand-color); border-color:var(--brand-color);}
.fc .fc-button-primary{ background-color: var(--black); border-color: var(--black); text-transform: capitalize; padding: 0.6em .8em; border-radius: 5px}
.fc-h-event .fc-event-title{vertical-align: -webkit-baseline-middle;}
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title{padding: 2px;}

/* xero connect */
.connect-btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: #13B5EA;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}
.connect-btn:hover {
    background-color: #0e93c9;
}

.boxed-col.row{margin: 0;}
.boxed-col [class*="col-"]{ border-bottom: 1px solid #D1D1D1; border-left: 1px solid #D1D1D1; padding-top:12px; padding-bottom: 12px;}
.boxed-col [class*="col-"]:nth-child(2n+0){  border-right: 1px solid #D1D1D1;}
.boxed-col [class*="col-"]:first-child, .boxed-col [class*="col-"]:nth-child(2){  border-top: 1px solid #D1D1D1;}
.boxed-col [class*="col-"]:last-child{  border-right: 1px solid #D1D1D1;}

/* full calender */

@media (min-width: 768px) {
    #page-content-wrapper{margin-left: 20rem; transition: margin 0.25s ease-out;}
    body.sb-sidenav-toggled #wrapper #page-content-wrapper { margin-left: 5.5rem; }
    body.sb-sidenav-toggled #wrapper #sidebar-wrapper,
    body.sb-sidenav-toggled .sidebar-heading{width: 5.6rem; }
    body.sb-sidenav-toggled #wrapper #sidebar-wrapper .list-group ul li a span{ opacity: 0; visibility: hidden;}
}

@media (max-width: 1500px) {
    .info-box-holder li {flex: 1 0 calc(25% - 10px);}
}

@media (max-width: 1072px) {
    .info-box-holder li {flex: 1 0 calc(50% - 10px);}
}

@media (max-width: 991px) {
    .w-400 { width: auto;}
}
@media (max-width: 767px) {
    .sidebar-heading{ width: auto;}
    #sidebar-wrapper{ width: 0; background: #fff; box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);}
    .sb-sidenav-toggled #sidebar-wrapper{ width: 20rem;}
    .orange-card-header{ padding: 15px;}
    .brand-tabs{flex-wrap: wrap;}
    .brand-tabs li{ flex: 0 0 100%;}
    .pd-25 {padding: 15px;}
    .brand-tabs li a{ padding: 15px;}
    .toggle-logo{ margin: 0;}
    .app-navbar-right ul.items li .profile{ gap: 0;}
    .dt-container .dt-search{ margin: 0 !important;}
    .info-box{ padding: 10px;}
    .info-box-holder{ flex-wrap: wrap;}
    .text-lg-end{gap: 10px; display: flex; flex-wrap: wrap;}
    .text-lg-end *{ margin: 0 !important; width: 100%;}
    .w-400 {width: auto;}
    .searchdrop-box{ width: auto;}
    .sidebar-heading:after{ width: auto;}
    #sidebar-wrapper:after{ width: 80px;}
    .list-group ul li a i{ padding-left: 28px; padding-right: 28px;}
    .small-title{ font-size: 18px;}
    .modal-footer{justify-content: center;}
    .attachments-wrapper .modal-attachments{flex: 100%;}
    .boxed-col [class*="col-"]:first-child{}
    .boxed-col [class*="col-"]:nth-child(2){ border-top: 0;}
    .boxed-col [class*="col-"] {  border-right: 1px solid #D1D1D1;}
    .w-75 { width: auto !important;}
    .info-box-holder li {flex: 1 0 100%;}
}

@media (max-width: 500px) {
    .app-navbar-right ul.items li .profile aside{ display: none;}
    .filter_by_person{ flex-wrap: wrap;}
    .filter_by_person .form-label { margin-bottom: 10px !important;}

}
@media (max-width: 400px) {
    .days-tab.toggle input + label{padding: 4px;}

}
.delete-payment-btn{
    padding: 0 0 0 0 !important;
}