@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&display=swap');

* { box-sizing: border-box; }
html, body { height: 100%; }
body { padding: 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif; background-color: #f1f1f1; font-size: 15px; counter-reset: step; }
h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; color: #e21833; font-weight: 500; }
.slds, .slds:not(html) { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; }
a { color: #454545; }
a.red { color: #e21833; }
a.underline { text-decoration: underline; }
.w-100 { width: 100%; }
.mb { margin-bottom: 1em; }
.btn { padding: 10px 20px; border-radius: 0;	border-color: #454545;	color: #454545;	margin-top: 4px; }
.btn:hover { background-color: #e21833; border-color: #e21833; color: #fff; }
.blue { color: #3455DB; }
.row-eq-height { display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;	display: flex; }
.white-bg { background-color: #fff; }
.red-top-bar { background: #E21933; width: 100%; display: inline-block; color: #fff; font-size: 16px; text-align: center; padding: 10px 15px; font-family: 'Crimson Pro', serif; position: relative; z-index: 999; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; }
 
/*===================Pre Login CSS================*/
.pre-login { position: relative; display: inline-block; width: 100%; padding: 60px 15px 40px 15px; text-align: center; }
.login-bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/login-bg.jpg) center center no-repeat; background-size: cover; z-index: -1; }
.pre-login-form { max-width: 640px; width: 100%; background: #fff; padding: 30px; display: inline-block; }
.pre-login-form .slds-form-element { margin-bottom: 15px; }
.pre-login-form .slds-form-element .slds-input { width: 100%; border: solid 1px #d6d6d6; height: 52px; padding-left: 12px !important; }
.pre-login-form .slds-form-element .slds-form-element__label { margin-bottom: 10px; color: #454545; font-family: 'Source Sans Pro', sans-serif; display: none; }
.pre-login-form h1.slds-text-heading--small { color: #000; font-size: 21px; text-align: center; margin: 20px 0px; font-weight: 600; }
.prelogin-logo { border-bottom: solid 1px #D6D6D6; padding-bottom: 20px; }
.brand-button, .btn_login .slds-button, .submit-button .slds-button { background: #E21933; padding: 10px; color: #fff; font-size: 16px; display: inline-block; vertical-align: top; text-transform: uppercase; text-align: center; text-decoration: none; border: 0px; }
.pre-login-form .btn-cas { width: 100%; }
.pre-login-form .btn_login .slds-button { width: 100%; margin-bottom: 20px; }
.pre-login-form .submit-button .slds-button { width: 100%; margin: 10px 0 20px 0px; }
.pre-login-form .log-with-text { color: #454545; display: inline-block; width: 100%; padding: 25px 0px 20px 0px; font-size: 16px; text-align: center; }
.pre-login-form .slds, .pre-login-form .slds-form-element, .pre-login-form .slds-card { text-align: center; }
.pre-login-form .back-to-login b { font-weight: 400; }
.pre-login-form .back-to-login { color: #454545; }
/*.pre-login-form .slds-form-element div, .pre-login-form .slds .slds-form--horizontal .slds-form-element__control { width: 100%; margin: 0; padding: 0; }*/
.pre-login-form .slds .sectionTitle { color: #000; font-size: 16px; letter-spacing: 0px; }
.pre-login-form .slds-button--brand { background: #E21933; padding: 6px 20px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; text-transform: uppercase; text-align: center; text-decoration: none; border: 0px; border-radius: 0; }
.pre-login-form .slds-button--brand:hover, .pre-login-form .slds-button--brand:focus, .pre-login-form .slds-button--brand:active { background-color: #900900; border-color: #900900; }
.pre-login-form .slds .slds-select { width: 100%; background: #ebebeb; border: solid 1px #d6d6d6; height: 48px; padding-left: 12px !important; }
.pre-login-form .btn-back { width: 100%; margin: 20px 0px; color: #fff; }
.pre-login-form .btn-back:hover { color: #fff; }
.pre-login-form .btn_login + a { display: block; margin-bottom: 15px; }
.pre-login-form a { text-decoration: none; }
/*===================Pre Login CSS END================*/

/*===========After login CSS==============*/
/* === Navigation === */
.navbar.header { background-color: #fff; padding: 2em 1em; border-color: #e7e7e7; }
.navbar .btn { margin-left: 1em;	margin-right: 1em; }
.navbar-brand { color: #454545;	font-weight: bold;	letter-spacing: 1px; font-size: 26px; }

/* === Custom === */
.med-spaces { padding-top: 1.5em; padding-bottom: 1.5em; }
.mid-section.med-spaces { padding-top: 0px; }
footer { background-color: #f1f1f1; }
.footer-info { margin: 5px 0 0 0; padding: 0 20px; }
.policy { padding: 26px 0; }
.policy a { text-decoration: underline; }

.btn.red { background-color: #e21833; color: #fff; border-color: #e21833;	text-transform: uppercase;	letter-spacing: 1px;	font-weight: bold; }
.btn.red:hover { background-color: #900900;	border-color: #900900; }
.white-bg { background-color: #fff; }
.white-bg.med-spaces { padding: 1.5em 1.5em; }

#progressbar li { list-style-type: none; width: 20%;	float: left; position: relative;	text-align: center;	font-size: 11px; text-transform: uppercase;	font-weight: bold;	letter-spacing: 1px; }
#progressbar li:before { content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height: 22px; display: block; border-radius: 50%; margin: 16px auto 10px auto;
    border: 4px solid #ddd; text-align: center; background-color: white; z-index: 99; position: relative;
}
#progressbar li:after { content: '';	width: 100%;	height: 4px;	background-color: #ddd;	position: absolute;	left: -50%;	top: 30px;	z-index: 1; }
#progressbar li:first-child:after { content: none; }
#progressbar li.active { color: #3455DB; }
#progressbar li.danger { color: red; }
#progressbar li.complete::before { background-color: #BDBDBD; }
#progressbar li.error { color: red; }
#progressbar li.active:before { border-color: #3455DB; }
#progressbar li.error:before { border-color: red; }
#progressbar li.active + li:after { background-color: #3455DB; }
.callout.boxcount { border-color: #0097bc; background: #eee; }
.disbaled-div { pointer-events: none; }
#po_list tooltip:not(:first-child) { margin-left: -8px; }
#progressbar li.current:before { background: rgba(242,246,248,1); background: -moz-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,246,248,1)), color-stop(0%, rgba(216,225,231,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to right, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );
 }
.widget1 h1 { color: #e21833; font-size: 36px; margin: 0px 0 16px 0; padding-bottom: 16px; border-bottom: 3px solid #eee; }
.youtube { border: 0px; width: 100%; background: #fff; margin: 15px 0px; }
.card { margin-bottom: 1em; }
.card-body { background-color: #fff;	padding: 1em; }
.card-title { color: #e21833; font-weight: 600; }
blockquote { border-color: #3455DB }
hr { margin-top: 16px; margin-bottom: 16px; }
hr.hr-sm { max-width: 20px; margin-left: 0; }
.hr-lrg { border-width: 3px 0 0; }
.panel-default { margin: 0px; }
.app-checklist.panel-default { margin: 20px 0px; padding: 15px; }
.erx-checklist .checklist-title { font-size: 15px; color: #333; padding: 0px; margin: 0px 0 16px 0; padding-bottom: 16px; font-weight: 700; text-transform: uppercase; border-bottom: 3px solid #eee; width: 100%; }
.erx-checklist ul li { min-height: 24px; }

.erx_tab_div ul li a { color: #454545 !important; font-size: 15px; } 

.mid-section #outerMainDiv .navigation-progess-bar-div { width: 280px; }
.mid-section #outerMainDiv .navigation-progess-bar-div .navbar-default { background: #fff; padding: 10px; }
.mid-section #outerMainDiv .main-form-div { background: #fff; width: calc(100% - 280px); padding: 15px; }
.mid-section #outerMainDiv .navigation-progess-bar-div .sideBarMenu a { font-size: 14px; }
.mid-section #outerMainDiv .main-form-div .slds-button--brand { background: #E21933; padding: 3px 20px; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; text-decoration: none; border: 0px; border-radius: 0; }
.mid-section #outerMainDiv .main-form-div .slds-button--brand:hover, .mid-section #outerMainDiv .main-form-div .slds-button--brand:focus { background-color: #900900; border-color: #900900; }
.mid-section #outerMainDiv .slds .slds-text-heading--label { border-radius: 0px; }
.card img { width: 100%; }
/*===========After login CSS END==============*/

.mid-body { margin-bottom: 1.5em; background: #fff; padding: 15px; }
.pre-login img { max-width: 100%; }
#erx-content { position: relative; }
#erx-content:before { content: ""; top: 66px; left: 5px; width: 74.2%; height: 92.6%; background: #fff; position: absolute; }
.left-col { padding-right: 35px; }
.left-col h4 { margin-top: 0px; }
.SmallRightWidget { margin-right: 15px; }
.get-started hr.hr-lrg { margin-bottom: 0px; }
.cta-btn .btn { margin-right: 10px; }
.widget1 p { font-size: 20px; color: #000; margin-bottom: 20px; }
.contact-detail p { font-size: 16px; color: #000; margin-bottom: 10px; }
.title-2 { font-size: 15px; color: #333; padding: 0px; margin: 0px 0 16px 0; padding-bottom: 16px; font-weight: 700; text-transform: uppercase; border-bottom: 3px solid #eee; width: 100%; }
.padd-left15 { padding-left: 15px; }
.widget-inner { padding: 15px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.contact-detail ul { padding: 0px; margin: 0px; }
.contact-detail ul li { padding: 0px; margin: 5px 0px; list-style-type: none; }
.full-width { display: block; }
.erx-checklist .erx-checklist-ul .erx-checklist-li .fa-square-o:before { position: absolute; top: 2px; left: 14px; }
.erx-checklist .erx-checklist-ul .erx-checklist-li .fa-check-square-o:before { position: absolute; top: 2px; left: 14px; }
.mid-section #outerMainDiv .main-form-div.hideNavigationMargin { width: 100%; }
.pre-login-form .slds-form-element [class*="slds-col-"] { width: 100%; }
.pre-login-form .slds-lookup .slds-form-element { text-align: left; }
.pre-login-form .slds-lookup .slds-form-element .slds-pill { background-color: #ebebeb; padding-left: 12px; line-height: 38px; }

@media screen and (max-width: 1200px) { 
  .row-eq-height { display: block; }
 }

@media screen and (max-width: 991px) { 
  .mid-section #outerMainDiv .navigation-progess-bar-div, .mid-section #outerMainDiv .main-form-div { width: 100%; }
  footer [class*="col-"] { width: 100%; }
  .pre-login { padding: 20px 15px 20px 15px; }
  #erx-content:before { display: none; }
  .padd-left15 { padding-left: 0; }
  .SmallRightWidget { margin-right: 0; }
 }