@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*==============Global CSS Start=================*/
body {
	color: var(--theme-content-text-color);
	font-family: var(--theme-font);
	background: var(--theme-body-bg);
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 1.6;
}
label {
	font-weight: normal;
}
img {
	max-width: 100%;
}
/*ul li, ul {list-style: none; padding: 0px; margin: 0px;}*/
a,
a:hover {
	text-decoration: none;
	outline: none;
}
a,
a:hover,
button,
button:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
::selection {
	background: #0099da;
	color: #fff;
}
::-moz-selection {
	background: #0099da;
	color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0px;
	margin: 0px;
	font-family: var(--theme-font);
	font-weight: 600;
}
.full,
header,
footer,
section {
	float: left;
	width: 100%;
}
p {
	padding: 0px;
	margin: 0px;
}
.clearfix {
	clear: both;
}
.disblock {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.relative {
	position: relative;
}
.container {
	width: 100%;
	max-width: 1300px;
}
.padd-60 {
	padding: 60px 0px;
}
.full {
	float: left;
	width: 100%;
}
#outerMainDiv {
	width: 100%;
	padding: 0px;
	display: inline-block;
}
.ewd-mid-sec {
	max-width: 1300px;
	width: 100%;
	margin: auto;
	padding: 0px 15px;
	clear: both;
}
.ewd-mid-sec:after {
	content: "";
	clear: both;
	display: block;
}
.ewd-none {
	display: none;
}
/*==============Global CSS End=================*/

/*================Header css Start================*/
.header-top-wrap {
	padding: 15px 0px;
}
.top_nav {
	padding-top: 14px;
}
.top_nav .top_links {
	float: left;
	padding-top: 4px;
}
.top_nav .top_links li {
	float: left;
	margin-right: 28px;
}
.top_nav .top_links li a {
	font-size: 14px;
	color: var(--theme-secondary-text-color);
}
.link_logout {
	float: right;
	padding: 6px 22px;
	color: var(--theme-primary-text-color);
	background: var(--theme-primary-bg-color);
}
.link_logout:hover,
.link_logout:focus {
	color: var(--theme-primary-text-color);
}
.header .main-navigation {
	background: var(--theme-primary-bg-color);
	display: block;
	clear: both;
	margin: 0px -19px;
	position: relative;
}
.header .main-navigation .main-nav {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.header .main-navigation .main-nav li {
	float: left;
	border-right: solid 1px rgba(256, 256, 256, 0.1);
	background: none;
}
.header .main-navigation .main-nav li:last-child {
	border-right: solid 0px #8561c5;
}
.header .main-navigation .main-nav li a {
	color: var(--theme-primary-text-color);
	font-family: var(--theme-font);
	padding: 12px 24px;
	display: inline-block;
	font-size: 18px;
}
.header .main-navigation .main-nav li a:hover,
.header .main-navigation .main-nav li.active a {
	background: var(--theme-nav-hover-bg);
}
.header .main-navigation:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -48px;
	border-top: solid 24px #333;
	border-bottom: solid 24px transparent;
	border-right: solid 24px transparent;
}
.header .main-navigation:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -48px;
	border-top: solid 24px #333;
	border-bottom: solid 24px transparent;
	border-left: solid 24px transparent;
}
/*.header .logo-area{display: inline-block; width:45%;}*/
.header .logo-area {
	float: left;
	width: 45%;
}
.header .logo-area a.logoImg {
	display: block;
}
.header .logo-area img {
	max-width: 100%;
	max-height: 110px;
}
/*.before_login .header .logo-area { width: 100%;}*/
.before_login .header .logo-area i,
.before_login .header .logo-area span.logo-txt {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-top: 0px;
}
.before_login .header .logo-area span.logo-txt {
	padding-left: 10px;
}
.main-nav li,
.vertical-status .status-steps li {
	list-style: none;
}
.header ul,
.application-status ul,
ul.navigation-progess-bar {
	list-style: none;
	padding: 0;
	margin: 0;
}
/*================Header css End================*/

.padT15 {
	padding-top: 15px;
}
.comn-tiles .title-tiles {
	border-bottom: solid 1px #dfdfdf;
	font-family: var(--widget-title-font);
	font-size: 24px;
	color: var(--widget-title-color);
	background: var(--widget-title-bg);
	padding: 8px 8px 8px 20px;
}
.application-status .comn-tiles {
	margin-bottom: 0px;
}
.comn-tiles {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	border: solid 1px #dfdfdf;
	background: var(--widget-box-bg);
	font-family: var(--widget-content-font);
	color: var(--widget-content-text-color);
	position: relative;
}
.comn-tiles-inner {
	float: left;
	width: 100%;
}
/*================Application-Status css Start================*/
.vertical-status.application-status {
	padding: 15px 0px 0 0px;
	float: left;
	width: 100%;
}
.vertical-status .status-steps {
	float: left;
	width: 100%;
}
.vertical-status .status-steps li {
	float: left;
	width: 100%;
	background: url(../images/steps-bg.png) left top no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	height: 69px;
	margin-top: -4px;
	padding: 22px 10px 0 90px;
	text-transform: uppercase;
	position: relative;
	cursor: not-allowed;
}
.vertical-status .status-steps li.active {
	background: url(../images/steps-bg-active.png) left top no-repeat;
	cursor: default;
	background-size: 100% 100%;
	color: var(--theme-secondary-text-color-highlighted);
}
.vertical-status .status-steps li:first-child {
	margin-top: 0px;
}
.vertical-status .status-steps li i {
	position: absolute;
	left: 20px;
	top: 13px;
}
.vertical-status .status-steps li .check-icon,
.vertical-status .status-steps li.active .lock-icon {
	display: none;
}
.vertical-status .status-steps li.active .check-icon {
	display: inline-block;
}
.vertical-status .status-steps li span {
	display: inline-block;
	vertical-align: top;
	opacity: 0.5;
}
.vertical-status .status-steps li i svg {
	width: 30px;
	height: 30px;
	fill: #fff;
	opacity: 0.5;
}
.vertical-status .status-steps li.active span,
.vertical-status .status-steps li.active i svg {
	opacity: 1;
}
.vertical-status .status-steps li a {
	color: #fff;
}
/*================Application-Status css End================*/

/*================Application-Status css Start================*/
.vertical-status .status-steps li .icon-1 {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 10px;
}
.vertical-status .status-steps li .icon-2 {
	display: none;
	position: absolute;
	left: 15px;
	top: 8px;
}
.vertical-status .status-steps li.active .icon-1 {
	display: none;
}
.vertical-status .status-steps li.active .icon-2 {
	display: inline-block;
}
/*================Application-Status css End================*/

.check-list {
	float: left;
	width: 100%;
}
.check-list li {
	float: left;
	width: 100%;
	margin-bottom: 12px;
}
.check-list li:last-child {
	margin-bottom: 0px;
}
.custom-check {
	display: inline-block;
	position: relative;
	padding-left: 50px;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: auto;
	vertical-align: top;
	color: #797979;
	vertical-align: top;
	width: 100%;
	margin: 0px;
}
.custom-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.custom-check .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 32px;
	width: 34px;
	background: #bbbcbe;
	border-radius: 4px;
}
.custom-check input:checked ~ .checkmark {
	background: var(--theme-primary-bg-color);
}
.custom-check .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.custom-check input:checked ~ .checkmark:after {
	display: block;
}
.custom-check .checkmark:after {
	left: 12px;
	top: 4px;
	width: 10px;
	height: 18px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*=======Check End============*/
.padd-20 {
	padding: 20px;
}
.padd-25 {
	padding-top: 25px;
}
/*==============Footer Start=============*/
footer {
	padding: 60px 0px 0px 0px;
}
.footer-wrap {
	padding: 0px 110px 40px 110px;
	background: var(--theme-footer-bg);
}
.footer-top {
	float: left;
	width: 100%;
	padding: 18px 40px;
	color: var(--theme-primary-text-color);
	background: var(--theme-primary-bg-color);
	margin-top: -34px;
	position: relative;
}
.footer-top a {
	color: var(--theme-primary-text-color);
}
.footer-top:after {
	content: "";
	position: absolute;
	right: -34px;
	top: -34px;
	border-bottom: solid 34px #333;
	border-top: solid 34px transparent;
	border-right: solid 34px transparent;
}
.footer-top:before {
	content: "";
	position: absolute;
	left: -34px;
	top: -34px;
	border-bottom: solid 34px #333;
	border-top: solid 34px transparent;
	border-left: solid 34px transparent;
}
.ftr-contact-dtl {
	font-size: 22px;
	text-align: center;
	float: left;
	width: 100%;
}
.ftr-contact-dtl-row {
	margin: 2px 0px;
	display: block;
}
.ftr-contact-dtl-row span {
	font-weight: 500;
}
.ftr-adrs-wrap {
	padding: 40px 25px 0px 25px;
}
.ftr-adrs a,
.ftr-adrs {
	font-size: 20px;
	color: var(--theme-secondary-text-color);
	float: left;
}
.ftr-social a {
	display: inline-block;
	margin-left: 4px;
}
.copyright {
	float: left;
	width: 100%;
	padding: 6px 0 0 25px;
	font-size: 15px;
	font-weight: 300;
	color: var(--theme-secondary-text-color);
}
/*==============Footer End=============*/

.counselor-wrap {
	width: 100%;
	display: table;
	padding: 30px 0px 36px 0px;
}
.counselor-name {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
.counselor-img {
	width: 126px;
	display: table-cell;
}
.counselor-img img {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 126px;
	height: 126px;
	object-fit: contain;
	border: solid 10px #f3f3f3;
}
.assigned-counselor .comn-tiles-inner {
	padding: 10px;
}
.counselor-name h2 {
	color: var(--widget-content-text-color);
	padding: 0px 0 10px 0px;
	margin: 0px;
	font-size: 26px;
}
.counselor-name h3 {
	color: var(--widget-content-text-color);
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
}
.counselor-contact {
	padding: 10px 20px;
	background: #ededed;
}
.cnslr-cont-row {
	position: relative;
	width: 100%;
	float: left;
	padding-left: 42px;
	color: var(--widget-content-text-color);
	margin: 6px 0px;
	font-size: 16px;
}
.cnslr-cont-row i {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 16px;
	background: var(--theme-primary-bg-color);
	color: var(--theme-primary-text-color);
}
.cnslr-cont-row a {
	color: var(--widget-content-text-color);
}
.width-2 {
	width: 66%;
	margin-bottom: 25px;
}
.comn-tiles-inner p {
	margin-bottom: 25px;
}
.left-col {
	float: left;
	width: 32%;
	padding-right: 20px;
}
.right-col {
	float: left;
	width: 68%;
}
.welcome-widget p {
	font-size: 26px;
	width: 100%;
}
/*===============Login page=============*/
.before_login .header{text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); margin-bottom: 60px;}
/* PD-8099 | Ghanshyam | Event Registration with FB having issue for alignment of Wait list message for template 3,4,5 | Added 'float: none;' */ 
.before_login .main .slds{float: none; max-width: 730px; margin:auto; background: var(--theme-form-box-bg); clear: both; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); padding:15px 36px 36px 36px !important;}
.before_login .main .slds h1.slds-text-heading--small{color: var(--theme-content-text-color); font-family: var(--theme-font); font-size: 32px; text-transform: uppercase; padding:15px 0px 28px 0px; text-align: center; font-weight: normal; border-bottom: solid 1px #dee1e5; position: relative; display: block; margin: 0px -36px 40px -36px;}
.before_login .main .slds h1.slds-text-heading--small:after{position: absolute; left: 50%; top: 100%; background: var(--theme-primary-bg-color); height: 4px; width: 110px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); content:""; margin-top: -4px;}
.slds-form-element{display: inline-block; width: 100%; margin-bottom: 15px;}
.after_login .main-form-container .slds-form-element {margin-bottom: 15px;}
.after_login .main-form-container .slds-form-element .slds-form-element {margin-bottom: 0px;}
.slds-form-element .slds-form-element__label, .RegisterPageLabelStyle{color: var(--theme-form-text-color); font-family: var(--theme-font); font-weight: 600; width: 100%; display: inline-block; margin-bottom:5px;}
.slds-form-element .slds-input, .RegisterPageInputTextStyle{height:42px; border-radius: 4px; -webkit-border-radius: 4px; border: solid 1px #d7dde2; display: inline-block; width: 100%; padding-left:12px; padding-right:12px; font-size:15px;}
.before_login footer {padding:90px 0 0 0px;}
.main .slds .slds-form--horizontal .slds-form-element__control{display: inline-block; width: 100%; color:var(--theme-form-text-color);}
.RegisterPageInputTextStyle{display: inline-block; width: 100%; margin-bottom: 20px;}
.message.errorM3{ width: 100%; padding: 10px; text-align:left; background: #f8dcdc; margin-top: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;}
.message.errorM3 table{ width: 100%;} 
.LoginPageLinkStyle{color: var(--theme-content-text-color);}
b.LoginPageLinkStyle + b.LoginPageLinkStyle{color: var(--theme-primary-text-color);}
.after_login ui-view.ng-scope{width: 100%; float: left;}
.eventlisting .container-fluid {padding: 0px;}
.eventlisting .container-fluid .eventTableListing > div {float: left;  width: 100%;  margin: 0px 0 10px 0px !important; padding:10px 15px 15px 15px; border-bottom: solid #e0e0e0 1px;}
.eventlisting .container-fluid .eventTableListing span.circleBase {width: 22px; height: 22px; border-radius: 100%; display: inline-block; text-align: center; line-height: 22px; color: #fff;
font-size: 13px; background: #ee1515 !important; margin-right: 5px;}
.eventlisting .container-fluid .eventTableListing span.circleBase.letterW {width: 22px; height: 22px; border-radius: 100%; display: inline-block; text-align: center; line-height: 22px; color: #fff; font-size: 13px; background: #dbba1d !important;}
.eventlisting .table-responsive table{border: 0px; margin: 0px;}
.eventlisting .table-responsive table tr th, .eventlisting .table-responsive table tr td{border-left: 0px; border-right: 0px; border-bottom: solid 1px #e0e0e0;}
.eventlisting .table-responsive table tr td{padding: 12px 15px; vertical-align: middle;}
.eventlisting .table-responsive table tr td:nth-child(2) {background: #eaedf1;  border-radius:0px; padding: 12px; text-align: left; font-family: var(--widget-title-font);
color: var(--widget-content-text-color); min-width: 110px; margin: 10px 0px;}
.nav-responsive.erx-checklist ul li { list-style: none; font-size: 16px; color: var(--widget-content-text-color); font-weight: 400; position: relative;  margin: 0 0 15px 0px; width: 100%; padding-left: 38px; float:left; min-height: 35px;}
.nav-responsive.erx-checklist ul li a{color: var(--theme-primary-bg-color);}
.grid-stack > .grid-stack-item > .grid-stack-item-content{overflow: visible;}
.tiles_buton:after {content: "";  border-right: solid 8px transparent;  border-left: solid 8px #000; border-top: 14px solid transparent;  position: absolute;  top: -14px;  right: -8px;}
.tiles_buton {position: absolute;  right: -8px; bottom:0px;  background: var(--theme-primary-bg-color); color: var(--theme-primary-text-color);  font-family: var(--theme-font);
padding: 6px 15px;  z-index: 999; font-size: 14px;}
.tiles_buton:hover, .tiles_buton:focus{color: var(--theme-primary-text-color); }
.eventlisting .table-responsive table tr td a{color: var(--widget-content-text-color);}
.welcome-widget .padd-20, .eventlisting .padd-20 {padding-bottom:50px;}
.eventlisting .table-responsive table tr td:first-child{font-weight: 600;}
.inner_top_banner{display: none; float: left; width: 100%; margin-bottom: 30px; position: relative; background:#000; position:relative;}
.inner_top_banner.ewd-inner-banner{display: block; }
.inner_top_banner img{opacity:0.7;}
.after_login .main-form-container {background: var(--theme-form-box-bg);  padding:15px 30px 20px 30px;}
.header {padding: 0; background: var(--theme-header-bg);}
.after_login #outerMainDiv .main-body-container {float: left;  width: 100%;}
.after_login #outerMainDiv .navigation-progess-bar-div {padding: 0;  margin: 0;  width: 300px;}
.after_login #outerMainDiv .main-form-div{width: calc(100% - 300px);  padding: 0px 0 0 25px; margin: 0px;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label, .before_login .main.two-colmn-form .sectionTitle {background: none !important;  font-size: 24px;
color: var(--theme-content-text-color); letter-spacing: 0px; font-family: var(--theme-font); padding: 15px 25px 15px 30px; border-bottom: solid 1px #dee1e5; margin: 0px -30px 25px -30px;}
.main .slds .slds-form-element__label {font-size: 14px;}
.welcome-widget .comn-tiles-inner{font-size: 18px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default {background: var(--theme-secondary-bg); border: solid 1px #e5e5e5; border-radius: 0px; padding: 25px;}
.after_login #outerMainDiv .side-bar-page-list-div li.side-bar-page-list {margin: 0px 0 20px 0px ; border-bottom: 0px solid #eee !important; padding: 0px; overflow: visible; float: left; width: 100%;}
.after_login #outerMainDiv .side-bar-page-list.selected-page {background:none;}
.after_login #outerMainDiv .sideBarMenu a {text-indent: 0px;  font-size: 16px;  color: var(--theme-secondary-text-color); word-wrap:break-word;}
.after_login #outerMainDiv .sideBarMenu a:hover, .after_login #outerMainDiv .sideBarMenu li.side-bar-page-list.selected-page a, .after_login #outerMainDiv .side-bar-page-list-div li.side-bar-page-list.selected-page {color:var(--theme-secondary-text-color-highlighted);}


.main .slds {
	font-family: var(--theme-font);
}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-square-o:before {
	content: '';
	width: 28px;
	height: 28px;
	margin-top: 0;
	margin-left: 0;
	border: 0px solid #828282;
	background: var(--widget-checkbox-bg);
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-check-square-o:before {
	font-family: 'FontAwesome';
	content: "\f00c";
	position: absolute;
	background: var(--theme-primary-bg-color);
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: var(--theme-primary-bg-color);
	border-radius: 4px;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 16px;
}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg {
	left: 0;
	top: 0;
}

/*==============Old Link CSS Start===============*/
.links-widget-col {
	width: 101%;
	margin-left: -1%;
	float: left;
	position: relative;
}
.links-widget-box {
	float: left;
	width: 32.333%;
	margin-left: 1%;
	border: solid 1px #dfdfdf;
	position: relative;
	cursor: pointer;
}
.links-widget-img {
	width: 100%;
	float: left;
	position: relative;
}
.links-widget-img img {
	width: 100%;
	float: left;
}
.overlay-txt {
	position: absolute;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
	padding: 0;
	font-size: 16px;
	font-family: var(--widget-title-font);
	line-height: normal;
	transition: all ease 0.2s;
	width: 100%;
}
.links-widget-img:before {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.65) 100%
	); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.65) 100%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#00000000',
			endColorstr='#a6000000',
			GradientType=0
		); /* IE6-9 */
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	content: "";
}
.links-widget-box .btn-learn-more {
	transition: all ease 0.4s;
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	background: var(--theme-primary-bg-color);
	color: var(--theme-primary-text-color);
	padding: 6px 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 13px;
	visibility: visible;
	opacity: 1;
	white-space: nowrap;
}
/*==============Old Link CSS Start End===============*/

/*==============New Link CSS Start===============*/
.owl-carousel.links-widget-col {
	width: 100%;
	float: left;
	position: relative;
}
.owl-carousel .links-widget-box {
	float: left;
	width: 100%;
	border: solid 1px #dfdfdf;
	position: relative;
	cursor: pointer;
}
.owl-carousel .links-widget-img {
	width: 100%;
	float: left;
	position: relative;
}
.owl-carousel .links-widget-img img {
	width: 100%;
	float: left;
}
.owl-carousel .links-widget-txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 10px;
	width: 100%;
}
.owl-carousel .links-widget-txt h2 {
	font-size: 20px;
	font-family: var(--theme-font);
	line-height: normal;
	color: #fff;
	margin-bottom: 12px;
}
.owl-carousel .links-widget-box .btn-learn-more {
	background: var(--theme-primary-bg-color);
	color: var(--theme-primary-text-color);
	padding: 0px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	position: relative;
	left: 0px;
	bottom: 0px;
	transform: none;
}
.owl-carousel .links-widget-img:before {
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	content: "";
}
/*==============New Link CSS End===============*/

.main {
	float: left;
	width: 100%;
}
.status-steps li br {
	display: none;
}
.main .slds > form > div {
	display: inline-block;
	width: 100%;
	clear: both;
}
.btn_login {
	float: right;
}
.nav-responsive.erx-checklist ul li .fa-check-square-o + div {
	color: var(--theme-primary-bg-color);
}
.congrats-txt-wrap {
	float: left;
	width: 100%;
	position: relative;
	padding: 40px 20px 60px 20px;
	text-align: center;
}
.congrats-thumb-img {
	width: 100%;
	display: inline-block;
	padding: 15px 0px 18px 0px;
}
.congrats-txt {
	font-size: 20px;
	text-align: center;
	float: left;
	padding: 10px 0 0 0px;
	width: 100%;
	color: var(--widget-content-text-color);
}
.logo-area i {
	font-size: 50px;
	float: left;
	color: var(--theme-primary-bg-color); /*margin-top: 2px;*/
}
.logo-area span.logo-txt {
	font-family: "Times New Roman", Georgia;
	font-size: 24px;
	font-weight: 500;
	display: block;
	padding: 0 0 0 10px;
	text-align: left;
	line-height: 1.2;
	color: var(--theme-logo-text-color);
}
.logo-area .logo-sub-heading {
	padding: 0px;
	display: inline-block;
	width: 100%;
	font-size: 20px;
}
.btn_register {
	float: right;
	margin-right: 180px;
}
.back-to-login {
	float: left;
	margin-left: 155px;
}
.submit-button + .back-to-login {
	float: left;
	margin: 20px 0 0 160px;
}
.submit-button {
	float: right;
	margin: 20px 180px 0 0;
}
.btn_login + a {
	margin-top: 10px;
	display: inline-block;
}
.main .slds .slds-select {
	height: 42px;
	padding-left: 12px;
}
.main-form-div .buttonCss.allowEnter {
	margin: 10px 15px 0px 0px !important;
}
.main .slds .slds-pill {
	height: 42px;
	line-height: 38px;
	padding: 0 0 0 10px;
}
.main .slds .slds-lookup[data-select=single] .slds-pill .slds-button {
	background: #fff;
	padding: 5px;
	margin: -13px 0 0 0 !important;
	right: 6px;
	width: auto;
	height: auto;
}
.main .slds .slds-lookup[data-select=single] .slds-pill .slds-button:hover {
	background: #fff;
}
.main .slds-form-element textarea.slds-input {
	height: 100px;
}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label span {
	font-size: inherit;
	color: var(--theme-content-text-color);
}
.main .slds a {
	color: var(--theme-primary-bg-color);
}
.sectionDescription {
	padding: 2px 10px;
	margin-bottom: 10px;
}
.main .slds .slds-button.custom-upload-btn {
	padding: 0px 15px;
	margin: 2px 0 0 10px;
	width: auto;
	height: 38px;
	line-height: 38px;
}
.carousel-inner.dark-top-banner > .item > img {
	opacity: 0.7;
}
.after_login #outerMainDiv .inner_top_banner.dark-top-banner img {
	opacity: 0.7;
}
/*=================Two Colomn Form Css==============*/
/* PD-8099 | Ghanshyam | Event Registration with FB having issue for alignment of Wait list message for template 3,4,5 */
.before_login .main.two-colmn-form .main-form-div {max-width: 100%;  width: 100%;  padding:4px 25px 25px 25px;} 
.before_login .main.two-colmn-form .slds-col.slds-max-small--1-of-1.slds-medium-size--1-of-8.slds-large-size--1-of-8 {width: 100%;}
.before_login .main.two-colmn-form .slds-form-element label.slds-form-element__label, .RegisterPageLabelStyle {margin-top: 5px;}
.after_login .main.vertical-form #outerMainDiv .slds .slds-large-size--4-of-12 {width: 100%; text-align: left;}
.after_login .erx-checklist{ display: inline-block; vertical-align: top; width: 100%; border: solid 1px #dfdfdf; background: var(--widget-box-bg); font-family:var(--widget-content-font); color: var(--widget-content-text-color); padding: 0px 20px 10px 20px;}
.after_login .eventlisting{ display: inline-block; vertical-align: top; width: 100%; border: solid 1px #dfdfdf; background: var(--widget-box-bg); font-family:var(--widget-content-font); color: var(--widget-content-text-color);}
.after_login .erx-checklist .checklist-title{border-bottom:solid 1px #dfdfdf; font-family:var(--widget-title-font); font-size: 24px; color: var(--widget-title-color); background: var(--widget-title-bg); padding:12px 8px 12px 20px; display:block; vertical-align: top; margin: 0px -20px 20px -20px; font-weight: 400;}
.after_login .eventlisting .eventlist-title{border-bottom:solid 1px #dfdfdf; font-family:var(--widget-title-font); font-size: 24px; color: var(--widget-title-color); background: var(--widget-title-bg); padding:12px 8px 12px 20px; display: inline-block; vertical-align: top; width: 100%; margin: 0px; font-weight: 400;}
.after_login .eventlisting .nav-responsive{padding: 0px;}
.after_login .eventlisting .slds-text-body--regular{padding: 10px 15px;}
.ftr-logo{display: none;}
.dynamicText{display: inline-block; width: 100%;}
/*==========Common CSS===========*/
.widget-content {
	position: relative;
}
body.HomepageBuilder {
	padding-top: 58px;
}
.welcome-widget .comn-tiles-inner {
	display: flex;
	flex-wrap: wrap;
}
.welcome-text {display: flex; flex-basis: 100%; flex: 2; flex-wrap: wrap;}
.welcome-img {
	float: left;
	width: 35%;
}
.welcome-img img {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

/*==============Bootstrap carousel CSS Start===============*/
.home-slider-col{float: right; width:100%; margin:0;}
.home-slider-col .carousel-inner {margin-top: 15px; background: var(--theme-secondary-bg); height:400px;}
.home-slider-col .carousel-inner.dark-top-banner{margin-top:0px;}
.carousel-control {top: 50%;  width:30px;  opacity: 1;  height: 30px; background: none; transform: translateY(-50%); background-size:100% 100% !important;}
.carousel-control.left{ background: url(../images/arrow-left.png) left top no-repeat; right: inherit; left: 15px; }
.carousel-control.right{ background: url(../images/arrow-right.png) left top no-repeat;  left: inherit;  right: 15px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{display: none;}
.carousel-indicators li {background: #616161; border: 1px solid #616161;}
.carousel-indicators .active {width: 30px;  background: var(--theme-primary-bg-color);}
/*==============Bootstrap carousel CSS End===============*/

/*==============Owl-carousel CSS Start===============*/
.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative;
}
.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-carousel .fadeOut {
	animation-name: fadeOut;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.owl-height {
	transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}
.owl-nav button {
	position: absolute;
	left: 0;
	top: 50%;
	width: 32px;
	height: 42px;
	background: rgba(0, 0, 0, 0.5) !important;
	color: #fff !important;
	font-size: 32px !important;
	margin-top: -21px;
	line-height: normal !important;
}
.owl-nav button.owl-next {
	left: inherit;
	right: 0px;
}
.owl-nav button span {
	margin-top: -4px;
	display: inline-block;
	height: 20px;
	vertical-align: top;
}
/*==============Owl-carousel CSS End===============*/

.main-slider-widget .owl-stage-outer, erx-mainslider {
	height: 416px;
	/*overflow: hidden;*/
}
.main-slider-widget .slide-img {
	background: #000;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.main-slider-widget .slide-img img {
	opacity: 0.8;
}

.nav-responsive.erx-checklist ul li span,
.nav-responsive.erx-checklist ul li span a {
	float: left;
	width: 100%;
	word-wrap: break-word;
}
.comn-tiles.assigned-counselor,
eventlisting .eventlisting {
	min-height: 380px;
}
.counselor-contact .cnslr-cont-row {
	margin: 10px 0px;
}
.eventlisting .container-fluid .eventTableListing > div span.letterFlag,
.eventlisting .container-fluid .eventTableListing > div span.circleBase {
	vertical-align: middle;
}
/*.comn-tiles.twitter-widget iframe {
	max-height: 505px;
}*/

.modal.in .modal-dialog,
.modal.fade .modal-dialog {
	transform: none !important;
}
.gt-grid-control {
	position: fixed;
	cursor: inherit;
	width: 100%;
	text-align: right;
	padding: 10px 15px;
	background: #525f72;
	top: 0px;
}
.gt-grid-control:before {
	background: url(../images/HomepageBrandingLogo.png) left top no-repeat;
	position: absolute;
	left: 15px;
	top: 9px;
	content: "";
	height: 38px;
	width: 168px;
	z-index: 999;
}
.gt-grid-select {
	top: 45px;
	right: 215px;
	position: absolute !important;
}
/*==============Latest Changes===============*/

.after_login #outerMainDiv .hideNavigationMargin.main-form-div {
	width: 100%;
	padding: 0px;
}

.side-bar-page-list-div li.side-bar-page-list #right {
	width: calc(100% - 30px);
	float: left;
	padding-left: 15px;
}
.side-bar-page-list-div li.side-bar-page-list #left {
	width: 30px;
	float: left;
}
.side-bar-page-list-div li.side-bar-page-list input[type='checkbox']:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: 0;
	margin-left: 0;
	border: 1px solid #828282;
	background: #fff;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: -10px;
}

.side-bar-page-list-div li.side-bar-page-list.selected-page input[type='checkbox']:before,
.side-bar-page-list-div li.side-bar-page-list input[value='true']:before {
	width: 20px;
	height: 20px;
	background: var(--theme-primary-bg-color);
	display: inline-block;
	content: "";
	position: absolute;
	left: 5px;
	top: -5px;
	z-index: 2;
	display: none;
}
.side-bar-page-list-div li.side-bar-page-list.selected-page input[type='checkbox']:before,
.side-bar-page-list-div li.side-bar-page-list input[value='true']:before {
	display: block;
}
.after_login #outerMainDiv .side-bar-page-list-div li.side-bar-page-list {
	margin: 5px 0 15px 0px;
}

.main .paragraphText span,
.formbuilder-paragraph-component,
.formbuilder-paragraph-component span,
.after_login #outerMainDiv .main-form-div span {
	font-family: var(--theme-font);
	color: var(--theme-form-text-color);
}
.main .slds-button--brand,
.main .slds-button--neutral,
.main b.forgotPasswordLinkStyle,
.main b.slds-truncatem .slds .slds-button--brand,
.main .slds .slds-button--brand,
.main b.slds-truncate {
	color: var(--theme-primary-text-color);
	background: var(--theme-primary-bg-color);
	border: 0px;
	padding: 0px 20px;
	display: inline-block;
	font-weight: 500;
	height: 42px;
	line-height: 42px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
.main .slds-button--brand:hover,
.main .slds-button--neutral:hover,
.main b.forgotPasswordLinkStyle:hover,
.main b.slds-truncatem .slds .slds-button--brand:hover,
.main .slds .slds-button:hover,
.main b.slds-truncate:hover {
	background: #3a4044;
	color: #fff;
}

.slds-picklist--draggable .slds-form-element {
	width: auto;
}
.slds-picklist--draggable .slds-grid--vertical {
	justify-content: center;
}
.slds-picklist--draggable .slds-grid--vertical button.slds-button--icon-container {
	margin: 5px 15px !important;
	background: #eaeaea;
	padding: 0px !important;
	line-height: inherit;
}
.slds-picklist--draggable .slds-grid--vertical button.slds-button--icon-container:hover {
	background: #eaeaea;
}

.main .slds .slds-button--brand[disabled] {
	opacity: 0.5;
}
.main footer.footer {
	background: transparent;
}

.widget-content iframe {
	width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
span {
	word-wrap: break-word;
}

/*PD-7319*/
.slds-button,
button {
	word-break: normal;
	word-wrap: normal;
}
.add-another-button {
	margin: 5px 0;
}
.page-error-message {
	margin-left: 321px;
}
.before_login .page-error-message {
	margin-left: 0px;
}
.logo-area a {
	display: flex;
	align-items: flex-start;
	text-align: left;
}
/*PD-6920*/
.side-bar-page-list-div li.side-bar-page-list.selected-page input[value='false']:before {
	display: none;
}
#socialButtonGroupLogin,
#socialButtonGroupRegister {
	margin-top: 15px;
	width: 100%;
	float: left;
}
.UpperText,
.LowerText {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin-bottom: 5px;
}

/*PD-7709 - CSS for custom registration page start*/
.before_login #outerMainDiv .main-form-div .slds-form-element__label {
	width: auto;
}
/*PD-7709 - CSS for custom registration page end*/
.after_login #outerMainDiv .sideBarMenu .side-bar-page-list-div li.side-bar-page-list #left input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/*PD-7777 - CSS for recaptcha start*/
.before_login .g-recaptcha {
	margin-bottom: 15px;
}

/*Structure change*/
.genericNotification, .genericNotification span {color: #fff !important;}
.slds-form-element .slds-form-element__label, .RegisterPageLabelStyle {width: auto;}

/* PD-8128 | Ghanshyam | Erx Template 3,4 ,5 Having UI issue for Old HTML code */
.congrats_widget svg, .congrats_widget img {max-width: 100%;}
.after_login .eventlisting {padding-bottom: 50px;}
.view-event-btn {margin-top: 15px;} 

/*PD-8262 | Ghanshyam */
.before_login #outerMainDiv .slds .slds-picklist--draggable .slds-form-element__label {
	margin-bottom: 5px; max-width: 100%;
}
.before_login .main .slds .slds {
   padding: 0px !important;
   margin: 0px !important;
   box-shadow: none;
   background: no-repeat;
}

/*PD-8234 | Ghanshyam */
.UpperText pre, .LowerText pre {border: 0;  padding: 0; background: none; overflow: visible;}
.UpperText pre p, .LowerText pre p {padding: 0; margin: 0;}

/*PD-5594 - CSS for Widget Library start*/

.links-widget-col .owl-stage {display: flex;}
.links-widget-col .item, .links-widget-col.owl-carousel .links-widget-img, .links-widget-col.owl-carousel .links-widget-box {height: 100%;}
.links-widget-col.owl-carousel .owl-item img {height: 100%; object-fit: cover;}
.owl-carousel .links-widget-box, .owl-carousel.links-widget-col {margin: 0;}
.congrats_widget {display: inline-block;  width: 100%; padding: 25px; text-align: center;}
.congrats_img {display: inline-block;  width: 100%;}
.congrats_img svg {max-width: 100%; height: auto;}

/* PD-5649 | Ghanshyam | List Component Enhancements */
.after_login #outerMainDiv .main-form-div a span {
	color: var(--theme-primary-bg-color);
}

.socialfeed { max-height: 600px; overflow-y: auto;}
erx-brandinginfo, erx-socialfeed, erx-mainslider, erx-congratulation, erx-greeting, erx-text, erx-applynow, erx-contactinfo, erx-applicationstatus, erx-videolink {display: inline-block; width: 100%; vertical-align: top;}

.image-present .welcome-text {padding-left: 20px;}
.videolink.comn-tiles {padding: 0; margin: 0;}

.activityCheckboxAllign {padding-top: 8px;}
.activityCheckboxAllign .slds-form-element {margin-bottom: 0 !important;}
.activityCheckboxAllign .slds-form-element label.slds-checkbox {margin-bottom: 0;}