/* ADDITIONAL CUSTOMIZE */
.badge{padding-bottom: .30rem !important;}
.form-select {
    background-color: transparent;
}
.table th {
    font-weight: bold;
}
.bg-soft-rightsidebar{background-color: #fff;border:1px solid #cccccc;}
h1.display-6 {
    padding-bottom: 5px;
    font-size: 1.1rem;
}
.bg-dark{background-color: #000232 !important;}
.ck-editor__editable{max-height: 400px !important;}
.sidebar-title{color:#fff;line-height: 1;margin:0;padding:10px;}
.pricing-table-pre-input {width: 85px !important;}
.product-pricing-table .input-group-text,.product-pricing-table .form-control{padding:.17rem .5rem;border-radius: 0;}
.card{box-shadow: none !important;height: auto !important;padding: 0.5rem;}
.card-body{padding: 0;}
.dataTable {width: 100% !important;}
.form-control:disabled {background-color: #f8f9fa;}
.pagination,.page-link{font-size: 14px !important;}
.updateInputDiv {border: 1px solid #E0E0E0;padding: 0.2rem 0.5rem;background: #fff;border-radius: 5px;}
.border-pending-save{border-color:#FFD21C !important}
.page-title-box h4 span{color:#000232;font-weight: 700;}

.progress-task{height:8px;--bs-progress-bg: #e3e3e3;}
.progress-label-task{font-size: 0.8rem;line-height: 0.8rem;padding-bottom: 3px;}
#tasksListing .mdi:before {font-size: 1.2rem;margin-right: 0.25rem;color:#8893ad;}
#tasksListing .urgent:before{color:orangered !important;}
.crm-desc-template{margin-bottom:0.75rem;border-bottom:1px dotted #8893ad}
.crm-desc-template:hover{color:#f5576c}
*:focus,
*:active
 {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.btn-toggle{background:#bdc1c8;}
.btn-toggle:after,.btn-toggle:before{line-height:1.5rem;width:4rem;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;color:#6b7381;}
.btn-toggle:before{content:"Off";left:-4rem;}
.btn-toggle:after{content:"On";right:-4rem;opacity:.5;}
.btn-toggle.active{transition:background-color .25s;background-color:#29b5a8;}
.btn-toggle.btn-sm:after,.btn-toggle.btn-sm:before{color:#fff;line-height:1.5rem;width:.5rem;font-weight:600;font-size:.55rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;}
.btn-toggle.btn-sm:after{left:.4125rem;text-align:left;content:"On";right:-.5rem;opacity:.5;}
.btn-toggle.btn-sm:before{text-align:right;content:"Off";left:-.5rem;}
.btn-toggle.btn-sm.btn-sm.active:before{opacity:0;}
.btn-toggle.btn-sm{position:relative;border:0;height:1.5rem;width:3rem;border-radius:1.5rem;margin:0 .5rem 0 0;padding:0;}
.btn-toggle.btn-sm.active{transition:background-color 250ms linear;}
.btn-toggle.btn-sm.btn-sm:after,.btn-toggle.btn-sm.btn-sm:before{color:#fff;letter-spacing:.75px;left:.4125rem;width:2.325rem;}
.btn-toggle.btn-sm.btn-sm:before{text-align:right;}
.btn-toggle.btn-sm.btn-sm:after{text-align:left;opacity:0;}
.btn-toggle:active,.btn-toggle:hover{color:transparent;background-color:#bdc1c8;border-color:transparent;}
.btn-toggle.focus,.btn-toggle.focus.active,.btn-toggle:focus,.btn-toggle:focus.active,.btn-toggle.btn-sm.focus,.btn-toggle.btn-sm.focus.active,.btn-toggle.btn-sm:focus,.btn-toggle.btn-sm:focus.active{outline:0;}
.btn-toggle>.handle,.btn-toggle.btn-sm>.handle{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s;}
.btn-toggle.active>.handle,.btn-toggle.btn-sm.active>.handle{left:1.6875rem;transition:left .25s;}
.btn-toggle.active:before,.btn-toggle.btn-sm.active:before{opacity:.5;}
.btn-toggle.active:after,.btn-toggle.btn-sm.active:after,.btn-toggle.btn-sm.btn-sm.active:after{opacity:1;}

/* added Dec 9 */
.modal-header {padding: 5px 15px;}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{background-color:#bdc1c8}
.table-date{line-height: 1rem;font-size:0.85rem;}
.table-price{line-height: 1rem;font-size:0.85rem;}

/* added Dec 15 */
#ajaxOverlay{display: none;z-index: 100;background: rgba(0,0,0,0.6);}
.cv-spinner {height: 100%;display: flex;justify-content: center;align-items: center;}
.spinner {width: 40px;height: 40px;border: 4px #ddd solid;border-top: 4px #2e93e6 solid;border-radius: 50%;animation: sp-anime 0.4s infinite linear;}
@keyframes sp-anime {100% {transform: rotate(360deg);}}
.is-hide{display:none;}

.tab-title{font-size: 0.9rem;}
/*.tab-title i{font-size: 0.9rem;}*/
.tab-title i{font-size: 1.2rem;line-height: 1.2rem;position: relative;top: 3px;}
.tab-mobile i{font-size: 1.3rem;}

.choices{margin-bottom: 2px !important;}

.price-group-top input{border-top-right-radius: 0.25rem !important;border-bottom: none;}
.price-group-top .input-group-text{border-bottom: none;border-top-left-radius: 0.25rem !important;}

.price-group-bottom input{border-bottom-right-radius: 0.25rem !important;}
.price-group-bottom .input-group-text{border-bottom-left-radius: 0.25rem !important;}

.price-group-cogs input{border-top-right-radius: 0.25rem !important;border-bottom-right-radius: 0.25rem !important;}
.price-group-cogs .input-group-text{border-bottom-left-radius: 0.25rem !important;border-top-left-radius: 0.25rem !important;}

.product-pricing-table .input-group-text{font-size:0.8rem;text-align:right;flex-direction: row-reverse}
.accordion-button {padding: 0.75rem 1rem;}
.accordion{--bs-accordion-btn-focus-box-shadow:none !important;}
#info-table-content .updateInputDiv,#storage-table-content .updateInputDiv {
    width: 100px;
}
.btn:first-child:active{background-color:#878787}


.btn-cims{padding: .47rem .75rem;font-size: 0.875rem;font-weight: 400;border-radius: 50vh;display: inline-block;text-align: center;vertical-align: middle;-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color: #fff;
border:1px solid transparent;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
line-height: 1.6;
}

.btn-cims-sm{font-size:0.75rem;font-weight: 500;padding: .3rem .5rem;}
.btn-cims-icon{font-size:1.2rem;font-weight: normal;padding: .3rem .3rem;line-height: 1rem;}
.btn-cims-normal{border-radius: 0 !important;}
.btn-cims:hover {
background-image: -webkit-gradient(linear,left bottom,left top,from(#2B2B2B),to(#000000));
background-image: linear-gradient(to bottom right,#2B2B2B 0,#000000 100%);
}

.btn-v{color:#ffffff;margin-left:4px;margin-right:1px;}
.cims-outline{border-color:#CECECE;color:#000000 !important;}
.cims-outline:hover{color:#fff !important;}

.cims-select{padding: 0.2rem 1.75rem 0.2rem 0.45rem;}

button:disabled,
button[disabled]{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#2B2B2B),to(#000000));
background-image: linear-gradient(to bottom right,#2B2B2B 0,#000000 100%);
}

.cimsbg-dusk{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#3f79a5),to(#34658a));
    background-image: linear-gradient(to bottom right,#3f79a5 0,#34658a 100%);
}
.cimsbg-purp{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#501e8c),to(#330867 ));
    background-image: linear-gradient(to bottom right,#501e8c 0,#330867  100%);
}
.cimsbg-pinky{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#d61454),to(#bf164e ));
    background-image: linear-gradient(to bottom right,#d61454 0,#bf164e  100%);
}
.cimsbg-sun{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#dc4c13),to(#e03d04 ));
    background-image: linear-gradient(to bottom right,#dc4c13 0,#e03d04  100%);
}
.cimsbg-midnight{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#0f115a),to(#050646 ));
    background-image: linear-gradient(to bottom right,#0f115a 0,#050646  100%);
}
.cimsbg-nature{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#2C9633),to(#15A01F ));
    background-image: linear-gradient(to top,#2C9633 0,#15A01F  100%);
}
.cimsbg-azure{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#06c4c1),to(#8fd3f4 ));
    background-image: linear-gradient(to bottom right,#06c4c1 0,#8fd3f4  100%);
}
.cimsbg-malinka{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#f093fb),to(#f5576c ));
    background-image: linear-gradient(to bottom right,#f093fb 0,#f5576c  100%);
}
.cimsbg-life{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#43e97b),to(#12a388 ));
    background-image: linear-gradient(to bottom right,#43e97b 0,#12a388  100%);
}
.cimsbg-beach{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#4facfe),to(#00f2fe ));
    background-image: linear-gradient(to bottom right,#4facfe 0,#00f2fe  100%);
}
.cimsbg-eagle{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#9890e3),to(#b1f4cf ));
    background-image: linear-gradient(to bottom right,#9890e3 0,#b1f4cf  100%);
}
.cimsbg-royal{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#6a11cb),to(#2575fc ));
    background-image: linear-gradient(to bottom right,#6a11cb 0,#2575fc  100%);
}
.cimsbg-early{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#0ba360),to(#3cba92 ));
    background-image: linear-gradient(to bottom right,#0ba360 0,#3cba92  100%);
}
.cimsbg-water{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#74ebd5),to(#9face6 ));
    background-image: linear-gradient(to bottom right,#74ebd5 0,#9face6  100%);
}
.cimsbg-darkness{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#434343),to(#000000 ));
    background-image: linear-gradient(to bottom right,#434343 0,#000000  100%);
}
.cimsbg-red{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#e80505),to(#c80202 ));
    background-image: linear-gradient(to bottom right,#e80505 0,#c80202  100%);
}
.nav-tabs-custom .nav-item .nav-link.active{
    color:#fff;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#0f0e18),to(#30376b ));
    background-image: linear-gradient(to bottom right,#0f0e18 0,#30376b  100%); 
}

.nav-tabs-custom-hybrid{border-bottom: 0;}
.nav-tabs-custom-hybrid .nav-link.active{
    color:#342598;
    background-color:#fff;
    border: 1px solid #c7c7c7;
    margin-top: -10px;
    padding-bottom: 14px;
    padding-top: 12px;
    font-weight: bolder;
}
.nav-tabs-custom-hybrid .nav-link{
    color:#010101;
    background-color:#efefec;
    border: 1px solid #c7c7c7;
}
.nav-tabs-custom-hybrid .nav-link:hover {border-color:#d4e1e9;background-color:#dbe3e3;}
.nav-tabs-custom-hybrid .nav-link.active:hover {background-color:#fff;}

.table>:not(caption)>*>* {padding: .75rem .75rem;}

/* CIMS BUTTON TOGGLE */
.btn-cims-toggle{background-image: -webkit-gradient(linear,left bottom,left top,from(#bdc1c8),to(#808a9a ));background-image: linear-gradient(to bottom right,#bdc1c8 0,#808a9a  100%);}
.btn-cims-toggle.active{background-image: -webkit-gradient(linear,left bottom,left top,from(#06c4c1),to(#8fd3f4 ));background-image: linear-gradient(to bottom right,#06c4c1 0,#8fd3f4  100%);}
.btn-cims-toggle.btn-cims-sm:after,.btn-cims-toggle.btn-cims-sm:before{line-height:1.5rem;font-weight:600;font-size:.55rem;text-transform:uppercase;position:absolute;bottom:0.2rem;transition:opacity .25s;}
.btn-cims-toggle.btn-cims-sm:after{content:"On";}
.btn-cims-toggle.btn-cims-sm:before{content:"Off";}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm.active:before{opacity:0;}
.btn-cims-toggle.btn-cims-sm{position:relative;height:1.92rem;width:3.2rem;}
.btn-cims-toggle.btn-cims-sm.active{transition:background-color 250ms linear;}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm:after,.btn-cims-toggle.btn-cims-sm.btn-cims-sm:before{color:#fff;letter-spacing:.75px;left:.4125rem;width:2.325rem;}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm:before{text-align:right;}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm:after{text-align:left;}
.btn-cims-toggle.focus,.btn-cims-toggle.focus.active,.btn-cims-toggle:focus,.btn-cims-toggle:focus.active,.btn-cims-toggle.btn-cims-sm.focus,.btn-cims-toggle.btn-cims-sm.focus.active,.btn-cims-toggle.btn-cims-sm:focus,.btn-cims-toggle.btn-cims-sm:focus.active{outline:0;}
.btn-cims-toggle>.handle,.btn-cims-toggle.btn-cims-sm>.handle{position:absolute;top:.325rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s;}
.btn-cims-toggle.active>.handle,.btn-cims-toggle.btn-cims-sm.active>.handle{left:1.6875rem;transition:left .25s;}
.btn-cims-toggle.active:after,.btn-cims-toggle.btn-cims-sm.active:after,.btn-cims-toggle.btn-cims-sm.btn-cims-sm.active:after{opacity:1;}

/* ********************************** */
/* Robotic Racks/Shelves config */

#rack-layout{font-size:0.9rem;}
#rack-layout .table>:not(caption)>*>* {padding: 0;height: 47px !important;}
.table-success a{color:#09140f !important;}
.table-success:hover{background-color:#7bf8dc}
.badge-soft-dark {color: #a6b7af;}
.flex-even {flex: 1;}
/* ********************************** */

/* Custom Advanced Filter area */
#customerFilter .form-select {background-color: #fff;}
.form-floating:not(.form-control:disabled)::before{width:auto}

/* CIMS NEW BADGE USING HERE */
.badge-cims{
    padding: 0 8px 1px 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 10px;
    line-height: 0.5rem;
    font-size: 0.65rem;
    color: #fff;
}


/*Order pages */
.progress-label{font-size:0.75rem;}

/* Order details */
.order-details-box{background-color: #292a3a;color:#f3f3f9;border-radius: 5px;}

.order-details-box .border-bottom{border-color: #3f405d !important;}

.order-details-box h5{color:#f3f3f9;background-color: #343549;padding:5px;border-radius: 5px;border:1px solid #3f405d;font-size:0.8rem}
#detailsTab .progress{border-radius: 5px;}
#detailsTab .table-dark{--bs-table-bg: #292a3a;}
#detailsTab .table-dark span{color:#f3f3f9;background-color: #343549;padding:5px;border-radius: 5px;border:1px solid #3f405d;font-size:0.8rem;padding:4px 10px;}

/* to handle smooth toggle */
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition-property: height, visibility;
        transition-duration: 1s;
    }
    .fade {
        transition-property: height, visibility;
        -webkit-transition: opacity .20s linear;
        transition: opacity .20s linear;
    }
}

/* CRM related */
.modal{pointer-events: none;}
.modal-open { overflow: auto !important; padding-right: 0 !important;}
.border_dot{border: 1px dashed #ccc;}
#startCallModal {position: absolute;}

#startCallModal .modal-dialog {
  position: fixed;
  max-width: 100%;
  background: var(--white);
  /* width:500px; */
  margin: 0;
  /* padding: 20px; */
  /* overflow: hidden; */
  /* resize: both; */
}

#startCallModal .modal-content {
  /* padding: 20px; */
  height: 400px;
  overflow: hidden;
  resize: both;
  width: 500px;
}

#startCallModal .modal-body {
  height: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
#startCallModal .modal-header {
  background: var(--dark);
  color: var(--white);
  border-bottom: 0px;
  padding: 0px;
}
#startCallModal .modal-header h3 {
  color: var(--white);
  font-size: 18px;
}

.custom_tab_on_editor {
  background: var(--orange);
  padding: 0px;
  margin: 0px;
}

.custom_tab_on_editor .nav-item {
  margin-bottom: 0px;
}
.custom_tab_on_editor .nav-item .nav-link {
  min-width: 100px;
  text-align: center;
  border: 0px solid 
transparent;
  border-radius: 0px;
  padding: 10px;
  color: var(--white);
}

.custom_tab_on_editor .nav-item .nav-link:hover {
  color: 
#ffffff;
  border-width: 0px;
  background: 
#ffb586;
  border-bottom: 0px solid 
transparent;
}

.custom_tab_on_editor .nav-item.show .nav-link,
.custom_tab_on_editor .nav-link.active {
  color: 
#ffffff;
  border-width: 0px;
  background: 
#ffb586;
  border-bottom: 0px solid 
transparent;
  position: relative;
}
.dragable_touch {
  cursor: move;
}

.custom_tab_on_editor .nav-item.show .nav-link:before,
.custom_tab_on_editor .nav-link.active:before {
  content: "";
  border-bottom: 10px solid var(--white);
  border-left: 10px solid 
transparent;
  border-right: 10px solid 
transparent;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.modal .close {
    position: absolute;
    z-index: 1;
    right: 10px !important;
    top: 8px !important;
    height: 2rem;
    width: 2rem;
    background: rgba(193, 193, 193, 0.3) !important;
    border-radius: 50%;
    padding: 0;
    border:none;
  }
  .modal .close:focus {
    outline: 0;
  }
  .modal .close span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    text-shadow: none;
    background-position: center;
  }
  .modal .close.light span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z'/%3E%3C/svg%3E");
  }
  .modal .close.size-sm {
    transform: scale(0.5);
    right: 0.5rem;
    top: 0.5rem;
  }
  .modal .close.close-pinned {
    top: -19px;
    right: -19px;
  }
.modal-callStart{font-size:1.2rem;line-height:1rem;}
.modal-call-title{margin-left: -0.5rem;text-transform: uppercase;font-size: 1rem !important;padding-bottom: 0.4rem !important;margin-right: 1.5rem;}
.modal-callStart{color:#d947e9}
.call-box{border:1px solid #ccc;}
.call-box .form-select{background-color:#ffffff}
.flex-even {flex: 1;}
.border-link{border-bottom: 1px dotted #8fd3f4;}
.crm-btn-group i {font-size: 1.2rem;line-height: 1.2rem;}
.call-logs-list i{font-size: 1.2rem;line-height: 1.2rem;position: relative;top: 3px;}
.call-logs-list .section-title,.call-logs-list .section-title i{font-size: 1.5rem;font-weight: 300;line-height: 1.2;color: #333333;font-family: "Be Vietnam", sans-serif;}

.tooltip{--bs-tooltip-opacity: 1;var(--bs-body-font-size);--bs-tooltip-max-width: 300px;--bs-tooltip-padding-x: 0.75rem;--bs-tooltip-padding-y: 0.75rem;--bs-tooltip-arrow-width: 1rem;--bs-tooltip-arrow-height: 0.5rem;}
.tooltip-inner {background-color: #181818;color: #fff; border:none;}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {border-top-color: #ffffff;}

.btn-tooltip{margin-bottom: -6px !important;}
.btn-tooltip .tooltip-inner{
  background-color: #fff;
  color: #373737;
}
.btn-tooltip .bs-tooltip-top .tooltip-arrow::before,
.btn-tooltip .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {border-top-color: #fff;}

.crm-profile-user{width:50px;height:50px;border:1px solid #bdc1c8}
.ongoing-timer{font-size:0.8rem;padding-bottom: 5px;}
.live-call-box{box-shadow: 0 6px 6px rgba(6,30,44,.2)!important;}
#footer-active-call{cursor: pointer;}
.nav-justified .nav-item{text-align:left !important;}

.mdi-icon-title{padding-bottom: 0.5rem;}
.mdi-icon-title .mdi-title{font-size:1rem;line-height: 2rem;}
.mdi-icon-title .mdi{font-size: 2rem;line-height:1.5rem;}

.task-dash-title{margin-bottom: 1.25rem;font-size:1.25rem;border-bottom: 1px dotted #bdc1c8;}
.task-dash-item{border:1px solid #dedede;border-left-width:8px;padding:0.75rem;margin-top:0.75rem;}
.priority1bg{background-color:#f3fbf1;border-left-color:#06c4c1 !important}
.priority2bg{background-color:#fffce8;border-left-color:#ffb586 !important}
.priority3bg{background-color:#fff7d2;border-left-color:#FFD21C !important}
.priority4bg{background-color:#ffe5e5;border-left-color:#f5576c !important}
.task-dash-future-item{padding:0.5rem 0;margin:0.25rem 0;border-bottom:1px dotted #E0E0E0;line-height: 1rem;}
.task-item-complete{background-color:#ededed !important;border-left-color: #c8c8c8 !important;}
.crm-escalate-details h5{font-size:1.0rem;border-bottom: 1px dotted #cccccc;margin-top:1.5rem;padding-bottom: 5px;}
.crm-escalate-details .badge-cims{padding: 0 8px 3px 8px;font-weight: 700;font-size: 1rem;margin-left:2.2rem;}
.crm-escalate-details .status-icon{font-size:2.1rem;position:absolute;top:-1.2rem;left:0;}
.escalate-notes{border-top:1px dashed #dddddd;}
.crm-dash-most-purchased{font-size:0.85rem;line-height: 0.85rem;}
.crm-dash-most-purchased .item{padding-bottom: 2px;margin-bottom: 2px;border-bottom: 1px dotted #5a5677;}
.crm-dash-most-purchased .item:last-child{border-bottom: 0 !important;margin-bottom: 0;padding-bottom: 0;}
.crm-dash-mp-title{line-height: 1.2rem;}
#dashboard .mdi {font-size: 2.25rem !important;}

.order-details-box .badge-cims{font-size: 1.2rem;padding-bottom: 0.30rem;font-weight: 700;position: absolute;top: 0.5rem;right: 0.7rem;line-height: 1.5rem;}

.soft-note-bg{background-color: #fffffa}
.soft-note-bg-reply{background-color: #f7f9f6}

.page-top-status .progress-task{height: 15px !important;}
.escalate-notes .verti-timeline .event-list .event-date {
  display: inline-block;
  border-radius: 5px;
  background-color: rgb(207 205 249);
  font-weight: bold;
  text-transform: uppercase;
  color: #4a356a;
  padding: 3px 10px;
}

.pagination {--bs-pagination-border-radius: 0 !important;}
.active>.page-link, .page-link.active {background-color: #3e497a;border-color: #3e497a;}

/*profile my account page */
.user-box {
  width: 200px;
  border-radius: 0 0 3px 3px;
  padding: 10px;
  position: relative;
}
.user-box .name {
  word-break: break-all;
  padding: 10px 10px 10px 10px;
  background: #EEEEEE;
  text-align: center;
  font-size: 20px;
}
.user-box form{display: inline;}
.user-box .name h4{margin: 0;}
.user-box img#imagePreview{width: 100%;}

.editLink {
  position:absolute;
  top:28px;
  right:10px;
  opacity:0;
  transition: all 0.3s ease-in-out 0s;
  -mox-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  background:rgba(255,255,255,0.2);
}
.img-relative:hover .editLink{opacity:1;}
.overlay{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(255,255,255,0.7);
}
.overlay-content {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  color: #555;
}
.uploadProcess img{
  max-width: 207px;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: inline;
}
#salesRepListing .avatar-sm {
  width: 3rem;
  height: 3rem;
}

/* for mobile devices */
@media (max-width:575.98px){
  #leadsListingMain .resPagination{float:inline-end;}
  #leadsListingMain table.dataTable>tbody>tr.child ul.dtr-details{width:100%;}
  #leadsListingMain table.dataTable>tbody>tr.child li[data-dtr-index="8"] span.dtr-title{display:none;}
  #leadsListingMain table.dataTable>tbody>tr.child li[data-dtr-index="8"] span.dtr-data{display: flex;justify-content: space-between;margin-bottom: 20px;}
  #leadsListingMain table.dataTable>tbody>tr.child li[data-dtr-index="8"] span.dtr-data .btn-cims{width:100%}
  tr.dt-hasChild.parent td {font-weight: bold;text-transform: uppercase;}
  .btn-cims-sm {font-size: 0.8rem;padding: .5rem .5rem;}
  .vertical-menu-btn{font-size:35px !important;}
  table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {overflow: hidden;white-space: normal;}
  .dashTaskCol {padding-bottom: 20px !important;}
  .verti-timeline .event-list .event-date{left: -65px;padding: 2px 4px;}
  .verti-timeline {padding-left: 60px;}
  .verti-timeline .event-list {padding: 0 0 30px 5px;}
  #sidebar-menu ul li a {font-size: 18px;padding: 0.25rem 1.2rem;}
   .verti-timeline .event-list .event-date{left: -95px;padding: 1px 3px;}
  .verti-timeline {padding-left: 100px;}
  .verti-timeline .event-list {padding: 0 0 30px 5px;}
  .navbar-header .dropdown .dropdown-menu{left: 20px !important;right: 0px !important;font-size:1.2rem !important;}
  
  #tasksListing_wrapper table.dataTable>tbody>tr.child ul.dtr-details{display: block;}
  #tasksListing_wrapper table.dataTable>tbody>tr.child li[data-dtr-index="7"] {margin-bottom: 20px;}

  .btn-cims-icon {font-size: 1.5rem;font-weight: normal;padding: .5rem .5rem;line-height: 1.1rem;}  
  
}

/* CHOICES */
.choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=''] .choices__button{display:none}.choices[data-type*=select-one]:after{content:'';height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.choices__list--dropdown.is-active{visibility:visible}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}

.select2-container{
    /*z-index:100000;*/
}

/* handle IOS phone issues with modal */
.modal {
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
    overflow-y: auto;
}

body.modal-open {
    overflow: hidden !important; /* Prevents background scroll */
    position: fixed; /* Fixes body scrolling issue */
    width: 100%; /* Maintains proper layout */
}

/* datatable responsive */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: 0.5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 0.333em;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: fit-content;
  max-height: 75%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 2.5em;
}
div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}
html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}
html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
html.dark table.dataTable > tbody > tr.child ul.dtr-details > li,
html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: rgb(64, 67, 70);
}
html.dark div.dtr-modal div.dtr-modal-display,
html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

table.dataTable.table-bordered th.dtr-control.dtr-hidden + *,
table.dataTable.table-bordered td.dtr-control.dtr-hidden + * {
  border-left-width: 1px;
}
/* end datatable responsive -------------------------- */
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a span{padding-left:15px;}
table.dataTable thead>tr>th.sorting:hover:before{opacity:0.7;}
table.dataTable thead>tr>th.sorting:hover:after{opacity:0.7;color:#d2f9d2;}
#newBatch .badge{padding:8px 14px !important;}
#newBatch .badge [data-role="remove"]:after{display:inline-block;padding:0 5px 0 5.5px;height: 19px;}

#questions-nestable .dd-item{background:#f8f8f8;border:1px solid #a8b0c5;}
#questions-nestable .dd-item:hover{background: #a8b0c5;}
#questions-nestable .dd-item > button{font-size:24px;font-weight:400;margin:12px 3px;}
#questions-nestable .question-handle{border:1px solid #a8b0c5;height:40px;border-radius:5px;}
#questions-nestable .question-handle .badge-secondary{color:#a6a6a6;}

#EditCheckinQuestionForm select.form-control{margin-bottom: 15px}
#dynamicQuestions select.form-control{margin-bottom: 15px}


/* for column visibility  */
#button-container button.dt-button{margin:0;padding:10px !important;border:none;}
#button-container button{min-height: 40px;}

/*  for lead detail sales team pills */
.campaign-team{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0 0; width: 100%;}
.campaign-team span{padding:3px 15px;border-radius:30px;background-color:#f2f2f2;display:flex;align-items:center;justify-content:space-between;gap:5px;width:48.5%;}
.campaign-team span:hover{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.05);}
/*  main filter div */
#customerFilter .form-floating.row{margin:0 auto 0;}
#customerFilter .form-floating.row .form-floating.row{margin:0;width:100%;border-radius:0px;}



/* for filter dropdown and add filter btn */
.add-filter-btn .choices__inner{border-radius:0px;padding:0 10px !important;min-height:38px;display: flex;align-items: center;}
.add-filter-btn{margin: 15px 0;}
.add-filter-btn .choices__input{margin-left:78px;}
.add-filter-btn .choices__list--multiple{font-size:0px;}
.add-filter-btn .choices__list--multiple .choices__item{background-color:transparent;border:none;font-size:0px;}
.add-filter-btn #add_filterLable{margin-left:10px;}
.add-filter-btn .choices{margin:0 0 0 18px !important;}



/*  active filter  and active filterQ */
#active-filters button.remove-filter{top:50% !important;transform:translateY(-50%);height: auto !important;right:5px !important;padding:6px 8px 7px !important;border-radius: 50%;font-size:8px;line-height:normal;background-color:#fff;}
#active-filters button.remove-filter:hover{background-color:#fed0d5;}
#active-filters button.remove-date-range{border-radius: 50%;padding:6px 8px 7px !important;font-size:8px;line-height:normal;background-color:#fff;}
#active-filters button.remove-date-range:hover{background-color:#fed0d5;}
#active-filters .choices__inner{min-height:28px;border-radius:.25rem;}
#active-filters .choices__inner{padding:4.5px 35px 1px 7.5px;background-color: #fff;min-height:40px;}
#active-filters .choices__input{background-color: #fff;color: #082a3e;}

/* Filter Dunamic Item fro checkin and leads */
.filter-DynamicItem button.remove-filterDynamic{border-radius: 50%;padding:6px 8px 7px !important;font-size:8px;line-height:normal;background-color:#fff;}
.filter-DynamicItem button.remove-filterDynamic:hover{background-color:#fed0d5;}
.filter-dropdown .choices{margin:0 0 0 18px !important;}
.filter-dropdown .choices__placeholder{opacity: 1; color: #fff}
.filter-dropdown .choices__placeholder.is-selected{color: #000232}
.filter-dropdown .choices[data-type*=select-one]:after{background: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 7H17M17 7H16M17 7V6M17 7V8M12.5 5H6C5.5286 5 5.29289 5 5.14645 5.14645C5 5.29289 5 5.5286 5 6V7.96482C5 8.2268 5 8.35779 5.05916 8.46834C5.11833 8.57888 5.22732 8.65154 5.4453 8.79687L8.4688 10.8125C9.34073 11.3938 9.7767 11.6845 10.0133 12.1267C10.25 12.5688 10.25 13.0928 10.25 14.1407V19L13.75 17.25V14.1407C13.75 13.0928 13.75 12.5688 13.9867 12.1267C14.1205 11.8765 14.3182 11.6748 14.6226 11.4415M20 7C20 8.65685 18.6569 10 17 10C15.3431 10 14 8.65685 14 7C14 5.34315 15.3431 4 17 4C18.6569 4 20 5.34315 20 7Z" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round"/></svg>');border:none;width: 26px;height: 26px;background-position: 0 0;background-size: 100% 100%;top: 55%;transform: translateY(-50%);right:2px;margin:0 !important;}
.filter-dropdown{margin: 15px 0;}



#active-filtersQ{padding: 0;}
#active-filtersQ .form-floating{border-top: 1px dashed #ccc; padding: 12px 0;}
#active-filters .filter-field{border-bottom: 1px dashed #ccc; padding: 12px 0;}
#active-filters .filter-field:last-child{border-bottom: none;}

#reset_filter{display: flex; align-items: center; justify-content: center; gap: 5px}
#reset_filter:hover svg{fill: #fff}


#advFilterTxt{margin-left:4px;}

/*For new Tablet*/
@media (max-width:1185px){
     .campaign-team span{width:100%;}
}
@media (max-width:1180px){
    .modal-header {padding:5px 15px;}
    .modal-body{padding:15px;}
    .modal-footer{padding:5px 15px;}
    .btn-cims-sm{font-size:0.5rem}
    .date-range-row{flex-wrap:wrap;justify-content: center; gap: 10px;}
    #active-filters button.remove-date-range{position:absolute;right:4px;top:8px;}
    .date-range-row .form-control{margin:0 !important;}
    #active-filters .filter-field{padding:12px 0;}
    #active-filtersQ .form-floating{padding: 12px 0;}
    #active-filters button.remove-filter{font-size: 5.5px;}
    #active-filters button.remove-date-range{font-size: 5.5px;}
    .filter-DynamicItem button.remove-filterDynamic{font-size: 5.5px;}
    /*.campaign-team span{width:48%;}*/
    .campaign-team span{width:70%;}
}
/*For new Mobile*/
@media (max-width:767px){
    .add-filter-btn .choices{margin:0 !important;}
    .nav-tabs-custom-hybrid .nav-link{padding:0;text-align:center;background:#fff;border:none;color:#b7b7b7;}
    .nav-tabs-custom-hybrid .nav-link.active{padding-top:0;padding-bottom:0;margin:0;border:none;color:#ff4000;}
    .tab-mobile i{font-size:2rem;}
    .nav-tabs-custom-hybrid .nav-link.active .tab-mobile i{font-size:2.1rem;}
    .dataTables_wrapper{overflow:auto;}
    .btn-cims-sm{font-size: 0.75rem}
    #customerFilter .form-floating.row{margin:0; padding: 0 16px;}
    #active-filters{margin:0 !important;padding:0;}
    #reset_filter{justify-content:flex-start;width:90%;padding:.47rem 25px;}
    .add-filter-btn .choices__input{margin-left:105px;}
    #active-filters .filter-field{padding:10px 0;}
    #active-filtersQ .form-floating{padding: 12px 0;}
    .add-filter-btn{padding: 0 16px;}
    #customerFilter .form-floating.row .form-floating.row{padding: 0}
    .mb-pad{padding:0;}
    .campaign-team span{width:100%;}
        /* for CRM Details quick view edit question button width */
    .checkincanva .button-area .btn-cims.edit-Question{width:38% !important;}
    /*  for CRM Lead and checking page mobile verion top button area design with full width  */
    .btn-area .btn-cims{width:100%;}
    .mobile-area .cimsbg-midnight{width:100%;text-align:left;}
    .mobile-area .mb-datasearch{display:flex;justify-content:space-between;}
    .mobile-area .search-box{width:78%;}
    .mobile-area .search-box label{width:100%;margin:0;}
    .btn-area #button-container{width:100%;}
    .btn-area #button-container button{width:100%;}
    .table .dtr-data{margin:10px;}
     .table .dtr-data .btn-cims-sm{display:block;margin:5px 0;}
      .table .dtr-data .btn-cims, .table .dtr-data .btn-cims-sm{display:block;width:100%;margin:5px 0;}
    #customerFilter .col, #crmCallFilter .col{flex:0 0 100%;margin-bottom:10px;}
    .mobile-area .btn{width:100%;}
}
@media (max-width:575px){
    .add-filter-btn #add_filterLable{margin-left: -10px;}
    #customerFilter .form-floating.row{padding: 0;}
    .add-filter-btn{padding: 0;}
    #reset_filter{width: 100%;}
    .add-filter-btn{margin:20px 0 5px;}
    #active-filters .filter-field{padding:12px 0;}
    #active-filtersQ .form-floating{padding: 12px 0;}
    .col-lg-9.col-md-7.col-sm-6.mt-2.mt-md-0.mb-2.mb-md-0.d-flex.justify-content-md-start.justify-content-center.align-items-center{padding: 0;}
}