@font-face {
    font-family: 'Co Headline';
    font-style: normal;
    font-weight: 300;
    src: url('sa-spmc/fonts/Co Headline Light.otf') format('opentype');
}

@font-face {
    font-family: 'Co Headline';
    font-style: normal;
    font-weight: 400;
    src: url('sa-spmc/fonts/Co Headline.otf') format('opentype');
}

@font-face {
    font-family: 'Co Headline';
    font-style: normal;
    font-weight: 700;
    src: url('sa-spmc/fonts/Co Headline Bold.otf') format('opentype');
}

@font-face {
	font-family: 'icofont';
	src: url('./SA-spmc/fonts/icofont.eot');
	src: url('./SA-spmc/fonts/icofont.eot?#iefix') format('embedded-opentype'),
		url('./SA-spmc/fonts/icofont.woff2') format('woff2'),
		url('./SA-spmc/fonts/icofont.woff') format('woff'),
		url('./SA-spmc/fonts/icofont.ttf') format('truetype'),
		url('./SA-spmc/fonts/icofont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General Styling */
body {
	font-family: Co Headline;
	font-size: 18px;
	color: #03423D;
	background: transparent;
	margin: 0;
	padding: 0;
    font-weight: 300;
}
.w1 {
	box-sizing: border-box;
	max-width: 1200px;
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	border: none;
}
.heading {
	font-size: 20px;
	color: #006838;
	margin: 5px 0;
    font-weight: 500 !important;
}
#Registration,
#selectSection,
#headerBlock {
	margin-bottom: 0px;
}
.AlreadySub {
	font-size: 18px;
	margin: 0 0 10px 0;
}
/* End of: General Styling */
/* SPA Form */
.title-field-name.title-field-name-submit { display: none;}
.field-control.field-control-submit  {width: 100%; }
.btnSubmit2Container { width: 100%; }
.divModifyMail.btnSubmit1Container {max-width: 100%; width: 100%;}
.divModifyMail {width: 100% !important;}
#selectSection input[type=text], .tb230, .email, .tb233, .required, #tbEmail {
	height: 50px;
	line-height: 2.7em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 0 5px;
	box-sizing: border-box;
	color: #03423D !important;
	border: 0.08em solid #dadada;
}
.rowHeight { width: 100%; }
.rowHeight tr {
    vertical-align: top;
    display: inline-block;
    width: calc(100%/3);
}
.rowHeight td{
    display: block;
    vertical-align: top;
    width: 100%;
}
.field-control:not(.field-control.field-control-submit) {
	display: inline-block;
	width: 100% !important;
}
.tb233 {
	-webkit-appearance: none;
    background-image: url(down.png);
    background-color: #FFFFFF;
    background-size: 20px 20px;
   background-position: calc(0px + 95%) 56%;
}
.tb233::after {
	content: "url(dropdown.png)";
	position: relative;
	top:0;
	
}
#tbEmail {width: 100%;}
.modify-email-label {width: 100% !Important;}
#tbEmail{width: 31.7%;}
.title-field-name { width: 100% !important; }
#invalidEmailMessage {position: relative;top: -61px;}
@media (min-width: 769px) and(max-width: 799px) {
	.rowHeight tr {
	    width: calc(100%/2);
	}
	#tbEmail { width: 47.2% !important; }
	.modify-email-label {width: 100% !important;}
}
@media (max-width: 768px) {
	.rowHeight tr { width: 100%; }
	.field-control.field-control-submit {width: 100% !important;}
	#invalidEmailMessage {position: relative;top: -60px;}
	#selectSection > table > tbody > tr {
    width: auto;
    height: auto;
}
}
@media (max-width: 568px) {
	.divModifyMail { width: 100% !Important; }
	#invalidEmailMessage {position: relative; top: -71px;}
}

/* End of: SPA Form */

/* Button */
.btn2 { margin: 0;}
.btnSubmit2Container, .btnSubmit1Container {
	text-align: right;
	padding: 10px 0;
	margin: 0;
	width: 100%;
}
#btnSubmit2, #btnSubmit1 {
	    width: 246.47px;
    font-size: 18px;
    /* height: 2.5em; */
    /* line-height: 2.5em; */
    border-radius: 6px;
    color: #FFFFFF;
    background: #059451;
    border: 1px solid #059451;
    padding: 13px;
    padding-top: 6px;
}
#btnSubmit2:hover, #btnSubmit1:hover {
	    background: #FF8300;
    border-color: #FF8300;
}
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-cancel.btn-default,
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-ok.btn-agree.btn-primary,
.btn-primary {
	width: auto;
	font-size: 18px;
	border-radius: 6px;
	color: #FFFFFF !important;
	background: #059451 !important;
	border: 1px solid #059451 !important;
}
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-cancel.btn-default:hover,
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-ok.btn-agree.btn-primary:hover,
.btn-primary:hover {
	background: #FF8300 !important;
	border-color: #FF8300 !important;
}
@media (min-width: 450px) and (max-width: 768px) {
    .btnSubmit1Container {
        /* right: 91px; */
        /* top: 16px; */
        /* position: relative; */
        /* float: left; */
        /* width: 95% !important; */
        /* text-align: right; */
        /* padding-left: 3px; */
    }
}
@media (max-width: 450px) {
    .btnSubmit1Container {
        width: 100% !important;
    }
	.btnSubmit2Container, .btnSubmit1Container {width: 100% !important;text-align: center;}
}
/* End of: Button */
/* Checkbox Styling */
.shareCheck input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  border: 2px solid #515B5D;
  background-color: white;
  position: relative;
  right: 0px;
  top: 8px;
  border-radius: 2px;
}
.shareCheck input[id="chkDailyClose"],
.shareCheck input[id="chkDailyClose"]:checked {
  right: 0px !important;
  top: 8px !important;
  border-radius: 2px;
}
.shareCheck input[type="checkbox"]:checked::before {
	font-family: icofont;
	content: "\eed6";
	position: absolute;
	top: -2px;
	left: -0.5px;
	/* width: 30px; */
	font-size: 21px;
	color: #FFF;
}
.shareCheck input[type="checkbox"]:checked {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  border: 2px solid #00572F;
  background-color: #00572F;
  position: relative;
  right: 0px;
  top: 8px;
  border-radius: 2px;
}
/* End of: Checkbox Styling */
/* Footer */
.footer,
.txtGray,
.google-recapcha {
	color: #03423D !important;
	font-size: 13px;
	text-align: center;
	margin: 0;
    font-weight: 300 !important;
}
.txtGray a,
.disclaimer,
.disclaimer a,
.google-recapcha a {
	font-size: 13px;
    color: #03423D !important;
	text-decoration: none;
}
.txtGray a:hover,
.disclaimer a:hover,
.google-recapcha a:hover {
	text-decoration: underline;
	color: #03423D !important;
}
/* End of: Footer */

/* AR */
/* AR General Styling */
body.ar-ae {direction: rtl;}
/* End of:  AR General Styling */
/* AR SPA Form */
.ar-ae .divModifyMail {float: unset;}
.ar-ae #tbEmail { float: right; }
.ar-ae .btn2 { margin-right: unset; }
.ar-ae .btnSubmit2Container,
.ar-ae .btnSubmit1Container {
	width: 100%;
	text-align: right;
}
@media (max-width: 450px) {
	.ar-ae .modify-email-label {
		margin-bottom: 5px;
    }
}
/* End of: AR SPA Form */
/* AR Checkbox Styling */
.ar-ae .shareCheck input[type="checkbox"],
.ar-ae .shareCheck input[type="checkbox"]:checked, 
.ar-ae .shareCheck input[id="chkDailyClose"],
.ar-ae .shareCheck input[id="chkDailyClose"]:checked {
	right: -3px !important;
}
.ar-ae .shareCheck input[type="checkbox"]:checked::before {
	font-family: icofont;
	content: "\eed6";
	position: absolute;
	top: -2px;
	left: -0.5px;
	/* width: 30px; */
	font-size: 21px;
	color: #FFF;
}
/* End of: AR Checkbox Styling */
/* AR Footer */
/* .ar-ae .google-recapcha { text-align: right; } */
.ar-ae .pad122 { padding-left: 0; } 
.ar-ae .footer table tbody tr td, .ar-ae .cookies-box, .ar-ae .disclaimer { text-align: left !important; }
/* End of: AR Footer */


.btn2 {
    padding-top: 6px !important;
    padding: 13px !important;
	    height: 52px;
}

.rowHeight {
    line-height: 30px;
}

.heading + table[role="presentation"] tbody tr:first-child {
    display: block !important;
}
.heading + table[role="presentation"] tbody tr {
    display: inline-block !important;
    width: 50%;
    margin-bottom: 1em;
    vertical-align: top;
}

.heading + table[role="presentation"] tbody tr td {
    display: table-cell !important;
}
.selectshare-marginLeft {
    width: 0px;
}

.heading + table[role="presentation"] tbody tr td {
    display: table-cell !important;
}

.heading + table[role="presentation"] tbody tr table tr:first-child {
    display: table-row !important;
}

td.selectshare-marginLeft + td table[role="presentation"] tbody tr, .heading + table[role="presentation"] tbody tr td tr {
    display: table-row !important;
}

.heading + table[role="presentation"] tbody tr td
Specificity: (0,2,4)
 {
    display: table-cell !important;
}

.shareCheck {
    width: 15px;
}

button.btn1.btn-cancel.btn-default, button.btn1.btn-ok.btn-agree.btn-primary {
    height: 44px;
    padding-bottom: 8px;
}

.btnSubmit1Container,
.btnSubmit2Container {
    text-align: left;
}

.title-field-name
 {
    padding-bottom: 4px;
}

.ar-ae .shareType, .ar-ae .shareTypeDescription {
    padding-right: 10px;
	padding-left: 0px;
}

td.shareType, td.shareTypeDescription {
    padding-left: 10px;
}
.ar-ae .tb233 {
    -webkit-appearance: none;
    background-image: url(down.png);
    background-color: #FFFFFF;
    background-size: 20px 20px;
    background-position: calc(0px + 6%) 56%;
}

.modify-email-label {
    padding-bottom: 8px;
}

td.shareType {
    font-weight: 500;
}

.title-field-name, .modify-email-label {
    font-weight: 400;
}

.footer .txtGray a, .footer a {
    font-weight: 300 !important;
}

h4#sharePriceModalError {
    font-weight: 300;
}

h2.modal-title {
    font-weight: 400;
}

.btn1 {
    font-weight: 400;
}

.modal-title {
    display: inline-block;
    font-weight: 400;
}

h4#emailErrorModalError {
    font-weight: 400;
}

.ar-ae .modal .close {
    float: left;
}

.btn2 {
    font-family: Co Headline;
    font-weight: 400;
    padding-top: 6px !important;
}