/*!
*
* Template: Qompac-Ui - Responsive Bootstrap 5 Admin Dashboard Template
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for color variable.
*
*/a{color:var(--bs-primary)}a:hover{color:var(--bs-primary-shade-20)}:root{--bs-heading-color: #16042a;--bs-primary: #7016d0;--bs-primary-shade-80: #16042a;--bs-primary-shade-60: #2d0953;--bs-primary-shade-40: #430d7d;--bs-primary-shade-20: #5a12a6;--bs-primary-tint-90: #f1e8fa;--bs-primary-tint-80: #e2d0f6;--bs-primary-tint-60: #c6a2ec;--bs-primary-tint-40: #a973e3;--bs-primary-tint-20: #8d45d9;--bs-primary-rgb: 112, 22, 208;--bs-heading-color: #222126;--bs-secondary: #aca4bc;--bs-secondary-shade-80: #222126;--bs-secondary-shade-60: #45424b;--bs-secondary-shade-40: #676271;--bs-secondary-shade-20: #8a8396;--bs-secondary-tint-90: #f7f6f8;--bs-secondary-tint-80: #eeedf2;--bs-secondary-tint-60: #dedbe4;--bs-secondary-tint-40: #cdc8d7;--bs-secondary-tint-20: #bdb6c9;--bs-secondary-rgb: 172, 164, 188}.text-primary{color:var(--bs-primary) !important}.bg-primary{background-color:var(--bs-primary) !important}.bg-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1) !important}a.bg-soft-primary,button.bg-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1) !important}a.bg-soft-primary:hover,a.bg-soft-primary:focus,button.bg-soft-primary:hover,button.bg-soft-primary:focus{color:var(--bs-primary-shade-20);background-color:rgba(var(--bs-primary-rgb), 0.2) !important}.text-info{color:var(--bs-info) !important}.bg-info{background-color:var(--bs-info) !important}.bg-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1) !important}a.bg-soft-info,button.bg-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1) !important}a.bg-soft-info:hover,a.bg-soft-info:focus,button.bg-soft-info:hover,button.bg-soft-info:focus{color:var(--bs-info-shade-20);background-color:rgba(var(--bs-info-rgb), 0.2) !important}.accordion-button:not(.collapsed){color:var(--bs-primary-shade-20);background-color:var(--bs-primary-tint-90);-webkit-box-shadow:inset 0 -1px 0,rgba(var(--bs-black-rgb), 0.13);box-shadow:inset 0 -1px 0,rgba(var(--bs-black-rgb), 0.13)}.accordion-button:focus{border-color:var(--bs-primary-tint-40);-webkit-box-shadow:0 .125rem 0rem 0rem,rgba(var(--bs-primary-rgb), 0.15);box-shadow:0 .125rem 0rem 0rem,rgba(var(--bs-primary-rgb), 0.15)}.alert-primary{color:var(--bs-primary-shade-40);background:var(--bs-primary-tint-60);border-color:var(--bs-primary)}.alert-primary .alert-link{color:var(--bs-primary-shade-40)}.alert-primary.alert-solid{color:var(--bs-white);background:var(--bs-primary);border-color:var(--bs-primary)}.alert-left.alert-primary{border-color:var(--bs-primary)}.alert-top.alert-primary{border-color:var(--bs-primary)}.alert-right.alert-primary{border-color:var(--bs-primary)}.alert-bottom.alert-primary{border-color:var(--bs-primary)}.alert-info{color:var(--bs-info-shade-40);background:var(--bs-info-tint-60);border-color:var(--bs-info)}.alert-info .alert-link{color:var(--bs-info-shade-40)}.alert-info.alert-solid{color:var(--bs-white);background:var(--bs-info);border-color:var(--bs-info)}.alert-left.alert-info{border-color:var(--bs-info)}.alert-top.alert-info{border-color:var(--bs-info)}.alert-right.alert-info{border-color:var(--bs-info)}.alert-bottom.alert-info{border-color:var(--bs-info)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-primary-shade-20);-webkit-border-radius:.25rem;border-radius:.25rem;cursor:pointer}.dropdown-item.active,.dropdown-item:active{color:var(--bs-white);-webkit-border-radius:.25rem;border-radius:.25rem;cursor:pointer}.btn.btn-primary{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.btn.btn-primary:hover{color:var(--bs-white);background-color:#ff9540;border-color:var(--bs-primary-shade-20)}.btn.btn-primary:focus{color:var(--bs-white);background-color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.btn.btn-primary:active,.btn.btn-primary.active{color:var(--bs-white);background-color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.btn.btn-outline-primary{color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.btn.btn-outline-primary:hover,.btn.btn-outline-primary:focus{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.btn.btn-outline-primary:active,.btn.btn-outline-primary.active{color:var(--bs-white);background-color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.btn.btn-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1);border-color:rgba(0,0,0,0)}.btn.btn-soft-primary:hover,.btn.btn-soft-primary:focus,.btn.btn-soft-primary:active{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.2);border-color:rgba(0,0,0,0)}.btn.btn-info{color:var(--bs-white);background-color:var(--bs-info);border-color:var(--bs-info)}.btn.btn-info:hover{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.btn.btn-info:focus{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.btn.btn-info:active,.btn.btn-info.active{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.btn.btn-outline-info{color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.btn.btn-outline-info:hover,.btn.btn-outline-info:focus{color:var(--bs-white);background-color:var(--bs-info);border-color:var(--bs-info)}.btn.btn-outline-info:active,.btn.btn-outline-info.active{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.btn.btn-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1);border-color:rgba(0,0,0,0)}.btn.btn-soft-info:hover,.btn.btn-soft-info:focus,.btn.btn-soft-info:active{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.2);border-color:rgba(0,0,0,0)}.btn-link{color:var(--bs-primary)}.btn-link:hover{color:var(--bs-primary-tint-20)}.bd-aside .active{color:var(--bs-primary);background-color:var(--bs-primary-tint-90)}.bd-aside .btn:hover{color:var(--bs-primary);background-color:var(--bs-primary-tint-90)}.bd-aside .btn:focus{color:var(--bs-primary);background-color:var(--bs-primary-tint-90)}.bd-aside a:hover{background-color:var(--bs-primary-tint-88)}.btn-border.active{border-color:var(--bs-primary)}.list-group-item.list-group-item-primary{color:var(--bs-primary-shade-40);background-color:var(--bs-primary-tint-80)}.list-group-item.list-group-item-primary.list-group-item-action:not(.active):hover,.list-group-item.list-group-item-primary.list-group-item-action:not(.active):focus{color:var(--bs-primary-shade-40);background-color:var(--bs-primary-tint-60)}.list-group-item.list-group-item-info{color:var(--bs-info-shade-40);background-color:var(--bs-info-tint-80)}.list-group-item.list-group-item-info.list-group-item-action:not(.active):hover,.list-group-item.list-group-item-info.list-group-item-action:not(.active):focus{color:var(--bs-info-shade-40);background-color:var(--bs-info-tint-60)}.list-group-item.active{background-color:var(--bs-primary);border-color:var(--bs-primary);color:var(--bs-white)}.list-group .list-group-item.list-group-item-action.list-group-item-primary{background-color:rgba(var(--bs-primary-rgb), 10%)}.list-group .list-group-item.list-group-item-action.list-group-item-primary:hover{background-color:rgba(var(--bs-primary-rgb), 20%);color:"primary"}.list-group .list-group-item.list-group-item-action.list-group-item-info{background-color:rgba(var(--bs-info-rgb), 10%)}.list-group .list-group-item.list-group-item-action.list-group-item-info:hover{background-color:rgba(var(--bs-info-rgb), 20%);color:"info"}.form-control:focus{border-color:#ff9540;}.form-select:focus{border-color:var(--bs-primary-tint-40)}.form-check-input:checked{border-color:var(--bs-primary-shade-20);background-color:var(--bs-primary-shade-20)}.form-check-input:focus{border-color:var(--bs-primary-shade-20)}.border-primary{border-color:var(--bs-primary) !important}.border-info{border-color:var(--bs-info) !important}.nav-link{color:var(--bs-primary)}.nav-link:hover,.nav-link:focus{color:var(--bs-primary-tint-20)}.nav-tabs .nav-link.active{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.nav-pills .nav-link.active{color:var(--bs-white);background-color:var(--bs-primary)}.nav-slider{position:relative}.nav-slider .nav-link.active{background-color:rgba(0,0,0,0)}.nav-slider .nav-item{z-index:3}.nav-slider .nav-slider-thumb{z-index:1 !important;width:100%;color:var(--bs-primary);background:var(--bs-primary)}.nav-link{color:#6d6d6d}.nav-link:hover,.nav-link:focus{color:var(--bs-primary-tint-20)}.page-item.active .page-link{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.page-item .page-link{border-color:var(--bs-primary-tint-80);color:var(--bs-primary)}.fc-button-primary{background-color:var(--bs-primary) !important;border-color:var(--bs-primary) !important}.fc-button-primary:not(:disabled):active,.fc-button-primary:not(:disabled).fc-button-active{background-color:var(--bs-primary-shade-40) !important;border-color:var(--bs-primary-shade-40) !important}.dark .text-primary{color:var(--bs-primary) !important}.dark .bg-primary{background-color:var(--bs-primary) !important}.dark .bg-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1) !important}.dark a.bg-soft-primary,.dark button.bg-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1) !important}.dark a.bg-soft-primary:hover,.dark a.bg-soft-primary:focus,.dark button.bg-soft-primary:hover,.dark button.bg-soft-primary:focus{color:var(--bs-primary-shade-20);background-color:rgba(var(--bs-primary-rgb), 0.2) !important}.dark .text-info{color:var(--bs-info) !important}.dark .bg-info{background-color:var(--bs-info) !important}.dark .bg-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1) !important}.dark a.bg-soft-info,.dark button.bg-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1) !important}.dark a.bg-soft-info:hover,.dark a.bg-soft-info:focus,.dark button.bg-soft-info:hover,.dark button.bg-soft-info:focus{color:var(--bs-info-shade-20);background-color:rgba(var(--bs-info-rgb), 0.2) !important}.dark .accordion-button:not(.collapsed){color:var(--bs-primary-shade-20);background-color:var(--bs-primary-tint-90);-webkit-box-shadow:inset 0 -1px 0,rgba(var(--bs-black-rgb), 0.13);box-shadow:inset 0 -1px 0,rgba(var(--bs-black-rgb), 0.13)}.dark .accordion-button:focus{border-color:var(--bs-primary-tint-40);-webkit-box-shadow:0 .125rem 0rem 0rem,rgba(var(--bs-primary-rgb), 0.15);box-shadow:0 .125rem 0rem 0rem,rgba(var(--bs-primary-rgb), 0.15)}.dark .alert-primary{color:var(--bs-primary-shade-40);background:var(--bs-primary-tint-60);border-color:var(--bs-primary)}.dark .alert-primary .alert-link{color:var(--bs-primary-shade-40)}.dark .alert-primary.alert-solid{color:var(--bs-white);background:var(--bs-primary);border-color:var(--bs-primary)}.dark .alert-left.alert-primary{border-color:var(--bs-primary)}.dark .alert-top.alert-primary{border-color:var(--bs-primary)}.dark .alert-right.alert-primary{border-color:var(--bs-primary)}.dark .alert-bottom.alert-primary{border-color:var(--bs-primary)}.dark .alert-info{color:var(--bs-info-shade-40);background:var(--bs-info-tint-60);border-color:var(--bs-info)}.dark .alert-info .alert-link{color:var(--bs-info-shade-40)}.dark .alert-info.alert-solid{color:var(--bs-white);background:var(--bs-info);border-color:var(--bs-info)}.dark .alert-left.alert-info{border-color:var(--bs-info)}.dark .alert-top.alert-info{border-color:var(--bs-info)}.dark .alert-right.alert-info{border-color:var(--bs-info)}.dark .alert-bottom.alert-info{border-color:var(--bs-info)}.dark .dropdown-item:hover,.dark .dropdown-item:focus{color:var(--bs-primary-shade-20);-webkit-border-radius:.25rem;border-radius:.25rem;cursor:pointer}.dark .dropdown-item.active,.dark .dropdown-item:active{color:var(--bs-white);-webkit-border-radius:.25rem;border-radius:.25rem;cursor:pointer}.dark .btn.btn-primary{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.dark .btn.btn-primary:hover{color:var(--bs-white);background-color:#E79B5D;border-color:var(--bs-primary-shade-20)}.dark .btn.btn-primary:focus{color:var(--bs-white);background-color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.dark .btn.btn-primary:active,.dark .btn.btn-primary.active{color:var(--bs-white);background-color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.dark .btn.btn-outline-primary{color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.dark .btn.btn-outline-primary:hover,.dark .btn.btn-outline-primary:focus{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.dark .btn.btn-outline-primary:active,.dark .btn.btn-outline-primary.active{color:var(--bs-white);background-color:var(--bs-primary-shade-20);border-color:var(--bs-primary-shade-20)}.dark .btn.btn-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1);border-color:rgba(0,0,0,0)}.dark .btn.btn-soft-primary:hover,.dark .btn.btn-soft-primary:focus,.dark .btn.btn-soft-primary:active{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.2);border-color:rgba(0,0,0,0)}.dark .btn.btn-info{color:var(--bs-white);background-color:var(--bs-info);border-color:var(--bs-info)}.dark .btn.btn-info:hover{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.dark .btn.btn-info:focus{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.dark .btn.btn-info:active,.dark .btn.btn-info.active{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.dark .btn.btn-outline-info{color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.dark .btn.btn-outline-info:hover,.dark .btn.btn-outline-info:focus{color:var(--bs-white);background-color:var(--bs-info);border-color:var(--bs-info)}.dark .btn.btn-outline-info:active,.dark .btn.btn-outline-info.active{color:var(--bs-white);background-color:var(--bs-info-shade-20);border-color:var(--bs-info-shade-20)}.dark .btn.btn-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1);border-color:rgba(0,0,0,0)}.dark .btn.btn-soft-info:hover,.dark .btn.btn-soft-info:focus,.dark .btn.btn-soft-info:active{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.2);border-color:rgba(0,0,0,0)}.dark .btn-link{color:var(--bs-primary)}.dark .btn-link:hover{color:var(--bs-primary-tint-20)}.dark .bd-aside .active{color:var(--bs-primary);background-color:var(--bs-primary-tint-90)}.dark .bd-aside .btn:hover{color:var(--bs-primary);background-color:var(--bs-primary-tint-90)}.dark .bd-aside .btn:focus{color:var(--bs-primary);background-color:var(--bs-primary-tint-90)}.dark .bd-aside a:hover{background-color:var(--bs-primary-tint-88)}.dark .btn-border.active{border-color:var(--bs-primary)}.dark .list-group-item.list-group-item-primary{color:var(--bs-primary-shade-40);background-color:var(--bs-primary-tint-80)}.dark .list-group-item.list-group-item-primary.list-group-item-action:not(.active):hover,.dark .list-group-item.list-group-item-primary.list-group-item-action:not(.active):focus{color:var(--bs-primary-shade-40);background-color:var(--bs-primary-tint-60)}.dark .list-group-item.list-group-item-info{color:var(--bs-info-shade-40);background-color:var(--bs-info-tint-80)}.dark .list-group-item.list-group-item-info.list-group-item-action:not(.active):hover,.dark .list-group-item.list-group-item-info.list-group-item-action:not(.active):focus{color:var(--bs-info-shade-40);background-color:var(--bs-info-tint-60)}.dark .list-group-item.active{background-color:var(--bs-primary);border-color:var(--bs-primary);color:var(--bs-white)}.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary{background-color:rgba(var(--bs-primary-rgb), 10%)}.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary:hover{background-color:rgba(var(--bs-primary-rgb), 20%);color:"primary"}.dark .list-group .list-group-item.list-group-item-action.list-group-item-info{background-color:rgba(var(--bs-info-rgb), 10%)}.dark .list-group .list-group-item.list-group-item-action.list-group-item-info:hover{background-color:rgba(var(--bs-info-rgb), 20%);color:"info"}.dark .form-control:focus{border-color:#ff9540}.dark .form-select:focus{border-color:var(--bs-primary-tint-40)}.dark .form-check-input:checked{border-color:var(--bs-primary-shade-20);background-color:var(--bs-primary-shade-20)}.dark .form-check-input:focus{border-color:var(--bs-primary-shade-20)}.dark .border-primary{border-color:var(--bs-primary) !important}.dark .border-info{border-color:var(--bs-info) !important}.dark .nav-link{color:var(--bs-primary)}.dark .nav-link:hover,.dark .nav-link:focus{color:var(--bs-primary-tint-20)}.dark .nav-tabs .nav-link.active{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.dark .nav-pills .nav-link.active{color:var(--bs-white);background-color:var(--bs-primary)}.dark .nav-slider{position:relative}.dark .nav-slider .nav-link.active{background-color:rgba(0,0,0,0)}.dark .nav-slider .nav-item{z-index:3}.dark .nav-slider .nav-slider-thumb{z-index:1 !important;width:100%;color:var(--bs-primary);background:var(--bs-primary)}.dark .nav-link{color:#6d6d6d}.dark .nav-link:hover,.dark .nav-link:focus{color:var(--bs-primary-tint-20)}.dark .page-item.active .page-link{color:var(--bs-white);background-color:var(--bs-primary);border-color:var(--bs-primary)}.dark .page-item .page-link{border-color:var(--bs-primary-tint-80);color:var(--bs-primary)}.dark .fc-button-primary{background-color:var(--bs-primary) !important;border-color:var(--bs-primary) !important}.dark .fc-button-primary:not(:disabled):active,.dark .fc-button-primary:not(:disabled).fc-button-active{background-color:var(--bs-primary-shade-40) !important;border-color:var(--bs-primary-shade-40) !important}.live-customizer{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:0}@media(min-width: 768px){.live-customizer{width:450px !important}.theme-fs-lg .live-customizer{width:500px !important}}.text-primary{color:#7016d0 !important}.bg-primary{background-color:var(--bs-primary) !important}.bg-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1) !important}a.bg-soft-primary,button.bg-soft-primary{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), 0.1) !important}a.bg-soft-primary:hover,a.bg-soft-primary:focus,button.bg-soft-primary:hover,button.bg-soft-primary:focus{color:var(--bs-primary-shade-20);background-color:rgba(var(--bs-primary-rgb), 0.2) !important}.text-info{color:var(--bs-info) !important}.bg-info{background-color:var(--bs-info) !important}.bg-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1) !important}a.bg-soft-info,button.bg-soft-info{color:var(--bs-info);background-color:rgba(var(--bs-info-rgb), 0.1) !important}a.bg-soft-info:hover,a.bg-soft-info:focus,button.bg-soft-info:hover,button.bg-soft-info:focus{color:var(--bs-info-shade-20);background-color:rgba(var(--bs-info-rgb), 0.2) !important}
/*# sourceMappingURL=maps/customizer.min.css.map */
.login-content{background: linear-gradient(105.88deg, #F89ECC 0.87%, #CFF4F8 97.89%);background-size: cover;height: 100vh}.login-content .logo-normal{width: 200px}.login-content  input{border-radius: 8px;border-color: #A1A1A1} .login-content  input:placeholder;{color: #A8A8A8}.pass-icon-wrap {position: relative;}.pass-icon {position: absolute;top: 9px;right: 8px;color: #000;border: 0;background-color: transparent;}.btn-login{width: 100%;background-color: #FF9540 !important;border-color: #ff9540 !important;margin-top: 15px;border-radius: 8px;}.login-content .form-label{color: #000}.sidebar{background: #ffffff;border-right:1px solid #e7eaf3}.right-icon{filter: none;}.item-name{color: #1f2733;}.sidebar .icon svg path{fill:#9aa3b5 !important;}
.sidebar-header .logo-normal img{max-width:130px;width:130px;height:auto;}
.sidebar-header .logo-mini img{max-width:32px;width:32px;height:auto;}
.iq-navbar .logo-normal img{max-width:110px;width:110px;height:auto;}.sidebar.sidebar-default .nav-link:not(.static-item).active, .sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded=true]{background:#FF9540}.sidebar.sidebar-default .nav-link:not(.static-item).active .item-name, .sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded=true] .item-name{color:#fff;}.sidebar.sidebar-default .nav-link:not(.static-item).active .icon svg path, .sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded=true] .icon svg path{fill:#fff !important;}.sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]){background: #fff2e6;color:#e5771e; }.sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) .item-name{color:#e5771e;}.sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) .icon svg path{fill:#e5771e !important;}.sidebar .sidebar-toggle{background: #ffffff;border:1px solid #e7eaf3;color:#1f2733;display:flex;align-items:center;justify-content:center;}.sidebar+.main-content{background-color:#f4f6fb;}.main-content .card{background-color: #ffffff;border:1px solid #e7eaf3}.ghf h6{color: #8a93a6;}.main-content h3{color: #1f2733;}.header-title h4, .card .card-header{color: #1f2733} .dropdown-toggle{color: #1f2733;}.sales-monthly-chart text{fill: #8a93a6;} .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background: #1d1d1d;} .apexcharts-line{stroke: #FF9540} .sales-monthly-chart circle{stroke:#FF9540;}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label, table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty, .table-responsive .dataTables_wrapper .row .dataTables_info, .table tbody tr td{color: #1f2733;}
.page-item.active .page-link{color: #fff;background-color: #ff9540;border-color: #ff9540;}
.page-item .page-link {
    border-color: var(--bs-primary-tint-80);
    color: #ff9540;
}
.table-striped>tbody>tr:nth-of-type(even)>*{--bs-table-accent-bg:transparent;color: #1f2733;}
.btn.btn-primary {
    color: var(--bs-white);
    background-color: #ff9540;
    border-color: #ff9540 !important;
}
.iq-banner .iq-navbar-header{    background-color: #ff9540; }
.iq-banner:not(.hide)+.content-inner{margin-top: 40px !important;}
.btn-soft-light{background-color: #FF9540;color: white;}
.btn-soft-light:hover{background-color: #FF9540;color: white;}
.modal-content{background-color: #ffffff;color: #1f2733;position: relative;}
.btn-md-cls{position: absolute;right: 10px;top: 10px;filter: none;z-index: 9}
.modal-body .card{margin-bottom: 0px}
.new-user-info .form-label, .new-user-info h5{color: #1f2733}
.nav {
    background: transparent;
}
.caption-title{color: #1f2733}
.caption-sub-title{color: #8a93a6}
/*.cus-list .sale-payment_link {display: none;}*/
.led-box {width: 100%;
    justify-content: end;}
.led-box p{color: #1f2733}
.sale-payment_link {width: 100%;}
.nav{padding: 10px; }
.main-button {
  background-color: #00ff9c;
  border: 0;
  border-radius: 100%;
  cursor: pointer;
  color: #222f3e;
  position:relative;
  height: 15px;
  width: 15px;
  animation-name: blink;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.1, 0.1, 1, 1.8);
  margin-right: 10px;
    margin-top: 3px;
  &:before {
    background-color: #00ff9c;
    content: '';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius: 100%;
    // z-index:-1;
    animation-name: blink2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: cubic-bezier(0.1, 0.1, 1, 1.8);
  }
  &:after {
    background-color: #00ff9c;
    content: '';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius: 100%;
    // z-index:-1
    // animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.1, 0.1, 1, 1.8);
  }
}

@keyframes blink2 {
  0% {
    transform:scale3d(1.2,1.2,1.2);
    opacity: 0.8;
  }
  100% {
    transform:scale3d(1.8,1.8,1.8);
    opacity:0.1;
  }
}
@keyframes blink {
  0% {
    transform:scale3d(0.8,0.8,0.8);
    opacity: 0.8;
  }
  
  100% {
    transform:scale3d(1.6,1.6,1.6);
    opacity:0.1;
  }
}


@keyframes blink3 {
  0% {
    transform:scale3d(0.6,0.6,0.6);
    opacity: 0.8;
  }
  100% {
    transform:scale3d(1.6,1.6,1.6);
    opacity:0.1;
  }
}
.red-button{background-color: #F03131;height: 15px;width: 15px;border-radius: 50px;margin-top: 3px;margin-right: 10px;}
.sidebar+.main-content{    background-color: #f4f6fb;}
.sale-payment_link .btn.btn-primary{margin-right: 10px}
/*.sidebar-mini .logo-main .logo-normal {display: none;}*/
/*.sidebar.sidebar-base .logo-mini{display: none;}*/
.sidebar.sidebar-base.sidebar-mini .logo-main .logo-normal {display: block;}

.sidebar-mini .logo-main .logo-mini {display: block !important;}
.sidebar-mini .logo-main .logo-normal {display: none !important;}
.sidebar-mini .sidebar-toggle{transform: rotate(175deg);
  transition: none;}
.sidebar, .sidebar *, [data-toggle="main-sidebar"], .main-content, .main-content *,
#page_layout, .iq-navbar, .iq-navbar *, body, html {
  transition: none !important;
  animation: none !important;
}
.iq-banner:not(.hide)+.content-inner{margin-top: 0 !important}
.btn.btn-primary.btn-bak{background-color: #E2E2E2 !important;border-color: #E2E2E2 !important;color:#000 !important; }
.wdth{ margin-right: 10px}
::selection {color: white;
  background: #ff9540 !important;}
  .sidebar .sidebar-header{border-bottom: 0}
  .wifd{width: 160px;height: auto;}
  .sidebar-footer{    
  	position: absolute;
    bottom: 20px;
    right: 15%;
}
.sidebar-footer .logo-mini img{margin-left: 9px;}
.footer {
    background-color: #ffffff;
    text-align: center;
    border-top: 1px solid #e7eaf3;
}
.footer .footer-body{width: 100%;}
.footer p{color: #8a93a6;text-align: center;margin-bottom: 0px;width: 100%;}
.brd-1{border-top: 1px solid #eee;margin-top: 15px; margin-bottom: 15px;}
.check-l label{color: #1f2733;}
.new-user-info h5 {
    color: #1f2733;
    margin-right: 40px;
}
.modal-body .card-body, .modal-body .card{background-color: #ffffff;border:1px solid #e7eaf3;}
.modal-body .card-header{padding-top: 0px}
.btn.btn-primary:focus{    background-color: #ff9540;
    border-color: #ff9540 !important;}

.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--classic.select2-container--open .select2-selection--single{    border: 1px solid #ff9540;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{    background-color:#ff9540;}
.cust-view .list-inline h6, .cust-view .list-inline p{color: #1f2733 !important;}
.select2-container--default .select2-results__option--selected, .select2-container--classic .select2-results__option--selected{background:#ff9540;}
/*sales-p .bg-blk{background-color: #293136 !important;}*/
.sales-p.main-content .card{box-shadow: 0 2px 14px rgba(31,39,51,0.06);}
.dropdown-item:hover, .dropdown-item:focus{color:#ff9540 !important;background-color: #fff2e6 !important}
.payment-mode label{color: #1f2733;margin-right: 20px;}
.sales-p .credit-card{display: flex;}
.login_logout_link{position: absolute;right: 230px;}
/*.dropdown-item:focus, .dropdown-item:hover li a:hover .img-flag{filter: brightness(0) saturate(100%) invert(71%) sepia(14%) saturate(4247%) hue-rotate(330deg) brightness(104%) contrast(101%);}*/
.navbar .navbar-nav .caption-title{white-space: nowrap;width: 110px;overflow: hidden;text-overflow: ellipsis;}
.cust-view h4 , .cust-view span{color: #1f2733;}
.cust-view .nav-link{color: #1f2733;}
/*.cust-view .nav-link.active{background-color: #ff9540 !important}*/

:root{
	--bs-primary: #ff9540 !important;
}
.approve-col{background-color: #fff !important}
.approve-col h4, .approve-col span{color: #000;}
.credit_cards{margin-left: 69px;}
.input-group input{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .input-group-text{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.select2-dropdown.select2-dropdown--below{z-index: 9999 !important;}
.paymnt .selection, .paymnt .select2{width: 100% !important;display: block;}



/*chat model*/
.message-area {
    height: 100vh;
    overflow: hidden;
    padding: 30px 0;
    background: #f5f5f5;
}

.chat-area {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 0.3rem;
    height: 90vh;
    overflow: hidden;
    min-height: calc(100% - 1rem);
}

.chatlist {
    outline: 0;
    height: 100%;
    overflow: hidden;
    width: 300px;
    float: left;
    padding: 15px;
}

.chat-area .modal-content {
    border: none;
    border-radius: 0;
    outline: 0;
    height: 100%;
}

.chat-area .modal-dialog-scrollable {
    height: 100% !important;
}

.chatbox {
    width: auto;
    overflow: hidden;
    height: 100%;
    border-left: 1px solid #ccc;
}

.chatbox .modal-dialog,
.chatlist .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.msg-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-area .form-control {
    display: block;
    width: 80%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.chat-area .form-control:focus {
    outline: 0;
    box-shadow: inherit;
}

a.add img {
    height: 36px;
}

.chat-area .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    justify-content: space-between;
    flex-wrap: inherit;
}

.chat-area .nav-tabs .nav-item {
    width: 100%;
}

.chat-area .nav-tabs .nav-link {
    width: 100%;
    color: #180660;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-top: 5px;
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.chat-area .nav-tabs .nav-item.show .nav-link,
.chat-area .nav-tabs .nav-link.active {
    color: #222;
    background-color: #fff;
    border-color: transparent transparent #000;
}

.chat-area .nav-tabs .nav-link:focus,
.chat-area .nav-tabs .nav-link:hover {
    border-color: transparent transparent #000;
    isolation: isolate;
}

.chat-list h3 {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.chat-list p {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.chat-list a.d-flex {
    margin-bottom: 15px;
    position: relative;
    text-decoration: none;
}

.chat-list .active {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    bottom: 3px;
    left: 34px;
    height: 12px;
    width: 12px;
    background: #00DB75;
    border-radius: 50%;
    border: 2px solid #fff;
}


.msg-head h3 {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}

.msg-head p {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.msg-head {
    padding: 15px;
    border-bottom: 1px solid #ccc;
/*    padding-top: 0;*/
}

.moreoption {
    display: flex;
    align-items: center;
    justify-content: end;
}

.moreoption .navbar {
    padding: 0;
}

.moreoption li .nav-link {
    color: #222;
    font-size: 16px;
}

.moreoption .dropdown-toggle::after {
    display: none;
}

.moreoption .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    right: 0;
    margin-top: 0.125rem;
}

.msg-body{
	height: 638px;
/*    overflow: auhito;*/
}

.msg-body ul {
    overflow: auto;
/*    margin-bottom: 115px;*/
    padding-left: 30px;
    padding-right: 30px;
    height: 638px;
}

.msg-body ul li {
    list-style: none;
    margin: 15px 0;
}

.msg-body ul li.sender {
    display: block;
    width: 100%;
    position: relative;
}

.msg-body ul li.sender:before {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    top: -6px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #f5f5f5 transparent;
    -webkit-transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    transform: rotate(-37deg);
}

.msg-body ul li.sender p {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 15px;
    background: #f5f5f5;
    display: inline-block;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 0;
}

.msg-body ul li.sender p b {
    display: block;
    color: #180660;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

.msg-body ul li.repaly {
    display: block;
    width: 100%;
    text-align: right;
    position: relative;
}

.msg-body ul li.repaly:before {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    bottom: 15px;
    right: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #ff9540 transparent;
    -webkit-transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    transform: rotate(37deg);
}

.msg-body ul li.repaly div {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 15px;
    background: #ff9540;
    display: inline-block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 0;
}

.msg-body ul li.repaly div b {
    display: block;
    color: #061061;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.msg-body ul li.repaly div div{display: block;padding: 0;}

.msg-body ul li.repaly:after {
    display: block;
    content: '';
    clear: both;
}

.time {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}
.style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb
{
	background-color: #e5771e59;
}

li.repaly .time {
    margin-right: 20px;
}

.divider {
    position: relative;
    z-index: 1;
    text-align: center;
}

.msg-body h6 {
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background: #fff;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 0;
}

.divider:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 12px;
    left: 0;
    border-top: 1px solid #EBEBEB;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.send-box {
    padding: 15px 25px;
    border-top: 1px solid #ccc;
    position: sticky;
    bottom: 46px;
    width: 100%;
    background-color: #fff;
}

.send-box form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.send-box .form-control {
    display: block;
    width: 99%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 25px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-right: 36px;
}

.send-box button {
    border: none;
    background: #ff9540;
    padding: 0.375rem 5px;
    color: #fff;
    border-radius: 0.25rem;
    font-size: 14px;
    font-weight: 400;
    width: 24%;
    margin-left: 1%;
}

.send-box button i {
    margin-right: 5px;
}

.send-btns .button-wrapper {
/*    position: relative;*/
    position: absolute;
    width: 100px;
    height: 100px;
    top: 4px;
    right: 61px;
    /*width: 125px;
    height: auto;
    text-align: left;
    margin: 0 auto;
    display: block;
    background: #F6F7FA;
    border-radius: 3px;
    padding: 5px 15px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;*/
}
.form__button::after {
    content: '';
    height: 55%;
    width: 55%;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: var(--icon-send);
    -webkit-mask-image: var(--icon-send);
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.send-btns .button-wrapper span.label {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    color: #343945;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}

#upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.send-btns .attach .form-control {
    display: inline-block;
    width: 120px;
    height: auto;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #343945;
    background-color: #F6F7FA;
    background-clip: padding-box;
    border: 1px solid #F6F7FA;
    border-radius: 3px;
    margin-bottom: 5px;
}

.send-btns .button-wrapper span.label img {
    margin-right: 5px;
}

.button-wrapper {
    position: absolute;
    top: 4px;
    right: 25px;
}

button:focus {
    outline: 0;
}

.add-apoint {
    display: inline-block;
    margin-left: 5px;
}

.add-apoint a {
    text-decoration: none;
    background: #F6F7FA;
    border-radius: 8px;
    padding: 8px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #343945;
}

.add-apoint a svg {
    margin-right: 5px;
}

.chat-icon {
    display: none;
}

.closess i {
    display: none;
}



@media (max-width: 767px) {
    .chat-icon {
        display: block;
        margin-right: 5px;
    }
    .chatlist {
        width: 100%;
    }
    .chatbox {
        width: 100%;
        position: absolute;
        left: 1000px;
        right: 0;
        background: #fff;
        transition: all 0.5s ease;
        border-left: none;
    }
    .showbox {
        left: 0 !important;
        transition: all 0.5s ease;
    }
    .msg-head h3 {
        font-size: 14px;
    }
    .msg-head p {
        font-size: 12px;
    }
    .msg-head .flex-shrink-0 img {
        height: 30px;
    }
    .send-box button {
        width: 28%;
    }
    .send-box .form-control {
        width: 70%;
    }
    .chat-list h3 {
        font-size: 14px;
    }
    .chat-list p {
        font-size: 12px;
    }
    .msg-body ul li.sender div {
        font-size: 13px;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .msg-body ul li.repaly div {
        font-size: 13px;
        padding: 8px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    
}


 .msg-body ul li.sender div {
    color: #0a0a0a;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 15px;
    background: #f5f5f5;
    display: inline-block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 0;

}

  .msg-body ul li.sender div div{display: block;padding: 0;}
.uname{font-weight: 600;margin-right: 5px;}