/* Root & Colour Changes */
:root, html[data-bs-theme=light]{
	--vz-semibox-width: 10px;
	--vz-warning: #ff9a0b;
	--vz-warning-rgb: 255, 154, 11;
}

/* Base */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:600!important}
.border-none {border:none!important}
.px-1-5 {padding-right: 0.35rem!important;padding-left:0.35rem!important;}
.x-small{font-size:.7em}
.no-wrap-text {white-space:nowrap}

:root, [data-bs-theme=light]{--vz-warning-rgb: 255, 150, 11}

.border-left-primary{border-left:3px #4b38b3 solid}
.border-left-success{border-left:3px #6fcb85 solid}
.border-left-warning{border-left:3px #ffbe0b solid}

p.text-warning,strong.text-warning{color:#ff9a0b!important}

/* ACF Forms */
.acf-label label{margin-bottom:.5rem}
.acf-input input,.acf-input textarea{display:block;width:100%;padding:.5rem .9rem!important;font-size:.8125rem!important;font-weight:400;line-height:1.5!important;color:var(--vz-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--vz-input-bg-custom);background-clip:padding-box;border:var(--vz-border-width) solid var(--vz-input-border-custom);border-radius:var(--vz-border-radius);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
    .acf-input input{-webkit-transition:none;transition:none}
}
.acf-input input[type=file]{overflow:hidden}
.acf-input input[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.acf-input input:focus{color:var(--vz-body-color);background-color:var(--vz-input-bg-custom);border-color:var(--vz-primary-border-subtle);outline:0;-webkit-box-shadow:0 0 1 .25rem rgba(var(--vz-primary-rgb),.25);box-shadow:0 0 1 .25rem rgba(var(--vz-primary-rgb),.25)}
.acf-input input::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}
.acf-input input::-webkit-datetime-edit{display:block;padding:0}
.acf-input input::-webkit-input-placeholder{color:var(--vz-secondary-color);opacity:1}
.acf-input input::-moz-placeholder{color:var(--vz-secondary-color);opacity:1}
.acf-input input:-ms-input-placeholder{color:var(--vz-secondary-color);opacity:1}
.acf-input input::-ms-input-placeholder{color:var(--vz-secondary-color);opacity:1}
.acf-input input::placeholder{color:var(--vz-secondary-color);opacity:1}
.acf-input input:disabled{background-color:var(--vz-tertiary-bg);opacity:1}
.acf-input input::-webkit-file-upload-button{padding:.5rem .9rem;margin:-.5rem -.9rem;-webkit-margin-end:.9rem;margin-inline-end:.9rem;color:var(--vz-body-color);background-color:var(--vz-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--vz-border-width);border-radius:0;-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}
.acf-input input::file-selector-button{padding:.5rem .9rem;margin:-.5rem -.9rem;-webkit-margin-end:.9rem;margin-inline-end:.9rem;color:var(--vz-body-color);background-color:var(--vz-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--vz-border-width);border-radius:0;-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}
@media (prefers-reduced-motion:reduce) {
    .acf-input input::-webkit-file-upload-button{-webkit-transition:none;transition:none}
    .acf-input input::file-selector-button{-webkit-transition:none;transition:none}
}
.acf-input input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--vz-secondary-bg)}
.acf-input input:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--vz-secondary-bg)}
.acf-input select{--vz-form-select-bg-img: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 5l6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.5rem 2.7rem .5rem .9rem !important;font-size:.8125rem!important;font-weight:400;line-height:1.5!important;color:var(--vz-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--vz-input-bg-custom);background-image:var(--vz-form-select-bg-img),var(--vz-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .9rem center;background-size:16px 12px;border:var(--vz-border-width) solid var(--vz-input-border-custom);border-radius:var(--vz-border-radius);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
    t select{-webkit-transition:none;transition:none}
}
.acf-input select:focus{border-color:var(--vz-primary-border-subtle);outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(var(--vz-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--vz-primary-rgb),.25)}
.acf-input select[multiple],.acf-input select[size]:not([size="1"]){padding-right:.9rem;background-image:none}
.acf-input select:disabled{background-color:var(--vz-tertiary-bg);color:#999}
.acf-input select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--vz-body-color)}
.acf-input select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.7109375rem;border-radius:var(--vz-border-radius-sm)}
.acf-input select-lg{padding-top:.7rem;padding-bottom:.7rem;padding-left:1.2rem;font-size:1.015625rem;border-radius:var(--vz-border-radius-lg)}
[data-bs-theme=dark] .acf-input select{--vz-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
.acf-field{border:none!important}
.acf-form > .acf-fields{--vz-gutter-x:1.5rem;--vz-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}
.acf-fields > .acf-field{flex-shrink:0;max-width:100%;padding-right:calc(var(--vz-gutter-x) * .5);padding-left:calc(var(--vz-gutter-x) * .5);margin-top:1rem}

.page-template-form-new-task .acf-field.acf-field--post-title,
.single-task .acf-field.acf-field--post-title,
.single-client .acf-field.acf-field--post-title{width:100%}

.page-template-form-new-loss-payee .acf-field.acf-field--post-title,
.single-loss-payee .acf-field.acf-field--post-title{width:100%}
@media (min-width: 768px) {
    /*.col-md*/
	/*.page-template-form-new-loss-payee .acf-field.acf-field--post-title{width:50%}*/
}



.acf-form-submit{text-align:right;padding-top:2rem}
.acf-input textarea{--vz-bg-opacity:1;background-color:rgba(var(--vz-light-rgb),var(--vz-bg-opacity))!important;--vz-border-opacity:1;border-color:rgba(var(--vz-light-rgb),var(--vz-border-opacity))!important}
.acf-input .acf-input-prepend{min-height:2.3rem;background:#ced4da;border:none;line-height:1.8rem}

/*** Hidden Fields ***/
.acf-field.note-user-id,
.acf-field.note-time,
.acf-field[data-name="client_id"],
.acf-field.hidden{display:none!important}

/**** Select2 ***/
.select2-selection{min-height:2.4rem!important;line-height:1.5!important;display:block!important;width:100%;padding:.2rem .4rem!important;font-size:.8125rem!important;color:var(--vz-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--vz-input-bg-custom);background-clip:padding-box;border:var(--vz-border-width) solid var(--vz-input-border-custom);border-radius:var(--vz-border-radius);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
.select2-container--default .select2-selection--single .select2-selection__arrow{min-height:2.2rem!important}
.select2-selection--multiple ul li{color:#000!important}

/*** Tables ***/
.single-client #applications-tab .table-responsive{min-height:310px}

/*.card-header{border:none!important}*/
.card-header .badge{font-size:.75rem;line-height:1;font-weight:500}

.row.p-date-info{margin: -1rem -1rem 0 -1rem;background:#f3f6f9;padding:0 0.5rem}

/*** Form - Task ***/
#new-task .acf-field--post-title .acf-label label:before{content:'Task '}
#new-task .acf-fields .acf-field:first-child{margin-top:0}
.notes #message,.notes .acf-row > .acf-row-handle,.notes .acf-row .acf-label,.notes [data-name="new_note"] > .acf-label,.notes label[for="comment"]{display:none!important}
.notes .acf-row,.notes .acf-row .acf-fields,.notes .acf-repeater > table,.notes .acf-fields{border:none!important}
.notes .card-body{display:flex;gap:1.5rem;flex-wrap:wrap}
.notes .card-body > div.item{margin-bottom:1.5rem}
.notes .card-body > div.item:first-child{padding-top:1rem}
.notes .card-body > div.item:last-child{margin-bottom:0}
.notes tr .acf-fields > .acf-field{padding:16px 0 0}
.notes tr[data-id^="row-"] textarea{pointer-events:none}
.notes .avatar-xs{line-height:2rem;text-align:center;font-weight:600}
.notes [data-name="new_note"] [data-name="note"]{padding:0}
.notes .acf-form-submit{padding-top:0}
.notes .says,.notes .logged-in-as{display:none}
.comment{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:3rem;position:relative}
.comment-author .fn{font-style:normal;font-weight:500}
.comment-meta > a{color:#878a99;pointer-events:none;font-size:.875em}
.comment-edit-link{display:none}
.comment-reply-link{color:#878a99;display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;background:#f3f6f9}
.comment-reply-link:before{content:"\f045a";display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;padding-right:.25rem}
.comment > p{flex-basis:100%;margin-bottom:0}
.comment > .comment{flex-basis:100%;margin-top:.5rem}
.comment [class *= depth-]{margin-left:2.75rem}
.comment::before{display:block;content:attr(data-user);position:absolute;height:2rem;width:2rem;border-radius:50%;line-height:2rem;text-align:center;left:-2.75rem;background:var(--bg-hex);color:#FFF;font-weight:600}
.comment-respond-field{display:block!important}
.comment-respond{padding-top:1rem}
.comment-respond textarea{display:block;width:100%;padding:.5rem .9rem;font-size:.8125rem;font-weight:400;line-height:1.5;color:#212529;appearance:none;border:1px solid rgba(243,246,249,1);background-color:rgba(243,246,249,1);border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;width:100%}
#reply-title{font-size:1rem}
.form-submit{text-align:right}
/*.notes tr[data-id^="row-"] .acf-row-handle{display:none}*/

/*** Tasks ***/
.complete-wrapper{display:flex;flex-direction:row;justify-content:flex-start;height:1.7rem;width:14.2rem;position:absolute;top:0;bottom:0;margin:auto;left:calc(100% - .7rem)}
.complete-wrapper .inner{width:auto;overflow:hidden;flex:1;transition:all .3s ease-out}
.complete-wrapper.active{pointer-events:none}
.complete-wrapper.active .inner{flex:0}
.complete-wrapper .acf-form{height:1.7rem;display:flex;background:#fbfbfb;border:#4b38b3 thin solid;border-radius:0 .2rem .2rem 0;border-left:none;}
.complete-wrapper .acf-form::before{content:"Task completed? ";display:inline-block;padding:0 .5rem 0 .5rem;font-size:.75rem;line-height:1.6rem}
.complete-wrapper .acf-label{display:none!important}
.complete-wrapper .acf-fields{margin:0}
.complete-wrapper .acf-fields > .acf-field{padding:0}
.complete-wrapper .acf-switch{border:none;background:none;height:1.6rem;width:5.5rem;border-radius:0;padding-right:.5rem}
.complete-wrapper .acf-switch.-on{background:#4e3bb4;border-color:initial}
.complete-wrapper .acf-switch.-on .acf-switch-slider{width:2rem}
.complete-wrapper .acf-switch span{padding:2px 10px}
.complete-wrapper .acf-input label{margin:0}
.complete-wrapper .acf-form-submit{padding:0;position:relative}
.complete-wrapper .acf-form-submit::after{content:"\f0c7";font-family:"Line Awesome Free";font-weight:400;font-size:16px;color:#FFF;left:3px;font-size:20px;position:absolute;top:2px;line-height:1;pointer-events:none;z-index:9}
.complete-wrapper .acf-form-submit .btn{content:"\ebf4";padding:0;height:1.7rem;width:1.7rem;top:-1px;border-radius:0 .2rem .2rem 0}
.complete-wrapper .acf-spinner{display:none!important}
.complete-wrapper .acf-form-submit .bg-gradient{background-image:initial!important;border:none}
.task-complete-btn > i{pointer-events:none!important}

[data-name="task_details"] .mce-edit-area iframe{height:100px!important;min-height:100px!important}
.placeholder-text{color:#999}

#new-task [data-name="task_completed"],
#new-task [data-name="task_completed_date"],
#edit-task [data-name="task_completed"],
#edit-task [data-name="task_completed_date"],
.single-client [data-name="task_completed"],
.single-client [data-name="task_completed_date"]{display:none!important}

.acf-repeater .acf-row .acf-fields{--vz-gutter-x:1.5rem;--vz-gutter-y:0;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}
.repeater-card .card-body{padding:0 .75rem}
.repeater-card .acf-tab-wrap.-left .acf-tab-group{margin:0}
.repeater-card .acf-fields > .acf-tab-wrap .acf-tab-group li a{background-color:transparent;border:none}
.repeater-card .acf-fields > .acf-tab-wrap .acf-tab-group li.active .acf-tab-button{background:#FFF;color:#000;font-weight:600}
.repeater-card .acf-fields.-sidebar{background:#FFF}
.repeater-card .acf-tab-wrap.-left .acf-tab-group li {margin:0}
.repeater-card .acf-fields.-sidebar:before{background:#FFFF;border:none!important;width:8rem}
.repeater-card .acf-fields > .acf-tab-wrap .acf-tab-group li a{color:#FFF}
.repeater-card .acf-form-submit{text-align:right;padding:1rem 1.5rem;margin:0 -0.75rem}
.repeater-card .acf-repeater .acf-row > .acf-fields > .acf-field{padding-top:0}
.repeater-card .acf-repeater .acf-row:nth-child(even) > .acf-fields{background:#dff0fa}

/** Repeater Card - Light Blue **/
.repeater-card.card-lb .acf-fields.-sidebar:before{background:#289cdb}
.repeater-card.card-lb .acf-form-submit{background:#289cdb}
.repeater-card.card-lb .acf-row:nth-child(even) > .acf-row-handle{background:#5fb5e4;color:#FFF;text-shadow:none}

.page-template-form-new-policy .repeater-card .acf-fields.-sidebar{padding-left:8rem!important}
.page-template-form-new-policy .repeater-card .acf-tab-wrap.-left .acf-tab-group{width:8rem}

/** Borders **/
.border-bottom-black{border-bottom:1px #000 solid}
	.border-left-black{border-left:1px #000 solid}
	.border-right-black{border-right:1px #000 solid}
	.border-top-black{border-top:1px #000 solid}

.border-bottom-info{border-bottom:1px #299cdb solid}
	.border-left-info{border-left:1px #299cdb solid}
	.border-right-info{border-right:1px #299cdb solid}
	.border-top-info{border-top:1px #299cdb solid}

.border-bottom-light{border-bottom:1px #f3f6f9 solid}
	.border-left-light{border-left:1px #f3f6f9 solid}
	.border-right-light{border-right:1px #f3f6f9 solid}
	.border-top-light{border-top:1px #f3f6f9 solid}

.border-bottom-primary{border-bottom:1px #4b38b3 solid}
	.border-left-primary{border-left:1px #4b38b3 solid}
	.border-right-primary{border-right:1px #4b38b3 solid}
	.border-top-primary{border-top:1px #4b38b3 solid}

.border-bottom-secondary{border-bottom:1px #3577f1 solid}
	.border-left-secondary{border-left:1px #3577f1 solid}
	.border-right-secondary{border-right:1px #3577f1 solid}
	.border-top-secondary{border-top:1px #3577f1 solid}

.border-bottom-success{border-bottom:1px #45cb85 solid}
	.border-left-success{border-left:1px #45cb85 solid}
	.border-right-success{border-right:1px #45cb85 solid}
	.border-top-success{border-top:1px #45cb85 solid}

.border-bottom-white{border-bottom:1px #FFF solid}
	.border-left-white{border-left:1px #FFF solid}
	.border-right-white{border-right:1px #FFF solid}
	.border-top-white{border-top:1px #FFF solid}

.border-bottom-width-2{border-bottom-width:2px}
.border-left-width-2{border-left-width:2px}
.border-right-width-2{border-right-width:2px}
.border-top-width-2{border-top-width:2px}

.border-table-before{position:relative}
.border-table-before:before{content:'';position:absolute;height:calc(100% + 1px);width:2px;display:block;z-index:1;top:0;}
.border-table-before-left:before{left:0}
.border-table-before-right:before{left:0}
.border-table-before-bg-primary:before{background-color:#4b38b3}
.border-table-before-bg-info:before{background-color:#299cdb}

.single-insurer .profile-wid-bg{overflow:hidden;}
.single-insurer .profile-wid-bg .profile-wid-img{
	filter: blur(30px);
    position: relative;
	scale: 130%;
    z-index: -1;}
.single-insurer .profile-wid-bg::before{display:none}
.single-insurer .profile-wid-bg .top {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
    background: #1abada;
    background: -webkit-gradient(linear, left bottom, left top, from(#1a1c52), to(#1abada));
    background: linear-gradient(to top, #1a1c52, #1abada);
	z-index: 0;
	opacity: .5;
}

/**#commission-report_wrapper > div{margin-left:0!important;margin-right:0!important}**/


/**** // Colors ****/
/*.bg-commerical{}
.bg-commerical-light{}
.text-commerical{}
.text-commerical-light{}

.bg-professional{}
.bg-professional-light{}
.text-professional{}
.text-professional-light{}*/

.table tr.odd {background:#fbfbfb}
.dt-container{overflow:hidden}
.dt-container > .row{padding:0 1rem}
.dt-container > .row.dt-layout-table{padding:0}
.single-client .dt-container > .row:first-child{display:none}
.single-client .dt-container > .row:last-child{padding-bottom:1.5rem}

#quotes-mini-report,#prospects-mini-report {margin-bottom: 0;}

#quotes-mini-report_wrapper .dt-layout-start .dt-length > label,
#prospects-mini-report_wrapper .dt-layout-start .dt-length > label{display:none}

#quotes-mini-report_wrapper .dt-layout-end .pagination,
#prospects-mini-report_wrapper .dt-layout-end .pagination{margin-top:1rem}

#quotes-mini-report_wrapper > .mt-2, #prospects-mini-report_wrapper > .mt-2 {margin-top:0!important}

/**** Pagination color change ****/
#quotes-mini-report_wrapper .page-link {color:#45cb85;}
#quotes-mini-report_wrapper .active>.page-link,
#quotes-mini-report_wrapper .page-link.active {background-color:#45cb85;color:#FFF}

#prospects-mini-report_wrapper .page-link {color:#299cdb}
#prospects-mini-report_wrapper .active>.page-link,
#prospects-mini-report_wrapper .page-link.active {background-color:#299cdb;color:#FFF}

.active>.page-link,
.page-link.active {border:none!important;box-shadow:none!important}
.page-link:hover,div.dt-container .dt-paging .dt-paging-button:hover{
    border:none!important;
}
div.dt-container .dt-paging .dt-paging-button:hover{background:none!important}

div.dt-container .dt-paging .dt-paging-button{border:none!important;padding:0!important}

/**** Form Styling ****/
/*.acf-input > select, .acf-input input[type="text"], .acf-field .select2-container .select2-selection {
    border-radius: 0 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom-color: #a9a9a9 !important;
    background-color: #fcfcfc;
    font-weight: 500;
}

.acf-input > select option:checked{
	background-color: #eaf1f4;
    border-bottom-color: #7d9aa6 !important;
}

.acf-field .acf-label {
    vertical-align: top;
    margin: 0 0 5px;
}

.acf-field .acf-label label {
    text-transform: uppercase;
    font-size: 11px;
    color: #505050;
    /* letter-spacing: 1px; 
}*/

#dashboard-report_wrapper > .mt-2{margin-top:0!important}

#dashboard-type-filter .btn-check+.btn{opacity:.25}
#dashboard-type-filter .btn-check:checked+.btn{opacity:1;background-color: var(--vz-btn-bg);border-color:var(--vz-btn-border-color)}

#quotes-repeater .acf-row > .acf-row-handle.order{display:none!important}
#quotes-repeater .acf-repeater .acf-row-handle.order+td{border-left:none!important}

#per-page select{width:80px}
#per-page > .dt-length{display: flex;flex-wrap: nowrap;align-items: center;gap: 0.5rem}
/* #search-bar label, #per-page label{display:none!important}
#search-bar > .dt-search::before{content:'Search ';display:inline-block;margin-right:.5rem}
#search-bar > .dt-search, #per-page > .dt-length{display: flex;flex-wrap: nowrap;align-items: center;} */

.pagination{margin-bottom:0!important}

.page-template-form-new-task [data-name="task_completed_date"],
.page-template-form-new-task [data-name="task_completed"]{display:none!important}

.accordion.accordion-clear .accordion-item{background:none;box-shadow:none;border:none}
.accordion.accordion-clear .accordion-body{padding:0}


/*.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container.-acf .select2-selection,
.acf-field input[type=text],
.acf-field input[type=password],
.acf-field input[type=date],
.acf-field input[type=datetime],
.acf-field input[type=datetime-local],
.acf-field input[type=email],
.acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select{
	background: #fafafa !important;
    border: none;
    border-bottom: 1px #e2e2e2 solid !important;
    border-radius: 0;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
    color: #000;
    font-weight: 500;
}*/

.mt-2.dt-layout-table{margin-top:0!important}


/* New CSS Start */



/* Subtasks Repeater CSS Start */

.acf-field-task-subtasks-repeater{

    width: 100%;

}

.acf-field-task-subtasks-repeater .acf-fields .acf-field{

    width: 50%;

    min-height: 100px;

}



@media(max-width:767px){

    .acf-field-task-subtasks-repeater .acf-fields .acf-field{

        width: 100%;

    }

}

.acf-field-task-subtasks-repeater .acf-fields .acf-field.acf-field-subtask-details{

    width: 100%;

    height: auto;

}



.acf-field-task-subtasks-repeater .acf-fields .acf-field.acf-field-subtask-details .quicktags-toolbar{

    display: flex;

    flex-wrap: wrap;

}

.acf-field-task-subtasks-repeater .acf-fields .acf-field.acf-field-subtask-details .quicktags-toolbar input.button.button-small{

    flex: 0 1;

}



.acf-field-task-subtasks-repeater .acf-fields .acf-field.acf-field-subtask-attachments{

    width: 100%;

}



.acf-field-task-subtasks-repeater .acf-fields .acf-field.acf-field-subtask-attachments .acf-field-subtask-attachment-file{

    width: auto !important;

}



#overview-box ul{

    display: flex;

    gap: 0.5rem;

    flex-wrap: wrap;

}



.acf-file-uploader.has-value .acf-actions.-hover a:focus{

    border-radius: 20px;

}

/* Subtasks Repeater CSS End */

.modal-dialog-scrollable .modal-body{
    max-height: 450px;
}

.operation-preview{
    position: sticky;
    top: 100px;
}

.dt-layout-table{
    overflow-x: auto;
}


/********************************************
Revamp of Dashboard Start
********************************************/
:root{
    --vz-body-bg: #F8F9FA !important;
    --color-card-heading: #111827;
    --color-card-text: #4A5565;

    --color-blue: #1447E6;
    --color-light-blue:#DBEAFE;
    --color-light-blue-bg: #EFF6FF;

    --color-green: #008236;
    --color-light-green: #DCFCE7;
    --color-light-green-bg:#F0FDF4;

    --color-yellow: #CD3500;
    --color-light-yellow:#FFEDD4;
    --color-light-yellow-bg: #FFF7ED;

    --color-red: #E7000B;
    --color-light-red: #FFE2E2;
    --color-light-red-bg:#FEF2F2;

    --color-purple: #8E8EE5;
    --color-light-purple: #FAF5FF;

    --color-gray:#364153;
    --color-card-bg-default: #F9FAFB;
    --color-light-default:#F3F4F6;
    --color-white:#ffffff;
}
.modal-header .btn-light {
    background-color: #F0F0F0 !important;
    color: #495057 !important;
    /* min-width: 110px; */
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    box-shadow: none;
    padding: 0.6rem 1rem;
}
.btn{
    box-shadow: none !important;
}
.card-box{
    border-radius: 10px;
    background-color: var(--color-card-bg-default);
    border: 1px solid transparent;
}

.card-box .badge{
    background-color: var(--color-light-default) !important;
    color: var(--color-gray) !important;
}
.card-box:hover{
    border-color: var(--color-gray);
}

.card-box .fw-semibold{
    color: var(--color-card-heading);
}
.card-box .text-muted{
    color: var(--color-card-text) !important;
}


.card-bg-default{
    background-color: var(--color-card-bg-default);
}

.card-bg-red{
    background-color: var(--color-light-red-bg);
}
.card-bg-red .badge{
    background-color: var(--color-light-red) !important;
    color: var(--color-red) !important;
}
.card-bg-red:hover{
    border-color: var(--color-red) !important;
}

.card-bg-yellow{
    background-color: var(--color-light-yellow-bg);
}
.card-bg-yellow .badge{
    background-color: var(--color-light-yellow) !important;
    color: var(--color-yellow) !important;
}
.card-bg-yellow a{
    color: var(--color-green);
}

.card-bg-yellow:hover{
    border-color: var(--color-yellow) !important;
}

.card-bg-green{
    background-color: var(--color-light-green-bg);
}
.card-bg-green:hover{
    border-color: var(--color-green) !important;
}
.card-bg-green .badge{
    background-color: var(--color-light-green) !important;
    color: var(--color-green) !important;
}
.card-bg-green a{
    color: var(--color-green);
}

.card-bg-blue{
    background-color: var(--color-light-blue-bg);
}
.card-bg-blue .badge{
    background-color: var(--color-light-blue) !important;
    color: var(--color-blue) !important;
}
.card-bg-blue:hover{
    border-color: var(--color-blue) !important;
}
.card-bg-blue a{
    color: var(--color-green);
}

.card-bg-purple{
    background-color: var(--color-light-purple);
}
.card-bg-purple:hover{
    border-color: var(--color-purple) !important;
}

.activity-icon{
    width: 2.75rem;
    height: 2.75rem;
    background: var(--color-light-default);
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-gray);
}

.card-bg-blue .activity-icon{
    background: var(--color-light-blue);
    color: var(--color-blue);
}
.card-bg-yellow .activity-icon{
    background: var(--color-light-yellow);
    color: var(--color-yellow);
}
.card-bg-green .activity-icon{
    background: var(--color-light-green);
    color: var(--color-green);
}
.card-bg-red .activity-icon{
    background: var(--color-light-red);
    color: var(--color-red);
}
.page-title-container{
    display: none;
}
.tile-card{
    border-radius: 16px !important;
    overflow: hidden;
    position: relative;
}
.tile-card .card-title{
    font-size: 14px; opacity: 0.9;
}
.tile-card .card-count{
    font-size: 36px; font-weight: bold;
}
.tile-card .card-icon-box{
    width: 48px; height: 48px;
}
.tile-card .card-icon-box .material-icons{
        font-size: 28px;
}
.tile-card .circle{
    position: absolute; bottom: -20px; right: -20px; width: 100px; height: 100px; background: rgba(255, 255, 255, 0.1); border-radius: 50%;
}
.bg-1{
       background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%);
}
.bg-2{
    background: linear-gradient(135deg, rgb(240, 147, 251) 0%, rgb(245, 87, 108) 100%);
}
.bg-3{
    background: linear-gradient(135deg, rgb(250, 112, 154) 0%, rgb(254, 225, 64) 100%);

}
.bg-4{
      background: linear-gradient(135deg, rgb(79, 172, 254) 0%, rgb(0, 242, 254) 100%);
}

.dashboard-main-tabs{
    border: 0 !important;
    gap: 8px;
}
.dashboard-main-tabs li{
    border: 0;
    flex: 1;
}
.dashboard-main-tabs button{
    width: 100%;
    border-radius: 8px !important;
    border: 1px solid #D5D5D5 !important;
    display: flex;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    gap: 8px;
    color: #6C757D;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    height: 40px;
}
.dashboard-main-tabs button#main-tab-quotes:hover{
    background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%) !important;
    color: var(--color-white);
    border-color: var(--color-white);
}
.dashboard-main-tabs button#main-tab-renewals:hover{
    background: linear-gradient(135deg, rgb(240, 147, 251) 0%, rgb(245, 87, 108) 100%) !important;
    color: var(--color-white);
    border-color: var(--color-white);
}

.dashboard-main-tabs button#main-tab-expired:hover{
    background: linear-gradient(135deg, rgb(250, 112, 154) 0%, rgb(254, 225, 64) 100%) !important;
    color: var(--color-white);
    border-color: var(--color-white);
}

.dashboard-main-tabs button#main-tab-tasks:hover{
    background: linear-gradient(135deg, rgb(79, 172, 254) 0%, rgb(0, 242, 254) 100%) !important;
    color: var(--color-white);
    border-color: var(--color-white);
}
.dashboard-main-tabs button .material-icons{
    font-size: 18px;
}
.dashboard-main-content .card{
    border-radius: 12px;
}

.dashboard-main-content .card .btn-primary{
    border-radius: 6px;
    --vz-btn-bg: #667EEA;
    --vz-btn-border-color: #667EEA;
    --vz-btn-hover-bg: #5066B0;
    --vz-btn-hover-border-color: #5066B0;
    --vz-btn-focus-shadow-rgb: #667EEA;
    --vz-btn-active-bg: #5066B0;
    --vz-btn-active-border-color: #5066B0;
}

.quick-actions-container{
    display: flex;
    gap: 16px;
}
.quick-actions-container a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    padding: 16px;
    flex: 1;
    font-size: 14px;
    color: var(--color-card-heading);
    border: 1px solid transparent;
}
.quick-actions-container a:hover{
    border-color: inherit;
}
.quick-actions-container .material-icons{
    font-size: 24px;
}


/* Task quick edit loader */
.task-quick-edit-loader {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
}

.task-quick-edit-loader .spinner-border-sm {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.125em;
}


/* Modal CSS Start */
.modal-fullscreen .modal-content{
    border-radius: 1rem;
}
.dashboard-modal .modal-body{
    max-height: 100%;
}
.dashboard-modal .modal-content {
    height: 97% !important;
    width: 98%;
    border: 0 !important;
    border-radius: 1rem !important;
    margin: 0 auto;
}
#dashboard-modal-expired .dtr-control i, #dashboard-modal-expired .hasChild i{
    color: var(--color-yellow);
}
/* Modal CSS End */


.tasks-sort-icons {
    line-height: 1;
}
.task-display-status, .subtask-display-status, .quote-display-status{
    padding: 0.5rem 0.8rem;
    background-color: var(--color-light-default);
    color: var(--color-gray);
    border-radius: 0.5rem;
    font-weight: 600;
}
.btn-view {
    background-color: #4FACFE !important;
    color: var(--color-white) !important;
    display: inline-flex !important;
    align-items: center;
    border-radius: 0.5rem !important;
}
.task-display-due{
    display: flex;
    align-items: center;
    gap: 0.3rem;
}
.task-display-due i{
   color: #4FACFE;
   font-size: 15px;
}


.search-bar {
  background: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-radius: 12px !important;
}

.search-bar .input-group-text {
  background: transparent !important;
  border: none !important;
  color: #555;
  font-size: 14px;
}

.search-bar input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 14px;
  color: #444;
  padding:0.5rem 1rem;
  padding-left: 0;
}

.search-bar input::placeholder {
  color: var(--color-gray);
}


/* Hide default Bootstrap checkbox */
.form-check-input.task-quick-edit-completed {
  width: 16px;
  height: 16px;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #aa56d4;   /* purple border */
  background-color: transparent;
  appearance: none;            /* remove default checkbox */
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Checked state */
.form-check-input.task-quick-edit-completed:checked {
  background-color: #aa56d4;   /* purple fill */
  border-color: #aa56d4;
}



.client-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #29d2ff, #007bff);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.company-name {
  font-size: 16px;
  font-weight: 500;
  color: #fff;

  /* Text ellipsis */
  max-width: 200px;            /* adjust as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.status-in-progress{
    background-color: var(--color-light-blue-bg);
    color:var(--color-blue);
}
.status-pending{
    background-color: var(--color-light-yellow-bg);
    color:var(--color-yellow);
}
.status-quote-received{
    background-color: var(--color-light-green-bg);
    color:var(--color-green);
}
.status-danger{
    background-color: var(--color-light-red-bg);
    color:var(--color-red);
}

.table-card th{
    padding: 1rem 1.5rem !important;
    background-color: var(--color-white) !important;
    color: #495057 !important;
    border-bottom: 1px solid #E0E0E0;
}
.table-card td{
    color: #1A1A1A !important;
}
.table-card .table>:not(caption)>*>*{
    padding: 1.125rem 1.5rem !important;
}

.btn-back {
    padding: 0.7rem;
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    border: 1px solid var(--color-red);
    color: var(--color-red);
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    border-radius: 0.3rem;
    background-color: var(--color-white);
}
.task-display-rep i{
    color: #6C757D;
}
#tasks-modal-pagination {
    padding: 1rem;
    margin-top: 1rem !important;
}




.btn-download{
    display: flex;
    padding: 0.3125rem 0.6875rem;
    align-items: center;
    gap: 0.5625rem;
    border-radius: 0.5rem !important;
    border: 1px solid #E6E6E6 !important;
    background: #FFF;
    
}

/********************************************
Revamp of Dashboard End
********************************************/

#dashboard-modal-quotes_info, #dashboard-modal-renewals_info, #dashboard-modal-expired_info{
    text-align: right;
}

.dt-paging{
    display: flex;
    justify-content: end;
}

/* Quotes/Renewals/Expired popups: table styling to match image */
#dashboard-modal-quotes tbody tr,
#dashboard-modal-renewals tbody tr,
#dashboard-modal-expired tbody tr {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
}

#dashboard-modal-quotes tbody tr:hover,
#dashboard-modal-renewals tbody tr:hover,
#dashboard-modal-expired tbody tr:hover {
    background-color: #f8f9fa;
}

/* Status badge styling */
#dashboard-modal-quotes .badge.rounded-pill,
#dashboard-modal-renewals .badge.rounded-pill,
#dashboard-modal-expired .badge.rounded-pill {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Icon spacing */
#dashboard-modal-quotes .ri-file-text-fill,
#dashboard-modal-renewals .ri-file-text-fill,
#dashboard-modal-expired .ri-file-text-fill {
    font-size: 1rem;
}

#dashboard-modal-quotes .ri-calendar-event-fill,
#dashboard-modal-renewals .ri-calendar-event-fill,
#dashboard-modal-expired .ri-calendar-event-fill {
    font-size: 1rem;
}

/* Column Resizing for DataTables Reports */
#quotes-report thead th,
#policy-report thead th:not(.search-row th),
#commission-report thead th {
    position: relative;
    user-select: none;
}

#quotes-report thead th .dt-resize-handle,
#policy-report thead th:not(.search-row th) .dt-resize-handle,
#commission-report thead th .dt-resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    cursor: col-resize;
    z-index: 10;
    background-color: transparent;
    transition: background-color 0.2s ease;
}

#quotes-report thead th .dt-resize-handle:hover,
#policy-report thead th:not(.search-row th) .dt-resize-handle:hover,
#commission-report thead th .dt-resize-handle:hover {
    background-color: rgba(0, 123, 255, 0.3);
}

#quotes-report thead th.resizing .dt-resize-handle,
#policy-report thead th.resizing .dt-resize-handle,
#commission-report thead th.resizing .dt-resize-handle {
    background-color: rgba(0, 123, 255, 0.5);
}

#quotes-report thead th.resizing,
#policy-report thead th.resizing,
#commission-report thead th.resizing {
    background-color: rgba(0, 123, 255, 0.1) !important;
}

/* Prevent text selection during resize */
#quotes-report thead th.resizing,
#policy-report thead th.resizing,
#commission-report thead th.resizing,
body.resizing {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

body.resizing {
    cursor: col-resize !important;
}

body.resizing * {
    cursor: col-resize !important;
}