@font-face {
  font-family: 'Toi-new';
  src:  url('/fonts/Toi-new.eot?q2qdtmbcbc3');
  src: url('/fonts/Toi-new.woff2?q2qdtmbcbd3') format('woff2'),
    url('/fonts/Toi-new.eot?q2qdtmb#iefixcbc3') format('embedded-opentype'),
    url('/fonts/Toi-new.ttf?q2qdtmbcbc3') format('truetype'),
    url('/fonts/Toi-new.woff?q2qdtmbcbc3') format('woff'),
    url('/fonts/Toi-new.svg?q2qdtmb#Toi-newcbc3') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {font-family:'ProximaNovaECSB';
	src:url('/fonts/ProximaNovaExCn-Sbold-webfont.eot');
	src:url('/fonts/ProximaNovaExCn-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/ProximaNovaExCn-Sbold-webfont.woff') format('woff'),
		url('/fonts/ProximaNovaExCn-Sbold-webfont.ttf') format('truetype'),
		url('/fonts/ProximaNovaExCn-Sbold-webfont.svg#ProximaNovaExtraCondensedSBd') format('svg');
		font-weight:400;font-style:normal;
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
dialog.toi-crm-popup {
  padding: 0; 
  width: 640px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.toi-crm-popup-bg {overflow: hidden;}
.toi-crm-popup-bg::before {content: '';display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.60);z-index: 100;}

.toi-crm-popup {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  max-width: 640px;
  top: 50%;
  left: 50%;
  /*transform: translate(-50%, -50%);*/
  border-width: 0px;
  border-radius: 6px;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
  z-index: 101;
  overflow: hidden;
  transform: translateX(-320px, -50%);
  margin: 0px;
}
.toi-crm-popup * {box-sizing: border-box;float: none;clear: both;margin: 0;padding: 0;}
.toi-crm-popup img {height: auto;max-width: 100%;display: inline-block;}
.toi-crm-popup button {margin: 0;padding: 0;border: none;float: none;display: inline-block;box-shadow: none;cursor: pointer;background-color: unset;}
.ic span {display: none;}
.tac {text-align: center;}
.hid {display: none;}
.ic {font-family: 'Toi-new';}
dialog.regwall-dialog .toi-crm-regwall-logo-container{text-align: center; margin-bottom: 15px;}
dialog.regwall-dialog input{font-weight: 400;}
.toi-crm-popup-content {font-family: "trade-gothic-next",sans-serif;color: #1E1E1E;width: 100%;background-color: #F3F6FA;padding: 50px 20px 30px;overflow: hidden;}
.toi-crm-popup-content-inner {max-width: 480px;margin: 0 auto;min-height: 300px;}
.toi-crm-popup-header {display: flex;align-items: center;justify-content: center;height: 45px;width: 100%;background-color: #0E4E97;position: relative;text-align: center;}
.toi-crm-popup-close {font-size: 16px;line-height: 1;cursor: pointer;color: #fff;position: absolute;right: 20px;top: 14px;z-index: 1;}
.toi-crm-popup-close::before {content: "\e924";}
.toi-crm-popup-back {font-family: "trade-gothic-next",sans-serif;white-space: nowrap;position: absolute;font-size: 14px;line-height: 1;top: 15px;text-transform: uppercase;left: 20px;color: #fff;}
.toi-crm-popup-back .ic {margin-right: 10px;}
.toi-crm-popup-back .ic::before {content: "\e92b";}
.toi-crm-popup-title {margin-bottom: 15px;font-size: 42px;line-height: 48px;font-weight: bold;}
.toi-crm-popup-text {margin-bottom: 45px; color: #000000; font-family: 'Trade Gothic Next LT Pro', sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; text-align: center;}
.toi-crm-popup-form {margin-bottom: 54px;width: 100%;}
.toi-crm-popup-form label {display: block;margin-bottom: 35px;font-size: 14px;line-height: 16px;position: relative;}
.toi-crm-popup-form label:last-of-type {margin-bottom: 0 !important;}
.toi-crm-popup-label {margin-bottom: 14px;font-weight: bold;display: block;width: 100%;text-transform: uppercase;letter-spacing: 2px;font-family: "trade-gothic-next-condensed",sans-serif;}
.toi-crm-popup-form input {font-family: "trade-gothic-next",sans-serif;display: block;width: 100%;height: 50px;border: 1px solid #9B9B9B;border-radius: 3px;background-color: #F8F8F8;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.1);font-size: 16px;padding: 0 15px;font-weight: 300;}
.toi-crm-popup-form input:disabled {color: #787878;}
.toi-crm-popup .toi-crm-popup-form-submit {
    display: block;
    width: 240px;
    height: 40px;
    text-transform: uppercase;
    line-height: 40px;
    font-family: "Trade Gothic Next LT Pro", sans-serif;
    letter-spacing: 0.5px;
    padding: 0 5px;
    font-size: 18px;
    font-weight: bold;
    background-color: #0E4F97;
    border-radius: 40px;
    color: #fff;
    margin: 35px auto 0;
}
.toi-crm-popup .toi-crm-popup-form-submit.toi-crm-popup-form-close {background-color: unset;color: unset;padding: 0 35px;border: solid 1px;font-size: 16px;font-weight: normal;}
.toi-crm-popup .toi-crm-popup-form-submit .toi-crm-popup-form-submit-text {
  position: relative;
  top: 2px;
}
.toi-crm-popup .toi-crm-popup-form-submit:disabled {
  position: relative;
}
.toi-crm-popup .toi-crm-popup-form-submit:disabled .toi-crm-popup-form-submit-text {
  visibility: hidden;
}
.toi-crm-popup .toi-crm-popup-form-submit:disabled:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -15px;
  margin-top: -12px;
  border: #fff 3px solid;
  border-left-color: transparent;
  border-radius: 50%;
  animation: rotating 0.85s linear infinite;
}
.change-email-button {position: absolute;font-family: "trade-gothic-next",sans-serif;font-size: 16px;line-height: 1;color: #0E4F97;right: 15px;bottom: 18px;}

.toi-crm-popup-form-message {font-size: 16px;line-height: 24px;color: #FF4B4B;display: none;}
.toi-crm-popup-error .toi-crm-popup-form-message {display: block;margin-top: 5px;}
.toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-submit {margin-top: 30px;}
.toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message.error-server {margin-bottom: -24px;}
.toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message br {display: none;}
.toi-crm-popup-error.log-in-to-continue .toi-crm-popup-form-message {margin: 30px 0;}
.log-in-to-continue .toi-crm-popup-form {margin-bottom: 0;}

.toi-crm-popup-bottom {position: relative;width: 100%;border-top: solid 1px;}
.toi-crm-popup-bottom-badge {white-space: nowrap;font-size: 14px;line-height: 1;position: absolute;top: -8px;left: 50%;transform: translateX(-50%);background-color: #F3F6FA;padding: 0 22px 0 23px;margin: 0;width: auto;}

.toi-crm-popup-terms {font-size: 14px;line-height: 24px;text-align: center;color: #1E1E1E;}

.toi-crm-popup-terms-item a {border-bottom: solid 1px #1E1E1E;white-space: nowrap;}
.toi-crm-popup-terms-item label {cursor: pointer;}
/* 
.toi-crm-popup-terms-item label{display: flex; justify-content: center;}
.toi-crm-popup-checkbox {position: relative; margin-right: 5px; display: flex; align-items: center; }
.toi-crm-popup-checkbox:after {content:"\e944"; font-family:"Toi-new"; font-size: 15px; position: absolute; background-color: #F3F6FA; }
.toi-crm-popup-checkbox:checked:after {content:"\e945";}   */


.toi-crm-popup-terms-item label{display: flex; justify-content: center; gap:5px}
.toi-crm-popup-checkbox-wrapper{position:relative; display: flex;}
.toi-crm-popup-checkbox { display: flex; align-items: center; }
.toi-crm-popup-checkbox-icon {position: absolute;display: flex; }
.toi-crm-popup-checkbox-icon::before {content:"\e944"; font-family:"Toi-new"; font-size: 15px; background-color: #F3F6FA; }
.toi-crm-popup-checkbox:checked + .toi-crm-popup-checkbox-icon::before {content:"\e945";}  

.toi-crm-popup-social {display: flex;align-items: flex-end;justify-content: center;margin-top: 36px;margin-bottom: 30px;}
.toi-crm-popup-social-item {margin-right: 45px;}
.toi-crm-popup-social-item:last-child {margin-right: 0 !important;}

.toi-crm-popup-form-links {font-family: "trade-gothic-next",sans-serif;display: flex;margin-top: 10px;justify-content: start;font-size: 16px;line-height: 24px;color: #0E4F97;}
.toi-crm-popup-form-links-item {text-decoration: underline;white-space: nowrap;}
.toi-crm-popup-form-links-slash {margin: 0 10px;color: #9B9B9B;}

.toi-crm-popup-end-message {font-size: 16px;line-height: 24px;}
.toi-crm-popup-end-message a {color: #0E4E97;}
.toi-crm-popup-end .toi-crm-popup-content {text-align: center;min-height: 375px;padding: 0;display: flex;align-items: center;justify-content: center;}
.toi-crm-popup-end .toi-crm-popup-title {margin-bottom: 15px;}
.toi-crm-popup-end .toi-crm-popup-content-inner {min-height: 0;}
.toi-crm-popup-end-image {margin-bottom: 25px;}

.log-in-to-continue .toi-crm-popup-content {padding-bottom: 60px;}

.toi-crm-popup-captcha-wrapper {display: flex;margin: 10px 0 -25px;align-items: center;justify-content: center;transform:scale(0.77);}

/*mobile*/
.mobile .toi-crm-popup {max-width: calc(100% - 30px);max-height: calc(100vh - 60px);overflow-y: auto;    inset: 0; margin: auto; transform: none;}
.mobile .toi-crm-popup-header {height: 40px;position: sticky;top: 0;}
.mobile .toi-crm-popup-logo img {max-width: 135px;}
.mobile .toi-crm-popup-close {top: 13px;right: 20px;font-size: 16px;}
.mobile .toi-crm-popup-back {text-transform: capitalize;top: 12px;left: 15px;}
.mobile .toi-crm-popup-back .ic {margin-right: 5px;}
.mobile .toi-crm-popup-content {padding: 30px 20px 15px;}
.mobile dialog.regwall-dialog .toi-crm-regwall-logo-container{text-align: center; margin-bottom: 10px;}
.mobile .toi-crm-popup-title {font-size: 32px;line-height: 36px;margin-bottom: 10px;}
.mobile .toi-crm-popup-text {margin-bottom: 30px;}
.mobile .toi-crm-popup-form {margin-bottom: 40px;}
.mobile .toi-crm-popup-form label {margin-bottom: 20px;}
.mobile .toi-crm-popup-bottom-badge {padding: 0 19px 0 20px;letter-spacing: 1px;}
.mobile .toi-crm-popup-social {margin-top: 26px;margin-bottom: 20px;}
.mobile .toi-crm-popup-social-item {margin-right: 40px;max-width: 35px;}
.mobile .toi-crm-popup-social-item.toi-crm-popup-social-item-apple {max-width: 33px;}
.mobile .toi-crm-popup-terms {font-size: 13px;line-height: 18px;}
.mobile .toi-crm-popup-form-message, .mobile .toi-crm-popup-form-links {font-size: 14px;line-height: 18px;}
.mobile .toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message.error-server {margin-bottom: -10px;}
.mobile .toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message br {display: block;}
.mobile .toi-crm-popup-end .toi-crm-popup-content {padding: 0;min-height: 270px;}
.mobile .toi-crm-popup-end .toi-crm-popup-title {margin-bottom: 15px;}
.mobile .toi-crm-popup-end-image {margin-bottom: 15px;}
.mobile .mobile .toi-crm-popup-end .toi-crm-popup-title {margin-bottom: 10px;}
.mobile .toi-crm-popup-end-message {font-size: 14px;line-height: 20px;}
.regwellDialogStyle_body.mobile {height: 100vh; overflow: hidden; } 
/*notice*/
/*class for hidding elements - hid*/
/*class for background for body - toi-crm-popup-bg */

/* ####### for qa only ###### DELETE on live*/
/*.toi-crm-popup {position: relative;transform: none;top: auto;left: auto;margin: 0 auto 40px;}*/

/* {TOI CRM} Connect registration wall and create Google Analytics events */
 

/* {TOI} Investigate comments voting bug on mobile iOS */
/* dialog.toi-crm-popup { position: absolute;left: 50%;transform: translate(-50%, 0);overflow-y: visible; top: 80px;} */
dialog.toi-crm-popup { position: fixed;left: 50%;transform: translate(-50%, 0);overflow-y: visible; top: 65px;}
.toi-crm-popup{overflow:visible;}
.regwellDialogStyle_html{height: 100vh; overflow: auto !important; }
.regwellDialogStyle_body{height: 100vh; padding-bottom: 120px; }
dialog:not([open]) {display:none!important}
.toi-crm-popup .toi-crm-popup-form-submit .toi-crm-popup-form-submit-text{top:0px;}
/* #rgwllLinkIsSent .close-button{display:none;} */
/* {TOI} Fix clickable area in Registration popup in Safari */
.toi-crm-popup-social-item.toi-crm-popup-social-item-google{cursor:pointer;}
.toi-crm-popup-social-item.toi-crm-popup-social-item-google img{pointer-events:none;}

/* {TOI} APPS | Open commenting in browser */
.mobile.app .toi-crm-popup-bottom-badge.toi-crm-popup-label{display: none;}
.mobile.app .toi-crm-popup-social{display: none;}
.mobile.app .toi-crm-popup-terms-item{padding-top: 20px;}
.mobile.app dialog.toi-crm-popup { top: 80px;}

.toi-crm-popup .toi-crm-popup-form-submit:focus-visible,
.toi-crm-popup-form input:focus-visible {box-sizing: border-box;outline: 1px solid #FFFFFF;outline-offset: 5px;box-shadow: 0 0 0 5px #015ECC;-moz-box-shadow: 0 0 0 5px #015ECC;-webkit-box-shadow: 0 0 0 5px #015ECC;border: 5px solid transparent;background-clip: padding-box;}

/* {TOI} FR | Implement registration wall */
.fr .toi-crm-popup #checkEmail-button-regwall.toi-crm-popup-form-submit{width: 320px;}
.fr .toi-crm-popup-content-inner{max-width: 600px;}
.fr .toi-crm-popup-form{max-width:480px;margin-left:auto; margin-right:auto;}
/* {TOI}-Fix-position-of-registration-pop-up-for-bigger-mobile-screens */
.mobile  dialog.toi-crm-popup{position:absolute;}
.mobile .toi-crm-popup{top: 80px;}
.mobile .toi-crm-popup .toi-crm-popup-text{font-size:14px;line-height: 20px;}
.mobile .toi-crm-popup .tac.toi-crm-popup-title br{display: none;}
.mobile .toi-crm-popup img{width: auto; height: 60px;}