@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;
}

.header .logo {
    width: auto !important;
}

.header .logo a {
    display: block !important;
}

.header .logo img {
    width: 130px !important;
}

.header .logo h2 {
    position: relative !important;
    color: #2d75ff !important;
    font-family: 'Graphik-Semibold' !important;
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 18px !important;
    padding: 15px 0 0 10px !important;
    margin: 0 0 0 10px !important;
    height: 50px !important;
}

.header .logo h2:after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 2px !important;
    height: 100% !important;
    background-color: #e4e7ec !important;
}

.notificationPanel {
    width: auto !important;
}

.notificationPanel .userPanel {
    padding: 0px !important;
}

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

.notificationPanel .userPanel .userPanLink .userName .userTitle::after {
    display: none !important;
}

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

.notificationPanel .userPanel .floatMenu .logOutLink {
    letter-spacing: 1px !important;
    height: 75px !important;
    padding: 20px !important;
    display: block !important;
    font-size: 12px !important;
    color: #007bff !important;
}

.notificationPanel .userPanel .floatMenu .logOutLink:hover {
    background: #e3ecff !important;
}

.notificationPanel .userPanel .floatMenu .logOutLink img {
    display: block !important;
    margin: 0 auto 5px !important;
}


.leftmenuWrapper .menuParent .menuChild .menuLink .svg {
    transition: 0.3s;
    filter: invert(77%) sepia(14%) saturate(371%) hue-rotate(169deg) brightness(88%) contrast(92%);
}

.leftmenuWrapper .menuParent .menuChild .menuLink.active .svg,
.leftmenuWrapper .menuParent .menuChild .menuLink:hover .svg {
    filter: invert(34%) sepia(46%) saturate(3492%) hue-rotate(212deg) brightness(105%) contrast(101%);
}

.leftmenuWrapper .menuParent .menuChild .menuLink svg,
.leftmenuWrapper .menuParent .menuChild .menuLink img {
    width: 25px;
    height: 25px;
}

.cntWmenu {
    float: none;
    margin-top: 75px !important;
}

.contWrap {
    padding: 25px 75px 25px 75px;
    margin-left: 100px;
    background-color: #eff4fe;
}

.contWrap.sideWrap {
    width: calc(100% - 400px);
}

.select2-container--open .select2-dropdown--below {
    margin-top: 0;
    border: 1px solid #e4e7ec;
    padding-top: 0px;
    border-radius: 0px;
    background-color: #ffffff;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 0px !important;
}

body {
    background-color: #eff4fe;
}

h1 {
    color: #466295;
    font-size: 22px;
    font-family: 'Graphik-Semibold';
}

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

h3 {
    color: #466295;
    font-size: 18px;
    font-family: 'Graphik-Medium';
}

h4 {
    color: #466295;
    font-size: 16px;
    font-family: 'Graphik-Regular';
}

h5,
h6 {
    color: #466295;
    font-size: 14px;
    font-family: 'Graphik-Regular';
}

.noBorder {
    border: none !important;
}

.bb-radius-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

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

.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;
}

.dollarInput {
    position: relative;
}

.dollarInput .inputText {
    padding-left: 30px;
}

.dollarInput:before {
    content: '\f155';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.custSelect select.inputText {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px !important;
}

.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: #2d75ff;
}

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

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

.switchLabel {
    font-size: 14px;
    color: #44546a;
    padding: 0;
    font-family: 'Graphik-Medium';
}

.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: 8px;
    height: 8px;
    top: 6px;
    left: 3px;
}

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

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

.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 #2d75ff;
}

.customCheck:hover+label:before {
    background: #2d75ff;
}

.customCheck:checked+label:before {
    background: #2d75ff;
}

.customCheck:disabled+label {
    color: #b8b8b8;
    cursor: not-allowed;
}

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

.customCheck:checked+label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 8px;
    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: #2d75ff;
    box-shadow: 2px 0 0 #2d75ff, 4px 0 0 #2d75ff, 4px -2px 0 #2d75ff, 4px -4px 0 #2d75ff, 4px -6px 0 #2d75ff, 4px -8px 0 #2d75ff;
}

/*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;
}

.btnStyle.btnPrim {
    color: #2d75ff;
    border: 1px solid #2d75ff;
}

.btnStyle.btnPrim:hover {
    background: #2d75ff;
    color: #ffffff;
}

.btnStyle.btnSecon {
    background: #2d75ff;
    color: #fff;
    border: 1px solid #2d75ff;
}

.btnStyle.btnSecon:hover {
    background: #fff;
    color: #2d75ff;
}

.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;
}

.cusToggle .btn-group .btn-primary {
    background-color: #fff;
    color: #466295;
    border: 1px solid #466295;
    font-size: 14px;
}
.cusToggle .btn-group .btn-primary.active {
    background-color: #2d75ff;
    color: #fff;
}

.cusToggle .btn-group .btn-primary.yesBtn:not(:disabled):not(.disabled).active,
.cusToggle .btn-group .btn-primary.yesBtn:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #41f1c3;
    border-color: #25886e;
}

.cusToggle .btn-group .btn-primary.noBtn:not(:disabled):not(.disabled).active,
.cusToggle .btn-group .btn-primary.noBtn:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #ff6565;
    border-color: #883838;
}

.cusToggle .btn-group .btn-primary:focus,
.cusToggle .btn-group .btn-primary.focus {
    box-shadow: none;
}

.norm-link {
    color: #2d75ff !important;
}

/*Button Element CSS End*/

/*Popup CSS Start*/
.custPopup .modal-content {
    border-top: 6px solid #41f1c3;
}

.custPopup .modal-content .modal-header .close span {
    font-size: 32px;
}

/*Popup CSS End*/

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

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

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

/*Table 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*/

/*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;
}

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

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

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

/*Table Pagination Element CSS End*/

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

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

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

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

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

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

.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;
    display: block !important;
}

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

.advSearch img {
    width: 20px;
}

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

.searchBar .inputText {
    width: 460px;
}

.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: 0 20px;
    border: 1px solid #2d75ff;
    border-top: 3px solid #2d75ff;
    display: none;
}

.menuWrapper {
    width: 300px;
    float: none;
    height: calc(100% - 50px);
    background-color: #ffffff;
    padding: 60px 20px 0;
    position: fixed;
    right: 0;
    bottom: 0;
    top: 75px;
    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);
}

.menuWrapper: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;
}

.menuWrapper h1 {
    color: #466295;
    font-size: 22px;
    font-family: 'Graphik-Semibold';
}

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

.menuWrapper .quoteType li {
    padding: 6px 0;
    margin: 0;
}

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

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

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

.menuWrapper .quoteType li label input:checked+span:before {
    box-shadow: inset 0 0 0 0.4375em #2d75ff;
}

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

.menuWrapper .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 #2d75ff;
}

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

.menuWrapper .quoteType li.active label span:before {
    box-shadow: inset 0 0 0 0.125em transparent;
    background-color: #41f1c3;
    background-image: url(../../Images/ico-tick.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

#restroacDate,
#prevPolicy,
#securInput,
#compInfor,
#securTrain,
#riskPlan,
#classScheme {
    display: none;
}

/*Multistep Wizard CSS start*/
#msform {
    position: relative;
    margin-top: 10px
}

#msform fieldset {
    padding: 0 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform .action-button {
    width: 100px;
    background: #673AB7;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #311B92
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

#progressbar {
    margin-bottom: 30px;
    /* overflow: hidden; */
    color: lightgrey;
    display: flex;
}

#progressbar .active {
    color: #673AB7
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    position: relative;
    font-weight: 400;
    flex: 1;
}

#progressbar li span {
    width: 20px;
    height: 20px;
    display: block;
    background-color: #fff;
    border: 2px solid #d2e1ff;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

#progressbar li span:before {
    content: '';
    width: 13px;
    height: 13px;
    display: block;
    background-color: #d2e1ff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #d2e1ff;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 0
}

#progressbar li.active:after {
    background: #2d75ff
}

#progressbar li.active span {
    border: 2px solid #2d75ff;
}

#progressbar li.active span:before {
    background-color: #41f1c3;
}

#progressbar li .floatinfo {
    position: absolute;
    background: #eff4fe;
    padding: 10px;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    text-align: center;
    z-index: 1;
    width: 150px;
    display: none;
}

#progressbar li:hover .floatinfo {
    display: block;
}

#progressbar li .floatinfo:before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #eff4fe;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

#progressbar li .floatinfo h5 {
    font-family: 'Graphik-Medium';
    font-size: 12px;
}

#progressbar li .floatinfo p {
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
}

#progressbar li .floatinfo p.yesCount {
    color: #70ce84;
}

#progressbar li .floatinfo p.noCount {
    color: #d66060;
}

.formCard .cardImage {
    display: block;
    margin: 0px auto;
}

.formCard .cardQues {
    border-top: 1px solid #9db3d2;
    border-bottom: 1px solid #9db3d2;
    padding: 20px 0 30px;
    margin: 20px 0;
}

.formCard .switchLabel {
    padding-bottom: 10px;
}

#msform fieldset .btnStyle {
    margin-right: 0;
    margin-left: 10px;
}

/*Multistep Wizard CSS End*/
.ansToggle {
    display: none;
}

.cta {
    padding: 10px 45px;
    text-decoration: none;
    font-size: 20px;
    color: #fff !important;
    background: #2d75ff;
    transition: 1s;
}

.cta:hover {
    transition: 0.5s;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}


.cta span:nth-child(2) {
    width: 20px;
    margin-left: 30px;
    position: relative;
    top: 12%;
}

/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }

    50% {
        fill: #FBC638;
    }

    100% {
        fill: white;
    }
}

.comparaBox .headBox {
    background-color: #fafafa;
    padding: 15px 20px;
}

.comparaBox .contentBox {
    padding: 20px;
}

.comparaBox .contentBox .nav-tabs {
    display: inline-block;
    margin: 0 auto;
}

.comparaBox .contentBox .nav-tabs li {
    display: inline-block;
}

.comparaBox .contentBox .nav-tabs .nav-item .nav-link {
    border: none;
    font-size: 16px;
    padding-top: 0;
    color: #466295;
    font-size: 18px;
    font-family: 'Graphik-Medium';
}

.comparaBox .contentBox .nav-tabs .nav-link.active,
.comparaBox .contentBox .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
    color: #2d75ff;
    border-bottom: 2px solid #2d75ff;
}

.comparaBox .contentBox .tab-content {
    padding: 10px 0 0 0;
}

.comparaBox .contentBox .tab-content h3 {
    color: #2d75ff;
    font-size: 26px;
}

.comparaBox .contentBox .clientLogo img {
    width: 60%;
    display: block;
    margin: 0px auto;
}

.comparaBox .contentBox .policyHead {
    border-bottom: 1px solid rgb(222, 226, 230);
    padding-bottom: 0.5rem;
    margin-bottom: 10px;
    text-align: center;
}

.comparaBox .contentBox .innerBox {
    position: relative;
}

.comparaBox .contentBox .innerBox::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ccc;
    top: 0;
    left: 0;
}

.comparaBox .coverDetail {
    padding: 20px;
    background-color: #fafafa;
    display: none;
}

.comparaBox .coverDetail .switchLabel {
    font-family: 'Graphik-Regular';
    font-size: 14px;
}

.comparaBox .coverDetail h4 {
    font-family: 'Graphik-Medium';
}

ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    list-style: none;
}

ul.accordion-list li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #FFF;
    padding: 20px;
    border-radius: 7px;
    cursor: pointer;
}

ul.accordion-list li h3 {
    position: relative;
    display: block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    width: calc(100% - 32px);
    margin: 6px 0 7px;
}

ul.accordion-list li h3.fullWidth {
    width: 100%;
}

ul.accordion-list li h3:after {
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    right: 20px;
    top: 0;
    color: #466295;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
}

ul.accordion-list li.active h3:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

ul.accordion-list li .accorEdit {
    display: inline-block;
    width: 32px;
    height: 32px;
}

ul.accordion-list li .accorEdit img {
    width: 100%;
}

ul.accordion-list li .accorContent {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
    cursor: pointer;
    border-top: 1px solid #e4e7ec;
}

ul.accordion-list li .accorContent .inputLabel {
    font-size: 14px;
    color: #7f8899;
    font-family: 'Graphik-Regular';
}


ul.accordion-list li .accorContent span {
    font-size: 12px;
}

ul.accordion-list li .accorContent p {
    color: #44546a;
}

ul.accordion-list li .accorContent p.yesView {
    color: #41f1c3;
}

ul.accordion-list li .accorContent p.noView {
    color: #ff6565;
}

ul.accordion-list li .accorQuestion {
    height: 32px;
    display: flex;
    align-items: center;
}

ul.accordion-list li .accorQuestion .accorEdit {
    display: none;
}

ul.accordion-list li .accorQuestion:hover .accorEdit {
    display: block;
}

@media screen and (min-width: 1200px) {
    .comparaBox .contentBox .innerBox .policyValue {
        width: 80%;
        margin: 0px auto;
    }
}

@media screen and (min-width: 1400px) {
    .comparaBox .contentBox .innerBox .policyValue {
        width: 60%;
        margin: 0px auto;
    }
}

.leftmenuWrapper .menuParent .menuChild .right h3 {
    color: #fff;
}

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

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

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

#ret-prem-info-sign input::-webkit-input-placeholder {
    font-size: 22px;
}

#ret-prem-info-sign input::-moz-placeholder {
    font-size: 22px;
}

#ret-prem-info-sign input:-ms-input-placeholder {
    font-size: 22px;
}

#ret-prem-info-sign input:-moz-placeholder {
    font-size: 22px;
}

.overView .subheadOne {
    opacity: 0.65;
    font-family: 'Graphik-Semibold';
    font-size: 14px;
    font-weight: 600;
    color: #37435a;
    text-transform: uppercase;
}

.overView h1 {
    font-size: 28px;
    font-family: 'Graphik-Semibold';
    color: #37435a;
    padding: 8px 0;
}

.compaTabs li a {
    font-size: 18px;
    font-family: 'Graphik-Semibold';
    color: #466295;
    padding: 10px 20px;
}

.compaTabs li a img {
    width: 20px;
    filter: invert(37%) sepia(9%) saturate(2404%) hue-rotate(180deg) brightness(96%) contrast(93%);
}

.compaTabs li a.active {
    color: #2d75ff;
    border-bottom: 2px solid #2d75ff;
}

.compaTabs li a.active img {
    filter: invert(34%) sepia(46%) saturate(3492%) hue-rotate(212deg) brightness(105%) contrast(101%);
}

.activiBox {
    background: #fff;
    height: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin: 10px 0;
}

.activiBox h2 {
    font-size: 40px;
    font-weight: 600;
    font-family: "Graphik-bold";
    color: #646464;
    margin: 0;
}

.activiBox p {
    margin-top: 8px;
    font-size: 18px;
    color: #333;
}

.graph-card {
    height: 350px;
    background-color: white;
    position: relative;
    display: block;
    padding: 20px;
    margin: 10px 0;
}

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

.updateBox {
    background-color: white;
    padding: 20px;
    margin: 10px 0;
}

.updateBox .updateBoxinner {
    height: 276px;
    overflow-y: scroll;
    padding-right: 10px;
}

.updateBox .updateBoxinner::-webkit-scrollbar-track {
    background-color: #eff4fe;
}

.updateBox .updateBoxinner::-webkit-scrollbar {
    width: 8px;
    background-color: #eff4fe;
}

.updateBox .updateBoxinner::-webkit-scrollbar-thumb {
    background-color: #466295;
}

.updateBox .updateBoxinner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.updateBox .updateBoxinner ul li {}

.updateBox .updateBoxinner ul li+li {
    margin: 20px 0 0 0;
    padding-top: 20px;
    border-top: 1px solid #e4e7ec;
}

.updateBox .updateBoxinner ul h4 {
    color: #333;
}

.recentPolicie {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.recentPolicie li {
    background: #fff;
}

.recentPolicie li+li {
    margin-top: 20px;
}

.recentPolicie li a {
    text-decoration: none;
    padding: 15px 20px;
}

.recentPolicie li a:hover {
    background: #2d75ff;
}

.recentPolicie li .policyNo {
    font-weight: 700;
    color: #333;
    font-size: 14px;
    width: 30%;
    min-width: fit-content;
}

.recentPolicie li .policyName {
    font-size: 14px;
    width: 60%;
    color: #333;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recentPolicie li .policyState {
    font-size: 14px;
    width: 10%;
    color: #333;
    text-align: end;
}

.recentPolicie li a:hover .policyNo,
.recentPolicie li a:hover .policyName,
.recentPolicie li a:hover .policyState {
    color: #fff;
}

/*------------kamlesh css start-------------*/
.gray1 {
    color: #959595;
}

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

.boxWrapper-bg {
    background-image: url(../../Images/bg-img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgb(17 17 153 / 20%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(17 17 153 / 20%);
    -moz-box-shadow: 0px 0px 10px 0px rgb(17 17 153 / 20%);
}

.retPreinfo-head {
    color: #7f8899;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Graphik-regular';
}

.retPreinfoNum {
    font-size: 30px;
    font-family: 'Graphik-regular';
    color: #2d75ff;
}

.retPreinfo {
    background-color: rgba(45, 117, 255, 0.2);
    border-radius: 3px;
    padding: 18px 0;
    width: 409px;
    margin: auto;
}

.retPreinfo h2 {
    font-family: 'Graphik-regular';
}

.contFullWrap {
    padding: 40px;
    margin-left: 100px;
}

.w-fit-content {
    width: fit-content;
}

.pastActComplt img {
    width: 23px;
}

.green1 {
    color: #64C879 !important;
}

.pastActBtmBordr {
    border-bottom: 1px solid #2d75ff2e;
    padding-bottom: 18px;
}

.reasonCheckk {
    display: none;
}

#reasonCheck {
    display: none;
}

.covHistSecuD {
    width: 100%;
    align-self: flex-end;
}

.webSitePubLi1Size {
    max-width: fit-content;
}

.customCheck+label:before {
    min-width: 18px;
}

/*-------------Right side menu start---------------*/
.menuWrapper#appSideMenu .quoteType {
    margin: 20px 0 0 0;
}

.menuWrapper#appSideMenu .quoteType li label span {
    padding: 7px 12px;
}

/*-------------Right side menu end---------------*/

/*-------------data collection start--------------*/
.tableContent#dataCollec table th.dataCollTabBGHead {
    background-color: #6d9fff;
    opacity: 1;
    font-size: 12px !important;
    color: white !important;
    text-align: center;
    font-family: 'Graphik-Regular' !important;
}

.tableContent#dataCollec table th.dataCollTabHead {
    font-weight: normal;
    overflow: hidden;
    padding: 10px 10px;
    font-family: 'Graphik-Medium';
    letter-spacing: normal;
    text-transform: none !important;
    font-size: 13px;
    border: solid 0.1px #ffffff26;
}

.tableContent#dataCollec table td {
    padding: 0;
    border: solid 1px #e4e7ec;
    overflow: hidden;
    width: 25%;
}

.tableContent#dataCollec table td .inpText {
    width: 100%;
    -webkit-appearance: none;
    float: left;
    padding: 0px 5px;
    height: 54px;
    font-size: 14px;
    line-height: 1.07;
    color: #182037;
    border: none;
    border: 1px solid transparent;
    font-family: 'Graphik-Medium';
}

.tableContent#dataCollec table td .inpText:focus,
.tableContent#dataCollec table td .inpText:active,
.tableContent#dataCollec table td .inpText:focus {
    display: block;
    border: transparent;
    padding-left: 6px;
    margin-left: auto;
}

.tableContent#dataCollec table td .otherSpeci-2 {
    background-color: #f6f6f6;
}

.tableContent#dataCollec table td input[type="text"].inpText::-webkit-input-placeholder,
.tableContent#dataCollec table td input[type="text"].inpText::placeholder {
    font-size: 13px;
}

.tableContent#dataCollec table td input[type="text"].otherSpeci-2::-webkit-input-placeholder,
.tableContent#dataCollec table td input[type="text"].otherSpeci-2::placeholder {
    color: grey;
}

.tableContent#dataCollec table td.leftData {
    padding: 12px 5px;
    font-size: 13px;
    line-height: 1.17;
    letter-spacing: normal;
}

.tableContent#dataCollec table {
    border-spacing: 0;
}

/*-------------data collection start--------------*/

#thirdParFourthopen,
#thirdParThirdOpen,
#infoSecuRiskopen,
#formCorpPriPopen2,
#technologyEconomicopen,
#empRemtAccopen,
#propriSystemopen,
#warrIndemniopen,
#thirdPartyopen,
#musiStreamVopen,
#socMedWebRelopen,
#infringIssueopen {
    margin-left: 50px;
}

#pciSecu,
#dataCollopen,
#thirdParFirstopen,
#thirdParSecondopen,
#thirdParThirdOpen,
#thirdParFourthopen,
#technologyEconomicopen,
#infoSecuRiskopen,
#formCorpPriPopen2,
#empRemtAccopen,
#propriSystemopen,
#warrIndemniopen,
#repliStorOpen,
#alternOffcLocOpen,
#infoTechnoSecuOpen,
#thirdPartyopen,
#infringIssueopen,
#musiStreamVopen,
#unsoliContMopen,
#socMedWebRelopen,
#reviLegCounopen {
    display: none;
}

/*----------------------summary css start-----------------*/
.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;
}

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

.primary-color {
    color: #2d75ff !important;
}

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

.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;
    margin-bottom: 20px;
}

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

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

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

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

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

.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 {
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

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

.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;
    font-family: 'Graphik-Regular';
}

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

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

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

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

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

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

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

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

#summTopDet {
    border-collapse: collapse !important;
    width: 100%;
}

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

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

.sectionOverview p {
    font-family: 'Graphik-Regular';
    color: #37435a;
    font-size: 14px;
}

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

.sectionInfo {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.floatLft {
    float: left;
}

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

/*--------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: 16px;
    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;
    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: #2d75ff;
    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;
}

.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: #2d75ff;
}

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

@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: #2d75ff;
}

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

@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: #2d75ff;
}

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

@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(125%);
}

.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: #2d75ff;
}

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

@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: #2d75ff;
}

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

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

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

@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);
    }
}

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

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

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

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

.tabs-1 input[name="tab-control"]:nth-of-type(6):checked~.content-1>section:nth-child(6) {
    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;
    }
}

/*----------------------summary css end-----------------*/


.graphik-regular {
    font-family: 'Graphik-Regular' !important;
}

#summ-sec3-butt a {
    padding: 4px 10px;
}

/*------table css start-------*/
.overviewTable {
    border-spacing: 0px;
}

.overviewTable tr th {
    background-color: #2d75ff;
    color: #fff;
    font-size: 14px;
    padding: 15px 20px;
}

.overviewTable tr th:first-child {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

.overviewTable tr th:last-child {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}

.overviewTable td {
    padding: 11px 20px;
    font-size: 14px;
    color: #44546a;
    border-bottom: 1px solid #e9ecef;
}

.overviewTable tr,
.summAppCovrg tr:last-child td {
    background-color: white;
}

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

.summAppCovrg tr:nth-child(3),
.summAppCovrg tr:nth-child(7),
.summAppCovrg tr:nth-child(13) {
    background-color: #f5f9ffad !important;
}

.overviewTable tr:last-child td {
    border-bottom: 2px solid #2d75ff;
}

.overviewTable .borRight {
    border-right: 1px solid #c2c9d8;
}

.overviewTable tr.accordianTr:nth-child(2),
.overviewTable tr.accordianTr:nth-child(6),
.overviewTable tr.accordianTr:nth-child(10),
.overviewTable tr.accordianTr:nth-child(14),
.overviewTable tr.accordianTr:nth-child(18),
.overviewTable tr.accordianTr:nth-child(22),
.overviewTable tr.accordianTr:nth-child(26),
.overviewTable tr.accordianTr:nth-child(30) {
    background-color: #fff
}

.accordianContent {
    display: none;
}

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

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

/*------table css end-------*/
.finInfo {
    font-size: 11px;
}

.covSHistSumm tr.summCovHis {
    background-color: #86b0ff12 !important;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Graphik-Regular';
}

.covSHistSumm tr.summCovHis td {
    color: #939393 !important;
    border-bottom: 2px solid #2d75ff !important;
    text-transform: uppercase;
}

.summCovHis2 {
    background-color: #2d75ff;
}



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

.comparative-bx4 .border-bott {
    border-bottom: 1px solid #2d75ff;
}

.comparative-bx4 table tbody tr th {
    font-size: 14px;
    background-color: transparent !important;
    border-top: 0;
    border-bottom: 0;

}

.comparative-bx4 table tbody tr td {
    font-size: 13px;
    padding: 0px 20px !important;
    color: #37435a;
    font-family: 'Graphik-Regular';
}

.insurIMG {
    min-width: 30px;
    width: 30px;
}

.dollar {
    display: flex;
}

#adjustPremiComm .dollar input {
    width: 87px;
}

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

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

.dollar .icon {
    min-width: auto !important;
}

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

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

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

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

.view-forms-left h3,
.view-forms-right h3 {
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    font-family: 'Graphik-Regular';
}

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

.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;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
}

.container-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container-c input:checked~.checkmark {
    background-color: #1763ff;
}

.container-c input:checked~.checkmark:after {
    display: block;
}

.container-c .checkmark:after {
    left: 4.5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

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

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

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

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

/* ------- scrollbar for box-1 end-------*/
#ret-prem-info-sign input {
    font-family: "Mistral";
    font-size: 26px;
    color: #7a7a7a;
    box-shadow: none;
}

.summMiddTabl {
    border-spacing: 0;
}

.shadow-3 {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .05) !important;
}

.shadow-4 {
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
}

#tableRowBG.overviewTable td {
    border-bottom: none;
}

#tableRowBG {
    border-bottom: 3px solid #2d75ff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
        overflow: hidden;
            border-collapse: separate !important;
}

.questionTabfirstT.overviewTable td {
    padding: 7px 20px;
}

.button-1 {
    font-size: 22px !important;
}

ul.covListImg {
    list-style-type: none;
    line-height: 28px;
}

ul.covListImg li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4.5px;
    height: 19px;
    width: 19px;
    background-size: 16px;
    background-image: url("../../Images/ypp-correct.png");
    background-repeat: no-repeat;
}

ul.covListImg li {
    display: block;
    position: relative;
    padding-left: 29px;
    text-align: left;
    width: 100%;
}

.tabs-1 ul.covListImg:after {
    background-color: transparent;
}

.covextraValue span {
    font-size: 16px;
    font-weight: 700;
    margin-left: 6px;
}

.summAppCovrg .accordianContent,
.questionTabfirstT .accordianContent,
.accordianTable .accordianContent {
    background-color: rgba(221, 235, 255, 0.68) !important;
}

.opacity-1 {
    opacity: 1;
}

.dBBxTBorRadi {
    border-radius: 10px;
}

/*----------------------Endorsement css start-----------------*/
.inputTextE {
    border: none;
    background-color: white;
    border: solid 1px #cad0d6;
    border-radius: 5px;
    padding: 12px;
    display: block;
    width: 100%;
    color: #444;
    font-size: 14px;
    min-height: 34px;
}

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

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

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

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

.inputTextE[disabled] {
    background-color: #f8f8f8;
}

.backBtn2a a svg {
    width: 25px;
    height: 25px;
}

.backBtn2a a {
    margin: 0;
}

.backBtn2a a {
    padding: 16px 0;
    width: auto;
    display: inline-grid;
}

.eShadow {
    -webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.03);
}

.tBorRad {
    border-radius: 10px;
    overflow: hidden;
}

.mainTable h2 {
    width: 100%;
    padding: 0.8rem 0;
    padding-left: 1.3rem;
    color: white;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    background-color: #2d75ff;
}

.tbleMrgn {
    margin: 3rem 0;
}

.tbleMrgnB {
    margin-bottom: 1rem;
}

.resp-table.resp-table {
    width: 100%;
    flex-wrap: wrap;
}

.resp-table-header {
    display: flex;
    flex-wrap: wrap;
    background-color: #2d75ff12;
    color: #939393;
    border-bottom: 2px solid #2d75ff;
}

.table-header-cell {
    font-weight: 700;
    font-size: 14px;
    padding: 11px 20px;
    text-align: left;
    overflow: hidden;
    list-style: none;
    box-sizing: border-box;
}

.mainTable .table-header-cell {
    display: flex;
    align-items: center;
}

.resp-table-row {
    background-color: white;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.eldrChildFirstBG {
    background-color: white !important;
}

.mainTable .resp-table-row:nth-child(even) {
    background-color: #f5f9ffad;
}

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


.caption-2.active .pdfDropArrow i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.caption-2 .pdfDropArrow i {
    font-size: 26px;
    color: #444;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}


.table-body-cell {
    list-style: none;
    overflow: hidden;
    padding: 11px 20px;
    text-align: left;
    font-family: 'Graphik-Regular';
    font-size: 14px;
    color: #37435a;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.caption-2 {
    background-color: white;
}

.caption-2 h3 {
    color: #476193;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/*-----------expand tab id section start-----------*/
.mainTable .table-body-cell .tropen i {
    font-size: 26px;
    color: #444;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.mainTable .table-body-cell.active .tropen i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.endorse-section-grp.chckbx-active {
    background-color: #e3edff;
}

.endorse-section-grp .resp-table-row {
    background-color: #e3edff;
}

.endorse-section-grp .resp-table-row:nth-child(even) {
    background-color: #dae6ff;
}

/*-----------expand tab id section end-----------*/
.EndHistDetls {
    background-color: #b5ceff;
    color: #494949;
}

.colCell20 {
    width: 20%;
}

.colCell80 {
    width: 80%;
}

.colCell100 {
    width: 100%;
}

.widthGroup1 .colCellOne,
.widthGroup1 .colCellTwo,
.widthGroup1 .colCellThree,
.widthGroup1 .colCellFour {
    width: 25%;
}

/*----------------------*/
.widthGroup2 .colCellOne {
    width: 55%;
}

.widthGroup2 .colCellTwo,
.widthGroup2 .colCellThree,
.widthGroup2 .colCellFour {
    width: 15%;
}

/*----------------------*/
.widthGroup3 .colCellOne {
    width: 40%;
}

.widthGroup3 .colCellTwo {
    width: 20%;
}

.widthGroup3 .colCellThree {
    width: 20%;
}

.widthGroup3 .colCellFour {
    width: 20%;
}

/*---------Premium Information start-----------*/
.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 #2de7b6;
    border-right: 4px solid #2de7b6;

}

.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: #2d75ff;
    font-size: 2rem;
    font-family: "Graphik-semibold";
    /* font-weight: 200; */
    margin-top: 10px;
}

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

/*---------Premium Information end-----------*/

/*----------------------Endorsement css end-----------------*/

/*----------------------Insured Popup start-----------------*/
.popupMedium {
    max-width: 600px;
}

.trmCondi {
    font-size: 16px;
    text-decoration: underline !important;
    margin-left: 10px;
    color: inherit;
}

.trmCondi img {
    width: 13px;
    height: auto;
    margin-right: 4px;
}

.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";
}

.insuSignValid {
    position: relative;
}

.insuSignValid .insuSignCorr {
    position: absolute;
    right: 24px;
    top: 23px;
    width: 20px;
}

.insuSignValid .insuSignInCorr {
    position: absolute;
    right: 24px;
    top: 26px;
    width: 16px;
}

/*----------------------Insured Popup end-----------------*/
/*---------------------------terms and condition start-------------*/
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
}

.popup {
    margin: 70px auto;

    background: #fff;
    border-radius: 5px;

    position: relative;
    transition: all 5s ease-in-out;
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover {
    color: black;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
}

/*---------------------------terms and condition end-------------*/
.emptyBox {
    display: block;
    margin: auto;
    width: 200px;
    height: auto;
    padding: 27px 0 27px 0;
}

.st0 {
    fill: #FFFFFF;
    stroke: #000000;
    stroke-miterlimit: 10;
}

/*---------------------------Summary Page Documents Tab start-------------*/
.edit-2 {
    position: absolute;
    right: 11px;
    top: 11px;
    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 img {
    height: 15px;
}

.summDocShare {
    display: flex;
    justify-content: center;
}

.summDocShare a {
    background-color: #2acfa1;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    padding: 7px;
}

.summDocShare a img {
    width: 20px;
    display: flex;
    margin: auto;
}

table.clSummDoc tr th,
table.clSummDoc tr td {
    text-align: center;
}

.clSummDnldDoc {
    position: relative;
}

.summDocShareMain p {
        font-size: 12px;
}

.tabs-1 ul li label.tabDoc svg {
    height: 1.6rem;
}
/*---------------------------Summary Page Documents Tab end-------------*/
/*--------------upload file start-----------*/
.file-upload {
    display: block;
    text-align: left;
    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.active .file-select {
    border-color: #2d75ff;
    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: #2d75ff;
    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;
}

/*--------------upload file end-----------*/
/*-----------Dashboard Matching css start--------*/
.graph-card select.inputText {
    width: 10rem;
    padding: 7px 14px;
    border-radius: 4px;
    background-color: white;
    font-size: 14px;
    border: 1px solid #939393;
    color: #666d7b;
    min-height: 0;
}

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



.graph-card {
    margin: 13px 0 10px 0;
}

.graph-card {
    padding: 28px;
}

.graphHead {
    font-size: 1.2rem;
    font-weight: 400;
    font-family: 'Graphik-Regular';
    color: #7f8899;
}

.activiBox {
    padding: 21px;
}

.recentPolicie li .policyNo {
    font-size: 12px;
}

.recentPolicie li .policyName {
    font-size: 12px;
}

.recentPolicie li + li {
    margin-top: 13px;
}

.dashBEqualBxL {
    padding-right: 10px;
}

.dashBEqualBxR {
    padding-left: 10px;
}
/*-----------Dashboard Matching css end--------*/

/*--------------Coverages start-----------*/
.drop-1 {
    padding: 0 !important;
}
.summCovSec table {
    border-collapse: collapse !important;
}
.summCovSec .accordianContent table tr,
.summCovSec .accordianContent table tr th {
        color: #466295;
        background-color: #d9e6ff;
    border-bottom: 1px solid #ffffff75;
}
.summCovTab .accordianTr:nth-child(4n-7) {
        background-color: #f5f9ffad !important;
}
/*--------------Coverages end-----------*/

/*---------------------------Summary Page Endorsement Tab end-------------*/
.newEndorse .mainHeadEndorse:after {
    display: none !important;
}
.newEndorse .mainHeadEndorse {
    color: #428bff;
}
.newEndorse2 {
        display: flex;
    align-items: center;
}
/*---------------------------Summary Page Endorsement Tab end-------------*/
.policy-No {
    font-size: 16px;
    color: #5e749b;
    font-weight: 600;
    font-family: 'Graphik-regular';
}
/*------------kamlesh css end-------------*/

@media screen and (max-width: 1280px) {
    .contWrap {
        margin-left: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .comparaBox .contentBox .nav-tabs .nav-item .nav-link {
        padding-left: 7px;
        padding-right: 7px;
    }

    

    .tabs-1 .slider .indicator {
        width: 71%;
    }
}

@media screen and (max-width: 1280px) {

    .contFullWrap {
        margin-left: 80px;
    }

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

    .tableContent table {
        margin: auto;
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        width: fit-content;
        max-width: 100%;
    }

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

    .payCardInduInp {
        width: 100%;
        margin-top: auto;
    }
}

@media screen and (max-width: 1200px) {
    .covHistSecuB {
        display: flex;
        flex-direction: column;
        flex-flow: wrap;
    }

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

    .tabs-1 input[name="tab-control"]:nth-of-type(3):checked~.slider {
    transform: translateX(163%);
}
.tabs-1 input[name="tab-control"]:nth-of-type(4):checked~.slider {
    transform: translateX(242%);
}
.tabs-1 input[name="tab-control"]:nth-of-type(5):checked~.slider {
    transform: translateX(318%);
}
.tabs-1 input[name="tab-control"]:nth-of-type(6):checked~.slider {
    transform: translateX(399%);
}
.tabs-1 ul li {
    width: 15%;
}
.tabs-1 ul li label svg {
    display: none;
}
.tabs-1 .slider {
    width: 19%;
}
.tabs-1 .slider .indicator {
        width: 75%;
}

    .covHistSecuD {
        align-self: flex-end;
        flex-basis: 100%;
    }

    .tableContent.covHist table td {
        padding: 10px 16px;
    }

    .contWrap.accountHubMain {
        width: calc(100% - 85px);
    }

    .tableContent.respoTD table td {
        padding: 10px 15px;
    }

    .tableContent.respoTD table td img {
        margin-bottom: 5px;
    }

    .freq-butt,
    .freq-butt3 {
        flex-wrap: wrap;
    }

    .freq-butt label {
        width: 30%;
    }

    .freq-butt3 label {
        width: auto;
    }

    /*-------------Right side menu start---------------*/
    .menuWrapper#appSideMenu .quoteType li label span {
        padding: 5px 12px;
    }

    .menuWrapper#appSideMenu {
        padding: 45px 20px 0;
    }

    /*-------------Right side menu end---------------*/
    .tableContent#dataCollec table td.leftData {
        font-size: 11px;
    }

    .tableContent#dataCollec table th.dataCollTabHead {
        font-size: 11px;
    }

    .tableContent#dataCollec table td.leftData {
        padding: 7px 5px;
    }

    .tableContent#dataCollec table td input[type="text"].inpText::-webkit-input-placeholder,
    .tableContent#dataCollec table td input[type="text"].inpText::placeholder {
        font-size: 10px;
    }

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

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

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

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

    .recentPolicie li .policyNo {
        font-size: 12px;
    }

    .recentPolicie li .policyName {
        font-size: 13px;
        margin-left: 18px;
    }

    .recentPolicie li .policyNo {
        font-size: 12px;
    }

    .updateBox .updateBoxinner ul h4 {
        font-size: 14px;
    }

}

@media screen and (max-width: 1199px) {
    .tableContent table {
        margin: auto;
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        width: fit-content;
        max-width: 100%;
    }

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

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

    .conInfoName {
        min-width: 30px;
    }

    .tableContent table td {
        padding: 10px 16px;
    }

    .covHistAddInsu {
        font-size: 12px;
        padding: 4px 17px;
    }

    .covHistHead2 {
        font-size: 17px;
    }

    .coverresp {
        max-width: 103%;
    }

    .covImgResp {
        padding: 5px;
    }
}

/*------------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: #2d75ff;
    border: 5px solid #2d75ff;
    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;
    text-align: center;
}

.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;
    cursor:auto;
    -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: #2d75ff;
    border: 5px solid #2d75ff;
    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;
}

.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;
    width: 420px;
}

.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: 1;
    /*align-items: end;*/
    cursor:pointer;
}

.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;
    }
}

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

.notifi {
    /*height: 272px;*/
    overflow-y: auto;
    background: #fff;
}

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

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

.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: #2d75ff;
    overflow-y: auto;
}

.notifi .list__item .list__item--link i {
    font-size: 16px;
    color: #8b8b8b;
    margin-left: 10px;
    margin-top: 9px;
}
.notificationPanel .liNoNotification {
    font-size: 17px;
    color: #466295;
    background: #fff;
    margin: 30px 0;
}
/* ------- scrollbar end-------*/
/*------------notification css end------------*/