@font-face {
    font-family: 'Mistral';
    src: url('../../Fonts/Mistral.eot?#iefix') format('embedded-opentype'), url('../../Fonts/Mistral.otf') format('opentype'), url('../../Fonts/Mistral.woff') format('woff'), url('../../Fonts/Mistral.ttf') format('truetype'), url('../../Fonts/Mistral.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Common CSS Start*/
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

/*.cntWmenu {
    height: calc(100vh - 75px);
}*/
.wrapper {
    min-height: 100%;
}

.cntWmenu .content3 {
    padding: 40px;
}

.ml-0 {
    margin-left: 0px !important;
}

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

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto;
}

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

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

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

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

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-5 {
    padding-top: 5px;
}

.p-0 {
    padding: 0 !important;
}

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

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

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pl-1,
.px-1 {
    padding-left: .25rem !important;
}

.pr-1,
.px-1 {
    padding-right: .25rem !important;
}

.pl-2,
.px-2 {
    padding-left: .5rem !important;
}

.pr-2,
.px-2 {
    padding-right: .5rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pl-5,
.px-5 {
    padding-left: 2rem !important;
}

.pr-5,
.px-5 {
    padding-right: 2rem !important;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.primary-color {
    color: #437dda !important;
}

.secondary-color {
    color: #466295 !important;
}

.text-center {
    text-align: center;
}

.font-disable {
    color: #aeaeae !important;
}

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

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

.text-right {
    text-align: right;
}

.text-height-0 {
    line-height: 1 !important;
}

.text-height-1 {
    line-height: 1.5 !important;
}

.text-height-2 {
    line-height: 2 !important;
}

.text-height-3 {
    line-height: 2.5 !important;
}

.text-height-4 {
    line-height: 3 !important;
}

.text-height-5 {
    line-height: 3.5 !important;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.display-inblock {
    display: inline-block !important;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.commonHead h2 {
    color: #466295;
}

.commonHead h3 {
    color: #466295;
    font-size: 16px;
    font-family: 'Graphik-Medium';
    padding-bottom: 15px;
}

.sucess {
    color: #64c879;
}

.warning {
    color: #ff9a4e;
}

p {
    font-family: "Graphik-Regular";
    font-size: 14px;
    color: #7f8899;
}

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

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

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

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

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

.noBorder {
    border: none !important;
}

.line-height-10 {
    line-height: 10px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-40 {
    line-height: 40px;
}

.line-height-50 {
    line-height: 50px;
}

.col-10 {
    width: 10%;
}

.col-12 {
    width: 12%;
}

.col-25 {
    width: 25%;
}

.col-50 {
    width: 50% !important;
}

.col-75 {
    width: 75%;
}

.min-height {
    min-height: 100%;
}

/*Common CSS End*/

/*Checkbox CSS Start*/
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: white;
        }

    .styled-checkbox:hover + label:before {
        background: #f35429;
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-checkbox:checked + label:before {
        background: #f35429;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 9px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg);
    }

/*Checkbox CSS End*/
/*Header CSS Start*/
.header {
    border: none;
    border-bottom: solid 1px #e4e7ec;
}

.notificationPanel {
    width: auto;
}

    .notificationPanel .userPanel a .userName h2::after {
        display: none;
    }

    .notificationPanel .userPanel .floatMenu {
        position: inherit;
        left: inherit;
        top: inherit;
        border: none;
        background-color: transparent;
        border-top: none;
        width: auto;
        padding: 0;
        display: block;
        border-left: solid 1px #e4e7ec;
    }

    .notificationPanel .userPanel {
        padding: 0;
        width: auto;
    }

        .notificationPanel .userPanel .floatMenu a {
            height: 75px;
            padding: 0 28px;
        }

            .notificationPanel .userPanel .floatMenu a img {
                width: 18px;
            }

        .notificationPanel .userPanel .agentName {
            padding: 0 15px;
        }

/*Header CSS End*/

/*Form Element CSS Start*/
.inputLabel {
    font-size: 14px;
    font-family: 'Graphik-Regular';
    padding-bottom: 10px;
    display: block;
}

    .inputLabel.labelColumn {
        padding: 9px 0;
    }

.inputText {
    border: none;
    background-color: #eff2f8;
    border-radius: 0;
    padding: 8px 10px 8px 10px;
    display: block;
    width: 100%;
    color: #444;
    font-size: 14px;
    min-height: 34px;
}

    .inputText::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #333;
        font-size: 14px;
    }

    .inputText::-moz-placeholder {
        /* Firefox 19+ */
        color: #333;
        font-size: 14px;
    }

    .inputText:-ms-input-placeholder {
        /* IE 10+ */
        color: #333;
        font-size: 14px;
    }

    .inputText:-moz-placeholder {
        /* Firefox 18- */
        color: #333;
        font-size: 14px;
    }

.custSelect select.inputText {
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .custSelect select.inputText::-ms-expand {
        display: none;
    }

.custSelect,
.custDatepick {
    position: relative;
}

    .custSelect:before {
        content: "";
        position: absolute;
        border-style: solid;
        height: 0;
        width: 0;
        border-color: #aaaaaa transparent transparent transparent;
        border-width: 6px 6px 0 6px;
        right: 10px;
        top: 14px;
        pointer-events: none;
    }

    .custDatepick:before {
        content: "\f073";
        font-family: "FontAwesome";
        font-size: 16px;
        color: #aaaaaa;
        position: absolute;
        right: 10px;
        top: 8px;
        pointer-events: none;
    }

.switchCheck {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

    .switchCheck input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switchCheck .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 34px;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switchCheck .slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            border-radius: 50%;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switchCheck input:checked + .slider {
        background-color: #437dda;
    }

    .switchCheck input:focus + .slider {
        box-shadow: 0 0 1px #437dda;
    }

    .switchCheck input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }

.custSwitch {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

    .custSwitch span {
        font-size: 14px;
        font-family: 'Graphik-Regular';
        display: inline-block;
        padding: 0 10px;
        color: #444;
    }

.customRadio {
    padding: 5px 0;
}

    .customRadio [type="radio"]:checked + label,
    .customRadio [type="radio"]:not(:checked) + label {
        padding-left: 24px;
        font-size: 14px;
    }

    .customRadio [type="radio"]:not(:checked) + label {
        color: #444444;
    }

        .customRadio [type="radio"]:checked + label:before,
        .customRadio [type="radio"]:not(:checked) + label:before {
            border: 1px solid #7f8899;
            width: 14px;
            height: 14px;
            top: 3px;
        }

        .customRadio [type="radio"]:checked + label:after,
        .customRadio [type="radio"]:not(:checked) + label:after {
            width: 10px;
            height: 10px;
            top: 6px;
            left: 3px;
        }

    .customRadio [type="radio"]:checked + label {
        color: #437dda;
    }

        .customRadio [type="radio"]:checked + label:before {
            border: 1px solid #437dda;
        }

    .customRadio.lineRadio {
        display: inline-block;
    }

        .customRadio.lineRadio + .lineRadio {
            margin-left: 15px;
        }

.customCheck {
    position: absolute;
    opacity: 0;
}

    .customCheck + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        display: flex;
        align-items: center;
    }

        .customCheck + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 18px;
            height: 18px;
            background: white;
            border: 1px solid #437dda;
        }

    .customCheck:hover + label:before {
        background: #437dda;
    }

    .customCheck:checked + label:before {
        background: #437dda;
    }

    .customCheck:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .customCheck:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .customCheck:checked + label:after {
        content: "";
        position: absolute;
        left: 5px;
        top: 9px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg);
    }

    .customCheck.whiteCheck:hover + label:before {
        background: #fff;
    }

    .customCheck.whiteCheck:hover + label:before {
        background: #fff;
    }

    .customCheck.whiteCheck:checked + label:before {
        background: #fff;
    }

    .customCheck.whiteCheck:checked + label:after {
        background: #437dda;
        box-shadow: 2px 0 0 #437dda, 4px 0 0 #437dda, 4px -2px 0 #437dda, 4px -4px 0 #437dda, 4px -6px 0 #437dda, 4px -8px 0 #437dda;
    }

/*Form Element CSS End*/

/*Button Element CSS Start*/
.btnStyle {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    border-radius: 4px;
    background: transparent;
    padding: 4px 35px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    margin-right: 10px;
}

    .btnStyle.btnPrim {
        color: #437dda;
        border: 1px solid #437dda;
    }

        .btnStyle.btnPrim:hover {
            background: #437dda;
            color: #ffffff;
        }

    .btnStyle.btnSecon {
        background: #437dda !important;
        color: #fff !important;
        border: 1px solid #437dda !important;
        /*cursor: pointer !important;*/
    }

        .btnStyle.btnSecon:hover {
            background: #fff !important;
            color: #437dda !important;
        }

    .btnStyle.btnReject {
        color: #898f96;
        border: 1px solid #7b8792;
    }

        .btnStyle.btnReject:hover {
            background: #7b8792;
            color: #ffffff;
        }

    .btnStyle.btnClose {
        color: #ff6565;
        border: 1px solid #ff6565;
    }

        .btnStyle.btnClose:hover {
            background: #ff6565;
            color: #ffffff;
        }

    .btnStyle.btngreen {
        background: #58c870;
        color: #fff;
        border: 1px solid #58c870;
    }

        .btnStyle.btngreen:hover {
            background: #fff;
            color: #58c870;
        }

    .btnStyle.btndisbl {
        background: #cecece;
        color: #fff;
        border: 1px solid #cecece;
    }

/*Button Element CSS End*/

.searchBar .searchIcon {
    position: absolute;
    width: 34px;
    height: 34px;
    right: 0;
    top: 0;
    text-align: center;
    padding: 7px 0;
}

    .searchBar .searchIcon img {
        width: 20px;
    }

.advFilter {
    margin: 0 20px 20px 20px;
    padding: 20px;
    border: 1px solid #437dda;
    border-top: 3px solid #437dda;
    display: none;
}

/*Table Element CSS Start*/
.tableContent {
    padding: 0;
}

    .tableContent table th {
        padding: 10px 10px;
        background-color: #437dda;
        border-top: 1px solid #c6d6f3;
        border-bottom: 1px solid #c6d6f3;
        font-size: 14px;
        color: #fff;
        text-align: left;
    }

    .tableContent table td {
        padding: 10px 10px;
        background-color: #fff;
        font-size: 14px;
        color: #44546a;
        border-bottom: 1px solid #e9ecef;
    }

/*Table Element CSS End*/

/*Table Pagination Element CSS Start*/
.custpagination {
    float: right;
    padding: 0 20px;
    margin: 20px 0 0;
}

    .custpagination .crumbs {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .custpagination .crumb {
        display: block;
        padding: 8px 12px;
        text-decoration: none;
        color: currentColor;
        border-radius: 0;
        font-size: 14px;
        border: 0.0625rem solid #d7d7d7;
        margin-right: 0.5rem;
        cursor: pointer !important;
    }

        .custpagination .crumb.disable {
            cursor: not-allowed !important;
        }

        .custpagination .crumb:hover,
        .custpagination .crumb__active {
            background-color: #dee9fe;
            color: #437dda !important;
            border-color: #437dda;
        }

    .custpagination .crumb__prev {
        margin-right: 0.5rem;
        cursor: w-resize;
    }

    .custpagination .crumb__next {
        /*margin-left: 0.5rem;*/
        cursor: e-resize;
    }

/*Table Pagination Element CSS End*/

/*Tootlip Element CSS Start*/
.custTooltip {
    opacity: 1;
}

    .custTooltip.ui-tooltip,
    .custTooltip .arrow:after {
        background: black;
        border: none;
    }

    .custTooltip.ui-tooltip {
        padding: 5px 8px;
        color: #fff;
        border-radius: 5px;
    }

    .custTooltip .arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -13px;
    }

        .custTooltip .arrow.top {
            top: -16px;
            bottom: auto;
        }

        .custTooltip .arrow.left {
            left: 20%;
        }

        .custTooltip .arrow:after {
            content: "";
            position: absolute;
            left: 20px;
            top: -20px;
            width: 25px;
            height: 25px;
            box-shadow: 6px 5px 9px -9px black;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .custTooltip .arrow.top:after {
            bottom: -20px;
            top: auto;
        }

/*Tootlip Element CSS End*/

/*Popup Styling Start*/
.custPopup {
    position: relative;
    background: #fff;
    padding: 25px;
    width: auto;
    margin: 0 auto;
    border-radius: 4px;
    border-top: 6px solid #69727b;
    text-align: left;
}

    .custPopup.popupSmall {
        max-width: 400px;
    }

    .custPopup.popupMedium {
        max-width: 600px;
    }

    .custPopup.popupLarge {
        max-width: 800px;
    }

    .custPopup.popupExarge {
        max-width: 1000px;
    }

    .custPopup.popupDexarge {
        max-width: 1200px;
    }

    .custPopup .popupHeader {
        text-align: left;
    }

        .custPopup .popupHeader h2 {
            font-family: "Graphik-Medium";
            font-size: 22px;
            margin: 10px 0 20px 0;
            color: #466295;
            text-transform: uppercase;
        }

    .custPopup h3 {
        font-family: "Graphik-Medium";
        font-size: 18px;
        color: #466295;
        text-transform: uppercase;
    }

    .custPopup h4 {
        font-family: "Graphik-Regular";
        font-size: 16px;
        color: #466295;
        text-transform: uppercase;
    }

/*Popup Styling End*/

.boxWrapper {
    background-color: #fff;
    padding: 20px 0;
    border-radius: 7px;
    border-top: 6px solid #69727b;
}

    .boxWrapper .innerBoxwrapper {
        padding: 0 20px;
    }

.tableSearch {
    padding: 0 20px;
    margin-bottom: 20px;
}

    .tableSearch .select2-container--default .select2-selection--single {
        border: none;
        background-color: #eff2f8;
        padding: 3px 34px 3px 10px;
        border-radius: 0;
        height: auto;
    }

        .tableSearch .select2-container--default .select2-selection--single .select2-selection__rendered {
            font-size: 14px;
        }

    .tableSearch .select2-container {
        width: 300px !important;
    }

    .tableSearch .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 2px;
        right: 9px;
    }

        .tableSearch .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #aaaaaa transparent transparent transparent;
            border-width: 6px 6px 0 6px;
        }

    .tableSearch .advSearch {
        display: inline-block;
        background-color: #dee9fe;
        width: 34px;
        height: 34px;
        text-align: center;
        padding: 7px 0;
        float: right;
        border: 1px solid #437dda;
    }

.advSearch img {
    width: 20px;
}

.searchBar {
    float: right;
    margin-right: 20px;
    position: relative;
}

    .searchBar .inputText {
        width: 460px;
    }

.shadow-1 {
    box-shadow: 1px 2px 7px 0px rgb(17 17 153 / 7%);
    -webkit-box-shadow: 1px 2px 7px 0px rgb(17 17 153 / 7%);
    -moz-box-shadow: 1px 2px 7px 0px rgb(17 17 153 / 7%);
}

.shadow-2 {
    box-shadow: -1px 10px 48px -37px rgb(0 0 0 / 75%);
    -webkit-box-shadow: -1px 10px 48px -37px rgb(0 0 0 / 75%);
    -moz-box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
}

.wrapper {
    background-color: #eff4fe;
}

.background-white {
    background-color: #ffffffad !important;
}

.margin-right {
    margin-right: 1rem !important;
}

.margin-bottom {
    margin-bottom: 1rem !important;
}

.margin-bottom-0 {
    margin-bottom: 0.6rem !important;
}

.margin-bottom-1 {
    margin-bottom: 1.5rem !important;
}

.margin-bottom-2 {
    margin-bottom: 2rem !important;
}

.margin-top-4 {
    margin-top: 4rem !important;
}

.m-auto {
    margin: auto;
}

.color-purple {
    color: #466295;
}

.main-color {
    color: #44546a;
}

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

.text-right {
    text-align: right;
}

.padding-left {
    padding-left: 1.2rem !important;
}

.padding-right {
    padding-right: 1.2rem !important;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-sp-btwn {
    justify-content: space-between;
}

.flex-wrap {
    flex-wrap: wrap;
}

.parent {
    display: flex;
    flex-wrap: wrap;
}


.child-1 {
    width: calc(100% * (1 / 2) - 2px - 20px);
    margin: 11px 10px;
    height: 165px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 21px;
    /*transition: transform 450ms;*/
}

    /*.child-1:hover {
    transform: translateY(-10px);
}*/

    .child-1 h1 {
        font-size: 40px;
        font-weight: 600;
        font-family: "Graphik-bold";
    }

    .child-1 p {
        margin-top: 8px;
        font-size: 16px;
    }

.main-heading {
    width: 100%;
    color: #437dda;
    font-weight: 600;
    font-size: 19px;
}

.child-2 {
    margin-left: 0px;
}

.graph-card {
    height: 350px;
    width: 100%;
    background-color: white;
    margin-top: 14px;
    position: relative;
    display: block;
    padding: 28px;
}

    .graph-card img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.second-row {
    height: 285px;
    padding-right: 15px;
    padding-left: 15px;
    justify-content: space-between;
}

.box-size-1 {
    width: 31.5%;
}

.box-1 {
    background-color: white;
    height: 100%;
    padding: 24px 10px 24px 26px;
    margin-top: 3%;
    padding-left: 20px;
    position: relative;
}

.box-2 {
    position: relative;
}

.box-2 {
    height: 100%;
    margin-top: 3%;
}

.section-2 {
    margin-top: 5rem;
}

.col-md-4 {
    position: relative;
}

.main-heading-2 {
    position: absolute;
    top: -11%;
    left: 0;
}

.list-1 {
    overflow-y: auto;
    height: 100%;
}

.list-2 {
    font-size: 14px;
    margin-bottom: 37px;
    line-height: 19px;
}

li.list-2 span {
    font-size: 13px;
    color: #c5c7ca;
    display: block;
}

/* ------- scrollbar for box-1 start-------*/
.box-1 ::-webkit-scrollbar {
    width: 10px;
    overflow-y: auto;
}

/* Track */
.box-1 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    overflow-y: auto;
}

/* Handle */
.box-1 ::-webkit-scrollbar-thumb {
    background: #8497b0;
    border-radius: 10px;
    overflow-y: auto;
}

    /* Handle on hover */
    .box-1 ::-webkit-scrollbar-thumb:hover {
        background: #437dda;
        overflow-y: auto;
    }

/* ------- scrollbar for box-1 end-------*/

.box-2-inner {
    display: flex;
    justify-content: space-around;
}

.box-2-outer {
    background-color: white;
    padding: 0 20px;
    height: 48px;
    display: block;
    vertical-align: middle;
}

.box-2-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.box-2-head {
    font-weight: 700;
}

.box-2-child-1 {
    flex-basis: 30%;
}

.box-2-child-2 {
    flex-basis: 60%;
}

.box-2-child-3 {
    flex-basis: 10%;
}

.box-2-child-1,
.box-2-child-2 {
    margin-right: 22px;
}

.box-3-child-1 {
    flex-basis: 30%;
}

.box-3-child-2 {
    flex-basis: 60%;
}

.box-3-child-3 {
    flex-basis: 22%;
}

.box-3-child-1,
.box-3-child-2 {
    margin-right: 22px;
}

.box-3-text-wrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    /* width: 50px; */
    overflow: hidden;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.box-2-a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.leftmenuWrapper ul li a.active svg g {
    fill: #437dda;
}

.leftmenuWrapper ul li a.active svg .st0 {
    fill: #ffffff;
    stroke: #437dda;
    stroke-miterlimit: 10;
}

.leftmenuWrapper ul li a svg#light {
    fill: #9eb0c2;
}

#area-chart {
    min-height: 260px;
    overflow: hidden;
    height: 260px;
}

iframe {
    border: 0;
}

.dropdown-1 {
    display: block;
    width: 10rem;
    padding: 7px 14px;
    border-radius: 4px;
    background-color: white;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #939393;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    color: #666d7b;
    background: url("../../Images/down-arrow.png");
    background-repeat: no-repeat;
    background-size: 16px 17px;
    background-position: 133px 8px;
}

select option {
    width: 11rem;
    padding: 11px 14px;
    /*font-size: 14px;*/
    cursor: pointer;
    background-color: white;
}

.graph-1 {
    justify-content: space-between;
    padding: 0 17px;
}

    .graph-1 h4 {
        font-size: 1.2rem;
    }

/*-------new css-------*/

.sectionYourQuotes .contentWrap .calculateDiv .coverageDiv .policyDiv .charges .nameDiv a.success::before {
    content: ' ';
    background: url(../../images/success.png) no-repeat center center;
    width: 16px;
    display: inline-block;
    height: 15px;
    margin-right: 10px;
}

/*--------------summary page start-----------*/
/*.sectionYourQuotes .contentWrap .calculateDiv .amountDiv {
    width: 43%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-right: solid 1px rgba(255, 255, 255, 0.4);
}

.sectionYourQuotes .contentWrap .calculateDiv .amountDiv .imgDiv {
    width: 47%;
    float: left;
    padding: 22px 0;
}

.sectionYourQuotes .contentWrap .calculateDiv .amountDiv .priceDiv {
    width: 46%;
    float: left;
    text-align: left;
    padding: 30px 0;
}

.sectionYourQuotes .contentWrap .calculateDiv {
    justify-content: flex-start;
}

.sectionYourQuotes .contentWrap .calculateDiv .coverageDiv .policyDiv .charges .nameDiv span.amt {
    margin-right: 12px;
    width: 25%;
    display: inline-block;
}

.sectionYourQuotes .contentWrap .calculateDiv .coverageDiv .policyDiv .charges {
    width: 100%;
    float: left;
    margin-top: 30px;
}*/

.button-sec {
    display: flex;
    flex-direction: column;
    width: 23%;
    align-self: center;
    padding: 10px;
}

.button-sec-1 {
    text-align: center;
    font-size: 13px;
    color: #00f8c7 !important;
    width: 235px;
    height: 34px;
    line-height: 33px;
    border-radius: 5px;
    margin-right: 18px;
    margin-left: auto;
    transition: background-color 0.5s ease-in;
    border: 2px solid #00f8c7 !important;
}

.button-sec-3 {
    font-size: 13px;
    text-align: center;
    color: #ff6565 !important;
    margin-right: 18px;
    margin-left: auto;
    height: 34px;
    line-height: 33px;
    border-radius: 5px;
    transition: background-color 0.5s ease-in;
    border: 2px solid #ff6565 !important;
    width: 235px;
}

.button-sec-1:hover {
    border: 1px solid #e7f3ff;
    color: #e7f3ff;
    background-color: transparent;
    box-shadow: none;
}

.button-sec-3:hover {
    border: 1px solid #ff7458;
    color: white;
    background-color: transparent;
    box-shadow: none;
}

.button-sec-2 {
    margin-bottom: 10px;
}

.sectionYourQuotes .contentWrap .calculateDiv {
    padding: 0 0;
}

/*--------main tab start---------------*/

.tabs-1 {
    padding: 20px 0 50px 0;
    padding-bottom: 80px;
    width: 100%;
}

    .tabs-1 input[name="tab-control"] {
        display: none;
    }

    .tabs-1 .content-1 section h2,
    .tabs-1 ul li label {
        font-weight: bold;
        font-size: 18px;
        color: #428bff;
    }

    .tabs-1 ul {
        list-style-type: none;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
        /*justify-content: space-between;*/
        align-items: flex-end;
        flex-wrap: wrap;
        width: 100%;
    }

        .tabs-1 ul li {
            box-sizing: border-box;
            /* flex: 1; */
            width: 15%;
            padding: 0 10px;
            text-align: center;
        }

            .tabs-1 ul li.tab-50 {
                width: 20%;
            }

            .tabs-1 ul li label {
                transition: all 0.3s ease-in-out;
                color: #929daf;
                padding: 5px auto;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
                cursor: pointer;
                transition: all 0.2s ease-in-out;
                white-space: nowrap;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .tabs-1 ul li label br {
                    display: none;
                }

                .tabs-1 ul li label svg {
                    fill: #929daf;
                    height: 1.2em;
                    vertical-align: bottom;
                    margin-right: 0.2em;
                    transition: all 0.2s ease-in-out;
                }

                .tabs-1 ul li label:hover,
                .tabs-1 ul li label:focus,
                .tabs-1 ul li label:active {
                    outline: 0;
                    color: #bec5cf;
                }

                    .tabs-1 ul li label:hover svg,
                    .tabs-1 ul li label:focus svg,
                    .tabs-1 ul li label:active svg {
                        fill: #bec5cf;
                    }

    .tabs-1 .slider {
        position: relative;
        width: 25%;
        transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
        margin-top: 14px;
    }

        .tabs-1 .slider .indicator {
            position: relative;
            width: 60%;
            max-width: 100%;
            /*margin: 0 auto;*/
            height: 4px;
            background: #437dda;
            border-radius: 1px;
        }

    .tabs-1 ul {
        position: relative;
    }

        .tabs-1 ul:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -17px;
            background-color: #d1d1d161;
            width: 100%;
            height: 1px;
            display: block;
        }

    .tabs-1 .content-1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .tabs-1 .content-1 section {
            display: none;
            -webkit-animation-name: content;
            animation-name: content;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            line-height: 1.4;
        }

            .tabs-1 .content-1 section h2 {
                color: #428bff;
                display: none;
            }

                .tabs-1 .content-1 section h2::after {
                    content: "";
                    position: relative;
                    display: block;
                    width: 30px;
                    height: 3px;
                    background: #428bff;
                    margin-top: 5px;
                    left: 1px;
                }

    .tabs-1 input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        cursor: default;
        color: #437dda;
    }

        .tabs-1 input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
            fill: #437dda;
        }

@media (max-width: 600px) {
    .tabs-1 input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs-1 input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
    transform: translateX(0%);
}

.tabs-1 input[name="tab-control"]:nth-of-type(1):checked ~ .content-1 > section:nth-child(1) {
    display: block;
}

.tabs-1 input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #437dda;
}

    .tabs-1 input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
        fill: #437dda;
    }

@media (max-width: 600px) {
    .tabs-1 input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs-1 input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
    transform: translateX(61%);
}

.tabs-1 input[name="tab-control"]:nth-of-type(2):checked ~ .content-1 > section:nth-child(2) {
    display: block;
}

.tabs-1 input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #437dda;
}

    .tabs-1 input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
        fill: #437dda;
    }

@media (max-width: 600px) {
    .tabs-1 input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs-1 input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
    transform: translateX(120%);
}

.tabs-1 input[name="tab-control"]:nth-of-type(3):checked ~ .content-1 > section:nth-child(3) {
    display: block;
}

.tabs-1 input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    color: #437dda;
}

    .tabs-1 input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
        fill: #437dda;
    }

@media (max-width: 600px) {
    .tabs-1 input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs-1 input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
    transform: translateX(180%);
}

.tabs-1 input[name="tab-control"]:nth-of-type(4):checked ~ .content-1 > section:nth-child(4) {
    display: block;
}

.tabs-1 input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
    cursor: default;
    color: #437dda;
}

    .tabs-1 input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label svg {
        fill: #437dda;
    }

@media (max-width: 600px) {
    .tabs-1 input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs-1 input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
    transform: translateX(251%);
}

.tabs-1 input[name="tab-control"]:nth-of-type(5):checked ~ .content-1 > section:nth-child(5) {
    display: block;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@media (max-width: 1000px) {
    .tabs-1 ul li label {
        white-space: initial;
    }

        .tabs-1 ul li label br {
            display: initial;
        }

        .tabs-1 ul li label svg {
            height: 1.5em;
            margin-bottom: 8px;
        }

    .rating-2nd-table-3rd {
        width: 100% !important;
    }

    .rating-2nd-table-main {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
    }

    .rating-2nd-table-2nd {
        width: 50% !important;
    }

    .radioDiv [type="radio"]:not(:checked) + label,
    .radioDiv input[type="radio"]:checked + label {
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .tabs-1 ul li label {
        padding: 5px;
        border-radius: 5px;
    }

        .tabs-1 ul li label span {
            display: none;
        }

    .tabs-1 .slider {
        display: none;
    }

    .tabs-1 .content-1 {
        margin-top: 20px;
    }

        .tabs-1 .content-1 section h2 {
            display: block;
        }
}

/*------------------main tab end-----------------*/

/*------------------Application code start-----------------*/
.first-table {
    position: relative;
}

.edit-1 {
    position: absolute;
    right: 1rem;
    top: 10px;
    font-size: 1rem;
    color: white !important;
}

    .edit-1 i {
        color: white;
        font-size: 1rem;
        margin-left: 5px;
    }

.sectionInfo-2 {
    flex-direction: column;
}

table {
    border-collapse: collapse;
    width: 100%;
}

caption {
    background-color: #4caf50;
    color: white;
}

tr:nth-child(even) {
    background-color: #f5f9ffad;
}

.first-table {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    background-color: white;
    margin-top: 3rem;
    border-bottom: 3px solid #437dda;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
}

    .first-table h3 {
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 0.8rem 0;
        padding-left: 1.3rem;
        color: white;
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 16px;
        background-color: #437dda;
    }

.width-50,
.tr-1 > th,
.tr-1 > td {
    width: 50%;
    display: flex;
}

.tr-1-1 > th,
.tr-1-1 > td {
    width: 50%;
    display: block;
}

.tr-1 {
    display: flex;
    align-items: center;
}

.tr-left {
    float: left;
}

.tr-right {
    float: right;
}

.first-table table tbody tr.aaaa:hover {
    background-color: #f5f9ff;
}

table tbody tr:hover,
.reviewTable table tbody tr:hover {
    background-color: #d9e6ff;
}

.first-table table tbody tr th {
    font-weight: 700;
    font-size: 14px;
}

.first-table table tbody tr {
    font-size: 1rem;
}

.first-table-para {
    text-align: right;
    display: block;
    /*margin-right: 1.3rem;*/
    justify-content: flex-end;
    padding-right: 1.3rem !important;
}

.first-table-para-1 {
    text-align: right;
    margin-right: 1.3rem;
    justify-content: flex-end;
}

.first-table-para-2 {
    margin-left: 1.3rem;
}

.first-left-table {
    border-right: 2px solid #31ddad38;
}

table.first-left-table tr td,
table.first-table-para-3 tr td,
table.first-left-table-document tr td,
table.first-left-table-document tr th {
    padding: 11px 0px;
}

.first-table-para-4 {
    text-align: center;
}

.first-left-table-document-head {
    background-color: #437dda12;
    color: #939393;
    border-bottom: 2px solid #437dda;
}

.tr-2 th {
    width: 25%;
}

.tr-4 th {
    align-self: baseline;
    margin-top: 1.2rem;
}

.tr-2 .garaging {
    width: 75%;
}

.tr-2 .first-table-para {
    justify-content: flex-start;
    text-align: left;
}

tr.tr-3 td:nth-child(even) {
    background-color: white;
}

tr.tr-3 td:nth-child(odd),
tr.tr-3 td:hover {
    background-color: #f5f9ffad;
}

.tr-3 td {
    width: 100%;
}

.tr-2 .first-table-para-7 {
    width: 75%;
    margin-right: 0;
}

.hide {
    display: none;
}

.btn-toggle {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    font-size: 20px;
    outline: 0;
    font-family: "Graphik-Regular";
    font-size: 14px;
    color: #37435a;
}

    .btn-toggle[aria-expanded="true"] i {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

.button-1 {
    font-size: 22px;
    margin-left: 9px;
}

.collaose-table {
    float: left;
    color: #466295;
}

    .collaose-table tr:nth-child(even),
    .collaose-table table tbody tr:hover {
        background-color: #d9e6ff;
        border-bottom: 1px solid #ffffff75;
    }

    .collaose-table .tr-5 {
        background-color: #d9e6ff;
        border-bottom: 1px solid #ffffff75;
    }

.collaose-table-right {
    border-right: 2px solid #ffffffc4 !important;
}

.show > td {
    padding: 0 0 !important;
    border-bottom: 2px solid #4c85ef;
}

.show {
    display: table-row;
}

.drop-1 {
    padding: 0 !important;
}

/*------------------Application code end-----------------*/


/*------------------coverages code start-----------------*/
.id-11-left {
    justify-content: flex-start;
}

.id-11-center {
    justify-content: center !important;
}

/*------------------coverages code end-----------------*/


/*------------------Rating code start-----------------*/
.rating-2nd-table-main {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.rating-2nd-table-3rd {
    width: 66%;
}

.rating-2nd-table-2nd {
    width: 31%;
}

/*#id-12 .id-11-center,
#id-13 .id-11-center,
#id-14 .id-11-center,
#id-15 .id-11-center,
#id-16 .id-11-center,
#id-17 .id-11-center {
    justify-content: center !important;
}*/
/*------------------Rating code end-----------------*/



/*------------------Document code start-----------------*/
.edit-2 {
    position: absolute;
    right: 4px;
    top: 5px;
    font-size: 15px;
    color: white !important;
    background-color: #ffffff38;
    padding: 0px 14px;
    display: flex;
    width: 192px;
    height: 29px;
    align-items: center;
    justify-content: space-around;
    /* border: 1px solid white !important; */
    /* border-style: dashed; */
    border-width: 2px !important;
    border-style: solid !important;
}

    .edit-2 i {
        font-size: 1rem;
        margin-left: 10px;
    }

.first-table-para-4 a {
    background-color: #2acfa1;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    padding: 7px;
    box-shadow: -1px 0px 9px -8px rgb(0 0 0 / 75%);
    -webkit-box-shadow: -1px 9px 19px -7px rgb(0 0 0 / 75%);
    -moz-box-shadow: -1px 10px 9px -7px rgba(0, 0, 0, 0.75);
}

    .first-table-para-4 a img {
        width: 20px;
        display: flex;
        margin: auto;
    }

.first-table-para-5 {
    display: flex;
    justify-content: center;
}

.first-table-para-6 {
    margin-right: 10px;
}

.edit-2 img {
    height: 15px;
}

/*------------------Document code end-----------------*/

/*------------------Endorsement code start-----------------*/
.endorsement-main-1 h1 {
    width: 100%;
    /* flex-wrap: wrap; */
    color: #437dda;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.endorsement-main-1 {
    display: flex;
    margin-top: 3rem;
    flex-wrap: wrap;
    align-items: center;
}

    .endorsement-main-1 .inputCalender {
        height: 42px;
        width: 222px;
        padding-left: 11px;
        font-size: 1rem;
        color: #7f8899;
    }

    .endorsement-main-1 h3 {
        font-size: 1.2rem;
    }

.endorsBtn .endoSubmit {
    cursor: pointer;
}

#endorsement-2 table tbody tr td {
    text-align: left;
}

.date-box {
    width: 222px;
    margin-right: 1rem;
    position: relative;
}

.calender {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(12%);
    background: url(../../images/ico-calendar.svg);
    width: 23px;
    height: 23px;
    background-size: cover;
    transform: translateY(-50%);
    pointer-events: none;
}

/*------------------Endorsement code end-----------------*/

/*-------------popup start------------*/
.modal-1 {
    float: left;
}

.modal-window > div {
    border-radius: 5px;
}

.modal-window div:not(:last-of-type) {
    margin-bottom: 15px;
}

.modal-window {
    position: fixed;
    background-color: rgb(0 0 0 / 80%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

    .modal-window:target {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

.target {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.modal-window > div {
    width: 526px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: white;
    border-top: 6px solid #69727b;
    box-shadow: -1px -1px 25px -11px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px -1px 25px -11px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px -1px 25px -11px rgba(0, 0, 0, 0.75);
}

.modal-window a {
    text-align: center;
}

.label-1 {
    width: 33%;
    text-align: left;
}

.label-2 {
    width: 100%;
    display: flex;
    align-items: center;
}

#open-modal-2 .label-2 {
    align-items: end;
}

.label-3 {
    width: 43%;
    text-align: left;
    font-size: 13px;
}

#open-modal-2 .input-1 {
    background-color: #4f72b417;
    font-size: 1rem;
    font-weight: normal;
    max-width: 100%;
    padding: 8px 24px 8px 10px;
    border: none;
    width: 56%;
}

.modal-window header {
    font-weight: bold;
}

.modal-window h1 {
    font-size: 150%;
    margin: 1.2rem 0 1.6rem 0;
    color: #466295;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.modal-close {
    color: #aaa;
    line-height: 33px;
    font-size: 120%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 62px;
    text-decoration: none;
    background-color: #5e76a31a;
}

    .modal-close:hover {
        color: black;
    }

.select-dropdown,
.select-dropdown * {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.select-dropdown {
    position: relative;
    background-color: #4f72b417;
    /*width: 60px;*/
    float: left;
    margin-right: 11px;
}

.select-dropdown-1 {
    width: 84px !important;
}
.select-dropdown-2 {
    position: relative;
    background-color: #4f72b417;
    margin: 0;
    width:150px;
}

.select-custom-dropdown {
    position: relative;
    margin: 0;
    width: 150px;
    float:left;
}

.select-dropdown select {
    font-size: 0.8rem;
    font-weight: normal;
    max-width: 100%;
    padding: 10px 30px 10px 10px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-custom-dropdown select {
    font-size: 0.8rem;
    font-weight: normal;
    max-width: 100%;
    padding: 10px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background-color: #4f72b417;
    width: 150px;
}
.ddlComm{
    width:250px;
}

.select-dropdown select:active,
.select-dropdown select:focus,
.select-custom-dropdown select:active,
.select-custom-dropdown select:focus {
    outline: none;
    box-shadow: none;
}

.select-dropdown:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    pointer-events: none;
}

.select-custom-dropdown:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    pointer-events: none;
}

.input-1 {
    background-color: #4f72b417;
    font-size: 1rem;
    font-weight: normal;
    max-width: 100%;
    padding: 8px 24px 8px 10px;
    border: none;
}

.main-modal-1 {
    display: flex;
    width: 100%;
}

    .main-modal-1 .modal-1 {
        width: 200px;
    }

.dollar .icon {
    padding: 10px;
    background: #eff2f8;
    color: #5173b5b0;
    min-width: 50px;
    text-align: center;
}

.dollar input {
    width: 151px;
}

.dollar {
    display: flex;
}

.button-box {
    display: flex;
}

.butt {
    margin-right: 10px;
    line-height: 43px;
    font-size: 0.9rem;
}

.butt-1 {
    background-color: #b4507526;
    color: #1f499b;
}

.butt-2 {
    background-color: #437dda;
    color: white !important;
}

.modal-close i {
    font-size: 1.2rem;
}

button.butt {
    margin-right: 10px;
    width: 154px;
    line-height: 43px;
    font-size: 0.9rem;
    border: none;
    cursor: pointer;
}

#open-modal-1 p {
    margin: 0rem 0 1.2rem 0;
    text-align: center;
    font-size: 12px;
}

.modal-window > div.email-a {
    width: 602px;
}

textarea {
    font-family: "Graphik-Regular";
}

.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

    .file-upload .file-select {
        display: inline-flex;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        text-align: left;
        background: #ffffff;
        overflow: hidden;
        position: relative;
        width: 228px;
    }

        .file-upload .file-select .file-select-button {
            background: #dce4ec;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            min-width: 85px;
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .file-upload .file-select:hover {
            border-color: #34495e;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            .file-upload .file-select:hover .file-select-button {
                background: #34495e;
                color: #ffffff;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

    .file-upload.active .file-select {
        border-color: #3fa46a;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .file-upload.active .file-select .file-select-button {
            background: #3fa46a;
            color: #ffffff;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

    .file-upload .file-select input[type="file"] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload .file-select.file-select-disabled {
        opacity: 0.65;
    }

        .file-upload .file-select.file-select-disabled:hover {
            cursor: default;
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            text-align: left;
            background: #ffffff;
            overflow: hidden;
            position: relative;
        }

            .file-upload .file-select.file-select-disabled:hover .file-select-button {
                background: #dce4ec;
                color: #666666;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px;
            }

            .file-upload .file-select.file-select-disabled:hover .file-select-name {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px;
            }

#annualPremium {
    font-family: "Graphik-Light" !important;
}

/*------------notification css start------------*/

.header__notification .bell-icon {
    position: relative;
    cursor: pointer;
}

    .header__notification .bell-icon:hover {
        color: #eee;
    }

    .header__notification .bell-icon .notification-number {
        font-size: 9px;
        border-radius: 50%;
        background-color: #437dda;
        border: 5px solid #437dda;
        color: #ffffff;
        /*width: 18px;
      height: 18px;*/
        /* padding: 1px;*/
    }

    .header__notification .bell-icon .bell-number {
        position: absolute;
        left: 60%;
        width: 20px;
        height: 20px;
        font-weight: 600;
        font-family: "Graphik-Regular";
        font-size: 9px;
        line-height: 11px;
    }

    .header__notification .bell-icon .notification__list {
        position: absolute;
        background: #e2ecf0;
        width: 440px;
        list-style-type: none;
        text-align: center;
        left: -304px;
        top: 50px;
        border-radius: 0px;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
        box-shadow: -1px 1px 19px -6px rgba(45, 117, 255, 0.55);
        -webkit-box-shadow: -1px 1px 19px -6px rgba(45, 117, 255, 0.55);
        -moz-box-shadow: -1px 1px 19px -6px rgba(45, 117, 255, 0.55);
    }

        .header__notification .bell-icon .notification__list:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #fff;
            left: 73%;
            top: -20px;
            transform: translate(-50%);
        }

    .header__notification .bell-icon .notification__list__name {
        background: #fff;
        color: #466295;
        padding: 15px 15px;
        border-top-left-radius: 7px;
        border-top-right-radius: 0px;
        border-bottom: 1px solid #9bb7c5;
        transition: all 1s ease-in-out;
        font-size: 1rem;
        font-family: "Graphik-Regular";
        letter-spacing: 0.51px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header__notification .bell-icon .notification__list .large-number {
        font-size: 9px;
        border-radius: 50%;
        background-color: #437dda;
        border: 5px solid #437dda;
        color: #ffffff;
        height: 20px;
        width: 22px;
        line-height: 12px;
    }

    .header__notification .bell-icon .list__item {
        border-bottom: 1px solid #9bb7c5;
        background-color: #ffffffc4;
        color: white;
    }

        .header__notification .bell-icon .list__item:hover {
            background-color: #e2ecf0;
        }

        .header__notification .bell-icon .list__item .user-image {
            width: 55px;
            height: 29px;
            border-radius: 50px;
            background-color: #14439f;
            font-size: 14px;
            font-family: "Graphik-Regular";
            font-weight: 600;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 9px;
        }

.tab-content {
    min-height: 700px;
}

.header__notification .bell-icon .list__item .messages {
    padding-left: 10px;
    color: #4a556a;
    font-size: 0.8rem;
    line-height: 20px;
    font-family: "Graphik-Regular";
    letter-spacing: 0.51px;
}

    .header__notification .bell-icon .list__item .messages b {
        color: #4a556a;
    }

.header__notification .bell-icon .list__item--link {
    display: flex;
    padding: 15px 10px;
    text-decoration: none;
    text-align: left;
    font-size: 0.7em;
    opacity: 0.8;
    /*align-items: end;*/
}

.header__notification .bell-icon .list__item--link {
    opacity: 1;
}

.header__profile {
    width: 120px;
    align-self: stretch;
    background: #9bb7c5;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .header__profile .profile__photo {
        background: url(https://cdn.tutsplus.com/net/uploads/legacy/213_chris/ChrisThumbnail.jpg);
        width: 30px;
        height: 30px;
        background-size: cover;
        border-radius: 50%;
    }

    .header__profile .fa-arrow-circle-o-down {
        font-size: 1.6em;
        color: #fff;
    }

.small-icon {
    font-size: 1.2em;
    color: #d0dadf;
}

.messages p {
    color: #b4b4b4;
}

.header__notification .bell-icon .list__item:hover .messages,
.header__notification .bell-icon .list__item:hover .messages b {
    color: #000000;
}

.hide {
    display: none;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.checklist {
    max-width: 400px;
    margin: 10px auto;
}

    .checklist li {
        padding: 5px 10px;
        list-style-type: disc;
    }

.fa-bell-o:before {
    content: "\f0a2";
    font-size: 1.7rem;
}

.notifi {
    height: 272px;
    overflow-y: auto;
}

.header__notification .fa-bell-o:before {
    content: "\f0a2";
    color: #595959;
}

.clear-3 {
    font-size: 0.8rem;
}

.notifi .list__item a {
    opacity: 1 !important;
}

/* ------- scrollbar start-------*/
.notifi::-webkit-scrollbar {
    width: 10px;
    overflow-y: auto;
}

/* Track */
.notifi::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    overflow-y: auto;
}

/* Handle */
.notifi::-webkit-scrollbar-thumb {
    background: #8497b0;
    border-radius: 10px;
    overflow-y: auto;
}

    /* Handle on hover */
    .notifi::-webkit-scrollbar-thumb:hover {
        background: #437dda;
        overflow-y: auto;
    }

.notifi .list__item .list__item--link i {
    font-size: 16px;
    color: #8b8b8b;
    margin-left: 10px;
    margin-top: 9px;
}

/* ------- scrollbar end-------*/
/*------------notification css end------------*/


/*------------View Alerts button css start------------*/
ol.dddeee {
    list-style-type: number;
    text-align: left;
    list-style-position: outside;
    font-size: 1rem;
    line-height: 23px;
    margin-left: 2rem;
    padding-left: 0;
    margin-bottom: 2rem;
}

#open-modal-3 h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: 1rem;
}

.butt-1 {
    background-color: #b4b4b4 !important;
    color: #ffffff !important;
}

.dollar .icon {
    color: #aaaaaa !important;
}

.modal-close {
    background-color: transparent !important;
    cursor: pointer;
}

#open-modal-4 .input-1 {
    background-color: #679cff17;
    font-size: 1rem;
    font-weight: normal;
    max-width: 100%;
    padding: 8px 24px 8px 10px;
    border: none;
    font-size: 14px;
    border: 1px solid #437dda;
    width: 88%;
}

.button-box {
    justify-content: center;
}

.butt {
    width: 118px;
}

#open-modal-5 .modal-1 {
    width: 100%;
}

#open-modal-5 .main-modal-1 {
    margin-bottom: 1rem;
}

#open-modal-5 .modal-1 {
    margin-bottom: 2rem;
}

#open-modal-5 .select-dropdown-2 {
    width: 75%;
}

#open-modal-5 .select-dropdown-3 {
    width: 45%;
}

    #open-modal-5 .select-dropdown-2 select,
    #open-modal-5 .select-dropdown-3 select {
        padding-left: 15px;
        display: block;
        width: 100%;
    }

#open-modal .dollar input {
    width: 87px;
}

#open-modal-4 p {
    margin-bottom: 1.5rem;
}

.modal-close {
    right: 11px !important;
    text-align: right !important;
}

/*------------View Alerts button css end------------*/


/*------------Endorsement Details Page css start------------*/
#pcs-1 .first-table {
    margin-top: 0rem;
}

.caption-1 {
    background-color: #bbd2ff;
    display: block;
    width: 100%;
    height: 38px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 38px;
    max-width: 100%;
    min-width: 100%;
    padding-left: 1.5rem;
}

#both-table-padd .both-table-padd-main {
    padding: 0 0px;
    display: flex;
    height: auto;
}

#both-table-padd {
    display: flex;
}

.d-flex {
    display: flex;
}

.table-21 {
    display: flex;
    flex-direction: column;
}

.table-22 {
    background-color: #bbd2ff !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #37435a;
    font-size: 14px;
}

.both-table-padd-main table tbody tr th,
.both-table-padd-main table tbody tr td {
    font-weight: 500;
}

.endors-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
    border-radius: 10px;
    background: linear-gradient(145deg, #f3f7ff, #f0f0f0);
    border-left: 4px solid #69727b;
    border-right: 4px solid #69727b;
    box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
}

    .endors-1 h2 {
        width: 100%;
        margin-bottom: 1.9rem;
        font-size: 1.3rem;
        color: #1e5ed8;
        font-weight: 600;
        text-align: center;
    }

.endorse-2 {
    flex: 1;
    text-align: center;
}

    .endorse-2 h4 {
        font-size: 1.1rem;
        color: #595959;
        font-weight: 500;
    }

    .endorse-2 h1 {
        color: #437dda;
        font-size: 2rem;
        font-family: "Graphik-semibold";
        /*font-weight: 200;*/
        margin-top: 10px;
    }

.endorse-4 {
    background-color: #d5d5d5;
    width: 242px;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #184fb9 !important;
    border: 2px solid #1f5cd1 !important;
    text-align: center;
    margin-right: 1.3rem;
}

.endorse-5 {
    background-color: #1f5cd1;
    width: 242px;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    /* border: 2px solid #437dda !important; */
    text-align: center;
    border-left: 4px solid #2de7b6;
    border-right: 4px solid #2de7b6;
}

.endorse-3 {
    display: flex;
    float: right;
}

.updated-1 {
    background-color: #84fddd !important;
    color: green;
}

.bussinessDiv {
    box-shadow: -1px 10px 48px -37px rgb(0 0 0 / 75%);
    -webkit-box-shadow: -1px 10px 48px -37px rgb(0 0 0 / 75%);
    -moz-box-shadow: -1px 10px 48px -37px rgba(0, 0, 0, 0.75);
}

/*------------Endorsement Details Page css end------------*/


/*-------------View Forms popup css start----------*/
#view-forms.modal-window > div {
    padding: 2em 4em;
}

#content3.content3 {
    width: 100%;
    padding: 25px 75px 75px 75px;
    float: left;
    height: calc(100vh - 75px);
}

#content3 .section-2 {
    margin-top: 1rem;
}

.squareBox {
    padding-left: 15px;
    padding-right: 15px;
}

.squareBxChild {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.squareBoxChild2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%;
}

/*-------new css-------*/
/*---------------------------aaaaa-------------*/

@media screen and (max-width: 1024px) {
    .box-1 {
        order: 3;
    }

    .box-1 {
        width: 50%;
        height: 317px;
        margin-top: 14%;
    }

    .box-2 {
        width: 48%;
        height: 317px;
    }

    .second-row {
        height: auto;
        justify-content: space-between;
        flex-flow: wrap;
    }

    .main-heading-2 {
        position: absolute;
        top: -14%;
        left: 0;
    }

    .child-1 {
        width: calc(100% * (1 / 2) - 10px - 4px);
    }

    .child-1-1 {
        margin-right: 0;
        padding-right: 5px;
    }

    .graph-1 h4 {
        font-size: 1rem;
    }

    .dropdown-1 {
        display: block;
        width: 9rem;
        padding: 8px 14px;
        border-radius: 4px;
        background-color: white;
        font-size: 14px;
        cursor: pointer;
        border: 1px solid #939393;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        color: #666d7b;
        background: url(../assets/images/down-arrow.png);
        background-repeat: no-repeat;
        background-size: 16px 17px;
        background-position: 113px 9px;
    }
}

/*-------------View Forms popup css start----------*/
#formsPopup.modal-window > div {
    padding: 2em 4em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-top: 6px solid #69727b;
    border-bottom: 3px solid #69727b;
    box-shadow: -1px -1px 25px -11px rgb(0 0 0 / 75%);
    -webkit-box-shadow: -1px -1px 25px -11px rgb(0 0 0 / 75%);
    -moz-box-shadow: -1px -1px 25px -11px rgba(0, 0, 0, 0.75);
}

.container-c {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 29px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    padding-right: 10px;
}

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

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-c:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-c input:checked ~ .checkmark {
    background-color: #1763ff;
}

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

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

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

.view-forms-left h2,
.view-forms-right h2 {
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
}

.view-forms-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.view-forms-left {
    width: 48%;
}

.view-forms-right {
    width: 48%;
}

.view-forms-left,
.view-forms-right {
    height: 370px;
    /*overflow-y: auto;*/
    letter-spacing: 0.5px;
}

.view-forms-left-inner,
.view-forms-right-inner {
    height: 350px;
    overflow-y: auto;
    letter-spacing: 0.5px;
}

#formsPopup .view-forms-2 {
    width: 850px;
}

/* ------- scrollbar for box-1 start-------*/

.view-forms-left-inner::-webkit-scrollbar,
.view-forms-right-inner::-webkit-scrollbar {
    width: 7px;
    overflow-y: auto;
}

/* Track */
.view-forms-left-inner::-webkit-scrollbar-track,
.view-forms-right-inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #8080809c;
    border-radius: 10px;
    overflow-y: auto;
}

/* Handle */
.view-forms-left-inner::-webkit-scrollbar-thumb,
.view-forms-right-inner::-webkit-scrollbar-thumb {
    background: #8497b0;
    border-radius: 10px;
    overflow-y: auto;
}

    /* Handle on hover */
    .view-forms-left-inner::-webkit-scrollbar-thumb:hover,
    .view-forms-right-inner::-webkit-scrollbar-thumb:hover {
        background: #437dda;
        overflow-y: auto;
    }

/* ------- scrollbar for box-1 end-------*/

.view-forms-button-box {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
    margin-bottom: 1.3rem;
}

.view-forms-left-button {
    background-color: #d5d5d5;
    color: #1f5cd1 !important;
    border: 1px solid #1f5cd1 !important;
    margin-right: 1rem;
}

.view-forms-right-button {
    background-color: #1f5cd1;
    color: white !important;
}

.view-forms-common {
    font-size: 16px;
    width: 220px;
    height: 47px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.view-forms-left h2::after,
.view-forms-right h2::after {
    content: "";
    background-color: blue;
    width: 180px;
    height: 1.5px;
    display: block;
    position: absolute;
    bottom: -7px;
    opacity: 0.1;
}

.summary-row-1 {
    border-bottom: 1px solid #1763ff;
    padding: 7px 0 20px 0;
    display: flex;
    align-items: center;
}

.summ-sec2-first-box-1 {
    flex: 1;
    width: 100%;
    max-width: 111px;
    border: 1px solid #dbdbdb57;
}

.summ-sec2-first-box-2 {
    flex: 2;
    text-align: center;
    position: relative;
}

ul.main-amount {
    justify-content: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

    ul.main-amount li {
        flex: 1;
    }

        ul.main-amount li a {
            font-size: 16px;
            padding-bottom: 9px;
            display: block;
            text-align: center;
        }

            ul.main-amount li a.active {
                color: #437dda;
                font-weight: 600;
                width: auto;
                position: relative;
            }

    ul.main-amount:after {
        content: "";
        display: block;
        background-color: #00000036;
        width: 75%;
        height: 1px;
        margin-top: 28px;
        position: absolute;
    }

    ul.main-amount li a.active:after {
        content: "";
        display: block;
        background-color: #437dda;
        height: 2.5px;
        margin-top: 9px;
    }

.summ-sec2-first-box-2 h1 {
    color: #437dda;
    font-weight: 600;
    font-size: 43px;
    font-family: 'Graphik-light';
}

    .summ-sec2-first-box-2 h1 ~ p {
        color: #314451;
    }

.summ-sec2-first-box-1-bor:after {
    content: "";
    background-color: #00000033;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.summ-sec2-second-top h4 {
    width: 184px;
    font-size: 16px;
    margin-top: auto;
}

.summ-sec2-second-top h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 23px;
}

    .summ-sec2-second-top h3 span {
        font-size: 15px;
        color: #314451;
        font-weight: 200;
    }

.summ-sec2-second-top {
    position: relative;
}

    .summ-sec2-second-top:after {
        content: "";
        background-color: #00000036;
        width: 100%;
        left: 0;
        height: 1px;
        position: absolute;
        bottom: -10px;
    }

.summ-sec2-second .tableContent table td {
    border-bottom: 0;
    padding: 5px 20px;
}

.summ-sec2-second-bottom .status-img {
    width: 12px;
    margin-right: 10px;
}

#summ-sec3-butt {
    padding-left: 2rem;
    padding-right: 0;
}

table#ret-prem-info tbody tr:hover {
    background-color: transparent;
}

table#ret-prem-info tbody tr:nth-child(even) {
    background-color: transparent;
}

#ret-prem-info tbody tr th {
    vertical-align: top;
}

    #ret-prem-info tbody tr th h2,
    #ret-prem-info-2 h3,
    #ret-prem-info-sign label {
        color: #595d6e;
        font-size: 16px;
    }

#ret-prem-info tbody tr td h1 {
    font-size: 36px;
    font-weight: 700;
    color: #416ec5;
}

#ret-prem-info-sign {
    width: 25%;
    float: right;
}

.boxWrapper-backgr {
    background-image: url(../../images/return-premium-information.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: relative;
    box-shadow: 1px 2px 7px 0px rgb(17 17 153 / 7%);
    -webkit-box-shadow: 1px 2px 7px 0px rgb(17 17 153 / 7%);
    -moz-box-shadow: 1px 2px 7px 0px rgb(17 17 153 / 7%);
}

    .boxWrapper-backgr:after {
        content: "";
        background-color: rgb(255 255 255 / 50%);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

#ret-prem-info-2 {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(3px);
    border-radius: 7px;
    border: 1px solid white;
    padding: 2.5rem;
}

#ret-prem-info-sign input {
    font-family: "Mistral";
    font-size: 16px;
    color: #7a7a7a;
    box-shadow: 0px 1px 1px #888888;
}

.radioGroup-common {
    display: flex;
    flex-wrap: wrap;
}

    .radioGroup-common .radioBx label {
        font-size: 16px;
        text-transform: none;
        font-family: "Graphik-Regular";
        letter-spacing: normal;
        color: #1d3274;
    }

    .radioGroup-common label {
        color: #1d3274;
        opacity: 0.65;
    }

    .radioGroup-common .radioBx [type="radio"]:checked + label:before,
    .radioGroup-common .radioBx [type="radio"]:not(:checked) + label:before {
        border-width: 1px;
    }

    .radioGroup-common .radioBx [type="radio"]:checked + label {
        opacity: 1;
    }

..radioBx [type="radio"]:checked + label:before {
    border-color: #437dda;
}

.radioGroup-common .radioBx [type="radio"]:checked + label:after,
.radioGroup-common .radioBx [type="radio"]:not(:checked) + label:after {
    width: 12px;
    height: 12px;
    left: 4px;
    top: 4px;
}

.radioGroup-common .radioBx {
    width: calc(33.3% - 20px);
    margin: 15px 0;
}

.div-hide {
    display: none;
}

.minus {
    margin-top: -13px;
}

.cov-histr .tableContent table td {
    padding: 0px 20px 10px 20px;
}

.dollar-box {
    position: relative;
}

    .dollar-box .dollar-icon {
        position: absolute;
        left: 13px;
        bottom: -9px;
        pointer-events: none;
    }

.makeImg-1 {
    width: 50px;
}

#covg-histo-3 .radioBx {
    width: auto;
    margin: 15px 25px 0 0;
}

    #covg-histo-3 .radioBx [type="radio"]:checked + label {
        opacity: 1;
    }

        #covg-histo-3 .radioBx [type="radio"]:checked + label:before {
            border-color: #437dda;
        }

        #covg-histo-3 .radioBx [type="radio"]:checked + label:after,
        #covg-histo-3 .radioBx [type="radio"]:not(:checked) + label:after {
            width: 12px;
            height: 12px;
            left: 4px;
            top: 4px;
        }

    #covg-histo-3 .radioBx label {
        font-size: 16px;
        text-transform: none;
        font-family: "Graphik-Regular";
        letter-spacing: normal;
    }

    #covg-histo-3 .radioBx [type="radio"]:checked + label:before,
    #covg-histo-3 .radioBx [type="radio"]:not(:checked) + label:before {
        border-width: 1px;
    }

.summary-bg {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 35%), rgb(255 255 255 / 88%)), url(../../Images/bg-img4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}

.summ-sec2-second .tableContent table td {
    background-color: transparent;
}

.comparative-bx1-bg {
    background-color: #fafafa;
}

.comparative-bx4 {
    flex-basis: 70%
}

    .comparative-bx4 table tbody tr:nth-child(even),
    .comparative-bx4 table tbody tr:hover {
        background-color: transparent;
    }

    .comparative-bx4 table tbody tr td {
        font-size: 13px;
        padding: 5px 0px;
    }

    .comparative-bx4 table tbody tr th {
        font-size: 14px;
    }

    .comparative-bx4 .border-bott {
        border-bottom: 1px solid #437dda;
    }

.comparative-bx5 {
    flex-basis: 30%;
    align-self: center;
    padding: 4px 10px;
}

.comparative-bx-r8-bor,
.comparative-bx-r8-bor-1 {
    position: relative;
    text-align: center;
}

    .comparative-bx-r8-bor:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: #0000001c;
        width: 1px;
        height: 161px;
    }

    .comparative-bx-r8-bor-1:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #0000001c;
        width: 1px;
        height: 161px;
    }

.comparative-chkbx {
    width: 166px;
}

.summ-sec2-second-bottom.tableContent table td {
    font-size: 13px;
}

.summ-sec2-second {
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.boxWrapper .bussinessDiv ul li.radioLi .newCovHist {
    font-size: 14px;
    color: #44546a;
    font-family: 'Graphik-Regular';
    opacity: 1;
}

#numberOfClaims label.inputLabel,
#totalAmountClaims label.inputLabel,
#prevPol label.inputLabel {
    color: #44546a;
    padding-bottom: 0px;
}

.clmInpGrp {
    display: flex;
    align-items: baseline;
}
/*---------------------------zzzzz-------------*/
@media screen and (max-width: 1200px) {
    .radioLi h3.newCovHist {
        flex-basis: 94%;
    }

    .newCovHist2 {
        line-height: 29px;
    }

    #numberOfClaims .inputLabel {
        line-height: 20px;
    }

    .radioLi .actionCheck {
        flex-basis: 5%;
    }

    #summ-sec3-butt {
        padding-left: 1.5rem;
    }

        #summ-sec3-butt a {
            font-size: 12px;
            padding: 0px 10px;
        }

    .summ-sec2-second-top h3 span {
        font-size: 14px;
    }

    .summ-sec2-second-bottom.tableContent table td {
        font-size: 12px;
    }

    .summ-sec2-second {
        padding-left: 11px;
    }

    ul.main-amount li a {
        font-size: 14px;
    }

    ul.main-amount:after {
        margin-top: 25px;
    }

    .summ-sec2-first-box-2 h1 {
        font-size: 37px;
    }
}

@media screen and (max-width: 1199px) {
    .comparative-bottm {
        margin-bottom: 50px;
    }

    .comparative-bx-r8-bor:after {
        top: 16%;
        height: 145px;
    }

    #covg-histo-3 .radioBx [type="radio"]:checked + label:after,
    #covg-histo-3 .radioBx [type="radio"]:not(:checked) + label:after {
        width: 11px;
        height: 11px;
        left: 3px;
        top: 3px;
    }

    .summ-sec2-first {
        margin-bottom: 40px;
    }

    .summ-sec2-first-box-1 {
        max-width: 151px;
    }

    .summ-sec2-first-box-1-bor:after {
        display: none;
    }

    #ret-prem-info tbody tr th h2 {
        font-size: 14px;
    }

        #ret-prem-info tbody tr th h2 p {
            font-size: 13px;
        }

    #ret-prem-info tbody tr td h1 {
        font-size: 32px;
    }

    .inputText {
        padding: 7px 10px 9px 10px;
    }

    #covg-histo-2 .inputLabel {
        line-height: 20px;
    }

    .radioGroup-common .radioBx [type="radio"]:checked + label:after,
    .radioGroup-common .radioBx [type="radio"]:not(:checked) + label:after {
        left: 2px;
        top: 2.5px;
    }

    .radioGroup-common .radioBx {
        width: 33%;
    }

    .employ-1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1024px) {
    .respo-1 {
        display: flex;
        flex-direction: column;
        height: 100%;
        flex: 1;
    }

    .respo-2 {
        min-height: 100%;
        /*display: flex; */
        flex-direction: column;
    }

    .first-table table tbody tr {
        flex: 1;
    }

    table.first-left-table tr td,
    table.first-table-para-3 tr td,
    table.first-left-table-document tr td,
    table.first-left-table-document tr th {
        padding: 11px 0px;
        /* flex: 1; */
        height: 100%;
    }

    .button-sec-1 {
        text-align: center;
        font-size: 13px;
        color: #00f8c7 !important;
        width: 141px;
        height: 39px;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .button-sec-3 {
        text-align: center;
        font-size: 13px;
        color: #ff6565 !important;
        width: 141px;
        height: 39px;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tabs-1 .content-1 section h2,
    .tabs-1 ul li label {
        font-weight: bold;
        font-size: 15px;
        color: #428BFF;
    }

    .box-1 {
        order: 3;
    }

    .box-1 {
        width: 50%;
        height: 317px;
        margin-top: 14%;
    }

    .box-2 {
        width: 48%;
        height: 317px;
    }

    .second-row {
        height: auto;
        justify-content: space-between;
        flex-flow: wrap;
    }

    .main-heading-2 {
        position: absolute;
        top: -14%;
        left: 0;
    }

    .child-1 {
        width: calc(100% * (1/2) - 10px - 4px);
    }

    .child-1-1 {
        margin-right: 0;
        padding-right: 5px;
    }

    .graph-1 h4 {
        font-size: 1rem;
    }

    .dropdown-1 {
        display: block;
        width: 9rem;
        padding: 8px 14px;
        border-radius: 4px;
        background-color: white;
        font-size: 14px;
        cursor: pointer;
        border: 1px solid #939393;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        color: #666d7b;
        background: url(../assets/images/down-arrow.png);
        background-repeat: no-repeat;
        background-size: 16px 17px;
        background-position: 113px 9px;
    }

    #area-chart {
        overflow: hidden;
    }

    .modalclose-icon {
        right: 11px;
        text-align: right !important;
        line-height: 33px !important;
        font-size: 120%;
        position: absolute;
        top: 0;
        width: 62px;
        background-color: transparent !important;
        color: black;
    }

    .modal-window h1 {
        font-size: 150%;
        margin: 1.2rem 0 1.6rem 0;
        color: #466295;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
}

/*-------------View Forms popup css end----------*/
.disableAnchortag {
    cursor: not-allowed !important;
}

.quoteSidebar {
    width: 300px;
    height: calc(100% - 75px);
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 60px 20px 0;
    background: #d5e4ff;
    background: -moz-linear-gradient(top, #ffffff 0%, #91b4f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #91b4f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #91b4f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#91b4f2', GradientType=0);
}

    .quoteSidebar:before {
        content: '';
        width: 100%;
        height: 100%;
        background-image: url(../../Images/bg-img1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left bottom;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .quoteSidebar h2 {
        font-family: 'Graphik-Semibold';
        font-size: 20px;
        color: #466295;
    }

    .quoteSidebar .quoteType {
        margin: 40px 0 0 0;
    }

        .quoteSidebar .quoteType li {
            padding: 6px 0;
        }

            .quoteSidebar .quoteType li label {
                display: flex;
                cursor: pointer;
                font-weight: 500;
                position: relative;
                overflow: hidden;
                margin-bottom: 0.375em;
            }

                .quoteSidebar .quoteType li label input {
                    position: absolute;
                    left: -9999px;
                }

                    .quoteSidebar .quoteType li label input:checked + span {
                        background-color: rgba(45, 117, 255, 0.2);
                    }

                        .quoteSidebar .quoteType li label input:checked + span:before {
                            box-shadow: inset 0 0 0 0.4375em #437dda;
                        }

                .quoteSidebar .quoteType li label span {
                    display: flex;
                    align-items: center;
                    padding: 10px 12px;
                    border-radius: 99em;
                    transition: 0.25s ease;
                    width: 100%;
                    color: #466295;
                }

                    .quoteSidebar .quoteType li label span:before {
                        display: flex;
                        flex-shrink: 0;
                        content: "";
                        background-color: #fff;
                        width: 1.5em;
                        height: 1.5em;
                        border-radius: 50%;
                        margin-right: 0.375em;
                        transition: 0.25s ease;
                        box-shadow: inset 0 0 0 0.125em #437dda;
                    }

            .quoteSidebar .quoteType li span {
                font-size: 16px;
                font-family: 'Graphik-Medium';
                color: #444444;
            }

.contentNew {
    width: calc(100% - 300px);
    padding: 40px;
}

/* .quoteSidebar .quoteType li.active label span {
    background-color: rgba(65, 241, 195, 0.2);
} */
.quoteSidebar .quoteType li.active label span:before {
    box-shadow: inset 0 0 0 0.125em transparent;
    background-color: #437dda;
    background-image: url(../../Images/ico-tick.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.vehicleLink {
    display: block;
    width: 100%;
    padding: 60px 20px;
    border: 1px solid #e9ecef;
    text-align: center;
    min-height: 328px;
    transition: 0.3s;
}

    .vehicleLink:hover {
        background: #eff4fe;
    }

    .vehicleLink img {
        width: 100px;
    }

    .vehicleLink h2 {
        font-size: 20px;
        font-family: 'Graphik-Medium';
        color: #466295;
        margin: 20px 0 10px;
    }

.norm-link {
    font-size: 14px;
    color: #437dda !important;
    text-decoration: underline !important;
}

.uploader label {
    background-color: rgb(239 242 248);
    padding: 20px;
    cursor: pointer;
}

.uploader div {
    margin: 0;
    letter-spacing: normal;
    color: #444444;
    font-size: 14px;
}

.makeImg {
    width: 65px;
    padding-right: 5px;
}

.accordianTr .tropen i {
    font-size: 26px;
    color: #444;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.accordianTr.active .tropen i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordianContent h4 {
    color: #466295;
    font-size: 16px;
    font-family: 'Graphik-Medium';
    padding: 15px;
    background-color: #eff4fe;
}

.vehicleInfo {
    padding: 20px;
    border: 1px solid #eff4fe;
}

    .vehicleInfo .inputLabel {
        font-family: 'Graphik-Medium';
    }

.accordianContent {
    display: none;
}

/*-------------EditForms popup css start----------*/
.editpopupli {
    text-align: left;
    list-style-position: outside;
    font-size: 1rem;
    line-height: 23px;
    /*margin-left: 2rem;*/
    padding-left: 0;
    margin-bottom: 2rem;
}

.curosr-none {
    cursor: pointer;
}
/*-------------EditForms popup css end----------*/
.popupContent .boxWrapper {
    background: #eff4fe;
}

    .popupContent .boxWrapper .inputText {
        background-color: #fff;
    }

.popupContent .innerBox h5 {
    font-size: 14px;
}

.innerBox {
    padding: 20px;
    border-radius: 7px;
    border: 1px solid #9fb1d2;
}

.scondaryBox {
    display: none;
}

.signInput {
    position: relative;
}

    .signInput .inputText {
        font-family: "Mistral";
        font-size: 22px;
    }

        .signInput .inputText::-webkit-input-placeholder {
            font-size: 22px;
        }

        .signInput .inputText::-moz-placeholder {
            font-size: 22px;
        }

        .signInput .inputText:-ms-input-placeholder {
            font-size: 22px;
        }

        .signInput .inputText:-moz-placeholder {
            font-size: 22px;
        }

    .signInput .validSign {
        position: absolute;
        width: 20px;
        top: 10px;
        right: 10px;
    }

.otpBox .note {
    font-size: 18px;
    color: #384359;
    margin-bottom: 20px;
}

    .otpBox .note span {
        color: #e54547;
        font-family: "Graphik-Medium";
    }

.otpBox .otpMsg {
    background-color: #e7f2f8;
    padding: 20px;
    margin-bottom: 20px;
}

    .otpBox .otpMsg p {
        font-size: 16px;
        line-height: 1.6;
        color: #525c6e;
    }

.otpBox .otpField {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .otpBox .otpField input {
        width: calc(70% - 10px);
        display: inline-block;
        border: none;
        background-color: #eff2f8;
        padding: 10px;
        font-size: 16px;
        font-family: "Graphik-Regular";
    }

/*-------------Custom css start----------*/

.open-popup-link {
    cursor: pointer;
}

.gcweight {
    display: none;
}

.farlocation {
    display: none;
}

.tooltipUi {
    cursor: pointer;
}

.missinginfo {
    padding: 4px;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
}



ul.main-amount li a {
    cursor: pointer;
}

.divMonthly {
    display: none;
}

.btnStyle.btndisbl {
    background: #cecece;
    color: #fff;
    border: 1px solid #cecece;
    cursor: not-allowed;
}

#comparative-pop {
    text-align: left;
}

.accordianTr .trvehopen i {
    font-size: 26px;
    color: #444;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.accordianTr.active .trvehopen i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vehicleerror td {
    background-color: red;
    border: 1px solid red;
}

.max-width-500 {
    max-width: 500px !important;
}

.vehicle-dollar-icon {
    position: absolute;
    left: 25px;
    bottom: 10px;
}

.flex-direction-col {
    flex-direction: column;
}

.p-b-10 {
    padding-bottom: 10px;
}

/*-------------Custom css end----------*/