/* Copyright 2021-2022 Nettshield Inc
/**
* (Type docs)
*
* @author Veeramani D,karthikraja,Shakina,Nanthakumar,Vetri Selvi
*/
body {
    /* font-family: 'Mada', sans-serif !important; */
    font-family: 'Nunito Sans', sans-serif !important;
    /* font-family: 'Roboto', sans-serif !important; */
    font-size: 14px;
}
.form-select:disabled {
    font-weight: 600;
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    opacity: 0.8;
}
.propImportBtn:disabled {
    opacity: 0.9;
}
input[switch=bool]:disabled+label {
    pointer-events: none;
}
/*header Design Section Start*/
.navbar-header {    
    height: 52px !important;
    padding: 0 0 0 0 !important;
}

.navbar-brand-box {
   height: 60px !important;
}

.avatar-design {
    height: 50px;
    padding: 8px 15px 0 20px;
}

#page-topbar {
    border-bottom: unset !important; 
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.vertical-menu {
    top: 53px !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.cursor_pointer {
    cursor: pointer;
}

.formUploadInputDesign{
    padding-right: 35px;
}

.uploadBtnRemoveDesign {
    padding: 11px 10px 11px 10px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    background: unset;
    color: #fd625ec7;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 27px;
}

.borderRadiusNoneForm {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.showMoreDropdownDesign {
    border: 1px solid #eee;
    border-radius: 4px;
    margin: -6px 0 0 20%;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    text-align: left;
    padding: 8px 8px 8px 8px;
    position: absolute;
    background: #fff;
    z-index: 99;
}

.dropdownListLiDesign {
    padding: 5px 16px 6px 16px;
}

.tableScrollDesign {
    width: 100% !important;
    display: block;
    overflow: auto;
    table-layout: fixed;
}

.modal-body p {
    margin-bottom: 4px;
}

.policyClickDesign {
    font-weight: bolder !important;
    color: #2196f3 !important;
    cursor: pointer;
}

.header-profile-user {
    height: 40px !important;
    width: 40px !important;
    background-color: #fff !important;
    padding: 3px;
    border: 3px solid var(--bs-info) !important;
    margin: -8px 0 0 0;
}

.bg-soft-light {
    background-color: #fff !important;
}

.page-content {
    padding: 48px 10px 60px !important;
}

.policy-page-content {
    padding: 116px 10px 37px !important;
}

.dropdown-menu.show {
    top: 88% !important;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    color: #343a40;
    text-decoration: none;
    background-color: #f1f3f6 !important;
    
}

.rhsIconAlignmentDesign.active, .rhsIconAlignmentDesign:active, .rhsIconAlignmentDesign:focus, .rhsIconAlignmentDesign:hover {
    margin:0 !important;
}

.additionalIconAlignmentDesign:hover {
    background-color: unset !important;
}

.defaultViewIconDesign {
    color: #e86f6c;
    font-size: 25px;
    margin: 0 0 0 0;
}

.miniIconDesign {
    background: #40454b;
    padding: 9px 4px 8px 0px !important;
    margin: 0 16px 10px 9px;
    text-align: center;
    border-radius: 11px;
    /* color: red; */
}

#sidebar-menu ul li a:hover .HoverminiIconViewDesign {
    margin: 0 12px 0 -92px;
}

#sidebar-menu ul li a:hover .HoverminiIconSubmenuViewDesign {
    margin: -11px 0 0 0;
}
/* header Design Section End */

/* Side menu Design Section Start */
#sidebar-menu ul li a i {
    font-size: 16px !important;
}

.login-design {
    background: #fff;
    z-index: 9999;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    margin-bottom: 10px;
    padding: 25px;
    margin-top: 7%;
    position: relative;
}

.notficationHeaderDesign {
    background: #223a58;
    padding: 10px !important;
    color: #fff;
}

.auth-full-page-content {
    min-height: unset !important;
}

.changeLayoutBtnDesign {
    position: absolute;
    z-index: 9999;
    padding: 25px;
    bottom: 0;
}


.dropup .dropdown-menu {
    position: absolute;
    top: -188px !important;
    left: -36%;
    will-change: transform;
}

.loginBgDefault {
    background-image: url(../images/login/auth-bg.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.loginBg1 {
    background-image: url(../images/login/bg1.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.loginBg2 {
    background-image: url(../images/login/bg2.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.loginBg3 {
    background-image: url(../images/login/bg3.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.loginBg4 {
    background-image: url(../images/login/bg4.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.vertical-menu {
    width: 250px;
    z-index: 1001;
    background: #181d24 !important;
    /* background: #223a58 !important; */
}

.navbar-brand-box {
    background: #f1f3f6;
    border-right: 1px solid #f1f3f6 !important;
}

body[data-topbar=dark] #page-topbar {
    background-color: #25446dfa;
    border-color: #25446dfa;
    border-bottom: unset !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

body[data-topbar=light] #page-topbar {
    background-color: #fffefe !important;
    border-bottom: unset !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

body[data-topbar=dark] .navbar-brand-box {
    background-color: #253d5bfa;
    border-color: #253d5bfa;
    -webkit-box-shadow: 0 0 2px #25446dfa;
    box-shadow: 0 0 2px #25446dfa;
    border-right: 1px solid #25446dfa !important;
}

body[data-layout-mode=dark] .card, body[data-layout-mode=dark] .card-header, body[data-layout-mode=dark] .modal-content, body[data-layout-mode=dark] .offcanvas {
    background-color: #fff;
    /* border-color: #3b403d; */
}

body[data-layout-mode=dark] .table-bordered, body[data-layout-mode=dark] .table-dark>:not(:last-child)>:last-child>* {
    border-color: #e9e9ef;
}

body[data-layout-mode=dark] .table {
    border-color: #e9e9ef;
    color: var(--bs-table-striped-color);
}

body[data-layout-mode=dark] .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-striped-bg: var(--bs-table-hover-bg);
    --bs-table-striped-color: $gray-dark-400;
}

body[data-layout-mode=dark] .footer {
    background-color: #fff;
    color: #74788d;
}

body[data-layout-mode=dark] h5 {
    color: #fff;
}

body[data-layout-mode=dark] h6 {
    color: #495057;
}

body[data-layout-mode=dark] .right-bar {
    background-color: #f1f3f6;
}

body[data-layout-mode=dark] {
    color: unset;
}

body[data-layout-mode=dark] .form-check-input {
    background-color: #fff;
    border-color: hsla(0, 0%, 100%, .25);
    border: 1px solid rgba(0,0,0,.25);
}

#sidebar-menu ul li a, #sidebar-menu ul li a i {    
    font-weight: normal;
    font-size: 16px;
}

.viewNoDesignBadge {
    background: #858d98;
    padding: 0 4px 0 5px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}
.viewYesDesignBadge {
    background: #5156be;
    padding: 0 4px 0 5px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.width100px {
    width: 100px;
}
.right-bar {
    background-color: #f1f3f6 !important;
}

.right-bar .right-bar-toggle {
    background-color: #b4005b !important;
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: block;
    color: #e9e9ef;
    text-align: center;
    border-radius: 50%;
}
.menu-title {
    padding: 12px 20px!important;
    pointer-events: none;
    cursor: default;
    font-size: 12px;
    color: #fff !important;
    font-weight: 500;
}
/* Side menu Design Section End */

/* Profile Page  Design Section Start */
.profiel-design {
    background: #f2efef8f;
    padding: 14px;
    border: 3px solid #4ba6ef;
}

.addtext-design {
    text-align: center;
    color: #0068d4;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

.pull-right {
    float: right;
}

.editicon-design {
    font-size: 17px;
    color: #3548b6;
    margin: 0 11px 0 10px;
}

.copyRightsUidesign {
    text-decoration: unset !important;
    color: var(--bs-body-color);
}

.auth-bg {
    height: unset !important;
}
/* Profile Page  Design Section End */

/* Forgot password and Register design Section Start */
.reg-body{   
    background: #fff;
    z-index: 9999;   
    border-radius: 8px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.forgot-body{
    background: #fff;
    z-index: 9999;
    border-radius: 8px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    margin-top: 20px;
    height: 73%;
}

/* Forgot password and Register design Section End */

/* Common Css Section Start */
.p-0 {
    padding: 0 !important;
}
.deleteicon-design {
    font-size: 17px;
    color: #e91e63;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    border-radius: 0.5rem !important;
}

.mt-33 {
    margin: 33px 0 0 0;
}

.mt-34 {
    margin: 34px 0 0 0;
}

.mt-29 {
    margin: 29px 0 0 0;
}

.cursor-pointer {
    cursor: pointer;
}

.choices__list--single {
    display: inline-block;
    padding: 4px 7px 4px 4px !important;
    width: 100%;
}

.text-17 {
    font-size: 17px;
}

.text-12 {
    font-size: 12px;
}

sup {
    position: relative;
    font-size: 11px !important;
    line-height: 0;
    vertical-align: baseline;
}

.borderDesign {
    border-top: 1px solid #e4e6eb !important;
}

table#propertyLocationTableUIClassBuilder {
    border-collapse: collapse !important;
}

.tableBorderRightLeft {
    border-left: 1px solid #e4e6eb;
    border-right: 1px solid #e4e6eb;
}

.pt-md-1 {
    padding-top: 1rem!important;
}

li.nav-item.mr-2.active {
    color: #495057 !important;
    border-radius: 0.5rem;
    font-style: normal !important;
}
.nav-link:hover {
    border-bottom: 2px solid #0e638c!important;
}

li.nav-item.active {
    color: #495057 !important;
    background: #e9ecef !important;
    border-radius: 0.5rem;
    font-style: normal !important;
}


/* .nav-link:hover {
    color: #495057 !important;
    background: #e9ecef !important;
}

li.nav-item.mr-2.active {
    color: #495057 !important;
    background: #e9ecef !important;
    border-radius: 0.5rem;
    font-style: normal !important;
} */

a.nav-link.active.border-radius-md {
    color: #495057 !important;
    background: #e9ecef !important;
    border-radius: 0.5rem;
}

span.nav-link.active.border-radius-md {
    color: #495057 !important;
    background: #e9ecef !important;
    border-radius: 0.5rem;
}



/*#form-status:checked+label:after {
    left: 60px;
    background-color: #e9e9ef;
}
*/
.active-inactive-design {
    width: 85px !important;
}

input[switch]:checked+label.active-inactive-design:after {
    left: 61px !important;
}

#formstatus+label:before {
    right: 4px !important;
}

#formstatus:checked+label:before {
    left: -28px !important;
}


.alert-preview-design {
    border: 2px dotted #9e9e9e;
    padding: 4px 10px 0 10px;
}
/*.active {
    color: #495057 !important;
    background: #e9ecef !important;
    border-radius: 0.5rem;
}*/

.nav-fill .nav-item, .nav-fill>.nav-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    margin: 0 0 0 15px;
}


.border-none {
    border: unset !important;
}

.form-control:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff!important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}

.mr-20px {
    margin: 0 20px 0 0;
}

.custom-control-label {
    cursor: pointer;
}

.border-radius-lg {
    border-radius: 0.75rem;
}

.border-radius-md {
    border-radius: 0.5rem !important;
}

.bg-gradient-dark {
    background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%);
}

.btn-outline-dark {
    color: #252f40;
    border-color: #252f40;
}

.mr-2 {
    margin-right: 10px !important;
}

.text-upper {
   text-transform: uppercase; 
}

.breadcrumb-item.active {
    color: #74788d !important;
    background: unset !important;
}

.mm-active .active, .mm-active .active i, .mm-active .active svg {
    color: #fff !important;
    background: #3a6b88 !important;
}

#sidebar-menu ul li a:hover, #sidebar-menu ul li a:hover i {
    color: #fff !important;
    background: #3a6b88 !important;
}

.pull-left {
    float: left;
   
}

.center-block {
    margin: 0 auto;
    float: none;
}

#toast-container>div {
    opacity: 1 !important;
    border-radius: 10px !important;
}

.toast-top-right {
    top: 54px !important;
    right: 3px !important;
}

.form-switch .form-check-input {
    width: 43px !important;
    margin-left: -33px;
   
    background-position: 0;
    border-radius: 2em;
    -webkit-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out;
    height: 20px !important;
    margin-top: 0px !important;
}

.form-card-design {
    /* box-shadow: 0 20px 24px 0 rgb(0 0 0 / 20%); */
    box-shadow: 0px -2px 24px 0 rgb(0 0 0 / 20%);
    border-radius: 1rem !important;
}
.submitApproval-design{
    box-shadow: 0px -2px 24px 0 rgb(0 0 0 / 20%);
    border-radius: 1rem !important;
}

.commonSectionCardDesign {
    /* box-shadow: 0 20px 24px 0 rgb(0 0 0 / 20%); */
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 1rem !important;
}

.form-btn-sm {
    padding: 0.2rem 1rem !important;
    border-radius: 0.5rem !important;
    font-size: 13px !important;
    font-weight: 500;
}

.btn-group-design-form {
    top: 100% !important;
    left: -73% !important;
}

.switch-btn-design {
    font-weight: bold;
    font-size: 0.876rem;
}

.card-header-design {
    padding: 10px 16px 4px 21px !important;
    background-color: unset;
    color: #fff;
}

.modal-header-design {
    padding: 0!important;
    background-color: unset;
    color: #fff;
}

.policycard-header-design {
    
    background-color: unset;
    color: #fff;
}

.areyousure-popup-design {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}

.border-bottom-design {
    border-bottom: 1px solid #e9ecef;
}

.form-menu-design {
    font-size: 15px;
    font-weight: 400;
}

.table-scroll {
    width: 100%;
    overflow-x: scroll;
    display: block;
}

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


.text-title-design {
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 14px;
    text-transform: uppercase;
    /* background: #746b91a1; */
    background: linear-gradient(103deg, #7f3b93, #7f3b93a6);
    /* background: linear-gradient(to right, rgb(36 168 216) 0%, rgb(36 168 216 / 77%) 51%, rgb(36 168 216 / 61%) 100%); */
    padding: 7px 7px 7px 11px;
    color: #fff;
    font-family: var(--bs-font-sans-serif);
    /* border-radius: 10px; */
}
.reportExcTrackTitle{
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 7px 7px 11px;
    color: #fff;
    font-family: var(--bs-font-sans-serif);
   
}
.policytext-title-design {
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 18px;
    text-transform: uppercase;
    /* background: #651ACB; */
    /* background: linear-gradient(to right, rgb(76, 161, 175) 0%, rgb(76, 161, 175) 51%, rgb(162 210 218) 100%); */
    padding: 7px;
    color: #52a4b2;
    font-family: var(--bs-font-sans-serif);
}
.formsFilterSection_design{
    margin-top: -45px;
    margin-right: 25px;
}
.addBtnDes{
    position: absolute;
    right: 60px;
}
.addRuleDes{
    position: absolute;
    right: 90px;
    font-size: 14px;
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
}
.form-filterBtnDesign {
    padding: 9px 9px 6px 9px !important;
    /* margin: -36px 54px 0 0; */
    border-radius: 50px !important;
    box-shadow: 1px 1px 1px 14px !important;
    background: #607d8b !important;
    cursor: pointer;
    font-size: 13px !important;
}
.add-Mange-Rule-left{
    position: absolute;
    right:8px;

}


.addRule-left{
    margin-left: 30px !important;
}
.addBtnDesign {
    margin: -37px 6px 0 0;
    font-size: 14px;
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
}
.headingBtnDesign {
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
    margin-top: -39px !important;
}
.headingBtnDesign1 {
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
    margin-top: -39px !important;
}
.headingBtnDesign.notesHeading {
    margin-top: -68px !important;
}
.homeBtn-nav-link{
    display: block;
    padding: 0.5rem;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #000;
    background-image: linear-gradient(to right, #FFEEEE 0%, #DDEFBB 51%, #FFEEEE 100%);
}
.homeBtn-nav-link i{
    font-size: 14px;
}
.homeBtn-nav-link span {
    padding: 8px;
}
.policyform-btn-sm {
    font-size: 12px !important;
    font-weight: 500;
}
.mr-6px{
    margin-right: 6px!important;
}

.main-content {
    margin-left: 250px;
    overflow: hidden;
    /* background: #f1f3f6 !important; */
}

.main-tab-design {
    margin: 0 0 0 -18px;
    padding: 12px 0 14px 10px;
}

.apps-customizer {
    --bs-text-opacity: 1;
    color: #223a58 !important;
}

.bg-default {
    --bs-bg-opacity: 1;
    background-color: #223a58;
}

.borderErrorDesign {
    border: 1px solid #fd625e !important;
}

.accountListCountDesign {
    border-right: 1px solid #e9e9ef;
    border-radius: .25rem;
    /* margin-right: 10px; */
    /* box-shadow: 1px 1px 6px 0px rgba(0,0,0,.075); */
    margin-bottom: 20px;
    
}

.accountListCountImage {
    width: 36px;
    float: right;
    margin-top: -35px;
    margin-right: -11px;
    opacity: 0.8;
}

.additionalIconDesign {
    color: #4c78d9;
    font-size: 25px;
    margin: 0 0 0 0;
}

.additionalIconAlignmentDesign {
    margin: -14px 0 0 -8px;
}

.rhsIconAlignmentDesign {
    margin: -5px 0 5px -2px;
}

.accountListTabDesign{
    margin: 0 0 0 22px;
}

.accountListIssueCountImage {
    width: 28px;
    float: right;
    margin: -27px 0 0 0;
    opacity: 0.8;
}

.accountListRenewalCountImage {
    width: 30px;
    float: right;
    margin: -32px -7px 0 0;
    opacity: 0.8;
}

.accounlistCountSectionAlignDesign {
    margin: 0 -100px 0 43px;
}

.accountListCountTitleDesign {
    font-size: 12px;
    margin-bottom: 5px;
    color: #565656bf;
    font-weight: bold;
}

.accountListCountPadding {
    padding: 10px 14px 10px 14px;
}

.accountlistCountNumberDesign {
    font-size: 20px;
    font-weight: bold;
    color: #607D8B;
}

.pointernoneoutcomerule {
    pointer-events: none;
    /* opacity: 0.8; */
}

.additionalInfoPointernoneoutcomerule {
    pointer-events: none;
    /* opacity: 0.8; */
}
.submitPivixUWPointerNone {
    pointer-events: none;
    /* opacity: 0.8; */
}
.pointer-none {
    pointer-events: none;
    /* opacity: 0.8; */
}
.pointer-auto {
    pointer-events: auto !important;
  }
.pointer-none-formsRule {
    pointer-events: none;
    opacity: 1;
}
.QQPointerNoneField {
    pointer-events: none;
    /* opacity: 0.8; */
}

.classBuilderFieldDesign {
    display: contents;
}

.chosen-container-multi .chosen-choices {
    padding: 0.47rem 0.75rem !important;
    width: 100% !important; 
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 9px !important;
    -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;
    background-image: unset !important;
}

.chosen-container-multi {
    display: block;
    width: 100% !important;
    border-radius: 0.25rem !important;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: -1px 0 !important;
    padding: 0;
    white-space: nowrap;
}

.chosen-container .chosen-results {
    font-size: 14px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 0px 5px 3px 0 !important;
}
.shadow-sm {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.custom-checkbox-design {
    border: 3px solid rgba(0,0,0,.25);
    font-size: 16px !important;
    margin-bottom: 6px;
}

.custom-checkbox-design:checked {
    background-color: #5156be;
    border-color: #5156be;
    font-size: 19px !important;
}

.form-wrap.form-builder .frmb-control {
    margin: 0;
    padding: 0 20px 0 0 !important;
    border-radius: 5px;
}

.card {
    border: unset !important;
}

.role-card-design {
    padding: 0 0 0 0;
    margin: -23px 0 0 0;
}

#saveActions {
    padding: 0 20px 3px 20px;
    float: right;
}

#saveActions button.btn.btn-success {
    border-radius: 10px !important;
    font-weight: bold;
    text-transform: capitalize;
}

#saveActions a.btn.btn-default {
    background-color: #fd625e;
    border-color: #fd625e;
    border-radius: 10px;
    margin: 0 0 0 10px;
    color: #fff;
    font-weight: 500;
}

#btnGroupDrop1 {
    display: none;
}
.display-none{
    display: none;  
}
.listrole-card-design {
    padding: 20px 25px 15px 25px;
    margin: -23px 0 0 0;
}

.add-role-perm-btn a{
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    border-radius: 0.2rem;
}

.alert-danger {
    color: #fff !important;
    background-color: hsl(340deg 91% 42% / 93%) !important;
    border-color: hsl(340deg 91% 42% / 93%) !important;
    font-weight: bold;
}

/* .dropdown-item i {
    color: #313131 !important;
}  comment by veera policy right side bar icon color changes related*/

.btn-active-fun {
    font-weight: bold !important;
}

.pr-10px {
    padding: 0 10px 0 0;
}

.attach-with-form-id-design {
    border: 1px solid #ecebeb;
    padding: 20px;
    margin: 0 0 0 30px;
}

.list-attach-with-form-id {
    border: 1px solid #eee;
    padding: 10px 20px;
    margin: 0 0 0 30px;
}

.text-capital {
    text-transform: capitalize !important;
}

.icon-design {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.btn-icon-design {
    font-size: 13px;
    font-weight: bolder;
    padding-right: 2px;
}
 
 .ml-20 {
    margin-left: 20px;
}

/* Common Css Section End */

/* Datatable Design Section Start */
#attach-with-form-id-table-filter {
    text-align: left;
}
#donot-attach-with-form-id-table-filter {
    text-align: left;
}
.table-header-design {
    /* background: linear-gradient(to right, rgb(96, 108, 136) 0%, rgb(63, 76, 107) 51%, rgb(96, 108, 136) 100%); */
    background: #ced6ffc2;
    color: #606060;
}
.report-header-design {
    /* background: linear-gradient(to right, rgb(96, 108, 136) 0%, rgb(63, 76, 107) 51%, rgb(96, 108, 136) 100%); */
    background: #ced6ffc2;
    color: #606060;
}
.report-header-design td {
    /* background-color: #0e638c; */
    color: #404040;
    font-weight: bold;
}
thead th {
    /* background-color: #0e638c; */
    color: #404040;
}
#crudTable_info {
    position: absolute;
    bottom: -32rem;
}
#crudTable_length {
    position: absolute;
    bottom: 0;
    top: -34rem;
    display: none;
}

input[switch]:checked+label {
    background-color: #5156be !important;
}

input[switch=bool]+label {
    background-color: #9f9f9f !important;
}

/* .table>:not(caption)>*>* {
    padding: 0.75rem;
    background-color: unset !important;
    border-bottom-width: 0px !important;
    -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    box-shadow: unset !important;
} */

th.sorting.dtfc-fixed-right {
    background: #54607e;
    color: #fff;
}

th.sorting.dtfc-fixed-left {
    background: #ced6ffc2;
    color: #404040;
}

#crudTable_wrapper #crudTable tr td:first-child, #crudTable_wrapper #crudTable tr th:first-child {
    align-items: center;
    display: block !important;
    padding-bottom: 1rem!important;
    padding-left: 0.6rem!important;
    padding-top: 1rem!important;
}

#crudTable a.btn.btn-sm.btn-link {
    color: #fff;
    background-color: #4ba6ef;
    border-color: #4ba6ef;
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    border-radius: 0.2rem;
    font-weight: 500;
}

#crudTable a.btn.btn-sm.btn-link[data-button-type="delete"] {  
    color: #fff;
    background-color: #fd625e;
    border-color: #fd625e;
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    border-radius: 0.2rem;
    font-weight: 500;
    margin: 0 0 0 10px;
}

table.dataTable thead .sorting {
    background-image: url('../images/sort_both.png') !important;
}

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png) !important;
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png) !important;
}

table#classcode-list-table th {
    padding-left: 9px !important;
}

table.table-condensed thead th {
    background: #fff;
    color: #333333;
}

/* .choices__inner {
    padding: 6px 0 0 5px !important;
}

choices__list--single .choices__item {
    width: 100%;
   padding: 0; 
    line-height: 15px !important;
} */

button.dt-button.buttons-html5 {
    background: #000;
    color: #fff;
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    border-radius: 0.5rem !important;
    box-shadow: 0 2px 6px 0 rgb(81 86 190 / 50%);
    color: #fff;
    background-color: #5156be;
    border-color: #5156be;
}

button.dt-button.buttons-html5:active {
    color: #fff;
    background-color: #414598 !important;
    border-color: #3d418f;
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    border-radius: 0.5rem !important;
    box-shadow: 0 2px 6px 0 rgb(81 86 190 / 50%) !important;    
}

button.dt-button.buttons-html5:hover {
    color: #fff;
    background-color: #414598 !important;
    border-color: #3d418f;
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    border-radius: 0.5rem !important;
    box-shadow: 0 2px 6px 0 rgb(81 86 190 / 50%) !important;    
}

div.dt-button-collection {
    padding: 8px 5px 7px 5px !important;
}

/* Datatable Design Section End */

/*Fill In Form builder design Start*/
/* .subtext-title-design {
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 17px;
    text-transform: uppercase;
    
    padding: 7px;
    color: #651ACB;
    font-family: var(--bs-font-sans-serif);
    border-bottom: 3px solid #4ac1da;
} */

.subtext-title-design {
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 17px;
    text-transform: capitalize;
    /* background: #651ACB; */
    /* background: linear-gradient(to right, rgb(76, 161, 175) 0%, rgb(76, 161, 175) 51%, rgb(162 210 218) 100%); */
    padding: 7px;
    color: rgb(32 131 166);
}


.instantAddDropdownDesign {
    border: 1px solid #eee !important;
    padding: 0;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    margin: 0 0 71px 0;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.policyBackToBtnDesign {
    margin: 25px 23px 0 0;
    font-size: 12px;
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
    position: absolute;
    right: 0;
}
.policyBackToBtnDesignexpTrack{
    margin: 25px 17px 0 0;
    font-size: 12px;
    border-radius: 50px !important;
    box-shadow: 7px 0px 0px 12px !important;
    position: absolute;
    right: 0;
}

.accountListPolicyBackToBtnDesign {
    margin: 1px 100px 0 0;
    font-size: 12px;
    border-radius: 50px !important;
    box-shadow: 1px 0px 2px 5px !important;
    position: absolute;
    right: 0;
    /* z-index: 999; */
}

.uiIconDesignAlignment {
    margin: 0 5px 0 3px;
}
.form-wrap.form-builder .stage-wrap.empty {
    border: 3px dashed #ccc;
    background-color: rgba(255,255,255,0.25);
    min-height: 32rem !important;
}

.form-wrap.form-builder .pull-right {
    padding: 0 13px 0 0;
}

.wrapper{
    width: 235% !important;
    margin: 24px auto;
}
.common-table{
    width: 118% !important;
    border: none;
    font-size: 14px;
    text-align: center;
}
.common-table thead th{
    background-color: rgb(212, 237, 245);
}

.template-row:first-child{
    display:none;
    margin: 0 auto;
}
.template-row input{
    border-radius: 5px;
}
.controls a{
    text-decoration:none;
}
.list-add{
    text-decoration:none;
}
.list-add:before {
    content:"\002b";
    color:white;
    border: 1px solid gray;
    padding: 0 5px;
    border-radius: 5px;
    background-color: gray;
    margin-right: 20px; 

}
.action-btn{
    text-align:center;
}
.action-btn input{
    width: 65px;
    padding: 2px;
    border-radius: 10px;
    margin: 10px;
}
.action-btn input:first-child {
    background-color:black;
    color:white;
}
.action-btn input:nth-child(2) {
    background-color:gray;
    color:white;
}
.popup{
    visibility: hidden; /* Hidden by default. Visible on click */
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}
.fa-times{
    font-size:1rem;
}

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



[type=search] {
    -webkit-appearance: textfield;
    outline: unset !important;
}

.select2-search--dropdown .select2-search__field {
    padding: 5px !important;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px ;
}

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

.causeCount {
    display: none;
    border-radius: 0.5rem !important;
    padding: 0.47rem 0.75rem !important;
   
}

span.select2-selection.select2-selection--multiple {
    border: 1px solid #e4e4e4 !important;
    border-radius: 4px !important;
    font-size: 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ebf8f8 !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;    
    margin-right: 5px !important;
    margin-top: 1px !important;
    padding: 0 5px !important;
} 
.btn.btn-outline-primary.w-sm {
    min-width: 86px !important;
    border: 1px solid #ced4da !important;
    height: 46px !important;
}

.mr-17 {
    margin-right: 17px;
}

.fillHasValueDesign {
    margin: 0 0 0 10px;
}
.fillHasValueInputDesign {
    margin: 0 0 0 -24px;
}

.fillInAddBtnDesign {
    margin: 4px 0px 0 8px;
    font-size: 12px;
}

.fillInRemoveBtnDesign {
    margin: 4px 0 0 7px;
    font-size: 9px;
}

.defaultVlaueSectionDesign {
    margin: -21px 0px 0 -70px;
}

.fillInFullBtnSectionDesign {
    margin: -1px 0 0 70px;
}

.ml-18minis {
    margin: 0 0 0 -18px;
}

.ml-13minis {
    margin: 0 0 0 -13px;
}


.mr-12minis {
    margin: 0 0 0 -12px;
}

.mr-21minis {
    margin: 0 0 0 -21px
}

.mr-20minis {
    margin: 0 0 0 -20px
}

.mr-5minis {
    margin: 0 0 0 -5px;
}
.mr-5px {
    margin:0 0 0 5px;
}
.mr-4px {
    margin:0 0 0 4px;
}
.mr-7minis {
    margin: 0 0 0 -7px;
}

.mr-11minis {
    margin: 0 0 0 -11px;
}



.text-129 {
    font-size: 12.9px;
}

.text-139 {
    font-size: 12.9px;
}

.mr-35minis {
    margin: 0 0 0 -35px;
}
.mr-27minis {
    margin: 0 0 0 -27px;
}

.text-normal {
    font-weight: normal;
}

.text-500 {
    font-weight: 500;
}

.text-bold {
    font-weight: bold;
}

.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    opacity: .7;
    background-color: #000;
}

.loginBgDefault .bg-overlay {
    opacity: .9;
}

.cloverly-bg {
    --bs-bg-opacity: 1;
    background-color: #04713dd4 !important;
}



/*Fill In Form builder design End */


/*Orgonization Management*/
.ml-auto{
    margin-left: auto;
}

.up-us-search {
    border-radius: 0px !important;
}
.p0 {
    padding: 0 !important;
}

/*icon css by kiruba*/
.form-edit{
    width:16px;
    height:16px;
}

.form-del{
    width:16px;
    height:16px;
}

.form-reactivate{
    width:16px;
    height:16px;
}


/*MultiSelect Design Start */
button.multiselect.dropdown-toggle.btn.btn-default {
    border: 1px solid #ced4da;
    background: #fff;
    display: block;
}

button.btn.btn-default.multiselect-clear-filter {
    display: none;
}

.multiselect-selected-text {
    float: left;
}

input.form-control.multiselect-search {
    border: 1px solid #ced4da;
    border-radius: 0.25rem !important;
    margin-bottom: 10px;
    width: auto;
}

ul.multiselect-container.dropdown-menu.show {
    padding: 8px 7px 0 10px;
    margin-top: 4px;
    width: 100%;
   
}

label.checkbox {
    padding-bottom: 5px;
    cursor: pointer;
}




/* .topClassc .btn-group .dropdown-menu{
    max-height: 120px !important;
} */
/* .ms-options-wrap, .ms-options-wrap * {
    border-radius: 0.25rem !important;
}

.ms-options-wrap .ms-options ul {list-style: none;}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin-right: 5px;
    position: absolute;
    left: 2px !important;
    top: 12px !important;
}

.ms-options-wrap > .ms-options > ul li.selected label, .ms-options-wrap > .ms-options > ul label:hover {
    background-color: #f6f5f5 !important;
    padding-left: 25px !important;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: 13px !important;
    text-transform: capitalize !important;
    text-decoration: none;
}

.ms-options-wrap > .ms-options ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px 20px 5px 20px !important;
    margin: 1px 0px !important;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 7px 5px 0 8px !important;
}



.fillin-form-show {
    display: block; 
}

.fillin-form-hide {
    display: none;
}

.divShow {
    display: block !important;  
}

.divHide {
    display: none !important;
}

#expire-user-tbl.dataTable th:nth-child(3), td:nth-child(3) {
     width: 50% !important;
}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
    padding: 0.47rem 0.75rem !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    font-size: .875rem !important;
}*/

.choices[data-type*=select-one] {
    cursor: pointer;
    width: 100% !important;
}

/* MultiSelect Design End */ 

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell !important;
}

/*Forms description design UI Start*/

.form-search-btn-design {
    position: absolute !important;
    float: right;
    right: 0px;
    height: 35px;
    background: #eee;
}

.preview-section {
    background: #eee;
    border-radius: 5px;
    box-shadow: unset;
}

.preview-content {
    background: #fff;
    padding: 11px 17px;
    height: 600px;
    overflow-y: scroll;
}

#editor {
    min-height: 300px;
}

.form-preview-section-design {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    margin-top: 14px;
    text-decoration: underline;
    /* color: #6920cc; */
}

.ql-snow .ql-Table-Input .ql-picker-options {
    padding: 3px 5px;
    width: 112px;
}

.ql-snow .ql-Table-Input .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
    background: lightsteelblue;
}

.ql-snow .ql-Table-Input .ql-picker-item:hover, .ql-snow .ql-Table-Input .ql-picker-item.ql-picker-item-highlight {
    border-color: #000;
    background: steelblue;
}

.ql-snow .ql-Table-Input.ql-picker {
    width: 28px;
}

.ql-snow .ql-Table-Input.ql-picker .ql-picker-label {
    padding: 2px 4px;
}

.qlbt-col-tool {   
    display: none;
}

.text-left {
    text-align: left !important;
}

div#forms-desc-sect p {
    margin: 0;
}

.live-preview-animation {
    animation: blinkMe 2s linear infinite;
}
.live-preview-animation:hover {
    animation: unset;
}
@keyframes blinkMe {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/*Forms description design UI End*/


.ruleNotActiveRow td:not(:nth-child(24)) {
    background-color: #de28233b !important;
    font-weight: 400;
}

/*Roles & Permissions start*/
.width12-perc {
    width: 12% !important;
}
.width11-perc {
    width: 11% !important;
}
.width13-perc {
    width: 13% !important;
}
.width100-perc {
    width: 100% !important;
}
.width10-perc {
    width: 10% !important;
}
.widt40-perc {
    width: 40% !important;
}
.width60-perc {
    width: 60% !important;
}
.width70px {
    width: 70px !important;
}
.width50-perc {
    width: 50% !important;
}
.width48-perc {
    width: 48% !important;
}
.width57-perc {
    width: 57% !important;
}
.width15-perc {
    width: 15% !important;
}
.width17-perc {
    width: 17% !important;
}
.width18-perc {
    width: 18% !important;
}
.width9-perc {
    width: 9% !important;
}
.width8-perc {
    width: 8% !important;
}
.width20-perc {
    width: 20% !important;
}
.width35-perc {
    width: 35% !important;
}
.width5-perc {
    width: 5% !important;
}
.width30-perc {
    width: 30% !important;
}

.width8point7-perc {
    width: 8.7% !important;
}

.width8point5-perc {
    width: 8.5% !important;
}
.width7-perc {
    width: 7% !important;
}
.positionRelative {
    position: relative;
}
.textleft {
    text-align: left !important;
}
#pc-permission-list-table th {
    vertical-align: middle;
}
#expire-user-tbl.dataTable th:nth-child(3), #expire-user-tbl.dataTable td:nth-child(3){
     width: 50% !important;
}

.subCardBoxshadow{
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
#permissionsAssets table {
    width: 100%;
}

#org-crs-AccessDtls-permsn-tbl table {
    width: 100%;
}

#view-section-fields-model .modal-dialog {
    max-width: 1000px;
}

.dt-control {
    border-radius: unset;
}

/* #permissionsAssets span.dt-control, #glClassBuilderTable span.dt-control {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: white;
    border: 0.15em solid white;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;
    line-height: 1em;
    background-color: #31b131;
    cursor: pointer;
    font-size: 9px;
    padding: 2px;
} */

/* #permissionsAssets tr.dt-hasChild span.dt-control, #glClassBuilderTable tr.dt-hasChild span.dt-control {
    background-color: #d33333;
    cursor: pointer;
    font-size: 9px;
    padding: 2px;
} */
.sectionCheckbox {
    position: relative;
    left: 4px;
}
#permissionsAssets .dropdown-menu.show, #pc-permission-list-table .dropdown-menu.show, #pc-section-permis-table .dropdown-menu.show {
    top: 72% !important;
    padding: 0 12px !important;
}
#permissionsAssets .dropdown-toggle, #pc-permission-list-table .dropdown-toggle, #pc-section-permis-table .dropdown-toggle {
    cursor: pointer;
}
#permissionsAssets .dropdown-menu-end[style], #pc-permission-list-table .dropdown-menu-end[style], #pc-section-permis-table .dropdown-menu-end[style] {
    right: 36%!important;
}
#pc-fieldaccess-model-popup .modal-content {
    width: 30%;
    margin: 0 auto;
    box-shadow: 0 20px 15px 0 rgb(0 0 0 / 20%);
}

.uiFieldsInfoBox {
    background-color: #eee;
    padding: 7px 10px;
    float: right;
    border: 1px solid #ddd;
    font-size: 13px;
    position: relative;
    font-weight: 500;
    top: 7px;
}

.uiFieldsInfoBox i {
    color: #2196f3;
    font-size: 19px;
    position: relative;
    top: 2px;
    left: -3px;
}

.box.arrow-right.uiFieldsInfoBox:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 4px;
  border-top: 15px solid transparent;
  border-right: none;
  border-left: 15px solid #eee;
  border-bottom: 15px solid transparent;
}
.fontSize15 {
    font-size: 15px;
}
.pcAccessIcon {
    cursor: pointer;
}

.sub-module-list {
    float: left;
}

input.readEditAccess[switch=bool]+label {
    width: 60px;
}
.submodule-row-bg {
    background: aliceblue !important;
}

.section-row-bg {
    background: beige !important;
}

.uifield-row-bg {
    /*background: #cbd3ff70 !important;*/
    background: #f3fe8c38 !important;
}

.uifield-row-bg table tbody tr {
    background: unset !important;
}
#permissionsAssets .dt-hasChild.shown tr:nth-child(1) td {
    background: aliceblue !important;
}

#permissionsAssets.table-bordered, #permissionsAssets.table-bordered td, #permissionsAssets.table-bordered th {
    border: 1px solid #c9c9ce;
}
#org-es-AccessDtls-permsn-tbl.table-bordered, #org-es-AccessDtls-permsn-tbl.table-bordered td, #org-es-AccessDtls-permsn-tbl.table-bordered th {
    border: 1px solid #c9c9ce;
}
#org-coos-AccessDtls-permsn-tbl.table-bordered, #org-coos-AccessDtls-permsn-tbl.table-bordered td, #org-coos-AccessDtls-permsn-tbl.table-bordered th {
    border: 1px solid #c9c9ce;
}

#indv-es-AccessDtls-permsn-tbl.table-bordered, #indv-es-AccessDtls-permsn-tbl.table-bordered td, #indv-es-AccessDtls-permsn-tbl.table-bordered th {
    border: 1px solid #c9c9ce;
}
#org-crs-AccessDtls-permsn-tbl.table-bordered, #org-crs-AccessDtls-permsn-tbl.table-bordered td, #org-crs-AccessDtls-permsn-tbl.table-bordered th {
    border: 1px solid #c9c9ce;
}

/*Roles & Permissions end*/

/*Tree View Section*/
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.tree-main-li {
    font-size: 16px;
    /*background: #223a58;*/
    padding: 1px 8px 3px 7px;
    border-radius: 5px;
    /*color: #fff;*/
}

.text-14 {
    font-size: 14px !important;
}

.text-13 {
    font-size: 13px !important;
}

.buildingDetailsSection {
    padding: 25px;
    border-radius: 10px;
}

.windHailDesign {
    margin: 0 auto;
    float: none;
    /* border: 2px solid #d4cfcf; */
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 8px;
}

.text-16 {
    font-size: 16px !important;
}

.text-18 {
    font-size: 18px !important;
}

.text-15 {
    font-size: 15px !important;
}

.mt-7r {
    margin-top: 7rem;
}

.coverageSectionDesign {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    padding: 25px 15px;
    border-radius: 10px;
}

.ptb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*.amountCardDesign {
    background: #000;
    color: #fff;
    border-radius: 10px;
    padding: 18px;
}
*/

.policyStatementDetailsTableDesign {
    margin: 0 0 0 80px;
}

.replacementYearNotesDesign {
    font-size: 13px;
    margin: 13px 0 0 0;
    background: #607d8b;
    padding: 6px 4px 6px 9px;
    color: #fff;
    border-radius: 7px;
    font-weight: normal;
}
.COLalertDesign {
    font-size: 13px;
    margin: -16px 31px 22px 37px;
    background: #d03737;
    padding: 6px 4px 6px 9px;
    color: #fff;
    border-radius: 7px;
    font-weight: normal;
}
.WindandhailProhibitAlertDesign {
    font-size: 13px;
    background: #607d8b;
    color: #fff;
    border-radius: 7px;
    font-weight: normal;
}

.windandhaildeductible {
    font-size: 13px;
    margin: 13px 0 0 0;
    background: #607d8b;
    padding: 6px 4px 6px 9px;
    color: #fff;
    border-radius: 7px;
    font-weight: normal;
}

.amountCardDesign {
    background: #2f5870;
}

.amountCardDesign {
    margin: 10px;
    /*padding: 15px 45px;*/
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

/*.amountCardDesign:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}*/

.border-right {
    border-right: 1px solid #eee;
}

.border-bottom {
    border-bottom: 1px solid #eee;
}

.amountFontDesign {
    font-size: 11px;
    /* font-weight: bold; */
    padding: 14px 0 0 0;
}

.text-22 {
    font-size: 22px;
}

.amountDisplaydesign {
    font-size: 16px;
    font-weight: bolder;
    margin-bottom: 6px;
}

.form-control {
    appearance: auto !important;
    border: 1px solid #ededed !important;
}

.form-select {
    border: 1px solid #ededed !important;
}
/* .multiselect {
    border: 1px solid #ededed !important;
} */


/*.cc-form-search-btn-design {
    position: absolute !important;
    float: right;
    right: 29px !important;
}*/

.mr-37 {
    margin: 0 37px 0 0;
}

.mt-34 {
    margin-top: 33px !important;
}

/*Confirm popup*/
.confirm-popup-icon {
    position: absolute;
    top: -39px;
    left: 42%;
    border: 3px solid #ffffff;
    border-radius: 50%;
    font-size: 23px;
    padding: 8px 14px;
}

/*Delte Popup CSS*/
.delete-popup-icon {
    position: absolute;
    top: -25px;
    left: 41%;
    border: 3px solid #fff;
    border-radius: 50%;padding: 5px;
}
.delete-popup-icon i{
    font-size: 22px;
    padding: 5px;color: #fff;
}
.btn-delete-popup{
    font-size: 14px;
    font-weight: bolder;
    border: none;
}
.delete-popup-card-body{
    padding: 0 0 20px 0;
    margin: -3px 0 0 0;
}

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

.modal-common-header-bg {
    background: cadetblue;
    padding: 5px;
}
.modal-common-header-bg h5 {
    color: #fff;
}

.common-card-header-bg {
    background: #0e638c;
    color: #fff;
    padding: 10px;
}

.common-card-header-bg h5 {
    color: #fff;
}

.coverageTypeSectionDesign {
    background: rgb(59 100 120);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 10px;
}
.coverageTypeSectionDesign {
   margin: 0px;
   padding: 0;
   text-align: left;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   font-size: 14px;
 }

 /*.coverageTypeSectionDesign:hover {
   background-position: right center;  
   color: #fff;
   text-decoration: none;
 }
*/
 .coverageTypeDesignTitle {
    font-size: 16px !important;
    /* background: #fff !important; */
    color: #fff !important;
    text-align: left;
    padding: 11px 0 0 10px;
}
/*Save button tick icon start*/
.circle-loader {
  border: 3px solid rgb(255 255 255 / 39%);
  border-left-color: #fff;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}

.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #fff;
  transition: border 500ms ease-out;
}

.checkmark {
  display: none;
}
.checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
    opacity: 1;
    height: 13px;
    width: 8px;
    transform-origin: left top;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    content: "";
    top: 12px;
    right: 11px;
    position: absolute;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 8px;
    opacity: 1;
  }
  40% {
    height: 13px;
    width: 8px;
    opacity: 1;
  }
  100% {
    height: 13px;
    width: 8px;
    opacity: 1;
  }
}

.mr-15px{
    margin-right: 15px;
}
.mr-5px{
    margin-right: 5px;
}

.card-header-quote-design{
    background: #697AC4;
    padding: 6px 7px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: rgb(255, 255, 255);
    width: 100%;
}

.card-header-quotebody-design {
    /* border: 1px solid #d2cece; */
    border: 1px solid #f1eaea;
    padding-top: 9px !important;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding-bottom: 0;
}
.card-header-bind-design {
    background: #9b65ba;
    padding: 6px 7px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: rgb(255, 255, 255);
    width: 100%;
}

.card-header-bindbody-design {
    border: 1px solid #d2cece;
    padding-top: 9px !important;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding-bottom: 0;
}
.card-header-issue-design {
    background: #309760;
    padding: 6px 7px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: rgb(255, 255, 255);
    /* margin-bottom: 15px; */
    width: 100%;
}

.card-header-issuebody-design {
    border: 1px solid #d2cece;
    padding-top: 9px !important;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding-bottom: 0;
}
.breadcumpCustomDesign {
    float: right;
    text-align: right;
    margin: 6px 16px 0 0;
}

.inlineText {
    display: inline;
}
/*Save button tick icon end*/

.generateQuoteBtn {
    background: #428690c4;
    /* background: #42b6c7c4; */
}

/*Right side vertical menu start*/
.right-side-vertical-menu {
    width: 3.5%;
    position: fixed;
    right: 0;
    top: 86px;
    background: #fff;
    text-align: center;
    box-shadow: -1px 0px 10px 1px rgb(0 0 0 / 20%);
    height: 100%;
    border-left: 1px solid #343a4040;
    z-index: 999;
}

.rhsContent {
    width: 17%;
    position: fixed;
    right: 0px;
    background: #fff;
    text-align: center;
    height: 100%;
    /*box-shadow: 0 20px 24px 0 rgb(0 0 0 / 20%);*/
    border-left: 1px solid #ddd;
    z-index: 9;
    overflow-x: scroll;
}

.rhsPremiumSummaryBodyDesign {
    padding: 15px 5px 100px 5px;
    /* overflow: scroll; */
    margin: 46px 0 0 0;
}

.rhsContentSectionDesign {
    width: 16%; 
    position: fixed; 
    height: 100%; 
    background: #fff;
}

.rhsCloseBtnDesign {
    padding: 3px 5px 3px 4px;
}

.rhsContentTitle {
    background: #24a8d8;
    padding: 10px 8px;
    position: fixed;
    z-index: 99;
    width: 16%;
}

.accordion-item {
    background-color: transparent;
    border: unset !important;
}


.buildingNoAlignDesign {
    margin: 35px 0 0 0;
}

.iconrhs {
    font-size: 16px;
}

#premiumSummaryIcon {
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 40%);
    background: slategrey;
    padding: 4px 8px;
    border-radius: 50%;
    position: relative;
    left: -5px;
    font-size: 15px;
}

.iconrhs:hover span{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s cubic-bezier(0.3, 0.2, 0, 2.5);
    transition: 0.35s cubic-bezier(0.3, 0.2, 0, 2.5);
}

#stateAuthorityIcon {
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 40%);
    padding: 3px 5px;
    border-radius: 50%;
    position: relative;
    left: -5px;
    background: coral;
}

#notesIcon {
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 40%);
    background: lightseagreen;
    padding: 4px 8px;
    border-radius: 50%;
    position: relative;
    left: -5px;
    font-size: 15px;
}

#chatIcon {
    background: #51c251;
    font-size: 18px;
    padding: 3px 6px 3px 6px;
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 40%);
    border-radius: 50%;
    position: relative;
    left: -5px;
}

#premiumSummaryIcon i, #stateAuthorityIcon i, #notesIcon i, #chatIcon i, #chartsIcon i ,#rhssummaryIcon i{
    color: #fff !important;
}

.dropdown-item.iconrhs{
    padding: 0.55rem 1rem;
}
/*Right side vertical menu end*/

/*Right side chat start*/
.chat-online {
    color: #34ce57
}

.chat-offline {
    color: #e4606d
}

.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 500px;
    overflow-y: scroll
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}

.flex-grow-0 {
    flex-grow: 0!important;
}
.border-top {
    border-top: 1px solid #dee2e6!important;
}
/*Right side chat end*/

table.dataTable {
    width: 100% !important;
}

.required{
    color: #ff0000;

}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 11px !important;
    padding-right: 30px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2px !important;
    padding-bottom: 4px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 4px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 7px !important;
    right: 4px !important;
    width: 20px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 35px !important;
    user-select: none;
    -webkit-user-select: none;
}

.lobSectionDesign {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 6px 0px 7px 8px !important;
}

.lobViewSectionDesign {
    /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; */
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.policySubTextDesign {
    color: #803b94;
    font-size: 15px;
}

.glSectionDesign {
    background: #fbfbfb;
    padding: 0 17px;
    border-radius: 3px;
}

.pr-20 {
    padding: 0 20px 0 0;
}

.multipleTableDesign {
    margin: -18px 0 0 0;
}

.formSummaryDesign {
    background: #525e7c;
    color: #fff;
    text-align: center;
    padding: 12px 0 13px 0;
    margin: 0;
}

.plr-10 {
    padding: 0px 10px 0 10px;
}

.nettshieldLogoDesign {
    width: 1.6rem;
    margin: 0 -4px 0 4px;
}

.nettshieldPowerdDesign {
    font-weight: bold;
    text-decoration: unset !important;
    color: #048b74;
}

.font-bold {
    font-weight: bold;
}

.classCodeDesign {
    margin: -3rem 0 0 15rem;
}

.placeholder-item {
    box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);
    border-radius: 4px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.placeholder-item::before {
    content: '';
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 150px;
    background: linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%);
    animation: load 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}

@keyframes load {
    from {
        left: -150px;
    }
    to   {
        left: 100%;
    }
}

.vetical-align-middle {
   vertical-align: middle;
}


.ml-11px {
    margin-left: 11px;
}

.propCCDesign {
    margin: 33px 0 -27px 10px;
}

.addPropClassCodeProp {
    margin: -12px 0 20px 0 !important;
}

.propbtn-icon-design {
    font-size: 13px !important;
    font-weight: bolder;
}

#propertyLocationTableUIClassBuilder td {
    border: unset;
}

#propertyLocationTableUIClassBuilder tr.odd td {
    background-color: #fff;
}

.locationNoColumnDesignRight {
    border-right: 2px solid #e9e9ef !important;
}

.locationNoColumnDesignLeft {
    border-left: 2px solid #e9e9ef !important;
}

.tableInputDesign {
    padding: 5px 0 5px 10px;
}

.propClassBuilderLabelDesign {
    font-size: 13px;
    float: left;
}

.buildingAddSectionDesign {
    border-top: 2px solid #f6f6f6;
}

.pr-44 {
    padding: 0 44px 0 0;
}

.classBuilderTitleDesign {
    text-align: left;
    margin: 8px 0 7px 0;
    color: #4ca0ae;
    text-transform: capitalize;
    font-size: 17px;
    text-decoration: underline;
    letter-spacing: 1px;
}

.d2cSectionDesign {
    margin: -13px 0 -8px -17px;
}

.locationBtnDesign {
    display: flex;
    flex-direction: column;
    /*line-height: 25px;*/
}

.pt-20 {
    padding-top: 20px !important;
}

.border-right {
    border-right: 1px solid #e4e6eb;
}

.positiom-sticky {
    position: sticky;
    position: -webkit-sticky;
    width: initial;
    display: flex;
    z-index: 9;
}
.error_description_page {
    font-size: 24px;
    font-weight: 400;
}


.tdContentBG {
    background: #fff;
    box-shadow: unset !important;
}

.tableAddRowDesign {
    background: #f8f9fa;
}

#gllocationTable > tbody > tr:nth-child(2n+1) > td, #gllocationTable > tbody > tr:nth-child(2n+1) > th, #qqlocationTable > tbody > tr:nth-child(2n+1) > td, #qqlocationTable > tbody > tr:nth-child(2n+1) > th {
   background-color: #fff;
   box-shadow: unset;
}

#gllocationTable > tbody > tr:nth-child(1n+1) > td, #gllocationTable > tbody > tr:nth-child(1n+1) > th, #qqlocationTable > tbody > tr:nth-child(1n+1) > td, #qqlocationTable > tbody > tr:nth-child(1n+1) > th {
   background-color: #f8f9fa;
   box-shadow: unset;
}

.ml-5px {
    margin: 0 0 0 5px;
}

.ml-10px {
    margin: 0 0 0 10px;
}

.ml-3px {
    margin: 0 0 0 3px;
}
.policyIcon {
    background-image: url(../images/policyIcon2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 30px 0rem !important;
    margin: 0 0 5px 0;
}

.detailTopbarDesign {
    position: fixed;
    top: 60px;
    background: #24a8d8;
    padding: 8px 0 0 12px;
    margin: -8px 0 0 0;
    left: 251px;    
    border-top: 1px solid #eee;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    z-index: 99;
}

.zIndex {
   z-index: 9999; 
}

.premBaseDesign {
    float: left;
    margin: 1px 0 0 4px;
    font-weight: 500;
    font-size: 11px;
    width: 100%;
    text-align: left;
}

.simple-typeahead-input{
    display: block;
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    /* color: #495057; */
    color: #211e1e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ededed;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -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;
}

.simple-typeahead-input:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff!important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}

.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item[data-v-04d98098] {
        cursor: pointer;
        background-color: #fff !important;
        padding: 0.6rem 1rem;
        border-bottom: 0.1rem solid #d1d1d1;
        border-left: 0.1rem solid #d1d1d1;
        border-right: 0.1rem solid #d1d1d1;
        color: #000000 !important;
}

.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item.simple-typeahead-list-item-active {
    background-color: #5156be !important;
    color: #fff !important;
}

/* .simple-typeahead .simple-typeahead-list .simple-typeahead-list-item.simple-typeahead-list-item-active[data-v-04d98098] {
    background-color: #5fd5a1 !important;
} */


.quotenumberDesign{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.w23{
    width: 23%;
}
.w20{
    width: 20%;
}
.w15{
    width: 15%;
}
.w16{
    width: 16%;
}
.w17{
    width: 17%;
}
.w19{
    width: 19%;
}
.w14{
    width: 14%;
}
.w7{
    width: 7%;
}

.classBuilderAlignmentDesign {
    margin: 0;
}

.ClassBuilderIncludeTextDesign {
    margin: 0 0 9px -6px;
}

.classbuilderPremiumDesign {
    margin: 0 15px 0 -16px;
    padding: 0 0 0 0;
}
.dBlock {
    display: block !important;
}


/*Tootltip Design For Policy management Start */
.tooltip {
  position: revert;
  display: inline-block;
  opacity: 1 !important;
  text-align: unset !important;
  font-size: 14px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  font-size: 12px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*Tootltip Design For Policy management End */


.autosaveLoaderDesign {
    margin: -2px 0 0 30px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    opacity: 0.8;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.policyIcon {
    background-image: url(../images/policyIcon.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 30px 0rem !important;
    margin: 0 0 5px 0;
}

.defaultFormNoteDesign {
    float: left;
    font-size: 14px;
    background: hsl(200deg 18% 46%);
    padding: 8px 13px;
    border-radius: 4px;
    color: #fff;
}
.awesomplete {
    display: unset !important;
    /* position: relative; */
}
.width45-perc{
    width: 45%;
}
.icon-section .config-icon{
    font-size: 22px;
    color: #000;
}
.icon-content {
    border-left: 1px solid #000;
    padding-left: 10px;
}
.icon-section {
    padding-right: 10px;
}
.iFont-17 {
    font-size: 17px;
}
.go-corner {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 28px;
  height: 20px;
  overflow: hidden;
  top: -6px;
  right: 0;
  background-color: #00838d;
  border-radius: 0 4px 0 32px;
}

.go-arrow {  
  opacity: 0;
  margin-top: -4px;
  margin-right: 0px;
  color: white;
  font-family: courier, sans;
}

.card-config-icon-container {
  display: block;
  position: relative;
  padding: 5px;
  border-radius: 4px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}
.card-config-icon-container:hover {
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
}
.card-config-icon-container:hover .go-corner, .go-arrow{
    opacity: 1;
}


#officeSetupTable.table-bordered th {
    border: 1px solid #c9c9ce;
}

#officeSetupTable.table-bordered, #officeSetupTable.table-bordered td, #officeSetupTable.table-bordered th {
    border: 1px solid #c9c9ce;
}

.config-title{
   margin-left: 30px;
   margin-bottom: 60px;
}
.ml-9{
    margin-left: 9px;
}
.txt-bold{
   font-weight: bold;
}
ol.ms {
    list-style-type: upper-greek;
    margin-left: 20px;
}
ol.ms li {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important;
}
.pl0{
    padding-left: 0 !important;
}
.expander{
    height: 376px;
    display: none;
    overflow-y:scroll;
}
.add-op{
    width: 90%;
    height: 38%;
    bottom: auto;
}
.c-design{
    border: 1px solid #eee !important;
    padding: 0;
    bottom: 0;    
}
.ml-5px{
    margin: 5px 5px;
}

.multiselect-group-label span:after{
    content: 'Select All';
    font-weight: bold;
}

.policyManagementDesign {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 7px !important;
    padding: 14px;
}

li.locationItem {
    font-size: 16px;    
    color: #369;
    cursor: pointer;
    margin-bottom: 5px;
}

.ulIconNone {
    list-style: none;
}

li.BuildingItem {
    color: #369;
    font-weight: bold;
    font-size: 13.7px;
    margin-bottom: 3px;
    cursor: pointer;
}
.tox-notifications-container{
    display: none;
}
.tox-statusbar__text-container{
    display: none!important;
}
.input-group-append-ccSearchIcn{
    position: absolute;
    top: 35px;
    right: 12px;
}
.input-group-append-ccSearchIcn i{
    font-size: 18px;
    color: #495057;
    opacity: 0.8;
}

.policyStatusDesignBtn {
    margin: 0 6px 0 0;
    font-size: 14px;
    border-radius: 50px !important;
    box-shadow: 0px 0px 1px 7px #f1f3f6 !important;
    float: right;
    margin: -3px 62px 0 0;
}


.ribbon1 {
    position: absolute;
    top: 0;
    right: 49px;
}

.policyStatusTextDesign {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1px 0 0 23%;
    font-size: 14px;
    float: left;
}
.policyCIStatusTextDesign {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1px 0 0 27%;
    font-size: 14px;
    float: left;
}

.policySmallStatusTextDesign {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1px 0 0 30%;
    font-size: 14px;
    float: left;
}

.ribbon1:after {
    position: absolute;
    content: "";
    width: 0;
    height: 22px;
    /*border-left: 48px solid transparent;
    border-right: 42px solid transparent;*/
    border-top: 15px solid rgb(133 148 173);
}

.ribbon1 span {
    position: relative;
    display: block;
    text-align: center;
    background: rgb(133 148 173);
    font-size: 14px;
    line-height: 1.3;
    padding: 7px 8px 7px;
    /* border-top-right-radius: 8px; */
    width: 90px;
    /* box-shadow: 0 1rem 31rem rgba(0,0,0,.175)!important; */
    box-shadow: 1px 0px 2px 5px !important;
    color: #fff;
    font-weight: bold;
}

/* .ribbon1 span:before, .ribbon1 span:after {
    position: absolute;
    content: "";
} */

.ribbon1 span:before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0;
    /* background: rgb(133 148 173); */
}

.ribbon1 span:after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0;
    border-radius: 8px 8px 0 0;
    background: rgb(133 148 173);
}

.bindbg {
    background: #607d8b !important;
    border-color: #607d8b !important;
    color: #fff;
    /* box-shadow: 0px 0px 2px 0 rgb(49 92 102) !important; */
}

.issueBg {
    background: #b27fb2;
}


.lobSectionDesign li>span.active {
    color: #495057 !important;
    background: #e9ecef !important;
    border-radius: 0.5rem;
    font-style: normal !important;
}

.z-index-1 {
    z-index: 1;
}

.errorBorderDesign {
    border-color: #fd625e !important;
}

.successBorderDesign {
    border-color: #2ab57d !important;
}

.multiselect-dropdown .multiselect-option  {
    font-size: 15px !important;
}

.multiselect-dropdown {
    width: 100% !important;
}

.multiselect{
    font-size: 15px !important;
}

/*.align-items-start{
     margin-bottom: 50px;
}

.align-items-start:hover{
     padding-bottom: 10px;
     padding-left: 5px;
    box-shadow: 0 10px 14px 0 rgb(0 0 0 / 10%);

}*/
.conf-sec-card {
    border-left: 1px solid gray;   
    padding: 0px 0px 0px 10px;
}
table.dataTable tbody th, table.dataTable tbody td {
    word-break:break-all;

}

.statusBadgeDesign {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 4px;
}

label.tenantOwnerSwitchBtn {
    width: 71px !important;
}

.tenantOwner:checked+label:after {
    left: 47px !important;
    background-color: #e9e9ef;
}


.validationNotesDesign {
    background: #e77471;
    color: #fff;
    padding: 5px 8px 7px 13px;
    border-radius: 10px;
    font-size: 14px;
}
.pm-config-draggable .selected {
    background-color: #666;
    color: #fff;
}
.config-scrollable-tabsec {
    max-height: 430px;
    overflow-y: scroll;
}

.form-group-container {
    margin: 20px 50px!important;
}

.form-group-card {
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
    padding: 10px;
}

.table-nowrap th {
    white-space: nowrap!important;
}
.errormsgYearBuiltDesign {
    margin-top: 0.25rem;
    font-size: 13px;
    color: #fd625e;
}


.errorTextDesign {
    color: #fd625e;
    font-size: 80%;
    margin-top: 2px;
    margin-left: 4px;
}

.simple-typeahead {
    position: relative;
    width: 100%;
    border: unset !important;
    padding: 0 !important;
}


.nav-warn{
    color: rgb(226 2 2) !important;
}
.nav-act{
     color: #495057 !important;
}

.pl-10px {
    padding: 0 0 0 10px;
}


.org-fileUpload-popup-icon {
    position: relative;
  background: #2196F3;
}
.org-fileUpload-popup-icon i {
        text-align: center;
    display: block;
    background: white;
    color: linear-gradient(103deg, #7f3b93, #7f3b93a6);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    /* -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); */
    border-radius: 100%;
    width: 80px;
    height: 80px;
    font-size: 60px;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    direction: ltr;
    padding-top: 10px;
}
.org-fileUpload-popup-header h5{
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 19px;
    text-transform: uppercase;
    background: linear-gradient(103deg, #7f3b93, #7f3b93a6);
    color: #fff;
    font-family: var(--bs-font-sans-serif);
    padding: 35px 10px;
    text-align: center;
}

li .BuildingItem div {
    margin: -21px 0 5px 5px;
}

.mdi-office-building-marker-outline:before {
    margin: 0 0 0 -14px;
}

.custom-invalid-feedback {
    margin-top: 0.25rem;
    font-size: 11px;
    color: #fd625e;
}

.opnlCoverageType {
    margin: 0 0 0 9px;
    font-size: 13px;
    color: #607d8b;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid var(--bs-gray-400);
    padding: 1px 7px;
    border-radius: 10px;
    background: var(--bs-gray-200);
}

.opnlCoverageType:hover {
    margin: 0 0 0 9px;
    font-size: 13px;
    color: #607d8b;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid var(--bs-gray-400);
    padding: 1px 7px;
    border-radius: 10px;
    background: var(--bs-gray-200);
}

.hide-rule-clone{
    display:none;
}
.viewTextColor {
    color: #8b8b8b;
}
.text-right {
    text-align: right !important;
}

[data-bs-toggle|=tooltip] {
    margin: 0 8px 0 0;
}
.lossdt_msg, .policynumber_lossdt_msg {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #fd625e;
 } 
.form-group-appendIcon {
    margin-left: 10px!important;
    display: flex;
    align-items: center;
}
.multiselect-option.is-selected {
    background-color: #19b0d2!important;
    color: #fff!important;
}
.multiselect-dropdown  .multiselect-group .multiselect-group-options .multiselect-option:hover {
    background-color: #19b0d2!important;
    color: #fff!important;
}
.multiselect-dropdown  .multiselect-group .multiselect-group-options .multiselect-option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    margin-bottom: 4px;
}
.multiselect  .multiselect-tags .multiselect-tag {
    background: #fff!important;
    color: #4d4d4d!important;
}

.policyAddBtnDesign {
    margin: -35px 6px 0 0;
    font-size: 13px;
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 5px 20px 0px 10px !important;
    border-radius: 5px;
    margin-right: 4px !important;
    color: var(--bs-dark) !important;
    line-height: 1;
    background: unset !important;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
    color: hsl(0deg 0% 31%) !important;
}

.multiselect__tag-icon:after {
    content: "\D7";
    color: hsl(0deg 0% 31%) !important;
    font-size: 17px !important;
}

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background: unset !important;
    /* color: #000; */
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 2px !important;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px;
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #e6e6e6 !important;
    color: #858d98 !important;
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background: #e6e6e6 !important;
    content: attr(data-deselect) !important;
    color: #858d98 !important;
}

.multiselect__option--highlight {
    background: #4186c3 !important;
    outline: none;
    color: #fff !important;
}

.multiselect__option--highlight:after {
    content: attr(data-select) !important;
    background: #4186c3 !important;
    color: #fff !important;
}
.popover {
    z-index: 9;
    width: 15%;
    /* text-align: center; */
    /* margin: 0 0 0 -26px !important; */
}
.popover .popover-header {
    line-height: 1.5;
}

.invalid-info-message,.invalid-month-msg{
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #fd625e;
}
.QBI-flex-grow {
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
    flex:  1;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: var(--bs-gray-700) !important;
    opacity: .5;
}

.placeholderRoundDesign {
    border-radius: 94%;
    height: 39px;
    margin: 16px 10px 0 0;
}

.placeholderBorderBottomDesign {
    border-bottom: 2px solid #607d8b78;
}

.bg-none {
    background: unset !important;
}

.mr-18px {
    margin: 0 0 0 18px;
}

.menuStyleDesign {
    padding: 20px 13px 0 13px !important;
}

.height300 {
    min-height: 300px;
}
.height500{
    min-height: 500px;
}
.numwidget{
    border-radius: 8px;
    min-height: 120px;
min-width: 320px;
}
.bg-white {
    background-color: #fff !important;
}

.multiselectDesign {
    
    padding: 0 !important;
    line-height: 0;
    border-radius: 5px !important;
    /* height: 1px; */
}

.borderRightRadius {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.borderLeftRadius {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.borderRightDesign {
    border-right: 1px solid #fff !important;
}

.amountBgCardDesign {
    background: #2f5870;
}

.opnlAmountTextDesign {
    padding: 12px 0 15px 0;
    font-size: 18px;
}
.table-layout-fixed {
    table-layout: fixed!important;
}
.table td{
    word-break: normal!important;
}

.fillInHasTheValueErrorDesign {   
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #fd625e;
    display: none;
}

.uploadViewTextDesign {
    font-size: 14px;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.configIconUIDesign {
    padding: 14px 0 0 17px;
}

.configTextUIDesign {
    padding: 12px 0 0 15px;
}

.card-config-icon-container > .icon-section .config-icon:hover {
    font-size: 22px;
    color: #0f7989;
}


.uploadPolicyDesign {
    margin: 0 -5px 0 0;
    font-size: 12px;
}

.AccordPDFUploadPolicyDesign {
    margin: 0 -67px 0 0;
    font-size: 12px;
    
}

.uploadPolicyDesignLoader {
    margin: 0 -20px 0 0;
}

.height38px {
    height: 38px;
}

.windandhellResetIconDesign {
    font-weight: bold;
    margin: 0 0 0 2px;
}

.notifybillingAddBtnDesign {
    margin: -39px 6px 0 0;
    font-size: 13px;
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
}

.riskAddBtnDisable {
    pointer-events: none !important;
    /* opacity: 0.8 !important; */
}

.riskAddBtnshow {
    pointer-events: auto !important;
    opacity: 1 !important;
}


.borderBottomRadiusDesign {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.billingDateTimeYesBtnDesign {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    cursor: pointer;
}

.topBottomBorderRadiusNoneDesign {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.billingDateTimeNoBtnDesign {
    margin: 0 0 0 10px;
}

.billingAttachSectBtnDesign {
    margin: 0 0 0 -55px;
}

.sm-shadow {
    /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; */
    box-shadow: 0px 0rem 0.5rem 2px rgba(0,0,0,.075) !important;
}

.moneyFormatInput {
    padding-right: 8px !important;
}
.orgdisabled {
    background-color: #fff!important;
}

.invalid-feedback {
    
    margin-bottom: 15px !important;
}

.locationFieldGroupDesign {
    margin: 0 23px 0 4px;
}

.policyFooterDesignRHSHide {
    right: 52px !important;
    /* z-index: 999; */
}

.classBuilderAddBtnDesign {
    
        margin-top: 17px;
        padding: 6px 12px 7px 12px !important;
        box-shadow: unset;
        font-size: 13px !important;
}

.policyFooterDesignRHSShow {
    right: 279px;
    /* z-index: 999; */
    left: 241px;
}

.tableLoaderTdDesign {
    height: 15rem;
}
.ml_10Perc {
    margin-left: 10%;
}
label, .form-label {
    color: #000000 !important;
    font-size: 13px !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 500;
}

.table th {
    font-weight: 700 !important;
    padding: 5px 0 5px 0;
    font-size: 13px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #eee;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 0;
}

.width45-perc {
    width: 45% !important;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    padding: 4px;
}

.generateFormBtnDesign {
    font-size: 14px;
    letter-spacing: 1px;
}

.applyModPlusMinisDesign {
    padding: 0 4px 0 7px !important;
}

/* .ml-2 {
    margin-left: 10px !important;
    padding: 0 4px 0 7px;  
} */

.coverageEnhancementsTable .form-select{
    background-color: #f8f9fa;
}

.triaAcceptRejectSec input[switch]+label {
    width: 70px;
}

.triaAcceptRejectSec input[switch]+label:before {
    right: 6px;
}

.triaAcceptRejectSec input[switch]:checked+label:after {
    left: 47px;
}

.triaAcceptRejectSec input[switch]:checked+label:before {
    left: -17px;
}

.fillInBg {
    background-color: #f8f9fa;
}
.policyFormsTable tbody tr td {
    vertical-align: middle;
}
.ent_in_paid, .ent_in_man, .acc_amt,.open_balance,.dec_amt {
    padding:6px 11px 5px 8px;
    background-color: #67c2ef63;
    margin: 10px 30px 10px;
    box-sizing: border-box;
    border-radius:4px;
}

.ent_in_sub,.dra_amt,.prior_amt{
    padding:6px 10px 5px 8px;
    background-color: #cfd21391;
    margin: 10px 30px 10px;
    border-radius:4px;
}

.exp_ledger{
    background-color: skyblue !important;
    border-color: skyblue !important;
    margin-right: 1%;
    margin-bottom: 20px;
    color:black !important;
}
.new_deb_credit{
    color: #000 !important;
    margin-right:2%
}
.acc_amt{
    margin-bottom: 30px;
}
.btn_submit,.btn_reset{
    margin-right: 10px;
    margin-top: 20px;
    align-items: center;
}
.new_deb_credit,.ledger_check_btn{
    background-color: #bcf463 !important;
    border-color:#bcf463 !important
}
.ledger_danger_btn{
  background-color: #ff5454 !important;
  border-color:#ff5454 !important;
  border-right: 5px;
}
.action_edit,.action_approve,.action_reject{
    
    margin: 0 3px 0 0 !important;
    
}

/*validation css*/
.generate_validation_error {
    border: 1px solid #fd625e !important;
}

.submail-search-btn-design {
    /*position: absolute !important;*/
    float: right;
    right: 0px;
    height: 35px;
    background: #eee;
}

#premiumSummaryTable th, #premiumSummaryTable td {
    vertical-align: middle;
}

.p-20 {
    padding: 0 20px;
}
.max-Height-330 {
    max-height: 330px;
    overflow-y: scroll;
}
.scroll-x {
    overflow-x: scroll;
}
.reposrtsTablCloseBtn {
    position: absolute;
    right: 20px;
    top: 33px;
    background: #eee;
    padding: 0 8px 0 8px;
    border-radius: 4px;
    font-size: 15px;
}
.reports-list li {
    text-transform: capitalize;
}
.reportsNowrap th {
    white-space: nowrap;
    padding-right: 47px !important;
    padding-left: 12px;
}
.reportsNowrap td {
    white-space: nowrap;
}
.submissionDrpdnDesign {
    border: 1px solid #eee !important;
    padding: 0;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    margin: 0 0 90px 0;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.submissionMailDrpdnDesign {
    border: 1px solid #eee !important;
    padding: 0;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    margin: 0 0 30px 0;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.overflow-scroll-y {
    max-height: 600px;
    overflow-y: scroll;
}

tr.odd td {
    background-color: #f4f4f4 !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: unset;
    color: var(--bs-table-striped-color);
}

.table-hover>tbody>tr:hover>* {
    background-color: #f4f4f4 !important;
    color: var(--bs-table-hover-color);
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: unset;
    color: var(--bs-table-hover-color);
}

.quoteBgColor {
    background-color: #697AC4 !important;
}
.bindBgColor {
    background-color: #9b65ba !important;
}
.issueBgColor {
    background-color: #309760 !important;
}
.sendEmailBtnBgColor {
    background-color: #7a7d8f !important;
}

.tradeMarkViewSectionDesign {
    letter-spacing: 3px;
}

sup {
    top: -0.8em !important;
    font-size: 9px !important;
}

.page-title-box .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 11px !important;
    margin-top: 5px !important;
}

.dateFilterDownArrow {
    font-size: 16px !important;
    left: -7px;
    cursor: pointer;
}
.dateFilterUpArrow {
    font-size: 16px !important;
    top: -6px !important;
    left: 6px;
    cursor: pointer;
}

.formEdition {
    border: 0px solid #ededed !important;
    background-color: #ffffff !important;
}

.formGlow{
    opacity:0.2;
    height:100vh;
    position:fixed;
    
}
.genForm{
     /* opacity: 0.8; */
     pointer-events: none;
   
}

.processFrom{
    text-align: center;
    align-items: center;
    padding-left:5%;
    color:blue;
    font-size: larger;
}
.btn-outline-secondary {
    color: #74788d;
    border-color: #ededed !important;
}

.col-form-label {
    color: #000000 !important;
}

select {
    text-transform: capitalize !important;
}

.reinsuranceAddBtnDesign {
    margin: -39px 100px 0 0 !important;
    font-size: 13px !important;
    border-radius: 50px !important;
    box-shadow: 6px 0px 1px 9px !important;
    padding: 6px 10px 5px 12px !important;
}

.mt-32px {
    margin-top: 32px;
}
.emailAttachDisale {
    /* opacity: 0.8; */
    pointer-events: none;
}
.reportsBackToBtnDesign {
    margin: 2px 69px 0 0;
    font-size: 12px;
    border-radius: 50px !important;
    box-shadow: 6px 0px 2px 10px !important;
    position: absolute;
    right: 0px;
}
.reportsFilterBtnDesign {
    padding: 10px 10px 7px 10px !important;
    /* margin: -36px 54px 0 0; */
    border-radius: 50px !important;
    box-shadow: 1px 1px 1px 14px !important;
    background: #607d8b !important;
    right: 14px;
    position: absolute;
    cursor: pointer;
    font-size: 13px !important;
}
.reportsFilterIcnDesign {
    font-size: 14px;
    font-weight: bolder;
    padding: 0 0 0 0;
    margin: -1px -1px 0 1px;
}

.cardBodyTopDesign {
    margin: -18px 0 0 0;
}
#sub-mailbox-filter-dropdown {
    float: right;
    right: -305px;
    top: 5px;
    font-size: 17px;
}
.emailSubToolBarSec .sortBy-date {
    position: absolute;
    right: 44px;
    top: 16px;
}
.archSubToolBarSec .sortBy-date {
    position: absolute;
    right: 34px;
    top: 16px;
}

.ins-arc-mailbox-filter-dropdown {
    float: right;
    right: -305px;
    top: 5px;
    font-size: 17px;
}
.fromProcess{
    text-align: center;
    align-items: center;
    padding-left: 7%;
    padding-top:20px ;
    color:blue;
    font-size: larger;
}
.bgd-danger {
    color: #fff;
    background-color: #fd625e!important;
    border-color: #fd625e!important;
}
.vertical-align-middile{
    vertical-align: middle!important;
}
.showmodal{
    z-index: 9999;
}
.height-500px {
    height: 500px;
}
.pointerEventsAuto {
    pointer-events: auto;
    opacity: 1;
}


.roleRuleFormDisable {
    pointer-events: none;
}

.roleRuleFormDisable .form-control {
    background: #eee;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff !important;
    background-color: #5156be;
    border-color: #5156be;
}
#config-Sn-table tbody td p {
    /* white-space: break-spaces; */
    white-space: nowrap;
    word-break: break-word;
    margin-bottom: 0px;
}

.was-validated .form-select:invalid {
    border-color: #fd625e !important;
}

.was-validated .form-control:invalid {
    border-color: #fd625e !important;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 500px;
    /* margin: 0 auto; */
}

.btn-success {
    color: #fff;
    background-color: #289368 !important;
    border-color: #289368 !important;
}

.accordPdfView {
    height: 400px;
}
/* rhs state authority */
#stateAuth-tab .nav-link.active, #stateAuth-tab .show>.nav-link {
    color: white;
    background : linear-gradient(103deg, #7f3b93, #7f3b93a6)
}
#config-Sn-table .noteBreak{
    max-width: 45% !important;
    word-break: break-word !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}
.windAndHailCheckbox:checked+label:after {
    left: 57px !important;
    background-color: #e9e9ef;
}

.windAndHailCheckboxLabel {
    width: 81px !important;
}

/* .wayfmf6wh3 {
    display: block;
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -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;
} */




.wayfmf6wh3 {
    display: block;
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -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;
}

.bgsn7nn2nh {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.y8dw7zjbs4 {
    position: relative;
    cursor: pointer;
    width: 100%;
    display: inline-flex;
}

.qf5k5qmpv5 {
    position: relative;
    background-color: white;
}

.qf5k5qmpv5 ul {
    /* z-index: 1; */
    /* border: 1px solid var(--v3mc-border);
    border-top: 0;
    border-radius: 0 0 3px 3px;
    left: 0px;
    padding: 8px 8px; */
    /* position: absolute; */
    /* top: -1rem;
    width: 100%;
    list-style: none;
    max-height: 150px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; */
    max-height: 180px;
    overflow-y: scroll;
    padding-left: 6px;
}

.qf5k5qmpv5 ul li {
    /* padding: 5px 0 4px; */
    width: 100%;
    display: flex;
    align-items: center;
}

.qf5k5qmpv5 ul li label {
    cursor: pointer;
}

.qf5k5qmpv5 ul li:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
}

.qf5k5qmpv5 ul li input {
    margin-right: 8px;
    cursor: pointer;
    /* position: absolute; */
    opacity: 1;
    transition: all 0.3s;
    margin-left: 4px;
}

.qf5k5qmpv5 ul li input+span {
    position: relative;
    top: 0px;
    background: var(--v3mc-white);
    content: '';
    display: inline-block;
    margin: 0 0.5em 0 0;
    padding: 0;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 1px solid var(--v3mc-fade-grey-dark-8);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.qf5k5qmpv5 ul li input+span:after {
    background-size: 70%;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    background-position: center;
    color: var(--v3mc-primary);
}

/* .qf5k5qmpv5 ul li input:checked+span::after {
    transform: translate(-50%, -50%) scale(1) !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJncmVlbiI+PHBhdGggZD0iTTIwLjI4NSAybC0xMS4yODUgMTEuNTY3LTUuMjg2LTUuMDExLTMuNzE0IDMuNzE2IDkgOC43MjggMTUtMTUuMjg1eiIvPjwvc3ZnPg==");
} */

.qf5k5qmpv5 ul li input+span {
    border-radius: var(--v3mc-radius-small);
    transition: all 0.3s;
}

.qf5k5qmpv5 ul li label {
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-align: start;
    margin-bottom: 3px;
    margin-top: 4px;
}

.qf5k5qmpv5 .hlyi45ju8 {
    background-color: white;
    flex: 1;
    width: 100%;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 8px 8px;
    box-sizing: border-box;
    border-left: 1px solid var(--v3mc-border);
    border-right: 1px solid var(--v3mc-border);
    text-align: start;
    /* height: 60px; */
    box-shadow: 0px 0px 1rem rgba(0,0,0,.15);
}

.qf5k5qmpv5 .hlyi45ju8 label {
    /* display: flex;
    flex-direction: column;
    line-height: 1;
    font-size: 12px; */
    width: 100%;
    margin: 6px 0 8px 0;
}

.qf5k5qmpv5 .hlyi45ju8 label>span {
    display: flex;
    gap: 4px;
    padding: 15px 0 0 0;
}

.qf5k5qmpv5 .hlyi45ju8 label>span button {
    white-space: nowrap;
    cursor: pointer;
    background-color: #fd625e;
    border-color: #fd625e;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    padding: 0.47rem 0.75rem;
    font-size: .875rem;
    border-radius: 0.25rem;
    box-shadow: unset;
    border: 1px solid transparent;
    -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;
}

.qf5k5qmpv5 .hlyi45ju8 label input[type='text'] {
    display: block;
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -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;
}

.qf5k5qmpv5 .hlyi45ju8+ul {
    top: 80px;
    padding-top: 15px;
    margin-top: -19px;
}
.card-h-300px {
    min-height: 300px;
}
.card-h-450px {
    height: 550px;
    overflow: scroll;
}
.card-h-50px {
    min-height: 50px;
}
.titleIconDesign {
    position: absolute;
    padding: 10px 10px 7px 10px !important;
    border-radius: 50px !important;
    background: #607d8b !important;
    cursor: pointer;
    font-size: 13;
    right: -12px;
    top: -1px;
    border: 3px solid #fff;
}
                  /* score progress bar css  */
.progress {
  position: relative;
  margin: 4px;
  text-align: center;
}
.barOverflow {
  position: relative;
  overflow: hidden;
  width: 160px; /* Double the width for a full circle */
  height: 80px; /* Desired height */
  margin-bottom: -24px; /* Bring the numbers up */
}
.bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px; /* Double the width for a full circle */
  height: 160px; /* Double the height for a full circle */
  border-radius: 50%;
  box-sizing: border-box;
  border: 20px solid #eee; /* Half gray */
  border-bottom-color: #0bf; /* Half azure */
  border-right-color: #0bf;
}
.pay-card  {
      font-weight: bold;
    letter-spacing: 0px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 31px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.pay-card  .card-statistic-3 .card-icon-large .fas, .pay-card  .card-statistic-3 .card-icon-large .far, .pay-card  .card-statistic-3 .card-icon-large .fab, .pay-card  .card-statistic-3 .card-icon-large .fal {
    font-size: 90px;
}
.material-icons {
    font-size: 100px; /* Adjust the size as needed */
}
.pay-card  .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 8px;
    color: #000;
    position: absolute;
    right: -2px;
    top: 17px;
    opacity: 0.1;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}
.withoutIndexPlaceholderGlow{
    display: none;
}
.dasboard-bg-card-Claim,
.new-dash,
.dasboard-bg-cardV1,
.dasboard-bg-cardV10,
.dasboard-bg-cardV3,
.dasboard-bg-cardV4,
.dasboard-bg-cardV7 ,
.dasboard-bg-cardV8,
.dasboard-bg-cardV9,
.dasboard-bg-cardPF,
.dasboard-bg-cardV5,
.dasboard-bg-cardV2,
.dasboard-bg-cardV6,
.dasboard-bg-card {
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 7px 7px 11px;
    color: #fff;
    font-family: var(--bs-font-sans-serif);
    text-align: center;

}
.dasboard-bg-card {
    background: linear-gradient(103deg, #7f3b93, #7f3b93a6);
}
/*.dasboard-bg-card-Claim{
    background: linear-gradient(103deg, #547383, #587d91);
}*/
.dasboard-bg-cardV2{ 
    background-image: linear-gradient(to right,#6d5bb7,rgba(139, 125, 194, 0.6));
}
.dasboard-bg-cardV10{ 
    background-image: linear-gradient(to right,#5d45bd,rgba(62, 55, 91, 0.6));
}
.dasboard-bg-cardV6{
    background-image: linear-gradient(to right,#6b677c,rgba(89, 68, 172, 0.6));
}
.dasboard-bg-cardV5{ 
  /* background-image: linear-gradient(to right,#6f9688,#a0d0bb); */
  background: linear-gradient(103deg, #595cff, #2f7983);
}
#yearToDateChart .apexcharts-tooltip,
#monToDateChart .apexcharts-tooltip {
  background-color: #ffffff; 
  color: #000;
}
#yearToDateChart .apexcharts-tooltip-title,
#monToDateChart .apexcharts-tooltip-title {
  color: #000; 
}
.dasboard-bg-cardV1 {
    background: linear-gradient(103deg, #547383, #587d91);
}
.dasboard-bg-cardV1 {
    /* background: linear-gradient(103deg, #858e96, #60696b); */
    background: linear-gradient(103deg, #6162ca, #308f9b);
  
}
.dasboard-bg-cardV3 {
    background: linear-gradient(103deg, #4972a4, #557c93);
}
.dasboard-bg-cardV4 {
    background: linear-gradient(103deg, #cd6688, #df8566);
}
.dasboard-bg-cardV4 {
    background: linear-gradient(103deg, #729378, #0aeba4);
}
.dasboard-bg-cardV6 {
    /* background: linear-gradient(90deg, #c7bfc9, #234461); */
    /* background: linear-gradient(103deg, #595cff, #52a7b3); */
    background: linear-gradient(103deg, #6162ca, #1b727e);
}
.dasboard-bg-cardV7 {
    background: linear-gradient(100deg, #82f4b1, #0bb862);
}
.dasboard-bg-cardV8 {
    background: linear-gradient(103deg,  #384670, #b8bcc7);
}
.dasboard-bg-cardV9 {
    background: linear-gradient(103deg, #567167, #07f49e);
}
.dasboard-bg-cardPF {
    background-image: linear-gradient(to right, #336193, #4e708c);
}

.dashboardFilterSectionDesign {
    position: absolute;
    z-index: 99;
    background: #fff;
    margin: -10px 0 12px 0;
    border-radius: 10px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    right: 0px;
    min-height: auto; 
}
.dashboard-widget-vorder {
    margin: 5px;
    border: 2px solid #000;
    border-radius: 5px;
}
.dashboardText-title-design {
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    /* background: linear-gradient(to right, rgb(36 168 216) 0%, rgb(36 168 216 / 77%) 51%, rgb(36 168 216 / 61%) 100%); */
    padding: 7px 7px 7px 11px;
    color: #000;
    font-family: var(--bs-font-sans-serif);
    /* border-radius: 10px; */
}
.dashboard-TitleBRadius {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
label.customSwitchdesignClass {
        width: 64px !important;
    }

.customSwitchdesignCorE:checked+label:after {
    left: 40px !important;
    background-color: #e9e9ef;
}
.card-section-style{
    background-color: #ffff;
    border-radius: 10px; 
    box-shadow: 0 1rem 2rem rgba(0,0,0,.180)!important;
}
.new-dash{
    background-color: #ced4da;
}
.no-card-bg{
    background-color: #f7f2f2 ;
}
.filterSectionDesign-left{
    position: absolute;
    z-index: 99;
    background: #fff;
    /* margin: -19px 38px 12px 0; */
    border-radius: 10px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    right: 0;
    margin-top: -34px;
    max-height: 155%;
    height: 572px ;
    overflow-y: scroll; 
    overflow-x: hidden; 
    top: -10px;
}
.aggregateAddBtnDesign {
    margin: -37px 60px 0 0;
    font-size: 12px;
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
    font-weight: 500;
}

.aggregateHideColumnBtnDesign {
    padding: 10px 10px 7px 10px !important;
    margin: -38px 5px 0 0;
    border-radius: 50px !important;
    box-shadow: 1px 1px 1px 12px !important;
    background: #7a7a7a !important;
    cursor: pointer;
    font-size: 15px !important;
}

.aggregateFilterSectionDesign {
    position: absolute;
    z-index: 99;
    background: #fff;
    margin: 52px 8px 12px 0;
    border-radius: 10px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    right: 0;
    height: auto;
    /* overflow-y: scroll; */
}

.formAlertMsgBoxDesign {
    font-size: 13px;
    padding: 6px 0 6px 16px !important;
}

.closeIcon {
    position: absolute;
    right: 6%;
    cursor: pointer;
    z-index: 10;
}

.addtionalcloseIcon {
    position: absolute;
    right: 2%;
    cursor: pointer;
    z-index: 10;
}

.modalHeaderDesign {
    padding: 4px 13px 4px 13px;
    background: #a027a2d1;
}

.sovImportBtnDesign {
    /* position: absolute !important; */
    /* font-size: 12px; */
    border-radius: 50px !important;
    box-shadow: 3px 0px 2px 12px !important;
    /* right: 5px;
    top: 25px; */
}
.glImportBtnDesign {
    /* position: absolute !important; */
    /* font-size: 12px; */
    border-radius: 50px !important;
    box-shadow: 3px 0px 2px 12px !important;
    /* right: 11%;
    top: 25px; */
}
.f-17px {
    font-size: 17px!important;
}
.f-12px{
    font-size: 12px!important;
} 
.aggregateEffectiveDate {
    caret-color: transparent;
    background-color: #e9e9ef;
} 

.aggregateExpirationDate {
    caret-color: transparent;
    background-color: #e9e9ef;
}

#classGuideListTable>tbody>tr>td:focus {
    
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 !important;
    outline: rgb(81 142 216) auto 5px !important;
}

.overflowXScroll {
    overflow-x: scroll;
}
.elipsisText {
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tbl-ellipsis {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-10 {
    font-size: 10px;
}

.text-11 {
    font-size: 11px;
}
.radioBtnDivYesNo{
    padding-left:32%;
} 

/* .select2-container .select2-selection--multiple .select2-selection__rendered::before,
.select2-container .select2-search--inline .select2-search__field::placeholder {
   
    font-size: 16px; 
    color: #696564;
    /* margin-right: 5px; */
  
/* } */
/* .select2-container .select2-selection--multiple .select2-selection__rendered {
    height: 29px; 
    text-align: center;
    margin-right: -7px; */
    /* margin-top: 7px;
 
/* }  */
.formRule_dis {
    color: #74788d;
    background-color: #c3c3db;
    border-radius: 5px;   
}
.NoData_Style{
    height:auto;
    width: 260px;

}

.customalinkDesign {
    cursor: pointer;
    color: #5156be;
}

.backbtnDesign_frm
{
    /* margin-top: 0px !important;
    margin-left: 29px !important; */
    position: absolute; 
    top: 97% !important; 
    left: 91% !important;
}
.expiredBtn_Design{
    position:absolute !important; 
    right:  120px !important; 
    margin-top: 3px !important; 
    margin-left: 25px !important; 
    padding: 8px !important;
}

.formTabAlignDesign {
    margin-left: 24px;
    /* margin-top: 30px !important; */
}

.priorityFormSearchBtnDesign {
    margin: 50px 0 0 0;
    box-shadow: none;
}

.gruopTitleDesign {
    text-align: left;
    background: linear-gradient(103deg, #7f3b93, #7f3b93a6);
    padding: 5px 6px 5px 10px;
    font-size: 15px;
    margin: 0 0 20px 0;
    color: #fff;
    font-weight: bold;
}

.fillInItrrionDesign {
    margin: 0 10px 21px 10px;
    border-bottom: 1px solid #eee;
    padding: 0 0 16px 0;
}

.l1b1TitleDesign {
    margin: 32px 0 0 0;
}

.fillInCheckboxDesign {
    margin: 0 0 0 18px;
}

.probhitMsgDesign {
    color: #fff;
    background-color: #c34d4d;
    border-color: #f5c6cb;
}

.display-flex {
    display: flex !important;
}

.display_inline_block {
    display: inline-block;
}

.dashboardFonts {
    text-transform: capitalize !important;
    color: rgb(57 105 153 / 60%);
    /* color: #6a6969; */
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    /* font-family: var(--bs-font-sans-serif); */
    margin-bottom: 3px;
}

.dashboardValues {
    color: #2a4d72;
    font-size: 20px;
    font-weight: bold;
    margin: 9px 0 0 0;
    letter-spacing: 1px;
}

.dashboardRightSideCardDesign {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 5px;
    background: #fff;
    padding: 11px;
}
.dashborder{
    border-radius: 20px;
    border:1px solid green;
    background-color:  rgb(57 105 153 / 60%);

}
.dashBoardTabs{
    background: #f0f0f0;
    border-bottom: 0;
    border-radius: 2rem;
    flex-wrap: wrap;
    padding: 7px;

}
/* #myChart {
    height: 130px !important;
    width:260px !important;
    margin-left: 30px !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
} */
/* #myChartDash{
    height: 210px !important;
    width:280px !important;
    margin-left: 10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
} */
.height362{
    height: 362 !important;
}
.height364{
    height: 364 !important;
}
#viewHeader{
    color: #ffffff !important;
}
.multiselect-tags-search-wrapper {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    height: 30px !important; 
    margin: 0 var(--ms-tag-mx, 4px) var(--ms-tag-my, 4px);
    position: relative;
}
.tablemanu{
    position: relative;
}
.manudel{
    position: absolute;
    padding: 11px 10px 11px 10px;
    right: 5px;
    top: 9px;
    color: red
}

.manuScriptUploadDeleteIcon {
    font-size: 14px;
    height: 38px;
    text-align: center;
    padding: 0 7px 0 15px;
    color: #e60101;
    cursor: pointer;
}
.height700px{
    height:700px !important
}
/* #nd-prem_trend{
    margin-left: 9px;
    height: 370px;
    margin-top: 37px;
    width: 368px;
    z-index: 1;
    position: absolute;
} */

.CenterLayout{
    margin-top: 80px;
}
.width300px{
    width: 300px;
}

.probhitMsgTitleDesign {
    color: #fff;
    text-decoration: underline;
    font-size: 17px;
    letter-spacing: 1px;
}

.submitEditorTitleDesign {
    text-transform: capitalize;
    letter-spacing: 1px;
    /* text-decoration: underline; */
    margin-bottom: 7px !important;
    background: linear-gradient(103deg, #7f3b93, #7f3b93a6);
    color: #fff;
    padding: 5px 10px 4px 13px;
    border-radius: 0px;
    font-size: 16px;
}

.submitEditorBorderDesign {
    border: 1px solid #eaeaea;
}

.wysiwyg-editor .editor-statusbar .editor-statusbar-path {
    display: none !important;
    width: 50%;
    float: left;
    padding: 0;
    margin: 0;
}

.ml-2 {
    margin-left: 10px;
}
.filterLeft{
    width: 400px;
    /* margin-left:336px !important; */
    /* margin-left: 260px !important; */
    position:absolute;
    z-index:1000;
   }
   .filterRight {
    width: 400px;
    /* margin-left: 720px; */
    /* margin-left: 630px !important; */
    position: absolute;
    z-index: 1000;
}
.filterBes{
    background-color: #f3f5f7;
}

.state-badge{
    font-size: 0.6rem;
    margin-left: 1px;
}
.additionalInfo{
    position: absolute;
    z-index: 1000; 
}

#rhssummaryIcon{
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 40%);
    background: #3f51b5;
    padding: 4px 8px;
    border-radius: 50%;
    position: relative;
    left: -5px;
    font-size: 15px;
}

.rhsSummaryTH{
    font-size: 10px !important;
    font-weight: 0px !important;
    padding: 0px;
}

.addprocessClass{
    text-align: center;
    align-items: center;
    padding-right: 21%;
    color: blue;
    font-size: larger;
}

.QuoteNoAccListhide {
    display: none;
  }

.QuoteNoAccList:hover + .QuoteNoAccListhide {
    display: block;
    font-size: 11px;
    color: #595959;
    margin: -17px 0 0 0;
  }

/* CSS for laptop's resolution (1920 x 1080) */
@media only screen and (min-width: 1536px) {
    .filterRight {
        margin: 0 0 0 700px;
    }
    .filterLeft {
        margin: 0 0 0 310px;
    }
    #filterIcon_Clm{
        margin-left: 710px;
        position: absolute;
    }
    .dashboaHovS{
        width: 200px;
        margin-left: 70px;
    }
}

/* CSS for laptop resolution (1536 x 864) */
@media only screen and (max-width: 1536px) {
    .filterRight {
        margin: 0 0 0 350px;
    }
    .filterLeft {
        margin: 0 0 0 140px;
    }
    #filterIcon_Clm {
        margin-left: 510px;
        position: absolute;
    }
    .dashboaHovS {
        width: 200px;
        margin-left: 0px;
    }
}

.accounlistCountChartTextDesign {
    font-size: 13px;
    font-weight: bold;
    color: #607d8b;
    margin-bottom: .25rem;
    cursor: pointer;
    padding: 0 8px 0 8px;
}

.pointerNoneAccountListCounterView {
    pointer-events: none;
    /* opacity: 0.8; */
}

.filterIconDes {
    /* margin-top: -22px; */
    /* margin: 0 0 0 0; */
    position: absolute;
    right: 0;
    margin: -12px 16px 0 0;
    z-index: 999;
}

/* .filterIconDes{
    margin-top: -22px;
} */

.dashboaHover{
    width: 200px;
    margin-left: 210px;
}



.view-state-license iframe{
    height: 900px;
}

.view-state-license{
    border: 2px dotted #ddd;
    padding: 10px;
    min-height: 300px;
}

.newpolicyactive {
    border-bottom: 3px solid #8d4b68;
}

.quotepolicyactive {
    border-bottom: 3px solid #697AC4;
}

.boundpolicyactive {
    border-bottom: 3px solid #9b65ba;
}

.endrosementpolicyactive {
    border-bottom: 3px solid #5156be;
}

.ofacpolicyactive {
    border-bottom: 3px solid #797979;
}

.issuepolicyactive {
    border-bottom: 3px solid #309760;
}

.submitpolicyactive {
    border-bottom: 3px solid #e9a56b;
}

.prohibitpolicyactive {
    border-bottom: 3px solid #c95b5b;
}

.accounltList-header-design {
    padding: 0 !important;
    background-color: unset;
    color: #fff;
}

.pinViewIconDesign {
    color: #509297;
    font-size: 25px;
    margin: 0 0 0 0;
}

.unpinViewIconDesign {
    color: #947648;
    font-size: 25px;
    margin: 0 0 0 0;
}

a.dropdown-item.pinedViewIcon.additionalIconAlignmentDesign {
    margin: -5px 0 7px 0;
    padding: 5px 14px 0 0;
}

#typeahead_id_add.autocomplete-input {
    background-image: url();
    background-repeat: no-repeat;
    border: 1px solid #eee;
    border-radius: 8px;
    box-sizing: border-box;
    flex: 1;
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 12px 8px 18px !important;
    position: relative;
    width: 100%;
}
#typeahead_id_add.autocomplete-input:not(.autocomplete-input:disabled) {
    background-color: #fff;
}
#autocomplete-result-list-1.search-result{
    background-image: url() !important; 
}
.autocomplete-result {
    background-position: 12px;
    background-repeat: no-repeat;
    cursor: default;
    background-image: url() !important; 
    padding: 12px 12px 12px 12px !important;
}

.countNewActive {
    background: #8D4B68;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countQuoteActive {
    background: #697AC4;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countBindActive {
    background: #9b65ba;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countIssueActive {
    background: #309760;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countEndorsementActive {
    background: #5156be;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countCancelActive {
    background: #c95b5b;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countSubmitActive {
    background: #e9a56b;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countProhibitActive {
    background: #c95b5b;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countOfcActive {
    background: #797979;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countRenewalActive {
    background: #4BA6EF;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countGlPremiumActive {
    background: #336571;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.countPropertyPremiumActive {
    background: #9b7f27;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}
.GrayColorFont > h5{
    color: rgb(0 41 82 / 60%);
}
.GrayColorFontss > h5{
    color: rgb(0 41 82 / 60%);
    margin-right: 200px;
}
.height170{
    height: 170px;
}
.reportsLeftOptionIcon{
    left: 1429px;
    font-size: medium;
    background-color: darkcyan;
    border-radius: 50%;
    position: absolute;
    padding: 8px;
    margin-top: -24px;
    box-shadow: 7px 0px 0px 12px !important;
}
.reportsMenuDesign{
    position: relative;
}
#tableOptionalHide{
    position: absolute;
    margin-top: -260px;
   z-index: 1;
}
.reportOptionHide{ border-radius: 30px; }
.reportsLeftOptionIconHide{
    margin-left: 297px;
    font-size: medium;
    background-color: darkcyan;
    border-radius: 50%;
    position: absolute;
    padding: 9px;
    margin-top: -8px;
}

.slide-fade_tableOptionalHide-enter-active {
    transition: all 0.3s ease-out;
  }
    
  .slide-fade_tableOptionalHide-leave-active {
    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
  }
    
  .slide-fade_tableOptionalHide-enter-from,
  .slide-fade_tableOptionalHide-leave-to {
    transform: translateX(20px);
    opacity: 0;
  }
  .formsecExpTreck{
    position: relative;
  }
.paymentReport th {
    white-space: nowrap;
    padding-right: 13px;
    padding-left: 12px;
}

.configSubtext-title-design {
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 14px;
    text-transform: uppercase;
    background: #746b91;
    /* background: linear-gradient(103deg, #7f3b93, #7f3b93a6); */
    /* background: linear-gradient(to right, rgb(36 168 216) 0%, rgb(36 168 216 / 77%) 51%, rgb(36 168 216 / 61%) 100%); */
    padding: 7px 7px 7px 11px;
    color: #fff;
    font-family: var(--bs-font-sans-serif);
    /* border-radius: 10px; */
}

.ofacDetailsTextDesign {
    color: #333333;
    font-weight: 500;
}

.borderDivDesign {
    border: 1px solid #eee !important;
}

.ofacCardBodyDesign {
    padding: 10px 15px 15px 15px;
    border: 1px solid #eee;
    margin: 14px 25px 0 17px;
}

.ofacCloseBtnDesign {
    box-shadow: -1px 1px 2px 4px !important;
    font-weight: bold;
    margin: 12px 15px 0 0;
}

.entityJq_PulginAdded + div > button {
    height: 57px !important;
}
.productSetupListHover:hover {
    background: #eee;
    border-radius: 0px;
    border-bottom: unset !important;
}
.productSetupListHover:active {
    background-color: blue !important;
    color: white !important;
}
.badgerte {
    height: 37px;
    /* margin: 0 auto; */
    overflow: hidden;
    position: relative;
    width: 340px;
}
  
.arrow-right {
    background-color: #17a2b8;
    height: 82px;
    left: -52px;
    position: absolute;
    top: -50px;
    width: 79px;
    -webkit-transform: rotate(-45deg);
}
  
 .arrow-right span {
    color: #f5f5f5;
    font-family: sans-serif;
    font-size: 12px;
    left: 2px;
    top: 65px;
    position: absolute;
    width: 80px;
    font-weight: bold;
    padding: 3px;
}
.badgeQuestion{
    margin-left: 30px;
}
.addBadge{
    padding:0px !important;
}

.countViewSectionDesign {
    padding: 20px 2px 17px 2px;
    text-align: center;
}

.countViewDashboarddesign {
    font-size: 14px;
    margin: 0 0 6px 0 !important;
    color: #61808f;
    letter-spacing: 1px;
    font-weight: bold;
}
.withoutBadge {
    margin-left: 20px;
}
.summeryTablCloseBtn{
    position: absolute;
    right: 20px;
    top: 69px;
    background: #eee;
    padding: 0 8px 0 8px;
    border-radius: 4px;
    font-size: 15px;
}
.ccload{
    height: 20px;
    width: 20px;
    margin-top: 40px;
    margin-left: -50px;
}

/* .formInfoFrame {
    height: max-content !important;
} */
 .ccload{
    height: 20px;
    width: 20px;
    margin-top: 40px;
    margin-left: -50px;
}

#load-doc-cancel-btn {
    margin: 0 0 0 25px !important;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 1;
    border-bottom: 1px solid #ededed !important;
}

/* tr {
    border: 1px solid #e4e4e4 !important;
    border-color: inherit;
} */

table.dataTable thead th {
    text-align: center !important;
}

.tableCheckboxDesign {
    padding: 0 0 10px 0 !important;
}

.tableScrollViewDesign {
    overflow-x: scroll;
    display: block;
}

.datepickerReadonly[readonly] {
    background-color: #fff !important;
    opacity: 1;
}

/* .deleteModelDesign {
    margin-top: 50% !important;
} */
.deleteModelDesign {
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    align-items: center;
    min-height: 50% !important;
    
}
.chartAccountSummary {
    position: absolute;
    top: 40%;
}
.left42 {
    left: 42%;
}
.left44 {
    left: 44%;
}
.left38 {
    left: 38%;
}
.left34 {
    left: 34%;
}
.left30 {
    left: 30%;
}
.left26 {
    left: 26%;
}
.left22 {
    left: 22%;
}
.left18 {
    left: 18%;
}


.pointerNoneLightView {
    pointer-events: none;
    /* opacity: 0.8; */
}

.ofaccheckClear,.ofacmathFound{
    padding-left: 34%;
}

.generalViewSectionTextDesign {
    margin: 0 0 0 10px !important;
}

.viewPasswordBtnDesign {
    margin: -1px 0 1px 0;
    padding: 10px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.viewPasswordBtnDesign:active:focus {
    box-shadow: unset !important;
}

.glAddressInput ~ .simple-typeahead-list {
    overflow-y: scroll;
    height: 150px;
}

.p-14 {
    padding: 19px;
}
.readOnlyDisable[disabled], .claimsBI-addOptBtn[disabled] {
    pointer-events: none;
}

/* Account Summary Loader Design Start */
.loaderSectionView {
    position: absolute;
    left: 24px;
    top: 26px;
}
.loaderwithrectangle {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.loaderwithrectangle div {
    width: 6px;
    height: 25px;
    background-color: #3498db;
    animation: rectangle-bounce 1.2s infinite ease-in-out;
}
.loaderwithrectangle div:nth-child(2) {
    animation-delay: 0.2s;
}
.loaderwithrectangle div:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes rectangle-bounce {
    0%, 100% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(0.5);
    }
}


.loadeingTextDesign {
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fade 1.5s infinite;
}
.loadeingTextDesign span {
    animation: dots 1.5s infinite;
}
.loadeingTextDesign span:nth-child(2) {
    animation-delay: 0.3s;
}
.loadeingTextDesign span:nth-child(3) {
    animation-delay: 0.6s;
}
@keyframes fade {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}


@keyframes dots {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.sendQuoteDesign {
    margin-top: -11px;
}

.pointer-none-account-summary {
    pointer-events: none;
    /* opacity: 0.9; */
}
/* Account Summary Loader Design End */

.borderFullDesign {
    border: 1px solid #eee;
    border-top: unset;
}

.card-header-design-config {
    padding: 10px 0 4px 0 !important;
    background-color: unset;
    color: #fff;
}

.configHomeViewBtnDesign {
    border-radius: 50px !important;
    box-shadow: 5px 0px 3px 10px !important;
}

/*for reports*/

#billingSummary-table_wrapper .dt-buttons,#DueDateAgingReport-table_wrapper .dt-buttons, #entitysStatement-table_wrapper .dt-buttons,#monthlyyStatementBalance-table_wrapper .dt-buttons, #PaymentConfirmationSummary-table_wrapper .dt-buttons, #PaymentSummaryEntity-table_wrapper .dt-buttons, #ProducerBalance-table_wrapper .dt-buttons, #ProducerPolicyStatement-table_wrapper .dt-buttons, #ReviewUnmatchedPolicies-table_wrapper .dt-buttons{
    padding-right: 20px;
}
.submitpend span {
    width: auto !important;
    box-shadow: -1px -1px 2px 8px #f1bc55 !important;
    margin: 1px -48px 0 0; 
}
.submitApprove span {
    width: auto !important;
    box-shadow: -1px -1px 2px 8px rgb(42,181,125) !important;
    margin: 1px -48px 0 0; 
}
.submitReject span {
    width: auto !important;
    box-shadow: -1px -1px 2px 8px rgb(253, 98, 94) !important;
    margin: 1px -48px 0 0; 
}

.text-coral{
    color: coral;
}

.WindAndHailCredit {
    color: #008080;
    font-size: 13px;
    text-align: right;
    font-weight: bold;
}
.year-invalid-feedback{
    margin-top: 0.25rem;
    font-size: 11px;
    color: #fd625e;
}
.fillinFieldsUIdisable{
    background-color: white !important;
}
.multiselect-tag-remove-icon::before {
    content: '\00d7'; 
    font-size: 13px;
    color: #555;
    margin-left: 6px;
    cursor: pointer;
  }
  .multiselect-tag-remove-icon {
    display: inline-block !important;
    cursor: pointer;
  }
  

#apiKey-Details-tbl input[switch]+label {
    width: 111px;
}
    
#apiKey-Details-tbl input[switch]:checked+label:before {
    color: #fff;
    content: attr(data-on-label);
    right: auto;
    left: 26px;
}

#apiKey-Details-tbl input[switch]:checked+label:after {
    left: 79px;
    background-color: #e9e9ef;
}

#apiKey-Details-tbl input[switch]+label:before {
    right: 20px;
}

.carrierModalCloseBtnDesign {
    background: transparent;
    border: navajowhite;
    color: red;
}