/* Minification failed. Returning unminified contents.
(355,40): run-time error CSS1046: Expect comma, found '123'
(355,48): run-time error CSS1046: Expect comma, found '/'
(1795,36): run-time error CSS1046: Expect comma, found '123'
(1795,44): run-time error CSS1046: Expect comma, found '/'
(3630,36): run-time error CSS1046: Expect comma, found '123'
(3630,44): run-time error CSS1046: Expect comma, found '/'
(3838,44): run-time error CSS1046: Expect comma, found '123'
(3838,52): run-time error CSS1046: Expect comma, found '/'
(3906,40): run-time error CSS1046: Expect comma, found '123'
(3906,48): run-time error CSS1046: Expect comma, found '/'
 */

.classcode-search-grid.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F1F9FC;
}

.classcode-search-grid.table-striped tbody tr:nth-of-type(even) {
    background-color: #FFFFFF;
}

.classcode-search-grid.table td, .classcode-search-grid.table th {
    border: 0px !important;
}
    .classcode-search-grid.table th {
        padding:10px 1em;
    }

    .classcode-search-grid .grid-header {
        background-color: #F1F9FC;
        border-color: #F1F9FC;
        border-top-color: #91BFE3;
        border-bottom-color: #91BFE3;
        border-width: 1px;
        border-style: Solid;
        white-space: nowrap;
    }

    .classcode-search-grid .grid-header.grid-header--hide-top-border {
        border-top-color: #F1F9FC;
        background-color: #F1F9FC;
    }


.table th {
    font-family: Zurich Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    color: #2167AE !important;
}


.modal-search-grid {
    border-width: 0px;
}

.modal-search-grid .e-grid {
    background-color: #fff;
    border-radius:8px;
}
    .modal-search-grid .e-gridheader {
        border-top-width: 0px;
    }

.modal-search-grid .e-grid .e-gridheader {
    overflow: unset;
}

.modal-search-grid .e-grid .e-gridcontent {
    overflow: unset;
    width: 100%;
    max-width: 100%;
}

.modal-search-grid .e-headercell {
    border-width: 0 0 0 0px;
    background-color: #FFFFFF;
    height: 20px;
    /*background: #dae5f4;*/
}

/*  Define the background color for all the ODD background rows  */
.modal-search-grid table > tbody > tr:nth-of-type(even) {
    background: #F1F9FC;
}

.modal-search-grid table > tbody > tr:nth-of-type(odd) {
    background: #FFFFFF;
}

.modal-search-grid .e-celldata {
    height: 18px;
    padding: 0 .5em;
    white-space: nowrap;
    text-align: left;
    border-width: 0 0 0 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #23366F;
}

.modal-search-grid .e-headercelldiv {
    font-size: 14px;
    color: #2167AE;
    padding-bottom: 6px;
    padding-top: 12px;
}


.modal-search-grid > .e-gridcontent {
    overflow-x: auto;
    border-radius: 0 0 8px 8px;
}

.modal-search-grid .e-gridheader .e-table {
    margin-bottom: 0;
    margin-top: 10px;
}

.modal-search-grid .e-table > tbody > tr > td {
    border-bottom: 1px solid #91BFE3;
    padding: 7px !important;
    padding-left: 9.8px !important;
}

.modal-search-grid.md .e-table > tbody > tr > td {
    padding: 28px 7px !important;
    padding-left: 9.8px !important;
}

.modal-search-grid .e-headercell-hover {
    padding: 0 !important;
}

    

    .modal-search-grid .e-pagerstatusbar {
        height:1px !important;
    }

    .detail-grid.hide-detail-indentcell > div.e-gridcontent > div > table > colgroup > col:nth-child(1) {
        width: 0 !important;
    }

.detail-grid.hide-detail-indentcell > div.e-gridheader > div > table > colgroup > col:nth-child(1) {
    width: 0 !important;
}

.detail-grid.hide-detail-header #detailGrid > div.e-gridheader {
    display: none;
}

.detail-grid.hide-detail-header td {
    color: #23366F;
}

.detail-grid.hide-detail-header #detailGrid > div.e-gridcontent {
    border-top: 1px solid #91BFE3;
}

.detail-grid.hide-detail-header #detailGrid > div.e-gridcontent {
    overflow: auto;
}

.detail-grid.hide-detail-header #detailGrid > div.e-gridcontent .e-table {
    margin-bottom: 0;
}

.detail-grid.hide-detail-header #detailGrid > div.e-gridcontent .parent td {
    border-bottom: 1px solid #91BFE3 !important;
}

.detail-grid.hide-detail-header #detailGrid > div.e-gridcontent .parent:last-child td {
    border-bottom: 0 !important;
}

.detail-grid.hide-detail-header .e-gridheader .e-table {
    border-bottom: 0 !important;
    margin-bottom: 0;
}

.detail-grid.hide-detail-header .e-gridheader .e-table th {
    background-color: #F1F9FC;
    border-top-color: #F1F9FC;
    padding: 2px 8px;
}

.detail-grid.hide-detail-header .e-gridheader {
    border-radius: 0 !important;
    border-top-color: #91BFE3 !important;
}

.simple-grid.e-grid .e-headercell, .simple-grid.e-grid .e-grouptopleftcell {
    background-color: #F1F9FC;
}
.simple-grid .e-gridheader .e-table .e-columnheader, .simple-grid.e-grid .e-gridheader {
    border-radius: 0;
}

.simple-grid.e-grid .e-alt_row {
    background-color: #F1F9FC;
}

.simple-grid.e-grid .e-gridheader {
    color:#2167AE;
}
.simple-grid.e-grid td.e-active, .simple-grid.e-grid .e-form-titlebar {
   background:none;
   color:#000;
}

.simple-grid .e-gridheader.e-scrollcss {
    background-color: #F1F9FC;
}

.simple-grid table.e-table {
    margin-bottom: 0;
}

.simple-grid .e-headercontent.e-hscrollcss {
    border-right-color: #F1F9FC;
}
.e-grid .cell-tooltip {
    overflow:hidden;
    text-overflow:ellipsis;
}

@media (max-width: 576px) {
    .grid-col-sm-6 {
        width: 600px;
    }
}

@media (min-width: 576px) {

    .grid-col-sm-6 {
        width: 100%;
    }
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 52px;
        height: 52px;
        margin: 3px;
        border: 3px solid #23366f;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #23366f transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    overflow-y: auto;
    background-color: #FFFFFF;
}

a:focus-visible {
    outline: 1px solid #91BFE3;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input
select,
textarea {
    max-width: 100%;
    width: 100%;
}

#Footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #2167AE;
    color: #FFFFFF;
}

    #Footer h4, #Footer a {
        color: #FFFFFF;
        text-decoration: none;
    }

    #Footer a {
        font-size: 16px;
    }

        #Footer a .icon {
            font-size: 28px;
        }

#viewport {
    margin-top: 50px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

body {
    overflow-x: hidden;
}

.icon-text {
    vertical-align: middle;
}

.icon-text {
    padding-left: 10px;
}

.skip-links a {
    position: absolute;
    left: 50%;
    z-index: 1003;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

    .skip-links a:focus {
        top: 5px;
        width: auto;
        height: auto;
        padding: 5px;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
        background-color: #FFFFFF;
    }

#content {
    width: 100%;
    position: relative;
    margin-right: 0;
}

.ul {
    list-style-type: none;
    padding-left: 20px !important;
    margin-bottom: 0px !important;
}

.fixed-header {
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    background: #FFFFFF;
    border-bottom: 1px solid #C9D0D2;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.textfield__control {
    height: 50px;
    border-radius: 50px;
    padding-left: 20px;
}

/***************** Fonts **************/



@font-face {
    font-family: 'ZurichSans';
    src: url('../fonts/ZurichSans/ZurichSans-Regular.ttf') format("truetype");
    font-style: normal;
}

* {
    font-family: 'ZurichSans';
}

@font-face {
    font-family: "zurich-custom-icons";
    src: url('../fonts/zurich-custom-icons.eot');
    src: url('../fonts/zurich-custom-icons.eot?#iefix') format('eot'), url('../fonts/zurich-custom-icons.woff2') format('woff2'), url('../fonts/zurich-custom-icons.woff') format('woff'), url('../fonts/zurich-custom-icons.ttf') format('truetype'), url('../fonts/zurich-custom-icons.svg#zurich-custom-icons') format('svg');
}

.z-icon {
    display: inline-block;
    font-size: 22px;
    height: 22px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    width: 22px;
}

.primary-color--dark_blue {
    color: #23366F;
}

.primary-color--mid_blue {
    color: #2167AE;
}

.z-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "zurich-custom-icons";
    speak: none;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
}

.z-icon--check-circle-outline:before {
    content: "\E001";
}

.z-icon--company-logo-solid-24:before {
    content: "\E002";
}

.z-icon--company-logo-solid:before {
    content: "\E003";
}

.z-icon--delete-outline:before {
    content: "\E004";
}

.z-icon--delete-solid:before {
    content: "\E005";
}

.z-icon--save-outline:before {
    content: "\E006";
}

.z-icon--user-circle-solid:before {
    content: "\E007";
}

.z-icon + .e-btntxt {
    padding: 0;
    padding-left: 0.1em;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.btn-primary {
    border-radius: 22px;
    background: #23366f !important;
    border: 1px solid #23366f !important;
    font-size: 16px;
    padding: 6px 12px !important;
    color: #ffffff !important;
    font-family: 'ZurichSans' !important;
}

    .btn-primary.btn-primary--large {
        padding: 15px !important;
        width: 200px;
        border-radius: 28px;
    }

    .btn-primary .e-btn-span {
        display: flex;
        flex: 0 0 100%;
        justify-content: center;
    }


        .btn-primary .e-btn-span .e-btntxt {
            padding-left: 5px;
            padding-top: 3px;
        }

    .btn-primary.btn-img {
        display: flex;
        flex: 0 0 100%;
    }

        .btn-primary.btn-img .icon {
        }

        .btn-primary.btn-img input[type="button"] {
            border-radius: 0;
            border: 0;
            margin: 0;
            padding: 0;
        }

.btn-secondary {
    border-radius: 22px;
    border: 1px solid #23366f !important;
    background-color: transparent !important;
    font-size: 16px;
    padding: 6px 12px !important;
    color: #2167AE !important;
    font-family: 'ZurichSans' !important;
}

    .btn-secondary.btn-secondary--borderless {
        border: 0 !important;
    }

        .btn-secondary.btn-secondary--borderless.e-btn.e-select:focus {
            box-shadow: none;
        }

        .btn-secondary.btn-secondary--borderless .e-btn-span .e-btntxt {
            padding-top: 3px;
            font-size: 16px;
        }

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"]:not(.textfield__control),
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    font-family: 'ZurichSans' !important;
    color: #23366F;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 24px;
    border: 1px solid #C9D0D2;
    background-color: white;
    border-radius: 4px;
    height: 29px;
    width: 100%;
}

.modal-content input[type='checkbox']:disabled ~ * {
    opacity: 1 !important;
}

input[type="text"]:not(.textfield__control):not(.e-numerictextbox):not(.e-maskedit):not(.e-disable):not(.e-autocomplete):focus, input[type="text"]:not(.textfield__control):not(.e-numerictextbox):not(.e-maskedit):not(.e-disable):not(.aspNetDisabled):not(.e-autocomplete):hover {
    border: 1px solid #91BFE3;
}

.e-numeric .e-in-wrap:focus, .e-numeric .e-in-wrap:hover {
    border: 1px solid #91BFE3;
}

.e-numeric .e-in-wrap .e-input:focus, .e-numeric .e-in-wrap .e-input:hover {
    border: none !important;
}

.e-numeric input[type="text"]:not(.textfield__control):not(.e-numerictextbox):hover {
    border: none;
}

input[type="text"].e-numerictextbox:focus, input[type="text"].e-numerictextbox:hover {
    border: none;
}

input[type="text"]:not(.textfield__control).aspNetDisabled, input[type="text"].e-input.e-disable:not(.textfield__control):hover {
    color: #45484A;
    border: 1px solid #C9D0D2;
    opacity: 1;
}

.e-numeric input[type="text"].e-input.e-disable:not(.textfield__control):hover {
    border: none;
}

input[type="text"].textfield__control {
    /*max-width: 280px;*/
    font-family: 'ZurichSans' !important;
    /* max-width: 163px;*/
    color: #2167AE;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 24px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #91BFE3;
}

input:focus {
    outline: none;
}

input[type="text"].assistive-text {
    padding-bottom: 0px !important;
}


input::placeholder {
    font-family: 'ZurichSans' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    display: flex !important;
    align-items: center;
    color: #2167AE;
    z-index: 5;
}

textarea.aspNetDisabled::placeholder {
    visibility: hidden;
}

.aspNetDisabled input::placeholder {
    color: #45484A;
    visibility: hidden;
}

input[type="text"]::placeholder {
    padding-left: 3px;
}

input[type="text"].aspNetDisabled::placeholder {
    visibility: hidden;
}


/***end of placeholder text for input*/
/*content page background color*/

.mainpagecolor {
    background-color: #FFFFFF !important;
    padding-bottom: 1rem;
}

.text-checkbox {
    margin-top: 0px;
    font-size: 16px;
    color: #23366F;
    font-weight: 500;
    padding-top: 0px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 14px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.checkbox-conatiner {
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 0 0 12px 16px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkbox-conatiner input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkbox-conatiner > label {
        right: 0;
    }
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #FFFFFF;
    border: 1px solid #91BFE3;
    border-radius: 3px;
}

.checkmark--dark {
    background-color: transparent;
    border: 1px solid #2167AE;
}

.checkmark:focus {
    outline: 1px solid #23366F;
    padding: 1px;
}

/* When the checkbox is checked, add a blue background */
.checkbox-conatiner input:checked ~ .checkmark {
    background-color: #23366F;
    border: 1px solid #23366F;
}

.checkbox-conatiner .aspNetDisabled ~ .checkmark {
    background-color: #C9D0D2;
    border: 1px solid #91BFE3;
}

    .checkbox-conatiner .aspNetDisabled ~ .checkmark.checkmark--dark {
        background-color: #C9D0D2;
        border: 1px solid #2167AE;
    }

.checkbox-conatiner .aspNetDisabled.checkbox-checked ~ .checkmark {
    background-color: rgba(33, 103, 174, 0.4);
    border: 1px solid rgba(33, 103, 174, 0.01);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-conatiner input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-conatiner .aspNetDisabled.checkbox-checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-conatiner .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #91BFE3;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 10px;
        width: 10px;
        left: 1px;
        bottom: 1px;
        background-color: #23366f;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #23366F;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
    background: #fff;
    width: 10px;
    height: 10px;
}

/* Rounded sliders */
.slider.round {
    border-radius: 11px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/**toggle switch button end**/

/**Assistive text**/
.assistive-text, .formlabel {
    font-family: 'ZurichSans' !important;
    color: #23366F;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 20px;
    padding-bottom: 4px;
}

.assistive-text-default {
    font-family: 'ZurichSans' !important;
    color: #000000;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 24px;
}


.assistive-text-default--blue {
    font-family: 'ZurichSans' !important;
    color: #2167AE;
    font-weight: 600;
    font-size: 16px !important;
}

.assistive-text--white {
    color: #FFFFFF;
}

.assistive-text--red {
    color: #E0231A;
}

.assistive-text.assistive-text--caption {
    font-family: 'ZurichSans' !important;
    color: #23366F;
    font-weight: 600;
    line-height: 20px;
    font-size: 14px !important;
}

    .assistive-text.assistive-text--caption.assistive-text--caption--large {
        font-family: 'ZurichSans' !important;
        color: #23366F;
        font-weight: 500;
        font-size: 16px !important;
    }

.assistive-text.assistive-text--title {
    font-size: 18px !important;
    font-weight: bold !important;
}

.assistive-text.assistive-text--medium {
    font-size: 16px !important;
    font-weight: bold !important;
}

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

.assistive-text--medium {
    font-size: 16px !important;
    font-weight: bold !important;
}

.assistive-text.assistive-text--readonly-input {
    line-height: 30px;
    font-size: 16px;
}

.readonly-text {
    font-size: 16px !important;
    font-family: 'ZurichSans';
    font-style: normal;
    color: #45484A;
}

/*dropdown*/


.e-ddl .e-in-wrap .e-select {
    background: none;
    border: none;
}

.e-ddl .e-select .e-ddl.e-rtl .e-select, .e-ddl .e-disable.e-select:hover {
    background: none;
    border: none;
}

.e-ddl .e-in-wrap, .e-ddl-popup, .e-ddl .e-options, .e-ddl-popup .e-atc.e-search {
    padding: 0 24px 0 0;
}

    .e-ddl-popup .e-content {
        width: 100% !important;
        overflow-y: auto;
    }

.e-ddl-shape {
    height: 50px;
    border-radius: 50px;
}

    .e-ddl-shape .e-in-wrap.e-box {
        height: 50px;
        border-radius: 50px;
    }

.menu-content {
    display: none;
    position: absolute;
    bottom: 50px;
    min-width: 160px;
    z-index: 1;
}

.dropupbtn {
    position: relative;
    display: inline-block;
    padding-top: 130px
}

/**datapicker**/

/*e-datetime-wrap e-widget e-ntouch{

}*/
.e-datetime-wrap .e-in-wrap {
    border: 0 !important;
    border-bottom: 1px solid #91BFE3 !important;
}

.e-datetime-wrap .e-select {
    border: none !important;
    background: none !important;
}

.e-datetime-wrap .e-datetimepicker e-js e-input {
    font-family: 'ZurichSans' !important;
    font-style: normal;
    color: #23366F;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}



.serachbonds {
    font-family: 'ZurichSans' !important;
    font-style: normal;
    color: #23366F;
    font-weight: 400;
    font-size: 36px;
    line-height: 39px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.divOne {
    color: #E0231A;
}

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

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

.input-serach {
    border-bottom: none !important;
    background-color: white !important;
}


.modelbody {
    position: absolute;
    left: 44%;
    top: 0;
    padding: 0;
}

.cardheader {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    font-style: normal;
    color: #3E3E3E;
    margin-top: 18px;
}

/**end of model container classes**/

/**table**/

.tabledata {
    /* Body Small */
    font-family: 'ZurichSans' !important;
    background: none;
    border: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* System Colors/Negative */
    color: #000000;
    /* Inside Auto Layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 8px;
}

.table tr:nth-child(odd) {
    background-color: #FFFFFF;
}

.table tr:nth-child(even) {
    background-color: #DCEFFB;
}

.mw-350 {
    max-width: 350px !important;
}

.rowcolor:nth-child(even) {
    background-color: #DCEFFB;
}

.rowcolor:nth-child(odd) {
    background-color: #FFFFFF;
}
/*premium calculator*/
.premium-inside-content {
    margin-bottom: 10px;
    padding: 0 17px;
}

#right {
    width: 30%;
    height: 100%;
    float: right;
}

#left {
    width: 70%;
    height: 100%;
    float: right;
}

.Statusbar {
    background-color: white;
    border-top: solid 2px #888;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
}

.error-message {
    margin-right: 20px;
    padding: 5px;
}


.e-numeric .e-in-wrap {
    border-color: #ffffff;
}

e-input:focus {
    outline: none;
}

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

.account-name-premium {
    width: 80%;
    max-width: 95% !important;
    border: none;
}




.e-grid .e-detailcell {
    padding: 0px;
}

.multiline {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 31px;
}

    .multiline textarea {
        margin-top: 0px;
        margin-bottom: 0px;
        height: 31px;
        resize: none;
        border: 0;
        background: #FFFFFF;
        width: 100%;
        outline: none;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
        font-weight: 400;
        padding: 4px 2px 0 2px;
        color: #23366F;
        border: 1px solid #C9D0D2;
        border-radius: 4px;
        overflow: hidden;
    }

        .multiline textarea.aspNetDisabled, textarea:disabled {
            color: #45484A;
            opacity: 1;
        }

.multiline-overlay {
    position: absolute;
    background: #91BFE330;
    width: 100%;
    height: 31px;
    top: 0;
    border-bottom: 1px solid #91BFE3;
    z-index: 1;
}

.multiline .aspNetDisabled ~ .multiline-overlay {
    background: #c9d0d230;
    border-bottom: 1px solid #C9D0D2;
}


.form-validate.is-invalid span.assistive-text {
    color: #E0231A !important;
}

.form-validate.error-message {
    padding: 0;
    margin-right: 20px;
    padding-top: 5px;
}

.multiline .form-validate.error-message {
    padding-top: 35px;
}

.form-validate.is-invalid .multiline textarea {
    color: #E0231A !important;
    border-color: #E0231A;
}



.form-validate.is-invalid span.e-icon:before {
    color: #E0231A !important;
}

.form-validate.is-invalid ::placeholder {
    color: #E0231A !important;
    opacity: 1;
}


.ErrortxtControl.e-ddl .e-arrow-sans-down.e-icon:before {
    color: #E0231A;
}

.ErrortxtControl .e-icon.e-calendar:before {
    color: #E0231A;
}

.ErrortxtControl::placeholder,
span.e-ddl.ErrortxtControl input.e-input,
span.e-datewidget.ErrortxtControl input.e-input::placeholder,
span.e-ddl.ErrortxtControl input.e-input::placeholder,
.e-ddl.error-ddl .e-in-wrap .e-input,
.ErrortxtControl label, .ErrortxtControl.e-numeric .e-in-wrap .e-input, .ErrortxtControl.e-mask .e-in-wrap .e-input {
    color: #E0231A !important;
}

input[type="text"].ErrortxtControl,
span.e-ddl.ErrortxtControl span.e-in-wrap.e-box,
span.e-datewidget.e-widget.ErrortxtControl > .e-in-wrap, .ErrortxtControl.e-numeric .e-in-wrap, .ErrortxtControl.e-mask .e-in-wrap {
    border: solid 1px #E0231A !important;
    color: #E0231A !important;
}


    .ErrortxtControl.e-mask .e-in-wrap .e-maskedit {
        border: 0;
    }

.ErrortxtControl.radio-item label::before {
    border: 2px solid #E0231A !important;
}

.ErrorspanControl {
    font-family: 'ZurichSans' !important;
    color: #E0231A;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 20px;
}


.ErrortextareaControl {
    border: solid 1px #E0231A !important;
    color: #E0231A !important;
}

.error-date-picker > .e-in-wrap {
    border: solid 1px #E0231A !important;
}

.e-ddl.error-ddl .e-in-wrap {
    border: 1px solid #E0231A;
}

.form-validate.is-invalid .e-atc .e-in-wrap {
    border: solid 1px #E0231A;
}

.form-validate.is-invalid .e-numeric .e-in-wrap {
    border: solid 1px #E0231A;
}

.form-validate.is-invalid .e-mask .e-in-wrap {
    border: solid 1px #E0231A;
}

.form-validate.is-invalid .e-datepicker.e-input {
    color: #E0231A;
}

#MainContent_gvreconsInternal.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

#MainContent_gvreconsInternal.table-striped tbody tr:nth-of-type(even) {
    background-color: #F1F9FC;
}

#MainContent_gvreconsInternal.table td, .table th {
    border: 0px !important;
}

#MainContent_gvreconsExternal.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

#MainContent_gvreconsExternal.table-striped tbody tr:nth-of-type(even) {
    background-color: #F1F9FC;
}

#MainContent_gvreconsExternal.table td, .table th {
    border: 0px !important;
}

.preimum-bottom {
    justify-content: space-between;
    background-color: #FFFFFF;
    padding-top: 15px;
}

.prium-reqiured {
    margin-left: 25px;
    padding-left: 15px;
}

#txtAccountnumber {
    width: 80%;
    max-width: 85%;
    border: none !important;
}
/*adding for assinbond*/
.container-bond {
    padding: 20px 20px 10px;
}

.assignbond-heading {
    font-weight: 400;
    font-size: 36px;
    color: #23366f;
    line-height: 43px;
}

.common-table-card {
    /*box-shadow: 0px 2px 5px 0px #00000026;*/
    border-radius: 8px;
    /*padding:20px;*/
}

.common-table-card-container {
    max-width: 86%;
}

.createbond-heading {
    font-size: 28px;
    font-weight: 400;
    color: #23366f;
}

.common-text-highlight {
    font-size: 16px;
    font-weight: 600;
    color: #23366f !important;
}

.conatiner-content-box {
    margin: 0;
    max-width: 98%;
}

.card-container {
    padding: 32px 10px;
    background: #EEF0F1;
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.05), 0px 3px 8px 2px rgba(0, 0, 0, 0.08), 0px 5px 5px -6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border: none;
    border-radius: 12px;
    /* width: max-content !important; */
}

    .card-container.card-container--white {
        background: #FFFFFF;
    }

    .card-container.card-container--flat {
        box-shadow: none;
    }

.header-card {
    margin-top: -5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    background-color: transparent;
}


.card-body-zse {
    padding-top: 10px;
}

.title-design {
    color: black;
    font-size: 18px;
    font-weight: 600;
}

    .title-design.title-design--primary {
        color: #23366F;
    }

.inputbtn {
    background: url('/images/circular-gauge/chevron-down.svg') no-repeat;
    cursor: pointer;
    border: none;
    padding-left: 0.5em;
}

#MainContent_AgencySearch_lblAgencyName, #MainContent_AgencySearch_lblAgencyAddress, .assistive-text-highlight {
    font-size: 16px;
    font-weight: 500;
    color: #23366f
}

.assistive-text-highlight {
    font-size: 16px;
    font-weight: 600;
    color: #23366f !important;
}

.assistive-text-highlight--alert {   
    color: #E0231A !important;
}

.input-assnbond, #MainContent_AgencySearch_txtAgencyCode {
    width: 155px;
    max-width: 155px !important;
    font-size: 12px;
    color: #2167AE;
    font-weight: 500;
    margin-bottom: 10px;
}

.input-assnbond, #MainContent_txtEmail {
    width: 255px;
    max-width: 255px !important;
    font-size: 12px;
    color: #2167AE;
    font-weight: 500;
    margin-bottom: 10px;
}



.button-assinBond, .btnCustom, .color-button, #premiumcalccontent #MainContent_btnCalculate.primary {
    border-radius: 30px;
    background: #23366F !important;
    color: #ffffff !important;
    font-size: 16px;
    padding: 8px 16px !important;
    border: none;
}

.mt-zse-2 {
    margin-top: 2rem;
}

.e-rowcell.e-templatecell a {
    color: #23366F !important;
}

.bottom-required {
    position: fixed;
    bottom: 1.5rem;
    padding-right: 5rem;
    padding-left: 0 !important;
}

.e-rowcell.e-templatecell {
    display: flex;
}
/*Rating cancel screen*/
.mt-rec-29 {
    margin-top: -29px;
}
/*advancesearch grid*/
.pt-zse-2 {
    padding-top: 24px;
}


.common-background, #viewport {
    overflow: hidden;
    background-color: #FFFFFF;
    padding-bottom: 50px;
}

.d-flex.outer {
    padding: 20px;
    justify-content: center;
    padding-top: 48px;
}

.container.inner {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.serach-bond-container {
    padding: 20px;
    height: 100%;
}


.e-grid .e-rowcell, .e-grid, .e-headercell {
    border-style: none !important;
    border-top-color: transparent !important;
    border-color: transparent !important;
    font-weight: 500;
    font-size: 14px;
}

.e-gridheader .e-table {
    border-bottom: 1px solid #91BFE3 !important;
}

.e-grid .e-icon.e-gnextforward {
    /*margin: 0 !important;*/
    padding: 6px 0 0 10px;
}

.e-detailrowcollapse .e-grid .e-gridcontent tr:first-child td {
    padding-top: 10px;
}



.e-gridcontent .parent {
    font-size: 16px;
    font-weight: 500;
    color: #3E3E3E;
}

    .e-gridcontent .parent:nth-of-type(odd) {
    }
/*pop up html*/
.header-title {
    font-size: 20px;
    font-weight: 300;
    color: #3E3E3E;
}

.action-modal .modal-initialize {
    min-width: 800px
}

    .action-modal .modal-initialize.complete {
        display: none;
    }

.action-modal .modal-content {
    background: #EEF0F1;
    border-radius: 0 !important;
    overflow: hidden;
    height: 100vh;
}

.action-modal .modal-footer {
    position: fixed;
    bottom: 1px;
    overflow-x: hidden;
}


.action-modal .modal-body {
    max-height: calc(100vh - 105px);
    overflow-y: auto;
}



.action-modal .popup-footer-container {
    position: fixed;
    bottom: -9px;
    width: 100%;
    background-color: #EEF0F1;
    left: 0px;
    height: 90px;
    border-left: 1px solid rgba(0,0,0,.2);
}

@media (max-width: 992px) {
    .action-modal .modal-body {
        width: 100% !important;
        width: 100vw !important;
        min-width: 0 !important;
    }
}

.modal-header, .modal-footer {
    border: 0 !important;
}

.non-color-button, .btntrans, .addButton {
    border-radius: 19px;
    font-size: 16px;
    color: #23366C;
    border: 1px solid #23366C;
    margin: 0 10px 0 0;
    background-color: transparent;
    padding: 8px 16px;
}

.detailIcon :nth-child(2) {
}


.bondnumber > a {
    font-size: 16px;
    color: #2167AE !important;
    font-weight: 600;
}


#modalAccountSearch.left .modal-dialog,
#modalAccountSearch .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}



#modalAccountSearch.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#modalAccountSearch.fade.in .modal-dialog {
    right: 0;
}

.modal.show .modal-dialog {
    transform: translate(0,0);
    transition: all 0.3s linear, right 0.3s ease-out;
}

.action-modal.left .modal-dialog,
.action-modal .modal-dialog {
    right: -100px;
    position: fixed;
    margin: auto;
    height: 100%;
}

.action-modal.show .modal-dialog {
    right: 0px;
    -webkit-transition: right 0.5s linear;
    -moz-transition: right 0.5s linear;
    -o-transition: right 0.5s linear;
    transition: right 0.5s linear;
}

.action-modal.fade.in .modal-dialog {
    right: 0;
}

.action-modal .modal-dialog {
    max-width: 100%;
    width: auto !important;
}

.action-modal .modal-dialog-layout {
    padding-top: 2.6rem;
    overflow-y: initial !important;
}

    .action-modal .modal-dialog-layout.modal-dialog-layout--small {
        min-width: 25%;
    }

.inputbtn:focus {
    border-bottom: none !important;
}

/*email billing css table*/
.formlabel1 {
    font-size: 16px;
    font-weight: 600;
    color: #2b2e31;
}

.container.conatiner-content-box.mt-zse-2 {
    margin-bottom: 2rem;
}

.e-timewidget .e-arrow-sans-down.e-icon:before, .e-ddl .e-arrow-sans-down.e-icon:before {
    height: 12px;
    width: 12px;
    color: #2167ae;
}

.formlabel span, .input-table-billing {
    font-size: 16px !important;
    font-weight: 600;
    color: #23366F !important;   
}

.header-email-billing {
    background-color: #F1F9Fc;
}

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

.formlabel2 {
    font-weight: 500;
}

.bondnumber a {
    font-size: 14px;
    color: #2167AE !important;
    font-weight: 600 !important;
    text-decoration: none;
}

.e-icon.e-gnextforward {
    margin: 5px 0 0 0 !important;
    font-family: zurich-icons;
    font-size: 16px !important;
    color: #2167AE;
}


.e-icon.e-gdiagonalnext {
    margin: 5px 0 0 10 !important;
    font-family: zurich-icons;
    font-size: 16px !important;
    color: #2167AE;
}

.e-icon.e-gnextforward:before {
    content: "\eb61" !important;
    /*margin: 0 !important;*/
}

.e-grid .e-icon.e-gdiagonalnext {
}

.e-icon.e-gdiagonalnext:before {
    content: "\eb64" !important;
}

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

.wipNo {
    font-weight: 600 !important;
}

.e-table {
    border-collapse: separate !important;
    /* border-spacing: 0 5px !important;*/
}

button:focus {
    border: none !important;
    outline: 0;
}

button:focus-visible:not(.btn) .icon {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.zse-bt .bond-penalty-txt .e-in-wrap input.e-input {
    border-bottom: 1px solid #91BFE3;
    color: #2167AE;
}

.e-numeric .e-select {
    border-color: transparent !important;
    background: none !important;
}

.ExcelLink {
    background: none !important;
    border: none !important;
    color: #069;
    cursor: pointer;
}
/*syncfusion dropdown*/
.e-content {
    font-size: 16px;
    color: #23366F;
}

.e-ul li {
    padding-left: 0.5rem !important;
}

/*.e-scrollbar.e-js.e-widget.e-vscrollbar {
    display: none !important;
    width: 0 !important;
}*/

.e-ddl-popup.e-box.e-widget.e-popup {
    box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 8px 8px;
    padding: 0 0 0 0;
    border-bottom: 0px !important;
}

.button-submit {
    border-radius: 30px;
    background: #23366F !important;
    color: #ffffff !important;
    font-size: 16px;
    padding: 8px 16px !important;
    margin-left: 20px;
}

.button-save {
    border-radius: 30px;
    background-color: white;
    color: #23366F !important;
    font-size: 16px;
    padding: 8px 16px !important;
    margin-left: 10px;
    border-color: #23366F;
    margin-right: 20px !important;
}

.divider {
    width: 20px;
    height: auto;
    display: inline-block
}

.dropbtn {
    background-color: #23366F;
    color: #ffffff;
    font-size: 16px;
    padding: 1px;
    border: none;
    cursor: pointer;
}

.reconcildropdwn {
    border-radius: 40px;
    border: 1px solid #23366F;
    color: #23366f;
    padding: 1px 15px;
}

    .reconcildropdwn option {
        border-radius: 8px;
        box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
        border-radius: 0px 0px 8px 8px;
    }

.optionexport {
    background-color: #FFFFFF !important;
    color: #23366f !important;
    border-color: #23366f !important;
}

    .optionexport a {
        color: #23366f !important;
    }

        .optionexport a:hover {
            color: #23366f !important;
        }

#btnsExport_ul {
    box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 8px 8px;
    padding: 0 !important;
}

select:focus-visible {
    outline-offset: 5px;
    outline-color: transparent !important;
}

#MainContent_chkbBondreconsile {
    margin-left: 10px;
    margin-right: 10px;
    border: 3px solid blue !important;
}

#MainContent_divbonddetails hr {
    position: relative;
    right: 9%;
    width: 117.8%;
}

#MainContent_gvagencyservicesearch.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

#MainContent_gvagencyservicesearch.table-striped tbody tr:nth-of-type(even) {
    background-color: #F1F9FC;
}

#MainContent_gvagencyservicesearch.table td, .table th {
    border: 0px !important;
}

#MainContent_gvChildagencyservicesearch.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

#MainContent_gvChildagencyservicesearch.table-striped tbody tr:nth-of-type(even) {
    background-color: #F1F9FC;
}

#MainContent_gvChildagencyservicesearch.table td, .table th {
    border: 0px !important;
}

#MainContent_gvChildagencysearch.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

#MainContent_gvChildagencysearch.table-striped tbody tr:nth-of-type(even) {
    background-color: #F1F9FC;
}

#MainContent_gvChildagencysearch.table td, .table th {
    border: 0px !important;
}

.agency-name-useraccess {
    width: 65%;
    max-width: 100% !important;
    border: none;
}

.agency-access-paragraph {
    font-family: 'ZurichSans' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #23366F;
}



.classExclaimation {
    background-color: #E0231A;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    padding-left: 1px;
    color: white;
}


#modalAgencyDetails.left .modal-dialog,
#modalAgencyDetails .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100% !important;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#modalAgencyDetails.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#modalAgencyDetails.fade.in .modal-dialog {
    right: 0;
}



#modalAddlocation.left .modal-dialog,
#modalAddlocation .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100% !important;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#modalAddlocation.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#modalAddlocation.fade.in .modal-dialog {
    right: 0;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    border: double;
}

.DownloadComplete {
    font-family: Zurich Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    display: flex;
    justify-content: center;
    flex: 0 0 100%;
}

    .DownloadComplete .download-img-container {
        position: relative;
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
    }

        .DownloadComplete .download-img-container img.hidden {
            opacity: 0;
        }

        .DownloadComplete .download-img-container img {
            position: absolute;
            opacity: 1;
            transition: 0.5s opacity linear;
        }

.Bond-level-container {
    padding-top: 20px;
}

.iconLeft::before {
    content: '<';
    font-size: 20px !important;
    text-align: center;
    color: #2167AE;
    margin-right: 10px;
}


.iconRight::before {
    content: '>';
    font-size: 20px !important;
    text-align: center;
    color: #2167AE;
    margin-right: 10px;
}


#modalBondForm.left .modal-dialog,
#modalBondForm .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#modalBondForm.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#modalBondForm.fade.in .modal-dialog {
    right: 0;
}


.loading-spinner {
    background-color: #fff;
    position: absolute;
    margin: auto;
    height: 100%;
    max-width: 100% !important;
    width: auto !important;
    min-width: 100%;
    padding-top: 2.6rem;
    right: 0;
    z-index: 99999;
    top: 0;
    display: inline-block;
}

/****Radio Button List****/


.radio-item > tbody > tr > td > label {
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 5px;
}

.radio-item > tbody > tr > td > .aspNetDisabled > label {
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 5px;
    color: #45484A;
}


.radio-item {
    display: block !important;
    position: relative;
    margin: -11px 0 0 0px;
}

    .radio-item.radio-item--nolabel {
        display: flex !important;
        justify-content: center;
        padding: 0;
        margin: 0;
    }

    .radio-item.d-table {
        display: table !important;
    }

    .radio-item td {
        width: 90px;
    }

    .radio-item.full-width td {
        width: 100%;
    }

    .radio-item input[type='radio'] {
        display: none;
    }

        .radio-item input[type='radio'] :disabled {
            content: " ";
            box-sizing: border-box;
            display: inline-block;
            position: relative;
            top: 5px;
            margin: 0 5px 0 9px;
            width: 18px;
            height: 18px;
            border-radius: 18px;
            border: 6px solid #91BFE3;
            background-color: lightgrey;
        }

    .radio-item label {
        font-family: 'Zurich Sans';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        color: #23366F;
    }

        .radio-item label::before {
            content: " ";
            box-sizing: border-box;
            display: inline-block;
            position: relative;
            top: 5px;
            width: 18px;
            height: 18px;
            border-radius: 18px;
            border: 1px solid #91BFE3
        }

.form-validate.is-invalid .radio-item label::before {
    border-color: #E0231A;
}

.radio-item.floating-label label::before {
    margin-right: 10px;
    margin-bottom: 1px;
}

.radio-item :disabled + label::before {
    content: " ";
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 11px;
    border: 2px solid #91BFE3;
    background-color: lightgrey;
}

.radio-item :checked + label::before {
    content: " ";
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 6px solid #233667;
    background-color: transparent;
}

.form-validate.is-invalid .radio-item :checked + label::before {
    border: 6px solid #233667 !important;
}

.radio-item :checked:disabled + label::before {
    content: " ";
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 11px;
    border: 6px solid #91BFE3;
    background-color: transparent;
}


.radio-item input[type=radio]:checked + label:after {
    border-radius: 11px;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: " ";
    display: block;
    background: transparent;
}

/*** Read-only DropDownList */

.checkbox-select {
    font-size: 16px;
    display: block;
}

.e-input.e-disable {
    opacity: 1;
    background: none !important;
}

.e-ddl.view-only > .e-disable > .e-select.e-disable {
    display: none !important;
}

.e-ddl.e-widget.view-only > .e-disable {
    background: none !important;
}

/*** Number Textbox ***/
.number-textbox--textstyle {
    -moz-appearance: textfield;
}

    .number-textbox--textstyle::-webkit-inner-spin-button {
        display: none;
    }

    .number-textbox--textstyle::-webkit-outer-spin-button,
    .number-textbox--textstyle::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }


#modalBondFormDetails.left .modal-dialog,
#modalBondFormDetails .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#modalBondFormDetails.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#modalBondFormDetails.fade.in .modal-dialog {
    right: 0;
}

#modalBondFormDetails .modal-body {
    height: 70vh;
    overflow-y: auto;
}

/*common card*/
.common-card {
    background: #e5e5e5 !important;
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.05), 0px 3px 8px 2px rgba(0, 0, 0, 0.08), 0px 5px 5px -6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border: none;
    border-radius: 12px;
}

.common-card-width {
    max-width: 85%
}

.notification-content {
    display: flex;
    font-family: 'ZurichSans' !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

    .notification-content .notification-message {
        margin-left: 20px;
        font-size: 16px;
    }

        .notification-content .notification-message ul {
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

            .notification-content .notification-message ul > li {
                padding-bottom: 8px;
            }

.form-footer-navigation {
    justify-content: space-between;
    display: flex;
    flex: 0 0 100%;
    flex-direction: row;
    margin-top: 20px;
}

.header-carddb {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 32px;
    color: #23366F !important;
}

.mt-top {
    margin-top: 52px !important;
}
/*Banner*/
.banner {
    background: #91BFE3;
    height: 336px;
}

.outer-div {
    position: relative;
    height: 24px
}

    .outer-div img {
        position: absolute;
        right: 116px;
    }

.icon-div {
    position: relative;
    height: 336px
}

.icon-image1 {
    position: absolute;
    bottom: 0;
    right: 77px;
}

.icon-image2 {
    position: absolute;
    bottom: 0;
    right: 32px;
}


.title-designdb {
    display: flex;
    flex: 0 0 100%;
    justify-content: space-between;
    border-bottom: 1px solid #91BFE3;
    max-width: 100%;
}

    .title-designdb h4 {
        margin-bottom: 8px !important;
    }

.title-border {
    border-bottom: 1px solid #91BFE3;
}

.icon.card-header-accordion-icon {
    padding-top: 12px;
    font-size: 28px;
    width: 24px;
}

.breadcrumb {
    overflow: hidden;
    flex-wrap: nowrap;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border: 0;
}

    .breadcrumb .nav-bar-menu-item {
        padding-left: 2px;
        width: max-content;
        flex: 1 0 auto;
    }

        .breadcrumb .nav-bar-menu-item > a {
            color: #233667;
            text-decoration: none;
            background-color: #E4E9EC;
            text-align: center;
            position: relative;
            display: block;
        }

            .breadcrumb .nav-bar-menu-item > a::after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
                border-left: 7px solid #E4E9EC;
                position: absolute;
                top: 50%;
                margin-top: -15px;
                left: 100%;
                z-index: 2;
            }

            .breadcrumb .nav-bar-menu-item > a::before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
                border-left: 7px solid white;
                position: absolute;
                top: 50%;
                margin-top: -15px;
                margin-left: 0;
                left: 0;
                z-index: 1;
            }

        .breadcrumb .nav-bar-menu-item a {
            padding-left: 10px;
            background-color: #E4E9EC;
        }

        .breadcrumb .nav-bar-menu-item:first-child a {
            border-top-left-radius: 14px;
            border-bottom-left-radius: 14px;
            min-width: 100px;
        }

        .breadcrumb .nav-bar-menu-item:last-child a {
            border-top-right-radius: 14px;
            border-bottom-right-radius: 14px;
        }

        .breadcrumb .nav-bar-menu-item:first-child a::before {
            border: 0;
        }

        .breadcrumb .nav-bar-menu-item:last-child a::after {
            border: 0;
        }

        .breadcrumb .nav-bar-menu-item a.selected {
            background: #2167AE;
            color: #FFFFFF;
        }

            .breadcrumb .nav-bar-menu-item a.selected:after {
                border-left-color: #2167AE !important;
            }

        .breadcrumb .nav-bar-menu-item a:hover, .breadcrumb .nav-bar-menu-item a:focus {
            background: #2167AE;
            color: #FFFFFF;
        }

            .breadcrumb .nav-bar-menu-item a:hover:after, .breadcrumb .nav-bar-menu-item a:focus:after {
                border-left-color: #2167AE !important;
            }


#modalBondNote.left .modal-dialog,
#modalBondNote .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100% !important;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#modalBondNote.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#modalBondNote.fade.in .modal-dialog {
    right: 0;
}

.tooltip-icon--default {
    font-size: 18px;
    line-height: 1.2;
}


.component-content {
    position: relative;
}

@media(max-width:575px) {
    .component-content.stage-banner--mod {
        position: relative;
        padding-top: 265px;
    }

    .component.d-flex.outer {
        padding-bottom: 200px !important;
    }

    .row.top-banner {
        padding-left: 15px;
    }
}

@media(max-width:991px) {
    .component.d-flex.outer {
        justify-content: flex-start;
    }
}


.stage-banner--mod.stage-shapes {
    height: 650px
}

@media(min-width: 992px) and (max-width:1199px) {
    .stage-banner--mod.stage-shapes {
        height: 500px
    }
}

@media(min-width: 576px) and (max-width:991px) {
    .stage-banner--mod.stage-shapes {
        height: 400px
    }
}

@media(max-width: 575px) {
    .stage-banner--mod.stage-shapes {
        min-height: 309px
    }
}

.stage-banner--mod.stage-shapes .component-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media(max-width: 575px) {
    .stage-banner--mod.stage-shapes .component-content {
        padding-top: 336px;
        padding-bottom: 26px
    }
}

.stage-banner--mod.stage-shapes .component-content > div {
    width: 100%
}

.stage-banner--mod.stage-shapes .stage-banner--mod-image {
    width: 450px;
    height: 450px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

@media(min-width: 992px) and (max-width:1199px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image {
        height: 450px;
        width: 450px;
        right: -65px;
    }
}

@media(min-width: 576px) and (max-width:991px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image {
        height: 412px;
        width: 412px;
        right: -185px;
        top: 0;
    }
}

@media(max-width: 575px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image {
        width: 340px;
        height: 340px;
        right: -60px
    }
}

@media(max-width: 575px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image {
        right: -95px;
        top: -14px;
        bottom: auto;
    }
}

@media(max-width: 350px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image {
        right: -120px !important
    }
}

.stage-banner--mod.stage-shapes .stage-banner--mod-image__circle {
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#003)
}

    .stage-banner--mod.stage-shapes .stage-banner--mod-image__circle svg {
        position: absolute;
        z-index: 10;
        bottom: 3%;
        left: 5%;
        width: 110px;
    }

@media(min-width: 576px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image__circle svg {
        bottom: 5.5%;
        width: 146px;
        left: 8.5%;
    }
}

@media(min-width: 992px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image__circle svg {
        bottom: 10.5%;
        width: 162px;
        left: 7%;
    }
}

@media(min-width: 1200px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-image__circle svg {
        bottom: 10.5%;
        width: 160px;
        left: 6%;
    }
}

.stage-banner--mod.stage-shapes .stage-banner--mod-image__circle img {
    height: 100%;
    width: auto
}

.stage-banner--mod.stage-shapes .stage-banner--mod-decoration {
    position: absolute;
    z-index: 10;
    bottom: 10px;
    left: -38px;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media(min-width: 576px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-decoration {
        bottom: 6px;
        left: -14px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media(min-width: 992px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-decoration {
        bottom: 6px;
        left: -33px;
    }
}

@media(min-width: 1200px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-decoration {
        bottom: 5px;
        left: -32px;
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.stage-banner--mod.stage-shapes .stage-banner--mod-decoration__elements {
    position: relative;
}

.stage-banner--mod.stage-shapes .stage-banner--mod-decoration__half-mask {
    display: block;
    width: 75px;
    height: 150px;
    overflow: hidden;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    /* transform:rotate(135deg); */
}

@media(max-width: 991px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-decoration__half-mask {
        width: 60px;
        height: 120px
    }
}

.stage-banner--mod.stage-shapes .stage-banner--mod-decoration__half-mask__circle {
    display: block;
    width: 150px;
    height: 150px;
    background-color: #23366F;
    overflow: hidden;
    border-radius: 50%
}

@media(max-width: 991px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-decoration__half-mask__circle {
        width: 120px;
        height: 120px
    }
}

.stage-banner--mod.stage-shapes .stage-banner--mod-decoration__mini-circle {
    display: block;
    position: absolute;
    bottom: -5px;
    left: -30px;
    width: 55px;
    height: 55px;
    background-color: #2167AE;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .stage-banner--mod.stage-shapes .stage-banner--mod-decoration__mini-circle {
        left: -25px;
        bottom: -4px;
        width: 45px;
        height: 45px
    }
}

.container-bg {
    background: #e5e5e5 !important;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.progress-indicator {
    opacity: 0;
}

.progress-indicator.show {
    opacity: 1;
}


    .text-decoration-none {
        text-decoration: none;
    }

.list-style-none ul {
    list-style: none;
}

.list-style-none ul, list-style-none.ul {
    margin-left: 0;
}

.list-content {
    padding-top: 0.075em;
}

    .list-content ul li {
        margin-bottom: 1em;
    }

.small .responsive-label {
    flex-basis: 100%;
    max-width: 100%;
}

.small .responsive-text-right {
    text-align: left !important;
}

.responsive-text-right {
    text-align: right !important;
}

.w-vw {
    width: 100vw;
}

@media screen and (max-width: 576px) {
    .responsive-text-right {
        text-align: left !important;
    }

    .w-vw {
        width: auto !important;
    }

    .d-sm-flex button.e-button {
        width: 100%;
    }

        .d-sm-flex button.e-button > .e-btn-span {
            justify-content: center;
        }

    .button-group {
        margin-left: 0;
        flex-direction: column;
    }
}

.e-dropdownlist-hide-initialize ul {
    display: none;
}



* {
    scrollbar-width: thin;
    scrollbar-color: #C4C4C4 #FFFFFF;
}


::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    border-radius: 4px;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
/*
.e-input {
    text-align: left !important;
}*/
/**Browser*/

body.navdrawer-open {
    overflow-y: hidden;
}

.header-navbar {
    visibility: visible;
}

.header-navdrawer .header-navbar-toggle {
    visibility: hidden;
}

body.navdrawer-open .header-navdrawer .header-navbar-toggle {
    visibility: visible;
}

body.navdrawer-open .header-navbar {
    visibility: hidden;
}

/*dsm loader*/
.c-loader.loader--simple {
    height: 80px;
    width: 80px;
    border: 4px solid #2167AE;    
    border-right-color: transparent;
}

.c-loader.loader--simple::after {
    display: none;
}


/*dsm pictogram*/

.pictogram.pictogram--modal::before {
    height: 80px;
    width: 80px;
}

.pictogram--alert:before {
    background-image: url(../images/pictograms/alert.svg);
}

/*Bootstrap overrides*/
.form-control {
    padding: 0;
    border-radius: 0;
    color: #23366F !important;
    height: 31px;
    padding: 1px 2px;
}

.component {
    background: #91BFE3;
}

.container.full-width {
    width: 100%;
    padding: 0;
}

.container.group {
    margin-top: 48px;
}

@media (max-width: 576px) {

    .container.full-width {
        padding: 5%;
    }
}

.close {
    opacity: 1;
}

    .close .e-btn-span .icon {
        font-size: 26px !important;
    }


.tooltip-inner {
    max-width: 500px;
    background-color: #FFFFFF;
    color: #2167AE;
    border: 1px solid #2167AE;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    border: 1px solid #2167AE;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
}

.arrow {
    display: none !important;
}

.close {
    color: #2167AE;
}

    .close:hover {
        color: #23366F;
    }

/*Syncfusion overrides*/

.e-input::-webkit-input-placeholder {
    color: #2167AE;
}

.e-arrow-sans-down {
    font-family: zurich-icons;
}

.e-grid .e-headercelldiv {
    color: #2167ae !important;
}

.e-icon.e-arrow-sans-down:before {
    content: "\e912";
    margin: 0;
    font-size: 16px;
}

.e-icon.e-calendar:before {
    content: "\e94a";
    color: #2167AE;
}

.e-icon.e-calendar {
    font-family: zurich-icons;
}

.e-datewidget.e-widget {
    /*border: 1px solid #C9D0D2 !important;*/
    border-radius: 4px;
}

.e-datewidget {
    width: 100% !important;
}

    .e-datewidget .e-select {
        border-color: #fff;
    }

.e-input::placeholder {
    padding-left: 0 !important;
}

.e-popup.assistive-text {
    font-weight: 500;
}

/*----Form fields---*/

.e-input {
    padding-left: 5px !important;
}

.e-in-wrap.e-box {
    border-radius: 4px;
}

.e-in-wrap.e-box {
    border-radius: 4px;
}

/*.e-numeric input {
    height: 32px !important;
}*/

.e-numeric.full-width {
    width: 100%;
}

.e-widget.e-numeric {
    border-radius: 4px;
}

.e-numeric.e-disable-wrap, .e-mask.e-disable-wrap {
    background-color: #FFFFFF;
}

.e-numeric .e-input.e-disable, .e-mask .e-input.e-disable {
    color: #45484A;
    opacity: 1;
}

.e-numeric.e-focus .e-in-wrap, .e-mask.e-focus .e-in-wrap {
    box-shadow: none;
    border: 1px solid #91BFE3;
}

.e-rtl input.e-input, .e-rtl input[type="text"].e-input, .e-rtl .e-input.e-placeholder, .e-textbox.e-rtl, .e-textarea.e-rtl {
    padding-right: 1px;
    direction: ltr;
}

.e-input.e-disable::placeholder {
    visibility: hidden;
}

.e-ddl {
    height: 32px;
}

    .e-ddl .e-in-wrap, .e-ddl-popup, .e-ddl .e-options, .e-ddl-popup .e-atc.e-search {
        padding: 0 24px 0 0;
        border: 1px solid #C9D0D2;
        /* border-bottom: 1px solid #91BFE3; */
        background: white;
    }

    .e-ddl .e-icon {
        margin-top: -7px;
    }

    .e-ddl.e-focus .e-in-wrap, .e-ddl:not(.error-ddl) .e-in-wrap:not(.e-disable):hover {
        box-shadow: none;
        border: 1px solid #91BFE3;
    }

.e-datewidget {
    height: 32px;
}

    .e-datewidget.assistive-text {
        padding-bottom: 0px !important;
    }

    .e-datewidget.e-focus .e-in-wrap, .e-datewidget .e-in-wrap:not(.e-disable):hover {
        box-shadow: none;
        border: 1px solid #91BFE3;
    }

    .e-datewidget.e-disable {
        background: #FFFFFF;
    }

    .e-datewidget .e-select, .e-datewidget.e-rtl .e-select, .e-ntouch.e-datewidget .e-disable.e-select:hover {
        background: #ffffff;
    }


    .e-datewidget.e-widget.e-disable > span {
        border: 1px solid #C9D0D2;
        background: #FFFFFF;
    }

.e-pager .e-pagercontainer {
    border-width: 0px !important;
}

.e-pager .e-currentitem.e-active, .e-currentitem.e-hover {
    background: #FFFFFF;
    color: #23367F;
}

.e-pager .e-numericitem {
    border-right-color: #FFFFFF;
}

.e-pager .e-pagermsg {
    color: #23367F;
}

.e-numeric .e-in-wrap {
    border: none;
    height: 32px;
    padding: 1px;
    border: 1px solid #C9D0D2;
}

    .e-numeric .e-in-wrap .e-input {
        border: none;
        padding-left: 2px !important;
    }

.e-ddl.e-widget .e-in-wrap.e-disable, .e-datewidget.e-widget .e-in-wrap.e-disable, .e-numeric.e-widget .e-in-wrap.e-disable, .e-mask.e-widget .e-in-wrap.e-disable {
    color: #45484A;
    opacity: 1;
    background-color: #FFFFFF;
}

.e-ddl.e-widget .e-select.e-disable {
    background-color: #FFFFFF;
}

.e-in-wrap.e-box.e-disable .e-input.e-disable {
    color: #45484A !important;
}

.e-in-wrap.e-box.e-disable input {
    color: #45484A;
    opacity: 1;
}

.e-in-wrap.e-box.e-disable .e-arrow-sans-down.e-icon:before {
    color: #45484A;
}

.e-in-wrap {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}

input[type="text"].e-autocomplete:not(.textfield__control) {
    border: none;
}

/*Autocomplete*/
.e-atc {
    height: 32px;
}

    .e-atc .e-select {
        background: none;
        border: 0;
        color: #2167AE;
    }

    .e-atc .e-autocomplete.e-input {
        padding-left: 2px !important;
    }

    .e-atc .e-select:hover, .e-atc.e-rtl .e-select:hover {
        background: none;
    }

    .e-atc .e-select:hover, .e-atc.e-rtl .e-select:hover {
        color: #23366F;
        border-color: none;
    }

    .e-atc .e-select > .e-icon.e-search {
        margin-top: -11px;
    }

    .e-atc .e-select > .e-icon.e-search {
        display: flex;
        align-items: center;
    }


.e-atc-tableContent {
    margin-bottom: 0;
}

.e-atc-popup .e-atc-tableHeader table {
    margin-bottom: 0;
}

.e-atc-popup .e-atc-tableContent tr td, .e-atc-popup .e-atc-tableHeaderContent th {
    white-space: normal;
}

.e-atc-popup .e-atc-tdright, .e-atc-popup .e-atc-tableHeaderScroll .e-atc-tableHeaderBorder, .e-atc-popup div .e-atc-thright {
    border-color: #91BFE3;
    border-right: none;
}

.e-atc-popup div .e-atc-thright {
    border: none;
}

.e-atc-tableContent tr:nth-child(odd) {
    background-color: #F1F9FC !important;
}

.e-atc-tableContent tr:nth-child(even) {
    background-color: #FFF !important;
}

.e-atc-tableContent td {
    font-size: 14px;
}

.e-atc-popup .e-atc-tableHeaderContent th {
    background-color: #FFF;
    color: #2167AE;
    border-color: #91BFE3;
    border-right: none;
}

.e-atc-popup .e-atc-tdbottom, .e-atc-popup div.e-atc-tableHeader {
    border-color: #91BFE3;
    border-bottom: 1px solid #91BFE3;
}

.e-icon.e-searchfind:before, .e-icon.e-search:before {
    content: "\eabb";
    font-family: zurich-icons;
    font-size: 22px;
    margin: 0;
}

/*----MaskEdit----*/

.e-mask.e-widget {
    width: 100%;
}

    .e-mask.e-widget .e-in-wrap.e-box {
        height: 31px;
        border: 0;
    }

    .e-mask.e-widget .e-maskedit.e-input {
        height: 31px;
    }

::placeholder, .e-input-group, .e-input-group.e-control-wrapper, .e-datewidget .e-input { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'ZurichSans' !important;
    color: #23366F;
    opacity: 1 !important; /* Firefox */
    font-weight: 500;
    font-size: 16px !important;
    line-height: 24px;
}

.e-input.e-disable {
    color: #45484A;
    opacity: 1;
}


.e-select.e-disable .e-icon.e-calendar:before {
    color: #C9D0D2;
}

.e-datewidget .e-select.e-disable, .e-datewidget.e-disable .e-select:hover, .e-ntouch.e-datewidget .e-disable.e-select:hover {
    background-color: #ffffff;
    opacity: 1;
}

.e-ddl {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none !important;
    width: 100%;
    /*width: 163px;
    max-width: 100%;*/
}

    .e-ddl input.e-input {
        padding-left: 2px !important;
    }

    .e-ddl .e-input, .e-ddl .e-input[readonly] {
        font-size: 16px;
    }

    .e-ddl.input-filled {
        border-bottom: none !important;
    }

    .e-ddl .e-input, .e-ddl, .e-ddl .e-input[readonly], .e-ddl-popup, .e-ddl .e-options {
        color: #23366F !important;
        font-size: 16px;
    }

.e-btn.e-txt.e-select {
    cursor: pointer;
}

/*------Calendar------*/

.e-datepicker .e-state-default {
    color: #23366F;
}

.e-datepicker .e-datepicker-days .e-state-default {
    padding: 0.25em;
}

.e-datepicker.e-input {
    padding-left: 2px !important;
}

.e-ntouch.e-datepicker table td:hover, .e-datepicker td.e-state-hover, .e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
    border-radius: 50%;
    padding: 0.25em;
    background-color: #23366F;
    color: #FFFFFF;
}

.e-ntouch.e-datepicker table td.other-month:hover, .e-ntouch.e-datepicker .e-allyear-first:hover, .e-ntouch.e-datepicker .e-allyear-last:hover, .e-ntouch.e-datepicker .e-year-first:hover, .e-ntouch.e-datepicker .e-year-last:hover {
    background-color: #91BFE3;
}

.e-datepicker .e-datepicker-months td, .e-datepicker .e-datepicker-years td, .e-datepicker .e-datepicker-allyears td {
    padding: 0.5em;
}

.e-datepicker td.current-month:hover {
    padding: 0.5em;
}

.e-datepicker .e-active, .e-datepicker .e-active.e-state-hover {
    border-radius: 50%;
    background-color: #2167AE;
    color: #FFFFFF;
}

.e-datepicker .today {
    border-radius: 50%;
    padding: 0.25em;
}

.e-icon.e-arrow-sans-left:before {
    content: "\eb62";
    font-family: zurich-icons;
    color: #FFF;
}

.e-icon.e-arrow-sans-right:before {
    content: "\eb63";
    font-family: zurich-icons;
    color: #FFF;
}

.e-ntouch.e-datepicker .e-arrow-sans-left:hover, .e-ntouch.e-datepicker .e-arrow-sans-right:hover {
    background-color: transparent;
    border-radius: unset;
}

.e-datepicker-headertext {
    color: #FFF;
}

.e-ntouch.e-datepicker .e-datepicker-headertext:hover {
    background: none;
}

.e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header {
    background: #23366F;
    border-bottom: none;
    color: #FFF;
}

.e-datepicker .e-week-header, .e-ntouch.e-datepicker .e-week-header:hover {
    background: #23366F;
    color: #FFF;
}

.e-datepicker .e-week-header, .e-ntouch.e-datepicker .e-week-header:hover {
    border-bottom: none;
}

.e-datepicker.e-calendar {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 4px 4px;
}

.e-datepicker table td.other-month, .e-datepicker .e-allyear-first, .e-datepicker .e-allyear-last, .e-datepicker .e-year-first, .e-datepicker .e-year-last {
    color: #5D6162;
}

.e-ntouch.e-datepicker .e-footer:hover {
    background-color: #23366F;
    color: #FFF;
    border: none;
}

.e-ntouch.e-datepicker .e-footer {
    color: #23366F;
    border: none;
}

/*------Scollbar-----*/

.e-grid .e-gridheader.e-scrollcss {
    border-bottom: 1px solid #91BFC3 !important;
}

.e-grid .e-headercontent.e-hscrollcss {
    border-right-color: #fff;
}

    .e-grid .e-headercontent.e-hscrollcss .e-table {
        border-bottom: 0 !important;
    }

.e-grid .e-vscroll .e-vup.e-button.e-icon {
    display: none;
}

.e-grid .e-vscroll .e-vdown.e-button.e-icon {
    display: none;
}

.e-grid .e-scrollbar .e-vhandle {
    border-radius: 8px;
    background-color: #c4c4c4;
}

.e-grid .e-scrollbar .e-vhandlespace {
    background-color: transparent;
}

.e-grid .e-scrollbar .e-vscroll {
    border-left: none;
    background-color: #ffffff;
}

.e-grid .e-hscroll .e-hup.e-button.e-icon {
    display: none;
}

.e-grid .e-hscroll .e-hdown.e-button.e-icon {
    display: none;
}

.e-grid .e-scrollbar .e-hhandle {
    border-radius: 8px;
    background-color: #c4c4c4;
}

.e-grid .e-scrollbar .e-hhandlespace {
    background-color: transparent;
}

.e-grid .e-scrollbar .e-hscroll {
    border-top: none;
    background-color: #ffffff;
}

/*------Grid------*/
.e-icon.e-rarrowup-2x:before {
    content: "\eb64";
    visibility: hidden;
}

.e-icon.e-rarrowdown-2x:before {
    content: "\eb61";
}

.e-gridheader .e-table .e-columnheader, .e-grid .e-gridheader {
    background-color: #FFFFFF;
    border-radius: 8px 8px 0 0;
    border-bottom: 0 !important;
    border-top-color: transparent !important;
}

.e-grid .emptyrecord {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}


/*---------Buttons-------------*/
.btn {
    cursor: pointer;
    transition: none;
}

.e-btn.e-select:focus {
    box-shadow: 0 0 0px transparent;
}

.btn.btn--primary.e-btn:focus-visible, .btn.btn--secondary.e-btn:focus-visible, input.btn.btn--primary:focus-visible, input.btn.btn--secondary:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn.btn--primary.e-btn .e-btn-span {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
}

.btn.btn--primary.e-btn.e-select {
    color: #FFFFFF;
    background: #23366F;
    border: 1px solid #23366F;
}

.btn.btn--primary.e-btn:not(.e-inputbtn) {
    font-size: initial;
}

.btn.btn--primary {
    height: 56px;
}

    .btn.btn--primary.btn--sm {
        height: 40px;
        font-size: 16px !important;
    }

    .btn.btn--primary.btn--xs {
        height: 30px;
    }

.btn.btn--secondary.btn--sm {
    height: 40px;
    font-size: 16px !important;
}

.btn.btn--primary.e-btn:hover {
    background: #2167AE;
    border: 1px solid #2167AE !important;
}

.btn.btn--primary.e-btn:focus {
    border: 1px solid #2167AE !important;
}

.btn.btn--primary.e-btn .icon {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 20px;
}

.btn.btn--secondary {
    border: 1px solid #23366F;
    color: #23366F;
}

    .btn.btn--secondary:hover {
        background: transparent;
        border: 1px solid #23366F !important;
    }

    .btn.btn--secondary:focus {
        border: 1px solid #23366F !important;
    }

    .btn.btn--secondary.e-btn .e-btn-span {
        display: flex;
        flex: 0 0 100%;
        align-items: center;
    }

    .btn.btn--secondary.e-btn.e-select {
        color: #23366F;
        border: 1px solid #23366F;
        /* background-color:  transparent; */
    }

    .btn.btn--secondary.e-btn.e-btn-normal {
        height: 56px;
    }

    .btn.btn--secondary.btn--sm.e-btn {
        height: 40px;
        background: transparent;
    }

    .btn.btn--secondary.btn--xs.e-btn {
        height: 30px;
    }

    .btn.btn--secondary.btn--xs .icon {
        font-size: 24px;
    }

    .btn.btn--secondary.e-btn:not(.e-inputbtn) {
        font-size: initial;
    }

    .btn.btn--secondary.e-btn:hover {
        background: transparent;
        border: 1px solid #23366F !important;
    }

    .btn.btn--secondary.e-btn:focus {
        border: 1px solid #23366F !important;
    }

    .btn.btn--secondary.btn--noborder {
        border: none !important;
    }

        .btn.btn--secondary.btn--noborder.e-btn {
            color: #2167AE;
            background: transparent !important;
        }

        .btn.btn--secondary.btn--noborder.primary-color--dark_blue {
            color: #23366F;
        }



        .btn.btn--secondary.btn--noborder.e-btn:focus {
            border: none !important;
            background: transparent !important;
        }

        .btn.btn--secondary.btn--noborder.e-btn:hover {
            border: none !important;
            background: transparent !important;
        }

        .btn.btn--secondary.btn--noborder.btn--light, .btn.btn--secondary.btn--noborder.btn--light:hover, .btn.btn--secondary.btn--noborder.btn--light.e-btn:focus {
            background: #FFFFFF !important;
        }

    .btn.btn--secondary.e-btn .icon {
        margin-left: 4px;
        margin-right: 4px;
        font-size: 20px;
    }

.btn--secondary.btn--noborder:after {
    border: none !important;
}

.btn--secondary.btn--sm.e-btn:after {
    content: none;
}

.btn.btn--primary.e-btn.e-txt, .btn.btn--secondary.e-btn.e-txt {
    padding: 0 24px;
}

.e-pagerstatusbar {
    background: #fff;
    color: #2168AE;
    visibility: hidden;
}

/*Zurich websdk overrides*/

.textfield.textfield-select.textfield--navbar {
    height: 25px;
    margin-bottom: 0;
}

    .textfield.textfield-select.textfield--navbar .ss-single-selected {
        border-bottom: 0;
    }

input[type]::placeholder, select::placeholder, textarea::placeholder {
    color: #2167AE;
}

input[type].aspNetDisabled::placeholder, select.aspNetDisabled::placeholder, textarea.aspNetDisabled::placeholder {
    color: #45484A;
}

.modal-title.h5 {
    font-size: 20px;
}

li {
    font-size: initial;
    line-height: initial;
    margin-bottom: initial;
    margin-left: initial;
}

.header-toggle {
    align-items: center;
    color: #2167ae;
    cursor: pointer;
    display: flex;
    font-family: ZurichSans-Regular,Arial,sans-serif;
    font-size: 18px;
    margin-right: 1px !important;
}

    .header-toggle:focus, .header-toggle:focus-visible, .icon:focus-visible {
        border: 0;
        outline: 0;
    }

        .header-toggle:focus .icon, .header-toggle .icon:focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
        }



.icon .icon-medium {
    height: 28px;
    width: 28px;
    font-size: 28px;
}

.icon.primary-color--dark_blue {
    color: #23366F;
}

.icon.primary-color--mid_blue {
    color: #2167AE;
}

.header-links-toggle li a {
    color: #2167AE;
    text-decoration: none;
}

.header-links-toggle li {
    list-style-type: none;
    font-size: 24px;
    line-height: 47px;
    font-weight: 400;
}

.sub-toggle {
    margin-left: 32px;
}

    .sub-toggle li {
        font-size: 20px !important;
    }

.header-links li a {
    font-size: 20px;
}

/*Dropdown*/
.forms--shape .ss-main {
    background-color: #EEF0F1;
}

form:not(.forms--shape) .ss-main:hover {
    margin-bottom: 0px;
}

.forms--shape.forms--light .textfield__control.slim-select {
    background: #ffffff;
}

.forms--shape.forms--light .e-btn.e-btn-normal, .e-tbtn.e-btn-normal {
    height: 56px;
}

.forms--shape.forms--light .e-btn.e-select {
    border: 0;
    color: #fff;
    background-color: #23366f
}

    .forms--shape.forms--light .e-btn.e-select:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 45%);
    }

.forms--shape .ss-main .ss-single-selected .ss-arrow {
    margin-top: -5px;
}

.forms--shape .ss-main .ss-single-selected {
    padding: 1px 18px 0 21px;
}

    .forms--shape .ss-main .ss-single-selected:hover {
        border-color: transparent;
    }

    .forms--shape .ss-main .ss-single-selected.ss-open-below:hover {
        border-color: #91bfe3;
    }


input[type="date"].textfield-control:focus, input[type="date"].textfield-control:hover {
    margin-bottom: 1px;
}

/*Textbox*/
.forms--shape .textfield.txtin input[type="text"] {
    height: 56px;
}

    .forms--shape .textfield.txtin input[type="text"]::placeholder {
        color: #23366F !important;
    }

.forms--shape .ss-main {
    font-size: 16px;
}

.alert {
    border-radius: 0rem !important;
    padding-left: 5% !important;
}

.alert-success {
    color: #23366F !important;
    background-color: #E5F0E8 !important;
    border-color: #E5F0E8 !important;
}

.alert-danger {
    color: #23366F !important;
    background-color: #FCE5E4 !important;
    border-color: #FCE5E4 !important;
}

.alert-warning {
    color: #23366F !important;
    background-color: #FFFAAE !important;
    border-color: #FFFAAE !important;
}

.alert-info {
    color: #23366F !important;
    background-color: #DCEFF8 !important;
    border-color: #DCEFF8 !important;
}


.header-navdrawer {
    overflow-y: auto;
}

.subnav {
    float: left;
    overflow: hidden;
}

    .subnav:hover .subnavbtn {
        background-color: #FFF;
    }

.header-links li a.subnavbtn {
    padding: 0;
}

.subnavbtn:focus, .subnavbtn:focus-visible {
    outline: 1px solid #91BFE3;
}


.subnav-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: #FFF;
    width: 100%;
    z-index: 1;
    height: 100px;
    padding: 30px 30px;
    padding-right: 25%;
    border-bottom: 1px solid #C9D0D2;
}

    .subnav-content a {
        float: left;
        text-decoration: none;
    }

.subnav:hover .subnav-content {
    display: block;
}

.icon-subnav-content-success {
    background-image: url(../images/check-line-circle.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.icon-subnav-content-smailingZ {
    background-image: url(../images/Icon-SmilingZ.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.header-links li a {
    padding: 2px;
}

.subnav-content .header-links {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: space-between;
}

    .subnav-content .header-links li {
        margin: 0
    }

        .subnav-content .header-links li:not(:last-child) {
        }

        .subnav-content .header-links li a {
            color: #2167ae;
            text-decoration: none
        }

            .subnav-content .header-links li a.icon {
                padding-left: 30px
            }

                .subnav-content .header-links li a.icon:before {
                    font-size: 22px;
                    top: 50%;
                    transform: translateY(-50%)
                }

            .subnav-content .header-links li a:hover {
                color: #5495cf
            }


@media (max-width: 1140px) {
    .fixed-header .icon-text {
        font-size: 18px;
    }

    .header-links-toggle.sub-toggle li a, .header-links-toggle.sub-toggle li a .icon-text {
        font-size: 16px;
    }
}

@media (min-width:1140px) {
    .d-xl-inline-block {
        display: inline-block !important;
    }
}


.stickyHeader {
    position: sticky;
    top: 0;
    z-index: 1;
}