.small {
	display: block;
}

.large {
	display: none;
}

.small-inline {
	display: inline-block;
}

.large-inline {
	display: none;
}

.helpcenter_container {
	text-align: center;
	background-color: #23c7d4;
}

.helpcenter {
	text-align: right;
	display: inline-block;
	width: 90%;
	max-width: 1000px;
	padding-block: 10px;
	color: #ffffff;
	font-size: 0px;
}

.helpcenter div {
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	vertical-align: middle;
	display: inline-block;
	margin-top: 3px;
}

.helpcenter div span {
	font-size: 12px;
}

.helpcenter img {
	width: 21px;
	height: 21px;
	vertical-align: middle;
	margin-left: 10px;
}

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

.helpcenter.on div {
	font-weight: bold;
}

.helpcenter.on img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 20px;
}

#modal_editCard, #modal_callcenter {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-bottom: 54px;
	z-index: 2000;
	background-color: var(--event);
}

.modalPage {
	width: 100%;
	height: 100%;
}

.modalPage .top {
	display: flex;
	height: 70px;
  padding: 21px 32px 21px 20px;
	font-size: 16px;
	line-height: 1.69;
	background-color: var(--overtime);
}

#callcenter_mob .top {
	background-color: var(--instant);
}

.modalPage .top img {
	width: 24px;
	height: 24px;
}

.modalPage .content {
	padding: 32px 36px 54px;
	overflow-y: scroll;
	height: 100%;
}

.modalPage .content .name {
	font-size: 25px;
	line-height: 1.5;
	margin-bottom: 24px;
	text-transform: capitalize;
}

.modalPage button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	width: 244px !important;
}
.modalPage button img {
	margin-right: 10px;
	height: 18px;
}

#callcenter_mob button:first-of-type {
	background-color: var(--instant);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);
}
.modalPage .white_backgr{
	color: var(--instant);
	background-color: var(--event);
	border: 1px solid var(--instant);
}

#callCenter_when {
	margin-top: 24px;
	text-align: center;
	line-height: 1.69;
}

.fascia_container {
	text-align: center;
	background-color: #0a91ad;
}

.fascia {
	text-align: left;
	display: inline-flex;
	width: 90%;
	max-width: 1000px;
	padding-block: 40px;
	color: #ffffff;
	font-size: 0px;
}

.fascia_modal {
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #0a91ad;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
}

.fascia_modal img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 20px;
}

.fascia_modal div {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	display: inline-block;
}

.person {
	display: inline-block;
	vertical-align: middle;
	min-width: 50%;
}

.person img {
	vertical-align: middle;
	height: 56px;
	margin-right: 24px
}

.person div {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

.det {
	display: inline-block;
	vertical-align: middle;
	min-width: 50%;
	text-align: right;
	font-size: 16px;
	font-weight: 300;
	position: relative;
}

.det b {
	font-size: 25px;
}

.det span {
	font-weight: bold;
}

.det img {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 24px;
	right: 0px;
}

button.btnsmall {
	background-color: #ffffff;
	border: solid 1px #0a91ad;
	color: #0a91ad;
	height: 48px;
	font-size: 14px;
	width: 140px !important;
	min-width: unset !important;
	max-width: unset !important;
	padding-left: 24px;
	padding-right: 24px;
}

button.btnsmall.gray {
	border: solid 1px #979797;
	color: #333333;
}

button.btnsmall.white {
	background-color: rgba(255, 255, 255, 0.24);
	border: solid 1px #ffffff;
	color: #ffffff;
}

button.btnsmall.disabled {
	border: solid 1px #d9d9d9;
	color: #d9d9d9;
}

.tabs_container {
	text-align: center;
	background-color: #0a91ad;
}

.tabs {
	display: inline-block;
	width: 100%;
	max-width: 1000px;
	font-size: 0;
}

.tab {
	display: inline-block;
	width: 33.333333%;
	font-size: 14px;
	font-weight: 400;
	padding: 10px;
	color: #ffffff;
	cursor: pointer;
}

.tab.selected {
	font-weight: bold;
	color: #0a91ad;
	background-color: #ffffff;
}

.blackPopup {
	display: none;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
	-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.7));
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.7));
	color: #ffffff;
	padding: 24px;
	border-radius: 6px;
	text-align: left;
	z-index: 2;
}


.blackPopup::after {
	content: '';
	position: absolute;
	top: -16px;
	right: 20px;
	opacity: 0.7;
	width: 0px;
	border-width: 0 10px 17px;
	border-style: solid;
	border-color: #000 transparent;
}

.blackPopup h4 {
	line-height: 2.4;
	font-size: 20px;
	margin-bottom: 10px;
}
.blackPopup p {
	font-weight: 400;
	line-height: 1.5;
	font-size: 14px;
}

#ap_policy_details {
	text-align: left;
	padding: 24px 24px 20px;
	border-right: solid 1px var(--run);
	width: 328px;
	font-size: 16px;
}

#ap_policy_details.mob {
	width: 100%;
	border: 0;
	padding-bottom: 40px;
} 

#ap_policy_details .row {
	padding-block: 24px;
	border-bottom: 1px solid var(--run);
	font-size: 16px;
	line-height: 1.88;
}

#ap_policy_details .row:first-of-type {
	padding-top: 0;
}

#ap_policy_details .row.last {
	border-bottom: 0;
	padding-bottom: 0;
}

#ap_policy_details .row .toggle_cnt{
	margin-left: 26px;
}
#ap_policy_details .row .boxtitle{
	padding: 0;
	padding-bottom: 10px;
}
#ap_policy_details .row h6{
	font-size: 20px;
	line-height: 1.5;
}
#ap_policy_details .row h6 span{
	font-size: 14px;
	line-height: 1.5;
	font-weight: 300;
	padding-left: 10px;
}
#ap_policy_details .row h6 small{
	font-size: 12px;
	line-height: 1.5;
	font-weight: 300;
	padding-left: 10px;
	color: var(--power);
}

.editLink {
	display: flex;
	align-items: center;
	font-weight: 200;
	font-size: 14px;
	line-height: 1.93;
	color: var(--overtime);
	text-decoration: underline;
	cursor: pointer;
}

.editLink img {
	margin-left: 10px;
}

.editLink.disabled {
	color: var(--disabled);
	text-decoration: none;
}

#ap_policy_details .h5-prm {
	font-size: 20px;
	line-height: 1.5;
}

#ap_policy_details .h5-prm small{
	font-size: 12px;
	color:var(--power);
	font-weight: 200;
	padding-left: 6px;
}

#policy_main_right {
	width: calc(100% - 328px);
	border-radius: 0 6px 6px 0;
	background-color: var(--light-blue);
}

#policy_main_right .tabs_cnt {
	position: relative;
	border-bottom: 6px solid var(--overtime);
} 

#policy_main_right .tab {
	height: 83px;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--overtime);
	font-size: 16px;
	cursor: pointer;
}

#policy_main_right .tab > p{
	text-decoration: underline;
}

#policy_main_right .tab span {
	font-size: 12px;
	line-height: 18px;
	color: var(--still);
	font-weight: 200;
}

#insured_people_tab {
	background-color: var(--light-blue);
}

#manage_renewal_tab {
	background-color: #f8f8f8;
}

.spanInfo {
	display: inline-block;
	height: 16px;
	width: 16px;
  margin-left: 4px;
	background-image: url(img/ico-alert-grey.svg);
}

#manage_renewal_tab.active .spanInfo {
	background-image: url(img/ico-alert.svg);

}



.spanInfo + .blackPopup {
	display: none;
	top: 46px;
	right: -23px;
	left: -230px;
}

.spanInfo + .blackPopup p {
	text-transform: none !important;
}

.spanInfo + .blackPopup.show {
	display: inline;
}

#invisible_layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#policy_main_right .tab.active {
	color: #ffffff;
	background-color: var(--overtime);
	font-weight: 800;
}

#policy_main_right .tab.active p {
	text-transform: uppercase;
	text-decoration: none;
}
#policy_main_right .tab.active span {
	color: #ffffff;
}

#policy_main_right .tab_content_cnt {
	font-size: 16px;
	text-align: left;
}

#policy_main_right .tab_content {
	height: calc(100% - 89px);
	padding: 25px;
	padding-bottom: 7px;
	border-radius: 0 0 6px 0;
	min-height: 660px;
}

#policy_main_right #tab_content_renewal {
	background-color: #f8f8f8;
	min-height: 659px;
}

.insured_kids_cnt {
	margin-top: 40px;
}

.insured_kids_cnt .boxes{
	display: grid;
	grid-template-columns: 48% 48%;
	column-gap: 4%;
}

.insured_box {
	display: flex;
	border-radius: 6px;
  border: solid 2px var(--overtime);
  min-height: 149px;
	text-align: left;
	margin-bottom: 24px;
}

.insured_box.disabled {
	border: 2px solid var(--run);
}

.insured_box.contraente_box.disabled {
	border: 2px solid var(--power);
}

.insured_box .icon {
	display: flex;
  align-items: flex-end;
	justify-content: center;
	background-color: var(--light-blue);
	border-radius: 6px 0 0 6px;
	width: 25%;
}

.insured_box.disabled .icon {
	background-color: var(--position);
}

.insured_box.future_kids_box .icon {
	background-color: var(--position);
}

.insured_box.future_kids_box {
	border: 2px solid var(--disabled);
}

.insured_box.off {
	border: 2px solid var(--disabled);
}

.insured_box.off .icon {
	background-color: var(--position);
}

.insured_box .icon img{
	width: 69px;
  height: 98px;
}

.insured_box .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 75%;
	padding: 25px 20px 18px;
	background-color: #ffffff;
	border-radius: 0 6px 6px 0;
}

.insured_box h6 {
	font-size: 18px;
	line-height: 1.67;
}

#noKidsBanner {
	padding: 30px;
  border-radius: 6px;
  border: solid 2px var(--disabled);
	text-align: center;
}

#noKidsBanner h5 {
	font-size: 16px;
	line-height: 27px;
}
#noKidsBanner p {
	font-size: 14px;
	line-height: 20px;
}
#noKidsBanner a {
	font-size: 14px;
	line-height: 20px;
	color: var(--overtime);
	white-space: nowrap;
	cursor: pointer;
	text-decoration: underline;
}

#policy_main_right h4 {
	font-size: 20px;
	line-height: 1.5;
}

#boxes_renew #add_children.vertical {
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}

#boxes_renew #add_children.vertical b {
	text-align: center;
}

#add_children.disabled {
	border: dashed 2px var(--power);
}

#add_children.disabled .circle {
	background-color: var(--disabled);
}
#add_children.disabled b {
	color: var(--disabled);
}

#add_children.maxReached {
	color: #333333;
	border: solid 1px var(--disabled);
	text-align: center;
	cursor: default;
}

.insured_kids_cnt .boxes .icon {
	justify-content: flex-end;
}
.insured_kids_cnt .boxes .icon img{
	width: 48px;
  height: 64px;
}

.span_age {
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	padding-left: 10px;
}

#m_tabs_and_content .insured_kids_cnt .boxes .span_age {
	padding: 0;
	padding-top: 6px;
}

.boxes .kid_name {
	font-size: 20px;
	line-height: 1.2;
	text-transform: capitalize;
}

.insured_kids_cnt h5 {
	font-size: 14px;
	line-height: 1.93;
	margin-block: 8px;
}

.removeKidBtn {
	text-decoration: underline;
	font-size: 14px;
	cursor: pointer;
}

#addKid_modal {
	max-height: 80vh;
}

#newKidBox_cnt .apmodalbox:not(:last-of-type) {
	margin-bottom: 20px;
}

.mobile.apstream h6 {
	font-size: 14px;
	line-height: 1.5;
	color: var(--power);
	padding-left: 10px;
}

#contactsAddress .content {
	display: grid;
	padding-inline: 24px;
	padding-bottom: 24px;
	grid-template-columns: 1fr 1fr 1fr .2fr;
	gap: 24px;
}

#_contactsAddress .content {
	padding-inline: 24px;
}

#_contactsAddress .content > div{
	padding-bottom: 10px;
}

#_contactsAddress .textInfo, #contactsAddress .textInfo {
	font-size: 12px;
	line-height: 1.5;
	padding-bottom: 24px;
}

#contactsAddress .textInfo {
	padding-inline: 24px;
}

#contactsAddress h6, #contactsAddress h6 {
	padding-left: 10px;
	font-size: 14px;
	color: var(--power);
	line-height: 18px;
}
#contactsAddress .info, #contactsAddress .info {
	display: inherit;
	padding-left: 34px;
	font-size: 16px;
	line-height: 1.7;
}

#_reclami h6 {
	padding-left: 0;
}

#policy_main_cnt {
	margin-bottom: 24px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 6px;
}

#edit_done {
	opacity: 1;
	height: 40px;
	background-color: var(--instant);
	width: 100%;
	border: 1px solid var(--run);
	border-top: 0;
	border-radius: 0 0 6px 6px;
	font-size: 16px;
	line-height: 18px;
	transition: all 1s ease-in-out;
}

#edit_done img {
	height: 16px;
}

#edit_done b {
	color: #ffffff;
}

#edit_done.fade {
  -webkit-animation: fadeinout 6s linear forwards;
    animation: fadeinout 6s linear forwards;
}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
	8%,85% { opacity: 1 ;}
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
	8%,85% { opacity: 1 ;}
}

.addMobileDiv {
	display: flex;
	align-items: center;
}

.addMobileDiv .circle {
	margin-left: 10px;
	width: 32px;
	height: 32px;
}
.addMobileDiv .circle.disabled {
	background-color: var(--disabled);
}

.apboxes_container {
	text-align: center;
}

.apboxes {
	padding-top: 40px;
	padding-bottom: 24px;
	font-size: 0;
	width: 100%;
	max-width: 1000px;
}

.apbox {
	margin-bottom: 24px;
	font-size: 14px;
	border-radius: 6px;
	border: solid 1px #cccccc;
	text-align: left;
}

.apbox.duo {
	width: 50%
}

.flexer {
	display: flex;
	gap: 24px;
}

.lrpad {
	padding-right: 24px;
	padding-left: 24px;
}

.apinner_container {
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 24px;
	display: flex;
	flex-wrap: wrap;
}

.appadder {
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
}

.apinfo {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}

.apinfo.duo, .apinfo.quater {
	display: inline-block;
	width: 50%;
	padding-left: 12px;
	padding-right: 12px;
	vertical-align: middle;
}

.apinfo.quater {
	width: 25%;
}

.apinfo p, .apinfo span {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
}

.apcalendar {
	vertical-align: middle;
	width: 18px;
	height: 17px;
	margin-right: 6px;
}

.apnote {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
}

.covered {
	vertical-align: top;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-left: 12px;
	padding-right: 12px;
	display: flex;
	gap: 20px;
	align-items: center;
}

.covered .time {
	height: 16px;
	width: 16px;
	vertical-align: middle;
	margin-top: -2px;
}

.covered p, .covered span {
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	white-space: nowrap;
}

.person p {
	font-weight: 300;
	font-size: 20px;
	line-height: 1.5;
}

.person h5 {
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
	white-space: nowrap;
}

.covered p, .person p {
	display: block;
}

.boxtitle {
	padding: 24px;
	padding-bottom: 20px;
	font-size: 25px;
	line-height: 1.5;
	color: #0a91ad;
	font-weight: 600;
}

.boxtitle span {
	font-size: 12px;
	font-weight: 400;
	color: #979797;
}

.boxtitle.collaps {
	position: relative;
	color: #666666;
	padding-right: 44px;
	cursor: pointer;
}

#fascia_two .apstream {
	position: relative;
	cursor: pointer;
}

.boxtitle.collaps::after, #fascia_two .apstream::after  {
	content: '';
	width: 20px;
	height: 25px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 24px;
}

.boxtitle.collaps::after {
	top: 50%;
	transform: translatey(-50%) rotate(180deg);
	background-image: url(img/chevron.svg);
}

#fascia_two .apstream::after {
	background-image: url(img/icon-edit.svg);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#fascia_two .apstream.disabled::after {
	background-image: url(img/icon-edit-lightgrey.svg);
}

.collapsed .collaps::after {
	transform: translatey(-50%) rotate(0deg);
}

.collapsed .content {
	display: none;
}

.boxsubtitle {
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}

.aptxt {
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 20px;
	font-size: 16px;
}

.pale {
	display: inline-block;
	position: relative;
	min-width: 40px;
	height: 80px;
	margin-right: 23px;
}

.pale.blue {
	background: #e8f2f9;
}

.pale.gray {
	background: #f0f0f0;
}

.pale img {
	width: 46px;
	position: absolute;
	left: 17px;
	bottom: 0px;
}

.apdownload {
	padding-left: 12px;
	padding-right: 12px;
	align-items: center;
	display: flex;
	margin-bottom: 20px;
}

.apdownload.big {
	padding-right: 63px;
	border: solid 1px #cccccc;
	border-radius: 6px;
	position: relative;
	height: 52px;
}

.apdownload.big::after {
	content: '';
	background: #0a91ad;
	background-image: url(img/arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 13px;
	position: absolute;
	top: -1;
	right: -1;
	width: 52px;
	height: 52px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.apdownload img {
	height: 24px;
	margin-right: 10px;
}

.apdownload div {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

.apcols {
	display: flex;
	gap: 24px;
	padding: 24px;
	padding-top: 0px;
}

.apcol {
	width: 32%;
	display: flex;
	flex-direction: column;
}

.apcol.mid {
	width: 36%;
	padding-left: 24px;
	padding-right: 24px;
	border-left: dashed 1px #cccccc;
	border-right: dashed 1px #cccccc;
	border-left: dashed 1px #cccccc;
}

.apcol p {
	color: #979797;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

.apaddress {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 12px;
	line-height: 18px;
	flex-grow: 1;
}

.appec {
	position: relative;
	color: #979797;
	margin-left: 32px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 20px;
}

.appec span {
	font-weight: 400;
	color: #333333;
}

.appec::after {
	content: '';
	background-image: url(img/icon-mail.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	position: absolute;
	top: 0;
	left: -33px;
	width: 24px;
	height: 24px;
}

.appec.ar::after {
	background-image: url(img/mailbox.svg);
}

.appec.web::after {
	background-image: url(img/web.svg);
}

.appec.phone::after {
	background-image: url(img/phone.svg);
}

.appec.doc::after {
	background-image: url(img/paper.svg);
}

.apintro {
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 20px;
	font-size: 14px;
	color: #666666;
}

.apcompany {
	margin-left: 24px;
	margin-right: 24px;
	padding-top: 24px;
	padding-bottom: 24px;
	border-top: dashed 1px #cccccc;
	display: flex;
	gap: 24px;
	align-items: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.apcompany span {
	font-size: 12px;
	font-weight: 400;
}

.apciao {
	padding-top: 32px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}

.apciao b {
	font-size: 25px;
	line-height: 37px;
}

.apnumbers {
	padding-top: 24px;
	font-size: 16px;
	line-height: 27px;
}

.apnum1, .apnum2 {
	border-radius: 4px;
	height: 48px;
	display: inline-block;
	width: 240px;
	margin-top: 24px;
	margin-bottom: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.apnum1 img, .apnum2 img {
	width: 24px;
	height: 24px;
	margin-right: 8px;
}

.apnum1 {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);
	background-color: #23c7d4;
	color: #ffffff;
}

.apnum2 {
	border: solid 1px #23c7d4;
	color: #23c7d4;
}

.apnumbers>img {
	width: 75px;
	height: 79px;
	margin-bottom: 24px;
}

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

.apstream {
	text-align: left;
}

.apstream .boxtitle.collaps, .apstream .boxtitle.pencil{
	color: #0a91ad;
}

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

.apstream.disabled .boxtitle {
	color: var(--disabled);
}

.apstream.disabled .boxtitle + div {
	color: var(--power);
}

.cov_container {
	padding-bottom: 24px;
}

.apstream .covered, #renew .covered {
	text-align: left;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 0px;
}

.apstream .pale {
	min-width: 32px;
	height: 60px;
	margin-right: 18px;
}

.apstream .pale img {
	width: 36px;
	left: 14px;
}

.apsep {
	margin-left: 24px;
	margin-right: 24px;
	border-bottom: solid 1px #cccccc;
}

.apsep.dash {
	border-bottom: dashed 1px #cccccc;
	margin-bottom: 24px;
}

.apupto {
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	padding-top: 8px;
	padding-left: 24px;
	padding-right: 24px;
}

.apstream .apinfo {
	font-size: 18px;
	line-height: 18px;
}

.apstream .apdownload, .apstream .apdownload div {
	font-size: 14px;
	font-weight: 400;
}

.apstream .apdownload.big div {
	font-weight: bold;
}

.apstream .appec {
	display: block;
}

.apstream .apcompany {
	margin-top: 60px;
	margin-bottom: 80px;
}

.apstream .apadd {
	padding-left: 24px;
	padding-right: 24px;
	height: auto;
	width: 100%;
}

.apstream .apadd div {
	height: auto;
	width: 100%;
}

.apmodal {
	padding-top: 35px;
	width: clamp(500px, 55vw, 856px);
	text-align: left;
	overflow-y: auto;
}

.apmodal .title {
	font-size: clamp(20px, 4vw, 32px);
	line-height: 1.5;
	font-weight: 600;
	color: var(--still);
	margin-bottom: 10px;
}

.apmodal .hint {
	font-size: 16px;
	line-height: 1.69;
	color: var(--overtime);
	font-weight: 600;
}

#editCard_modal .hint {
	color: #333333;
}

.apmodal .hint2 {
	font-size: 16px;
	line-height: 1.69;
	margin: 30px 0 20px;
}

.apmodal .premio_compr {
	margin-right: 46px;
}

.apmodalbox .field {
	width: 240px;
}
.apmodalbox .field:last-of-type {
	width: 328px;
}

.apmodalbox input {
	padding-left: 24px;
}

.apmodalbox .fields_cnt {
	display: flex;
	gap: 24px;
}

.aphint {
	font-size: 16px;
	font-weight: bold;
}

.apcard.edit {
	background-color: transparent;
	padding-left: 34px;
	padding-right: 0px;
}

.apcard.edit::before {
	left: 0px;
}

.apcard {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	padding: 18px;
	padding-left: 40px;
	padding-right: 24px;
	margin-bottom: 20px;
	position: relative;
}

.apcard.bad {
	color: #b00020;
}

.apcard p {
	font-size: 14px;
	line-height: 14px;
	color: #979797;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.apcard.bad p {
	color: #b00020;
}

.apcard.bad span {
	color: #b00020;
	font-size: 12px;
	font-weight: 400;
	margin-top: 5px;
}

.apcard::before {
	content: '';
	background-image: url(img/card.svg);
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 13px;
	left: 0;
}

.apcard.bad::before {
	background-image: url(img/card-red.svg);
}

.apcard .endWith {
	font-size: 16px;
	line-height: 1.69;
}

.apsstripe, .apmodalbox {
	border-radius: 6px;
	border: solid 1px #cccccc;
	background-color: #f8f8f8;
	padding: 22px;
	margin-block: 30px;
}

.apsstripe form {
	margin-top: 20px;
	height: 44px;
}

.apstripelogo {
	text-align: center;
	padding-top: 24px;
}

.apstripelogo img {
	width: 72px;
	height: 30px;
}

.apstripelogo a {
	color: #979797 !important;
	font-size: 12px;
	line-height: 27px;
}

#editCard_modal .apmodal_actions {
	padding-top: 40px;
}

.apmodal_actions {
	justify-content: flex-end;
	padding-top: 24px;
	display: flex;
	gap: 4%;
}

.actions {
	text-align: center;
	padding: 24px;
	display: flex;
	gap: 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	z-index: 100;
}

.actions button.btnsmall {
	width: 50% !important;
}

.apedit {
	width: 100%;
	height: 100%;
	border: solid 1px #cccccc;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.apdel {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 9px;
	right: 9px;
}

.edit_top {
	display: flex;
	align-items: center;
	gap: 20px;
}

.edit_bottom {
	padding: 20px;
	border-top: solid 1px #cccccc;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	position: relative;
}

.edit_bottom p {
	font-size: 16px;
	line-height: 27px;
	font-weight: bold;
}

.edit_top .pale {
	min-width: 32px;
	height: 60px;
	margin-right: 18px;
}

.edit_top .pale img {
	width: 36px;
	height: 50px;
	left: 14px;
}

.appanel {
	margin-top: 18px;
	position: absolute;
	border-radius: 6px;
	padding: 18px;
	padding-top: 16px;
	font-size: 16px;
	line-height: 27px;
	font-weight: bold;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.appanel p {
	font-size: 14px;
	line-height: 27px;
	font-weight: 400;
	white-space: unset;
}

.appanel.on {
	border: solid 1px #e8f2f9;
	background-color: #e8f2f9;
}

.appanel.off {
	border: solid 1px #cccccc;
}

.insured_box .toggle_cnt {
	position: relative;
}

.aptoggle {
	display: inline-block;
	width: 36px;
	height: 18px;
	border-radius: 9px;
	position: relative;
	vertical-align: middle;
	margin-right: 12px;
	cursor: pointer;
}

.on .aptoggle {
	background-color: #0a91ad;
}

.on .aptoggle + b {
	color: var(--overtime);
}

.off .aptoggle {
	border: solid 2px #979797;
}

.off.disabled .aptoggle {
	border: solid 2px var(--disabled);
	background-color: #ffffff;
}

.off .aptoggle + b {
	font-weight: 300;
	color: var(--still);
}

.disabled .aptoggle {
	background-color: var(--disabled);
	position: relative;

}

.disabled .aptoggle + b {
	font-weight: 300;
	color: var(--disabled);
}



.aptoggle::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.on .aptoggle::before {
	background-color: #ffffff;
	top: 4px;
	right: 4px;
}

.off .aptoggle::before {
	background-color: #979797;
	top: 2px;
	left: 2px;
}

.off.disabled .aptoggle::before {
	background-color: var(--disabled);
}

.apadd {
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 20px;
	display: inline-block;
	width: 50%;
}

.apadd.wide {
	width: 100%;
}

.apadd > div {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	border: dashed 2px #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0a91ad;
	font-size: 16px;
	font-weight: bold;
	padding: 24px;
	cursor: pointer;
}

.apadd div .circle {
	width: 42px;
	height: 42px;
	background-color: var(--overtime);
	background-image: url(img/plus.svg);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	margin-right: 24px;
	flex-shrink: 0;
}

.mobile .apprice {
	margin-bottom: 26px;
}

.apprice {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: 10px;
  align-items: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}

.apPrice .tag {
	color: var(--power);
	font-size: 12px;
	line-height: 1.25;
}

#renew_modal .covered {
	margin-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
}

.edit_bottom.full {
	height: 240px;
}

.apmodal .apinner_container {
	padding-right: 0px;
	padding-left: 0px;
}

.mobile_tabs_top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	margin: 0;
	background-color: var(--overtime);
	text-align: left;
	padding: 21px;
}

.mob_header {
	padding: 93px 24px 30px;
	background-color: var(--overtime);
	text-align: left;
	color: #ffffff;
}

.mob_header h1 {
	font-size: 25px;
	line-height: 1.25;
	margin-bottom: 10px;
	padding: 0;
}

.mob_header p {
	font-size: 16px;
	line-height: 1.69;
}

#m_tabs {
	display: flex;
}

#m_tabs .m_tab {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33.333%;
	color: #ffffff;
	line-height: 1.14;
	font-size: 14px;
	font-weight: 500;
	padding: 16px;
	cursor: pointer;
	background-color: var(--overtime);
	border-top: 1px solid var(--overtime);
}

#m_tabs .m_tab.active {
	background-color: #ffffff;
	color: var(--overtime);
	font-weight: 800;
}

#m_tabs .m_tab.disabled, #manage_renewal_tab.disabled {
	color: var(--disabled);
	background-color: var(--position);
}

#m_addKid_modal_bg {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background-color: rgba(0, 0, 0, 0.7);
}

#m_addKid_modal_bg .modal {
	width: 100%;
	max-width: 100%;
	max-height: 100% !important;
	height: 100%;
	transform: none;
	border-radius: 0;
	top: 0;
	padding-top: 100px;
	padding-inline: 0;
}

#m_addKid_modal_bg .fields_cnt {
	flex-direction: column;
}

#m_addKid_modal_bg .field {
	width: 100% !important;
}

.apmodalbox .field .error+label {
	display: block;
	color: #b00020;
}

.apmodalbox .field label {
	display: none;
}

.apmodalbox .field label {
	position: absolute;
	bottom: -24px;
	top: auto;
	left: 0px;
	font-size: 12px;
	white-space: nowrap;
	line-height: normal;
}

/* --------------------------- MEDIA QUERIES ---------------------------- */

@media only screen and (max-width: 1099px) {
	.toggle_cnt.disabled .blackPopup.show {
		display: block;
	}

	.aptoggle {
		width: 32px;
		margin-right: 7px;
	}

	/* POPUP RELATIVO ALLA DISABILITAZIONE DEL TOGGLE RENEW FIGLI DOVUTO ALLA SCADENZA DELL'ANNO */

	.toggle_cnt.disabled .blackPopup {
		width: 290px;
		left: -190px;
		bottom: 45px;
	}

	.toggle_cnt.disabled .blackPopup.left {
		left: -29px;
	}
	.toggle_cnt.disabled .blackPopup:after {
		left: 200px;
    top: 182px;
		transform: rotate(180deg);
	}
	.toggle_cnt.disabled .blackPopup.left:after {
		left: 37px;
	}

/* //////////////////////////////////////////////////////////////////////////////////////////////// */

	.spanInfo + .blackPopup {
		top: 38px;
		left: -200px;
    right: -41px;
	}
	.spanInfo + .blackPopup:after {
		right: 38px;
	}

	#info18 .spanInfo + .blackPopup {
		left: -158px;
	}
}


@media only screen and (max-width: 880px) {
	.helpcenter {
		padding-left: 20px;
		padding-right: 20px;
	}
	.det {
		display: block;
		text-align: left;
		font-size: 14px;
	}
	.det b {
		font-size: 20px;
	}
	.tabs {
		padding-left: 0;
		padding-right: 0;
	}

	.fascia {
		padding: 0;
		padding-top: 16px;
	}
	.fascia .person {
		display: flex;
	}

	.fascia .person img {
		height: 126px;
		margin-top: 17px;
	}
	.fascia .person div {
		vertical-align: text-bottom;
	}
	.fascia .person div .paragraph {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.3;
	}

	#fascia_two {
		text-align: left;
		padding: 24px;
		background-color: var(--light-blue);
	}

	#fascia_two h3 {
		font-size: 25px;
		font-weight: 700;
		line-height: 1.5;
	}

	#fascia_two .boxtitle {
		padding: 0;
	}
	#fascia_two .policyNum {
		margin-bottom: 15px;
	}

	#fascia_two .apsep {
		margin-inline: 0;
	}

	#policy_main_right #tab_content_renewal {
		min-height: auto;
	}

	.contraente_box {
		width: 100% !important;
	}

	.boxes .insured_box {
		flex-direction: column;
	}

	.boxes .insured_box .icon {
		width: 100%;
		justify-content: flex-start !important;
		border-radius: 6px 6px 0 0;
	}
	.boxes .insured_box .icon img{
		height: 70px;
		margin-top: 10px;
		margin-left: 16px;
	}

	.boxes .insured_box .content {
		justify-content: space-between;
		padding: 16px;
		width: 100%;
		height: 100%;
		border-radius: 6px;
	}

	.boxes .insured_box .content > div {
		flex-direction: column;
    align-items: flex-start;
	}


	#policy_main_right .tab_content {
    background-color: #ffffff;
	}

	#policy_main_right .insured_kids_cnt .boxes .span_age {
    padding-left: 0;
	}

	#policy_main_right .boxes .kid_name {
    display: block;
    min-height: 48px;
		padding-right: 8px;
	}

	.removeKidBtn {
		padding-top: 10px;
	}

	#info18 .spanInfo + .blackPopup {
    left: -169px;
    right: -15px;
	}

	#info18 .spanInfo + .blackPopup::after {
		right: 13px;
	}

}

@media only screen and (min-width: 880px) {
}

@media only screen and (max-width: 720px) {
	#personalArea {
		padding-bottom: 0;
	}

	.inner_modal {
		padding-bottom: 20px;
		padding-inline: 24px;
	}

	#policy_main_right .tab_content {
    min-height: auto;
	}

	#addKid_modal .hint2 {
		margin-bottom: 28px;
	}

	#newKidBox_cnt #add_children.vertical {
		flex-direction: column;
		text-align: center;
	}
	#newKidBox_cnt #add_children.vertical b {
		text-align: center;
	}

	#newKidBox_cnt #add_children.vertical .circle {
		margin-bottom: 25px;
		margin-right: 0;
	}

	.insured_kids_cnt #add_children.horizontal {
		flex-direction: column;
		min-width: 0 !important;

	}

	.insured_kids_cnt #add_children.horizontal .circle {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.insured_kids_cnt #add_children.horizontal b {
		text-align: center;
	}

	#addKid_modal {
		padding-top: 0;
		width: 100%;
		max-width: 100%;
		overflow-y: auto;
	}

	#addKid_modal .apmodalbox .fields_cnt {
		gap: 0;
	}

	#addKid_modal button {
		margin-top: 0;
	}

	#newKidBox_cnt + #add_children.horizontal {
		height: 98px;
		flex-direction: row;
	}
	#newKidBox_cnt + #add_children.horizontal b {
		text-align: left;
	}
	#newKidBox_cnt + #add_children.horizontal .circle {
		margin-right: 20px;
		margin-bottom: 0;
	}

	#newKidBox_cnt #add_children.vertical .circle {
		margin-bottom: 25px;
    margin-right: 0;
	}

	.apmodal_actions {
		justify-content: center;
		margin-top: 40px;
		border-radius: 6px;
	}

	#deleteKid_modal {
		max-height: 100vh;
    margin-bottom: 0;
		padding-bottom: 0;
		padding-right: 0;
	}

	#deleteKid_modal .apmodal_actions {
		margin-top: 0;
	}

	#edit_done {
		position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
	}

	/* #add_children.vertical {
		flex-direction: column;
	} */

	/* #add_children.vertical .circle {
		margin-right: 0;
		margin-bottom: 25px;
	} */

	#addKid_modal .apmodal_actions {
		padding-top: 20px;
		margin-top: 0;
	}

	#addKid_modal .m_price_wrapper {
		margin-top: 20px;
	}

	#addKid_modal .apmodal_actions {
		padding-top: 20px;
	}

	.apmodal {
		width: 82vw;
    min-height: 100%;
		max-height: 80vh;
		padding-bottom: 25px;
		padding-right: 10px;
	}

	.apmodal.apmodal_payInfo {
		margin-top: 35px;
		padding-bottom: 0;
		padding-top: 0;
		max-height: 70vh;
	}

	.apmodal#stopRenew_modal {
		padding-bottom: 0;
	}

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

	.nameAndAgeCnt {
		flex-direction: column;
	}

	.span_age {
		padding-top: 10px;
	}
	
	span.m_smll_cta {
		font-weight: 300;
		color: var(--walk);
		text-decoration: none;
		font-size: 16px;
		text-transform: lowercase;
	}

	.disabled span.m_smll_cta {
		color: var(--disabled);
	}

	span.m_smll_cta + .circle {
		width: 32px;
		height: 32px;
		background-color: var(--overtime);
		background-image: url(img/icon-edit-white.svg);
		background-size: 16px;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 50%;
		margin-left: 10px;
		flex-shrink: 0;
	}

	.editLink.disabled span.m_smll_cta + .circle {
		background-color: var(--disabled);
		background-image: url(img/icon-edit.svg);
	}

	.editLink {
		text-decoration: none;
	}

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

	.apsstripe, .apmodalbox {
		margin-bottom: 50px;
	}

	.spanInfo + .blackPopup {
		top: 38px;
		left: -109px;
		right: -129px;
	}
	.spanInfo + .blackPopup:after {
		right: 127px;
	}
	
	#info18 .spanInfo + .blackPopup {
		left: -158px;
	}
}


@media only screen and (max-width: 430px) {
	/* POPUP RELATIVO ALLA DISABILITAZIONE DEL TOGGLE RENEW FIGLI DOVUTO ALLA SCADENZA DELL'ANNO */

.toggle_cnt.disabled .blackPopup.left {
	right: -224px;
	bottom: 42px;
	left: auto;
}
.toggle_cnt.disabled .blackPopup {
	right: -87px;
	left: auto;
	bottom: 42px;
}

.toggle_cnt.disabled .blackPopup:after {
	right: 90px;
	left: auto;
	top: 182px;
	transform: rotate(180deg);
}
.toggle_cnt.disabled .blackPopup.left:after {
	left: 42px;
	right: auto;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////// */

	.spanInfo + .blackPopup {
		top: 38px;
		left: -109px;
		right: -129px;
	}
	.spanInfo + .blackPopup:after {
		right: 127px;
	}

	#info18 .spanInfo + .blackPopup {
		left: -150px;
	}
	
}

@media only screen and (min-width: 1100px) {

	.toggle_cnt.disabled .aptoggle:hover .blackPopup {
		display: block;
		bottom: 43px;
		left: auto;
		right: -30px;
		width: 400px;
		padding-right: 20px;
	}

	
	.toggle_cnt.disabled .aptoggle:hover .blackPopup:after {
		top: auto;
		bottom: -17px;
		right: 36px;
		transform: rotate(180deg);
	}
	
	.toggle_cnt.disabled .aptoggle:hover .blackPopup.left {
		left: -320px;
	}
	
	.toggle_cnt.disabled .aptoggle:hover .blackPopup.left:after {
		left: 328px;
	}

	.spanInfo:hover + .blackPopup, #manage_renewal_tab.disabled:hover .blackPopup {
		display: inline;
	}

}


@media only screen and (min-width: 1400px) {
	.toggle_cnt.disabled .aptoggle:hover .blackPopup {
		left: -17px;
	}
	.toggle_cnt.disabled .aptoggle:hover .blackPopup:after {
		left: 24px;
		right: auto;
	}
}