/*Global css*/
*{margin:0;padding:0;}
body{width:100%;min-width:320px; overflow-x:hidden; font-family:"canada-type-gibson"; margin: 0; -webkit-text-size-adjust: none;}
.clear{clear:both;}
a,button{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:none;outline:0;color:#fff;}
a:focus,:focus, button:focus{outline:none!important;outline-offset:none!important;}
a, img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}
ul, ol{list-style:none;margin:0;}ul li, ol li{list-style:none;}
.custom-btn {background-color: #139FDA; box-shadow: 0px 4px 6px rgb(0 0 0 / 10%);border-radius: 100px; width: 283px; height: 61px; font-size: 18px;
 color: #fff; line-height: 20px; display: flex; align-items: center; justify-content: center;}
.custom-btn:hover, .custom-btn:focus{ background-color:#202645; color:#fff;}
/*=========IE10 and Above to 10, 11,12=====================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {select, select.form-control {background:#fff !important;padding-right:7px !important;}}
/*=========IE9 and Below to 9, 8, 7=====================*/
select, select.form-control {background: #fff !important;padding-right: 7px\9 !important;}
.blue-text{color: #139FDA !important;}
.green-text{color: #00A9A3 !important;}
.orange-text{color: #F49322 !important;}
.pink-text{color: #EC71A8 !important;}
.darkgreen-text{color: #1E7244 !important;}
.container{width:100%;max-width:1280px;position:relative;}

/***css***/
.for-tab{display: none;}
.client-portal-content {background-color: #F3F6F8;}
.left-width {padding: 0; max-width: 18%;}
.right-width {padding: 0; flex: 82%; max-width: 82%;}
.portal-left {background: #FFFFFF; box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06); padding: 8px 0; position: relative; z-index: 1; height: 100vw;}
.portal-logo {text-align: center; display: block;}
.user-detail {padding: 60px 15px 40px; display: flex; align-items: center;}
.user-img {min-width: 46px; height: 46px; border-radius: 50%; overflow: hidden;}
.user-name {padding-left: 9px;}
.user-name h6 {font-family: 'Poppins'; font-weight: 500; font-size: 14px; line-height: 21px; color: #192A3E; margin-bottom: 0;}
.user-name a {font-family: 'Poppins'; font-weight: 500; font-size: 11px; line-height: 17px; letter-spacing: 0.01em; color: #90A0B7; display: block;}
.portal-top-menu {border-bottom: 1px solid #EBEFF2; padding: 0 15px 25px; margin-bottom: 25px;}
.portal-menus ul{padding: 0 15px;}
.portal-menus ul li{ position: relative; margin-bottom: 22px; padding-left: 40px;}
.portal-menus ul li a {font-family:"canada-type-gibson"; font-weight: 400; font-size: 16px; line-height: 16px; letter-spacing: 0.01em; color: #334D6E;}
.portal-menus ul li a .menus-icon {position: absolute; left: 0; top: 0; min-width: 28px; text-align: center;}
.portal-menus ul li:hover a{color: #00A9A3;}
.portal-right-topBar {background-color: #fff; padding: 35px 38px;}
.search-bar {display: inline-flex; align-items: center;}
.search-bar .form-control {background-color: transparent; border: none; border-bottom: 1px solid #C2CFE0; border-radius: 0; padding-left:0; margin-left:14px;
 font-family: 'Poppins'; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0.01em; width: 200px; outline: none; box-shadow: none;}
.search-bar .form-control::-webkit-input-placeholder{color: #90A0B7;}
.search-bar .form-control::-moz-placeholder{color: #90A0B7;}
.search-bar .form-control::-ms-input-placeholder{color: #90A0B7;}
.search-bar .form-control::placeholder{color: #90A0B7;}
.notification {display: inline-flex; align-items: center; float: right; position: relative;}
.notification span{background-color: #F7685B; height: 13.5px; width: 13.5px; border-radius: 50%; position: absolute; top: 0; right: 0; content: ''; 
 font-size: 10px; text-align: center;}
.portal-right-bottomBar {padding: 42px 25px 42px 20px;}
.portal-title-filter {margin-bottom: 20px; position: relative;}
.portal-title {display: inline-block; margin-left: 20px;}
.portal-title h2 {font-family: "canada-type-gibson"; font-weight: 500; font-size: 26px; line-height: 32px; color: #272B30;}
.filter-content {margin-left: 30px; display: inline-block;}
.filter-content .form-group {width: 200px; border: 1px solid #E0E0E0; border-radius: 4px;}
.filter-content .form-group .form-control{background-color: #fff; border: 1px solid #E0E0E0; border-radius: 4px; height: 36px; box-shadow: none; 
 font-family: "canada-type-gibson"; font-weight: 500; font-size: 13px; line-height: 13px; color: #5F6368; padding: 6px 10px;}
.table-content{margin-bottom: 35px; padding-bottom: 2px;}
.table-content table {width: 100%; background-color: #fff;}
.table-content th {font-family: 'Poppins'; font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: 0.01em; color: #334D6E; opacity: 0.5;
 padding: 14px 15px; border-bottom: 1px solid #EBEFF2; white-space: nowrap;}
.table-content td {font-family: "canada-type-gibson"; font-weight: 400; font-size: 16px; line-height: 16px; letter-spacing: 0.01em; color: #707683;
 padding: 12px 15px; border-bottom: 1px solid #EBEFF2; white-space: nowrap;}
.table-content tr button {background: url(../images/dropdown-icon.svg) no-repeat; background-position: left center; background-size: 100%; border: none; 
 height: 8px; width: 10px; padding: 0;}
.action-detail {display: flex; align-items: baseline;}
.action-detail a {text-align: center; margin-right: 28px; text-decoration: none;}
.action-detail a:last-child{margin-right: 0;}
.action-detail a img {display: block; margin: auto;}
.action-detail a span {display: block; font-weight: 400; font-size: 12px; line-height: 12px; letter-spacing: 0.01em; color: #707683; margin-top: 6px;}
.blue-icon:hover span {color: #139FDA;}
.orange-icon:hover span {color: #F49322;}
.pink-icon:hover span {color: #EC71A8;}
.green-icon:hover span {color: #1E7244;}
.cancel-icon:hover span {color: #FF5454;}
.record-count {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: #6A7178; display: inline-block;}
.purchase-icon:hover span {color: #00A9A3;}
.table-content td.days-counter {padding-left: 5px;}
.days-counter img {max-width: 20px;}
.visible-none {visibility: hidden;}
.border-bg{border-left: 2px solid #F3F6F8; border-right: 2px solid #F3F6F8;}

/*Custom-Select-Dropdown*/
.custom-select-box {position: relative;}
.custom-select-box select {display: none; /*hide original SELECT element:*/}
.select-selected {background-color: #fff; border-radius: 4px;}
/*style the arrow inside the select element:*/
.custom-select-box .select-selected {height: 36px; display: flex; align-items: center;}
.select-selected:after {background: url(../images/dropdown-icon.svg) no-repeat; background-size: 100%; position:absolute; content:""; top:15px; right: 10px; 
 width: 10px; height: 7px;}
/*style the items (options), including the selected item:*/
.select-items div, .select-selected {cursor: pointer; user-select: none; background-color: #fff; font-family: "canada-type-gibson"; font-weight: 500; 
 font-size: 13px; line-height: 13px; color: #5F6368; padding: 6px 10px; box-shadow: none; min-height: 20px;}
/*style items (options):*/
.select-items {position: absolute; top: 100%; left: 0; right: 0; z-index: 99; font-size: 14px; color: #25334E; background-color: #fff; padding:8px 0; 
 border: 1px solid #E0E0E0; border-top: 2px dashed #D5D6DA; border-radius: 0 0 4px 4px;}
/*hide the items when the select box is closed:*/
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {color: #00A9A3;}
/*Custom-Select-Dropdown*/

/**Ping-modal-css**/
.modal {display: none; position: fixed; z-index: 1; padding-top:30px; left:0; right:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.25);
 overflow: auto; margin: auto;}
.modal-content {background-color: #F4F4FB; border-radius: 21px; margin: auto; padding: 20px; width: 100%;}
.close {color: #202645; font-size: 28px; font-weight: 400; opacity: 1; position: absolute; top: 20px; right: 18px; z-index: 1;}
.close:hover, .close:focus {color: #00A9A3; text-decoration: none; cursor: pointer;}
.ping-modal .modal-content{width: 660px; height: auto; margin: 30px auto;}
.modal-body {padding: 24px 27px 32px;}
.modal-text h2 {font-weight: 600; font-size: 36px; line-height: 44px; letter-spacing: -0.02em; color: #202645; padding-bottom: 25px; margin: 0;}
.modal-text p {font-weight: 400; font-size: 16px; line-height: 20px; color: #202645; margin-bottom: 32px;}
.policy-options .radio-btn {margin-bottom: 20px;}
.styled-selector{position:relative;}
.styled-selector input[type=checkbox]:not(old), .styled-selector input[type=radio]:not(old):not(.style_none_checkbox){ height: 100%; width: 100%; padding: 0; 
 opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; margin: auto;}
.styled-selector input[type=checkbox]:not(old)+label, .styled-selector input[type="radio"]:not(old)+label{display:inline-block; cursor:pointer; 
 margin-bottom: 0; padding-right: 45px; width: 100%;}
.styled-selector input[type="radio"]:not(old) + label{background:#fff url(../images/unchecked.svg) no-repeat; background-position: 97% center;}
.breakdown-modal .styled-selector input[type="radio"]:checked + label{background:#fff url(../images/checked-blue.svg) no-repeat; border-color: #139FDA; 
 background-position: 97% center;}
.policy-options .radio-btn label {background-color: #fff; border: 2px solid #B8BBD1; border-radius:8px; min-height:76px; padding:15px 17px; font-weight:400; 
 font-size: 20px; line-height: 20px; color: #202645; display: grid !important; align-items: center;} 
.policy-options .radio-btn label span {font-weight: 400; font-size: 16px; color: #202645;}
.modal-button {padding: 13px 0 0px; display: flex; align-items: center; justify-content: space-between;}
.modal-button .custom-btn {border: 2px solid #139FDA; box-shadow: 0px 4px 6px rgb(0 0 0 / 10%); border-radius: 100px;}
.modal-button .custom-btn:hover{ background-color: transparent; color: #139FDA;}
.modal-amend-btn {justify-content: center;}
.breakdown-modal .close {color: #139FDA;}
.breakdown-modal .custom-btn {background-color: #139FDA;}
.back-btn {font-size: 18px; line-height: 18px; color: #139FDA; font-weight: 400; display: flex; align-items: self-start;}
.back-btn i {margin-right: 12px; font-size: 14px;}
.back-btn:hover {color: #00A9A3;}
.policyModal-field .form-group {background-color:#fff; border:1px solid rgba(45, 48, 71, 0.2); border-radius:10px; padding:6px 16px 8px; margin-bottom:20px;
 position: relative;}
.address-field:before {position: absolute; font-family: "Font Awesome 5 Pro"; content: "\f3c5"; font-size: 18px; color: #139FDA; right: 15px; top: 15px;
 font-weight: 300; cursor: pointer;}
.policyModal-field label {font-size: 12px; font-weight: 400; line-height: 18px; color: #139FDA; opacity: 0.8; margin-bottom: 0;}
.policyModal-field .form-control {background-color: transparent; border: none; padding: 0 15px 0 0; font-family: Poppins; font-weight: 400; font-size: 14px;
 color: #454A6C; line-height: 20px; outline: none; box-shadow: none;}
.policyModal-field .form-group.map-field {background-color: transparent; padding: 0; border: none; overflow: hidden;}
.map-field iframe {height: 330px; width: 100%;}
.modal-text h4 {font-weight: 600; font-size: 24px; line-height: 44px; letter-spacing: -0.02em; color: #202645;}
.changeOrNot-txt {text-align: center; padding: 50px 30px;}
.changeOrNot-txt h4 {font-weight: 400; font-size: 24px; line-height: 44px; text-align: center; letter-spacing: -0.02em; color: #202645;}
.changeOrNot-txt .modal-button {padding-top: 50px;}
.changeOrNot-txt .custom-btn {width: 203px;}
.breakdown-modal .custom-btn.no-btn {background-color: transparent; color: #139FDA; margin-right: 10px;}
.breakdown-modal .custom-btn.no-btn:hover{background-color: #139FDA; color: #fff;}
.policyModal-field h5 {font-size: 16px; line-height: 18px; color: #202645; font-weight: 400;}
.policyModal-field .custom-select-box .select-selected {height: inherit; padding: 0;}
.policyModal-field .select-selected:after {background: url(../images/dropdown-icon-blue.svg) no-repeat; position: absolute; content:""; top: 0px; right: 0; 
 width: 13px; height: 8px;}
.policyModal-field .select-items {position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; font-size: 14px; color: #454A6C; 
 border: 1px solid rgba(45, 48, 71, 0.2); border-top: 2px dashed #D5D6DA; border-radius: 0 0 10px 10px; padding: 10px 16px 5px; margin: 5px -17px 0;}
.policyModal-field .select-items div, .policyModal-field .select-selected {font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 18px;
 color: #202645; padding: 0px;}
.policyModal-field .select-items div {margin-bottom: 9px;}
.policyModal-field .select-items div:hover, .policyModal-field .same-as-selected {color: #139FDA;}
.cover-product-table {background: #FFFFFF; box-shadow: 0px 4px 14px rgb(0 0 0 / 5%); border-radius: 21px; padding: 25px 22px 30px; margin-bottom: 20px;}
.cover-product-title {padding: 0 12px;}
.cover-product-title h4 {font-weight: 600; font-size: 20px; line-height: 18px; color: #202645; display: inline-block; margin-bottom: 7px;}
.cover-product-title h6 {font-weight: 300; font-size: 20px; line-height: 18px; color: #202645; display: block;}
.product-table {border: 1px solid #139FDA; border-radius: 10px; margin-top: 22px;}
.product-table table {width: 100%;}
.product-table td {padding:12px 12px; border-right: 1px solid #139FDA; border-bottom: 1px solid #139FDA; text-align:center; font-size:16px; line-height:21px;
 color: #202645; font-weight: 400;}
.product-table td:first-child {background: rgba(19, 159, 218, 0.05); text-align: left; width: 65%;}
.product-table td:last-child {border-right: none;}
.product-table td .fa-check {color: #009BF5; font-size: 18px;}
.product-table td .fa-times {color: #FF4C4C; font-size: 20px;}
.product-table tr:last-child td {border-bottom: none;}
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator {cursor: pointer; font-size: 18px; color: #139FDA; 
 position:absolute; right:9px; top:17px; opacity:0;}
.date-field:before {position: absolute; font-family: "Font Awesome 5 Pro"; content: "\f133"; font-size: 18px; color: #139FDA; right: 15px; top: 20px; 
 font-weight: 300;}
.date-field input[type="date"] {padding-right: 0; height: 22px;}
.amendStart-txt {padding: 50px 0px;}
.amendStart-txt h4 {font-weight: 400; font-size: 24px; line-height: 44px; text-align: center; letter-spacing: -0.02em; color: #202645; margin-bottom: 30px;}
.amendStart-txt .modal-button {padding-top: 50px;}
.your-quote-title {display: flex; align-items: center; justify-content: space-between; margin: 12px 0 26px;}
.your-quote-title .insurance-form-title {padding: 0; margin-bottom: 0;}
.insurance-form-title h3 {font-weight: 600; font-size: 32px; line-height: initial; color: #139FDA; display: flex; justify-content: space-between; 
 margin-bottom: 7px;}
.insurance-form-title span {font-weight: 500; font-size: 16px; line-height: 20px; color: #139FDA; display: block;}
.quote-price {text-align: right;}
.quote-price h3 {font-size: 64px; color: #139FDA; font-weight: 600; line-height: 40px; margin-bottom: 0;}
.quote-price h3 span {font-size: 48px; font-weight: 400;}
.quote-price > span {font-weight: 400; font-size: 16px; color: #202645; display: block;}
.quote-price strong {font-size: 16px; line-height: 24px; color: #139FDA; font-weight: 500;}
.cover-box {background: #fff; box-shadow: 0px 4px 14px rgb(0 0 0 / 5%); border-radius: 21px; padding: 25px 35px 30px; margin-bottom: 30px;}
.cover-box h5 {font-weight: 600; font-size: 20px; line-height: 18px; color: #202645; margin-bottom: 30px;}
.cover-box ul li {font-size: 16px; line-height: 18px; color: #202645; display: flex; justify-content: space-between; margin-bottom: 20px;}
.cover-box ul li strong {font-weight: 600; text-align: right;}
.address-txt {font-weight: normal;}
.modal-cover-btn {padding-top: 30px;}
.modal-cover-btn .custom-btn{width: 223px;}
.modal-cover-btn .decline-btn {background-color: #FF4C4C; border-color: #FF4C4C; box-shadow: 0px 4px 6px rgb(0 0 0 / 10%); border-radius: 100px;}
.modal-cover-btn .decline-btn:hover{color: #FF4C4C;}
.security-field:before {position: absolute; font-family: "Font Awesome 5 Pro"; content: "\f023"; font-size: 18px; color: #139FDA; right: 15px; top: 15px;
 font-weight: 400;}
.insurance-form-title span.refund-subtxt{display: block; font-weight: 400; font-size: 16px; line-height: 20px; color: #202645;}
.policyModal-field textarea.form-control {height: 245px; resize: none;}

.gap-modal .close {color: #F49322;}
.gap-modal .styled-selector input[type="radio"]:checked + label{background:#fff url(../images/checked-orange.svg) no-repeat; background-position: 97% center;
 border-color: #F49322;}
.gap-modal .custom-btn {background-color: #F49322; border-color: #F49322;}
.gap-modal .custom-btn:hover {color: #F49322;}
.gap-modal .back-btn {color: #F49322;}
.gap-modal .back-btn:hover {color: #00A9A3;}
.gap-modal .policyModal-field label{color: #F49322;}
.gap-modal .policyModal-field .select-items div:hover, .gap-modal .policyModal-field .same-as-selected {color: #F49322;}
.gap-modal .address-field:before, .gap-modal .date-field:before, .gap-modal .security-field:before {color: #F49322;}
.gap-modal .custom-btn.no-btn {background-color: transparent; color: #F49322; margin-right: 10px;}
.gap-modal .custom-btn.no-btn:hover {background-color: #F49322; color: #fff;}
.modal-cover-btn .decline-btn {background-color: #FF4C4C; border-color: #FF4C4C;}
.modal-cover-btn .decline-btn:hover {color: #FF4C4C;}
.gap-modal .policyModal-field .select-selected:after {background: url(../images/dropdown-icon-orange.svg) no-repeat; position: absolute; content: ""; 
 top: 0px; right: 0; width: 13px; height: 8px;}

.cycle-modal .close {color: #EC71A8;}
.cycle-modal .styled-selector input[type="radio"]:checked + label{background:#fff url(../images/checked-pink.svg) no-repeat; background-position: 97% center;
 border-color: #EC71A8;}
.cycle-modal .custom-btn {background-color: #EC71A8; border-color: #EC71A8;}
.cycle-modal .custom-btn:hover {color: #EC71A8;}
.cycle-modal .back-btn {color: #EC71A8;}
.cycle-modal .back-btn:hover {color: #00A9A3;}
.cycle-modal .policyModal-field label{color: #EC71A8;}
.cycle-modal .address-field:before, .cycle-modal .date-field:before, .cycle-modal .security-field:before {color: #EC71A8;}
.cycle-modal .custom-btn.no-btn {background-color: transparent; color: #EC71A8; margin-right: 10px;}
.cycle-modal .custom-btn.no-btn:hover {background-color: #EC71A8; color: #fff;}
.choose-bicycle {max-width: 345px; margin: 30px auto auto;}
.choose-bicycle .radio {position: relative; margin-bottom: 22px;}
.choose-bicycle .radio input {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 44px; width: 100%; z-index: 1; opacity: 0;}
.choose-bicycle .radio input[type="radio"]:checked + label {background-color: #EC71A8; border-color: transparent; color: #fff;}
.choose-bicycle .radio label {border: 2px solid #EC71A8; border-radius: 100px; font-weight: 400; font-size: 18px; line-height: 18px; text-align: center;
 color: #EC71A8; height: 60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px 0px rgb(0 0 0 / 10%);}
.cycle-modal .policyModal-field .select-selected:after {background: url(../images/dropdown-icon-pink.svg) no-repeat; position: absolute; content: ""; 
 top: 0px; right: 0; width: 13px; height: 8px;}
.cycle-modal .policyModal-field .select-items div:hover, .cycle-modal .policyModal-field .same-as-selected {color: #EC71A8;}
.form-option-btn {background-color: transparent !important; border: none !important; display: flex; align-items: center; padding: 0 !important;}
.form-option-btn .radio {position: relative; margin-right: 20px;}
.form-option-btn .radio:last-child {margin-right: 0;}
.form-option-btn .radio input {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 44px; width: 100%; z-index: 1; opacity: 0;}
.form-option-btn .radio label {background-color: #fff; border: 1px solid rgba(45, 48, 71, 0.15); border-radius:8px; height:44px; width:85px; font-size:14px;
 color: #454A6C; display: flex; align-items: center; justify-content: center;}
.form-option-btn .radio input[type="radio"]:checked + label {background-color: #EC71A8; border-color: transparent; color: #fff;}
.modal-cover-btn .decline-btn {background-color: #FF4C4C; border-color: #FF4C4C;}
.modal-cover-btn .decline-btn:hover {color: #FF4C4C;}

.policy-type-table td.policytype-details {padding: 0; border: none;}
.policy-detail-box {background-color: #F3F6F8; padding: 25px 0 0px; width: 100%;}
.rowshowB{outline: 2px solid #139FDA;}
.policy-detail-box .cover-box {margin-bottom: 45px; min-height: 200px;}
.policy-detail-box .product-table td {padding: 11px 12px; line-height: 20px;}
.policy-documents {margin-top: -15px;}
.cover-box .policy-documents li {margin-bottom: 5px; white-space: normal;}
.policy-documents li a {font-size: 16px; line-height: 23px; color: #139FDA; font-weight: 500;}    
.policy-documents li a:hover {color: #202645;}
.cover-select-radio {display: flex;}
.cover-select-radio h5 {margin-bottom: 18px;}
.cover-select-radio .radio_box {margin: -2px 0 0 50px;}
.toggle.round {border-radius: 12px;}
.toggle.round:before {border-radius: 50%;}
.switch {position: relative; display: inline-block; width: 36px; height: 20px;}
.switch input {opacity: 0; width: 0; height: 0;}
.toggle {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #B8BBD1; -webkit-transition: .4s; transition: .4s;}
.toggle:before {position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; 
 transition: .4s;}
.breakdown-auto-renewal input:checked + .toggle {background-color: #139FDA;}
input:checked + .toggle:before {-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}
.policy-detail-box .cover-box p {white-space: normal; font-weight: 400; font-size: 12px; line-height: 128.5%; color: #202645;}
.policy-detail-box .cover-box p:last-child{margin-bottom: 0;}

.rowshowG {outline: 2px solid #F49322;}
.orange-chk {color: #F49322;}
.gap-policy-doc .policy-documents li a {color: #F49322;}
.policytype-details-gap .row [class*="col-"]{margin-bottom: 30px;}
.policytype-details-gap .cover-box {margin-bottom: 0; height: 100%;}

.rowshowC {outline: 2px solid #EC71A8;}
.pink-chk {color: #EC71A8;}
.cover-box ul li strong .fa-times {color: #FF4C4C; font-size: 20px; font-weight: normal;}
.cycle-policy-doc .policy-documents li a {color: #EC71A8;}
.cycle-auto-renewal input:checked + .toggle {background-color: #EC71A8;}
.policy-detail-box .cover-box.cycle-auto-renewal {min-height: auto;}
.bicycle-detail-box h5 {display: inline-block;}
.bicycle-detail-box .nav-tabs {display: inline-flex; float: right; border-bottom: none;}
.bicycle-detail-box .nav-tabs li{margin-right: 17px;}
.bicycle-detail-box .nav-tabs li:last-child {margin-right: 0px;}
.bicycle-detail-box .nav-tabs .nav-link {border: none; font-weight: 400; font-size: 16px; line-height: 18px; color: #C9C9C9; padding: 0;}
.bicycle-detail-box .nav-tabs .nav-link.active{color: #EC71A8; text-decoration: underline;}
.breakdown-detail-box h5 {display: inline-block;}
.breakdown-detail-box .nav-tabs {display: inline-flex; float: right; border-bottom: none;}
.breakdown-detail-box .nav-tabs li{margin-right: 17px;}
.breakdown-detail-box .nav-tabs li:last-child {margin-right: 0px;}
.breakdown-detail-box .nav-tabs .nav-link {border: none; font-weight: 400; font-size: 16px; line-height: 18px; color: #C9C9C9; padding: 0;}
.breakdown-detail-box .nav-tabs .nav-link.active{color: #007bff; text-decoration: underline;}
.breakdown-detail-box .nav-tabs .nav-link {font-size: 15px;}
.breakdown-detail-box.breakdown-detail-box {padding-bottom: 30px;}
.policytype-cycledetails .cover-box ul li:last-child {margin-bottom: 0;}
.cover-box-personal {padding-bottom: 40px;}
.cover-box.cover-box-insurance ul li {margin-bottom: 17px;}
.policytype-cycledetails .cover-box.cover-box-personal ul li:last-child {margin-bottom: 20px;}

.cover-box-vehicle {padding-bottom: 68px;}
.policytype-cycledetails .cover-box.cover-box-vehicle ul li:last-child {margin-bottom: 20px;}
.cover-box-personalDetail {display: flex; justify-content: space-between;}
.cover-box-personalDetail ul {width: 50%; margin-right: 85px;}
.cover-box-personalDetail ul:last-child {margin-right: 0;}

.breakdown-driver-detail-box h5 {display: inline-block;}
.breakdown-driver-detail-box .nav-tabs {display: inline-flex; float: right; border-bottom: none;}
.breakdown-driver-detail-box .nav-tabs li{margin-right: 17px;}
.breakdown-driver-detail-box .nav-tabs li:last-child {margin-right: 0px;}
.breakdown-driver-detail-box .nav-tabs .nav-link {border: none; font-weight: 400; font-size: 16px; line-height: 18px; color: #C9C9C9; padding: 0;}
.breakdown-driver-detail-box .nav-tabs .nav-link.active{color: #007bff; text-decoration: underline;}

.rowshowCR {outline: 2px solid #1E7244;}
.caravan-modal .close {color: #1E7244;}
.caravan-modal .styled-selector input[type="radio"]:checked + label{background:#fff url(../images/checked-green.svg) no-repeat; border-color: #1E7244; 
 background-position: 97% center;}
.caravan-modal .custom-btn {background-color: #1E7244; border-color: #1E7244;}
.caravan-modal .custom-btn:hover {color: #1E7244;}
.caravan-modal .back-btn {color: #1E7244;}
.caravan-modal .back-btn:hover {color: #00A9A3;}
.caravan-modal .policyModal-field label{color: #1E7244;}
.caravan-modal .policyModal-field .select-items div:hover, .caravan-modal .policyModal-field .same-as-selected {color: #1E7244;}
.caravan-modal .address-field:before, .caravan-modal .date-field:before, .caravan-modal .security-field:before {color: #1E7244;}
.caravan-modal .custom-btn.no-btn {background-color: transparent; color: #1E7244; margin-right: 10px;}
.caravan-modal .custom-btn.no-btn:hover {background-color: #1E7244; color: #fff;}
.modal-cover-btn .decline-btn {background-color: #FF4C4C; border-color: #FF4C4C;}
.modal-cover-btn .decline-btn:hover {color: #FF4C4C;}
.caravan-modal .policyModal-field .select-selected:after {background: url(../images/dropdown-icon-green.svg) no-repeat; position: absolute; content: "";
 top: 0px; right: 0; width: 13px; height: 8px;}
.policyModal-field .form-option-btn .radio input[type="radio"]:checked + label {background-color: #1E7244; border-color:transparent; color:#fff; opacity:1;}
.cover-box ul li ul {margin: 12px 0 0;}
.cover-box ul li ul li {margin-bottom: 10px; font-style: italic;}
.cover-box ul li ul li:last-child {margin-bottom: 0;}
.amendStart-txt .modal-close-btn {justify-content: center; padding-top: 5px;}
.modal-close-btn .custom-btn {width: 205px;}

.policy-detail-box .cover-box-location {min-height: inherit; padding-bottom: 55px;}
.policy-detail-box .cover-box-claims {margin-bottom: 30px;}
.caravan-policy-doc .policy-documents li a {color: #1E7244;}
.caravan-auto-renewal input:checked + .toggle {background-color: #1E7244;}

/**Quote-List**/
.add-new-btn {position: absolute; top: 0; bottom: 0; right: 0; margin: auto; display:flex; align-items: center;}
.add-new-btn > a {background:#00A9A3; box-shadow:0px 4px 6px rgb(0 0 0 / 10%); border-radius:50px; padding:15px 15px; font-size:18px; color:#fff !important;
 text-align: center; height: 61px; min-width: 158px; display: flex; align-items: center; justify-content: center; z-index: 2;}
.add-new-dropdown {background: #fff; box-shadow: 0px 4px 16px rgb(0 0 0 / 10%); border-radius: 25px; border-top: none; text-align: center; padding: 5px 0;
 position: absolute; left: 0; top: 20px; padding-top: 40px; width: 100%; margin: auto; -webkit-transform: translateZ(0); opacity:0; z-index:1; display:none;}
.add-new-btn:hover .add-new-dropdown{opacity: 1; display: block;}
.add-new-dropdown li {padding: 13px 5px; display: flex; justify-content: center; border-bottom: 1px dashed #E2E2E2;}
.add-new-dropdown li:last-child {border-bottom: none;}
.add-new-dropdown li a {font-weight: normal; font-size: 16px; line-height: 16px; padding: 0;}
.add-new-dropdown li a:hover {color: #00A9A3 !important;}

.pagination {display: inline-block; float: right;}
.pagination a {background: #fff; border: 1px solid #CED4DA; border-radius: 4px; float: left; padding: 2px; text-decoration: none; height: 32px; width: 32px;
 font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; display: flex; align-items: center; justify-content: center; color: #4F575E; 
 margin-left: 8px;}
.pagination a:first-child{margin-left: 0;}
.pagination a.prev, .pagination a.next {font-size: 13px; color: #101213;}
.pagination a.prev i, .pagination a.next i {font-weight: 500;}
.pagination a.active, .pagination a:hover {border: 1px solid #1068EB; color: #1068EB;}
.pagination a.dots {background: transparent; border: none; padding: 0; align-items: end; width: auto;}
.filter-content .form-group .form-control#date {border: none;}

/**Settings**/
.setting-details{background-color: #fff; box-shadow: 0px 4px 14px rgb(0 0 0 / 5%); border-radius: 21px; padding: 50px 35px 30px; margin-bottom: 30px;}
.accountDetail-title h5 {font-weight: 600; font-size: 16px; line-height: 18px; color: #202645; margin-bottom: 30px;}
.user-address {font-weight: 400; font-size: 16px; line-height: 28px; color: #1B3C47;}
.tel-mail-text {font-weight: 400; font-size: 16px; line-height: 28px; color: #1B3C47;}
.tel-mail-text strong {font-weight: 400;}
.change-detail {margin-top: 30px;}
.change-detail a {font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; text-decoration: underline; color: #139FDA;}
.accountDetail-txt ul {padding: 0;}
.accountDetail-txt ul li {list-style: none; display: flex; align-items: center; text-align: left; margin-bottom: 15px; font-size: 16px; color: #1B3C47;
 position: relative;}
.preferences-list li img {position: absolute; top: 2px; left: -40px;}


/***Media***/
@media only screen and (max-width:1440px){
.cover-box-vehicle {padding-bottom: 85px;}
.policytype-caravandetails .cover-box-vehicle {padding-bottom: 68px;}
}

@media only screen and (max-width:1400px){
.policy-detail-box .cover-box {padding: 25px 20px 30px;}
.cover-box-vehicle.cover-box-vehicle {padding-bottom: 85px;}
.policytype-caravandetails .cover-box-vehicle {padding-bottom: 68px;}
.policy-detail-box .cover-box-location {padding-bottom: 55px;}
}

@media only screen and (max-width:1280px){
.left-width {max-width: 20%;}
.right-width {flex: 80%; max-width: 80%;}
.portal-menus ul li a {font-size: 15px;}
.portal-right-topBar {padding: 30px 25px;}
.table-content th {padding: 14px 12px;}
.table-content td {padding: 12px 12px; font-size: 15px;}

/**Ping-modal-css**/
.modal-text h2 {font-size: 32px; line-height: 40px;}
.policy-detail-box .cover-box {min-height: 215px;}
.bicycle-detail-box.bicycle-detail-box {padding-bottom: 35px;}
.cover-box-vehicle.cover-box-vehicle {padding-bottom: 100px;}
.policytype-caravandetails .cover-box-vehicle {padding-bottom: 68px;}
.policy-detail-box .cover-box-location {min-height: auto;}
.policytype-caravandetails .caravan-auto-renewal {padding-bottom: 38px;}
}

@media only screen and (max-width:1199px){
.left-width {max-width: 24%;}
.right-width {flex: 76%; max-width: 76%;}
.portal-menus ul li a {font-size: 14px;}
.portal-right-topBar {padding: 30px 22px;}
.portal-right-bottomBar {padding: 35px 22px;}
.table-content td {font-size: 14px;}
.action-detail a {margin-right: 23px;}

/**Ping-modal-css**/
.modal-text h2 {font-size: 28px; line-height: 34px; padding-bottom: 18px;}
.policy-options .radio-btn label {font-size: 18px;}
.policy-options .radio-btn label span {font-size: 15px;}
.policy-detail-box .cover-box {min-height: 230px;}
.add-new-btn > a {height: 52px; min-width: 140px;}

.cover-box.cover-box-insurance ul li {margin-bottom: 18px;}
.bicycle-detail-box .nav-tabs {display: flex; float: none; margin-bottom: 20px;}
.policytype-cycledetails .cover-box.cover-box-personal ul li:last-child {margin-bottom: 0;}
.cover-box-vehicle.cover-box-vehicle {padding-bottom: 128px;}
.policy-detail-box .cover-box-location {min-height: auto;}
.policytype-caravandetails .cover-box-vehicle {padding-bottom: 68px;}
.policytype-caravandetails .caravan-auto-renewal {padding-bottom: 28px;}

/**Settings**/
.setting-details {padding: 40px 18px 10px;}
.accountDetail-block {margin-bottom: 30px;}
.accountDetail-title h5 {font-size: 15px; margin-bottom: 25px;}
.user-address, .tel-mail-text, .accountDetail-txt ul li {font-size: 15px;}
.change-detail a {font-size: 15px;}
.preferences-list li img {left: -30px;}
}

@media only screen and (max-width:991px){
.for-tab{display:inline-block;}
.for-desktop{display:none;}
.left-width {max-width: 100%;}
.right-width {flex: 100%; max-width: 100%;}
.portal-left {height: auto; padding: 2px 0; box-shadow: 2px 0px 8px rgb(0 0 0 / 6%);}
.sidebar-top {display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
.h-width{width: 33%;}
.menu-toggle {font-size: 22px; color: #000; margin-top: 10px; display: block;}
.header-right{display: flex; justify-content: end; position: relative;}
.portal-menus {background-color: #fff; position: absolute; top: 61px; left: 0; right: 0; padding: 15px 0 0; box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 6%);
 margin-top: 0; display: none;}
.header-right .user-detail {padding: 0;}
.menuicon {background-color: transparent; padding: 0; display: flex; align-items: center;}
.menuicon:focus{box-shadow: none;}
.header-right .dropdown-menu.show {right: 0; margin: 0; transform: translate3d(-95px, 40px, 0) !important;}
.user-img {min-width: 38px; height: 38px;}
.user-img img {width: 38px;}
.user-name {padding-left: 7px;}
.user-name h6 {font-size: 13px; line-height: 15px;}
.user-name a {font-size: 10px;}
.portal-right-topBar {padding: 8px 15px;}
.notification {width: 26px;}
.portal-right-bottomBar {padding: 30px 18px;}
.action-detail a {margin-right: 20px;}

/**Ping-modal-css**/
.modal-text h2 {font-size: 26px;}
.policy-options .radio-btn label {font-size: 17px;}
.policy-options .radio-btn label span {font-size: 14px;}
.changeOrNot-txt h4 {font-size: 22px; line-height: 32px;}
.amendStart-txt h4 {font-size: 22px; line-height: 32px;}
.your-quote-title {margin: 12px 0 22px;}
.insurance-form-title h3 {font-size: 28px;}
.insurance-form-title span {font-size: 15px; line-height: 22px;}
.quote-price h3 {font-size: 55px; line-height: 42px;}
.quote-price h3 span {font-size: 40px;}
.quote-price > span {font-size: 15px;}
.quote-price strong {font-size: 15px; line-height: 20px;}
.cover-box {padding: 20px 25px;}
.cover-box h5 {font-size: 18px; margin-bottom: 20px;}

.policy-detail-box .cover-box {margin-bottom: 30px;}
.policytype-details-gap .row [class*="col-"] {margin-bottom: 0;}
.policytype-details-gap .cover-box {height: auto; min-height: 320px;}
.policy-documents {margin-top: -10px;}
.bicycle-detail-box.bicycle-detail-box {padding-bottom: 85px;}
.cover-box-vehicle.cover-box-vehicle {padding-bottom: 122px;}

.bicycle-detail-box .nav-tabs {display: inline-flex; float: right;}
.cover-box-personalDetail ul {margin-right: 60px;}

.policytype-caravandetails .cover-box-vehicle {padding-bottom: 55px;}
.policy-detail-box .cover-box-location {padding-bottom: 62px;}
.policytype-caravandetails .caravan-auto-renewal {padding-bottom: 28px;}

/**Settings**/
.accountDetail-title h5 {margin-bottom: 15px;}
.change-detail {margin-top: 15px;}
}

@media only screen and (max-width:767px){
.portal-right-bottomBar {padding: 30px 15px;}
.portal-title-filter {margin-bottom: 12px;}
.portal-title {display: block; margin-left: 2px;}
.filter-content {margin-left: 0; margin-top: 15px; display: block;}
.filter-content .form-group {width: 100%;}
.portal-title h2 {font-size: 23px; line-height: 28px;}
.table-content th {font-size: 12px; padding: 14px 10px;}
.table-content td {font-size: 13px; padding: 12px 10px;}
.action-detail a span {font-size: 11px;}

/**Ping-modal-css**/
.modal {padding-top: 15px;}
.ping-modal .modal-content {width: 95%; padding: 20px 7px}
.modal-body {padding: 20px 15px;}
.modal-text h2 {font-size: 24px;}
.modal-text p {font-size: 15px; line-height: 18px; margin-bottom: 20px;}
.policy-options .radio-btn label {font-size: 16px;}
.policy-options .radio-btn label span {font-size: 13px;}
.modal-button .custom-btn {width: 240px; height: 55px; font-size: 16px;}
.changeOrNot-txt {padding: 35px 40px;}
.changeOrNot-txt .custom-btn {width: 205px;}
.changeOrNot-txt h4 {font-size: 20px; line-height: 26px;}
.amendStart-txt {padding: 35px 0px;}
.amendStart-txt h4 {font-size: 20px; line-height: 26px;}
.amendStart-txt .modal-button {padding-top: 30px;}
.cover-product-title {padding: 0px;}
.cover-product-title h4 {font-size: 16px;}
.cover-product-title h6 {font-size: 16px; line-height: 16px;}
.product-table td {padding: 10px 12px; font-size: 15px;}
.product-table td:first-child {width: 75%;}
.product-table td .fa-check {font-size: 16px;}
.product-table td .fa-times {font-size: 18px;}
.your-quote-title {margin: 5px 0 15px;}
.insurance-form-title h3 {font-size: 25px;}
.insurance-form-title span {font-size: 14px; line-height: 20px;}
.quote-price h3 {font-size: 48px; line-height: 40px;}
.quote-price h3 span {font-size: 32px;}
.quote-price > span {font-size: 14px;}
.quote-price strong {font-size: 14px;}
.modal-text h4 {font-size: 22px; line-height: 35px;}
.cover-box {padding: 20px 15px;}
.cover-box h5 {font-size: 16px;}
.cover-box ul li {font-size: 15px; margin-bottom: 15px;}
.product-table td {padding: 10px 12px; font-size: 15px;}
.product-table td:first-child {width: 75%;}
.insurance-form-title span.refund-subtxt {font-size: 14px; line-height: 18px;}
.policy-documents li a {font-size: 15px; line-height: 20px;}
.table-content td.days-counter {font-size: 12px;}
.policyModal-field textarea.form-control {height: 180px;}

.policy-detail-box .cover-box {min-height: auto;}
.bicycle-detail-box .nav-tabs li {margin-right: 14px;}
.bicycle-detail-box .nav-tabs .nav-link {font-size: 15px;}
.cover-box-personalDetail {display: block; justify-content: inherit;}
.cover-box-personalDetail ul {margin-right: 0; width: 100%;}
.policytype-cycledetails .cover-box-personalDetail ul li:last-child {margin-bottom: 15px;}
.bicycle-detail-box.bicycle-detail-box {padding-bottom: 30px;}
.cover-box-vehicle.cover-box-vehicle {padding-bottom: 30px;}

.filter-content .row [class*="col-"] {max-width: 35%; flex: 35%;}
.add-new-btn {top: auto; bottom: 15px;}
.add-new-btn > a {font-size: 15px; height: 45px; width: 100%;}
.add-new-dropdown {top: 8px;}
.add-new-dropdown li {padding: 11px 5px;}
.add-new-dropdown li a {font-size: 15px;}
.pagination a {font-size: 12px; height: 28px; width: 28px;}
.pagination a.prev, .pagination a.next {font-size: 10px;}
.record-count {font-size: 13px;}

.policy-detail-box .cover-box-location {padding-bottom: 30px;}

/**Settings**/
.preferences-list li {padding-left: 30px;}
.preferences-list li img {left: 0;}

.amendStart-txt .modal-close-btn {padding-top: 5px;}
}

@media only screen and (max-width:567px){
.portal-menus {top: 50px;}
.search-bar .form-control {margin-left: 10px;}
.portal-title h2 {font-size: 20px; line-height: 26px;}
.filter-content .row {margin: 0 -5px;}
.filter-content .row [class*="col-"] {padding: 0 5px; max-width: 50%; flex: 50%;}
.filter-content .form-group .form-control {font-size: 12px;}
.record-count {font-size: 13px;}

/**Ping-modal-css**/
.modal-body {padding: 20px 10px;}
.close {top: 14px; right: 14px;}
.modal-text h2 {font-size: 23px; line-height: 28px;}
.modal-text p {font-size: 14px;}
.styled-selector input[type=checkbox]:not(old)+label, .styled-selector input[type="radio"]:not(old)+label {padding-right: 32px;}
.policy-options .radio-btn label {font-size: 15px; padding: 12px 10px; min-height: 70px;}
.policy-options .radio-btn label span {font-size: 12px;}
.styled-selector input[type="radio"]:not(old) + label {background-size: 17px;}
.breakdown-modal .styled-selector input[type="radio"]:checked + label {background-size: 17px;}
.modal-button {display: block; align-items: inherit; justify-content: inherit;}
.back-btn {margin-bottom: 20px;}
.modal-button .custom-btn {width: 100%; height: 52px; font-size: 14px;}
.changeOrNot-txt {padding: 20px 0px;}
.changeOrNot-txt h4 {font-size: 18px; line-height: 25px;}
.changeOrNot-txt .modal-button {padding-top: 35px;}
.changeOrNot-txt .custom-btn { width: 100%;}
.breakdown-modal .custom-btn.no-btn, .gap-modal .custom-btn.no-btn, .cycle-modal .custom-btn.no-btn, .caravan-modal .custom-btn.no-btn {margin-right: 0; 
 margin-bottom: 15px;}
.back-btn {font-size: 17px;}
.policyModal-field h5 {font-size: 14px;}
.policyModal-field .form-group {padding: 5px 12px 8px; margin-bottom: 15px;}
.cover-product-table {padding: 20px 12px;}
.amendStart-txt {padding: 20px 0px;}
.amendStart-txt h4 {font-size: 18px; line-height: 25px;}
.insurance-form-title h3 {font-size: 20px; margin-bottom: 3px;}
.insurance-form-title span {font-size: 12px;}
.quote-price h3 {font-size: 35px; line-height: 30px;}
.quote-price h3 span {font-size: 28px;}
.quote-price strong {font-size: 12px;}
.modal-text h4 {font-size: 20px}
.quote-price > span {font-size: 11px;}
.cover-box {padding: 20px 12px;}
.cover-box h5 {font-size: 15px;}
.cover-box ul li {font-size: 13px;}
.product-table td {font-size: 14px;}
.modal-cover-btn .decline-btn {margin-bottom: 15px;}
.insurance-form-title span.refund-subtxt {font-size: 12px; line-height: 16px;}
.gap-modal .styled-selector input[type="radio"]:checked + label {background-size: 17px;}
.cycle-modal .styled-selector input[type="radio"]:checked + label {background-size: 17px;}
.choose-bicycle {max-width: 100%;}
.choose-bicycle .radio {margin-bottom: 18px;}
.choose-bicycle .radio label {font-size: 16px; height: 54px;}
.policyModal-field .select-items {padding: 10px 12px 5px; margin: 5px -14px 0;}
.policyModal-field .select-items div, .policyModal-field .select-selected {font-size: 12px; line-height: 16px;}
.policy-documents li a {font-size: 13px;}

.add-new-btn {top: 0; bottom: 0; position: inherit; margin-bottom: 20px;}
.pagination {display: flex; justify-content: space-between; float: none; margin: 10px auto 0; width: 92%;}
.days-counter img {max-width: 18px;}

/**Settings**/
.accountDetail-title h5 {margin-bottom: 12px;}
.user-address, .tel-mail-text, .accountDetail-txt ul li {font-size: 14px;}
.change-detail {margin-top: 8px;}
.change-detail a {font-size: 14px;}
#pingModalContactPref .policy-options .radio-btn label {min-height: 60px;}
}

/* 09-12-2022 */
.modalc {display: none; position: fixed; z-index: 1; padding-top: 50px; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.25);
    overflow: auto;}
   .modal-contentc {background-color: #fff; border-radius: 21px; margin: auto; padding: 20px; width: 100%;}
   .close {font-family: canada-type-gibson, sans-serif; color: #202645; font-size: 30px; font-weight: bold; opacity: 1; position: absolute; top: 15px; 
    right: 20px; z-index: 1;}
   .close:hover, .close:focus {color: #00A9A3; text-decoration: none; cursor: pointer;}
   .ping-modalc {text-align: center;} 
   .ping-modalc .modal-contentc{width: 784px; height: auto; margin: 120px auto 50px; position: relative;}
   .modal-bodyc {padding: 22px 140px 32px;}
   .modal-textc{text-align: left;}
   .modal-textc h2 {font-style: normal; font-weight: 600; font-size: 36px; line-height: 44px; text-align: center; letter-spacing: -0.02em; color: #202645;
    padding-bottom: 28px; margin: 0; display: flex; align-items: center; justify-content: center;} 
   .modal-textc h2 img {padding-left: 12px;}
   .modal-textc p {font-weight: normal; font-size: 16px; line-height: 20px; text-align: center; color: #202645; margin-bottom: 0;}
   .ping-modalc form label {font-family: 'Poppins', sans-serif; font-style:normal; font-weight:500; font-size:14px; line-height:20px; color:#2D3047; 
    display: block; margin-bottom: 8px;}
   .ping-modalc form .form-group {margin-bottom: 16px;}
   .ping-modalc form .form-control {background-color: #F4F4FB; border: none; border-radius: 5px; height: 50px; width: 100%; padding: 12px 15px; 
    font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 25px; color: #454A6C;}
   .ping-modalc form .form-control::-webkit-input-placeholder{color:#ACACAC;}
   .ping-modalc form .form-control::-moz-placeholder{color:#ACACAC;}
   .ping-modalc form .form-control::-ms-input-placeholder{color:#ACACAC;}
   .ping-modalc form .form-control::placeholder{color:#ACACAC;}
   .remember-forgot-content {display: flex; align-items: center; justify-content: space-between;}
   .policy-radio-box {display: inline-block; position: relative;}
   .policy-radio-box .radio_box {position: absolute; top: 2px; left: 0;}
   .toggle.round {border-radius: 12px;}
   .toggle.round:before {border-radius: 50%;}
   .switch {position: relative; display: inline-block; width: 36px; height: 20px;}
   .switch input {opacity: 0; width: 0; height: 0;}
   .toggle {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #B8BBD1; -webkit-transition: .4s; transition: .4s;}
   .toggle:before {position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; 
    transition: .4s;}
   input:checked + .toggle {background-color: #00A9A3;}
   input:checked + .toggle:before {-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}
   .remember-forgot-content .policy-radio-box .control-label {font-family: 'Poppins', sans-serif; font-style: normal; font-weight: normal; font-size: 12px; 
    line-height: 128.5%; display: flex; align-items: center; color: #202645; min-height: 24px; margin-bottom: 0; padding-left: 50px;}
   .remember-forgot-content .policy-radio-box .radio_box .radio {background-color: #00A9A3;}
   .forgot-pass {font-style: normal; font-weight: 500; font-size: 12px; line-height: 128.5%; display: flex; align-items: center; text-align: right;
    text-decoration-line: underline; color: #00A9A3;}
   .forgot-pass:hover{color: #202645; text-decoration-line: underline;}
   .modal-buttonc {padding: 42px 0 0px; display: flex; align-items: center; justify-content: center;}
   .modal-buttonc .custom-btn {background: #00A9A3; box-shadow: 0px 4px 6px rgb(0 0 0 / 10%); border-radius: 100px; height: 60px; width: 158px;}
   .modal-buttonc .custom-btn:hover{ background-color: #202645;}
   #pingModalThanks.ping-modalc .modal-contentc {width: 570px;}
   #pingModalThanks .modal-bodyc {padding: 22px 100px 32px;}
   .loginModel{
       width: 510px;
       /* border:2px solid #000; */
       /* padding:0px 54px 60px; */
   }
   .signupModel{
       width: 510px;
       margin-left:0px;
       /* border-left:2px solid #000; */
       /* padding:0px 0px 22px 58px; */
       position: relative;
   }
   .signupModel .form-fields label{
    text-align: left;
   }
   .verticalimg{
       margin-left:78px;
   }


/***06-07-23***/
.table-content {padding-top: 2px;}
.table-content td > span {font-family: 'Poppins'; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: 0.01em; color: #334D6E;
 opacity: 0.5; white-space: nowrap; display: none; width: 70%;}

@media only screen and (max-width:567px){
.portal-title-filter {margin-bottom: 2px;}
.table-content thead th {display: none;}
.table-content td {padding: 8px 10px 7px;}
.table-content tbody td {display: flex; align-items: center;}
.table-content td.action-detail {border-bottom: 1px solid #ccc;}
.table-content td > span {display: inline-block;}
.table-content td#arrowBtn {padding: 10px 10px 8px;}
.table-content td.pink-expand {background-color: #f0d6e2;}
.table-content td.yellow-expand {background-color: #f3e1cb;}
.table-content td.blue-expand {background-color: #a9def5;}
.table-content td.green-expand {background-color: #aeeac9;}
/*** code commented on 24_05_2024
.table-content td.pink-expand-active {background-color: #EC71A8;}
.table-content td.yellow-expand-active {background-color: #F49322;}
.table-content td.blue-expand-active {background-color: #139FDA;}
.table-content td.green-expand-active {background-color: #1E7244;}
 code commented on 24_05_2024 ***/
.action-detail a img {width: 18px;}
.cover-box tbody td {display: revert; align-items: inherit;}
.address-txt {max-width: 215px; white-space: normal;}
.policy-detail-box .cover-box {margin-bottom: 20px; padding: 22px 15px 20px;}
.cover-box ul li.home-address {flex-wrap: wrap;}
}