@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');

/*==============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(--widget-title-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 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;}

/*================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: 18px; font-weight: 500; height: 69px; margin-top: -4px; padding:22px 10px 0 95px; 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%;}
.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: cover; 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;}
/*===============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;}
.before_login .main .slds{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:0px 36px 36px 36px !important;}
.before_login .main .slds h1{color: var(--theme-content-text-color); font-family: var(--theme-font); font-size: 32px; text-transform: uppercase; padding: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: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; margin-left:15px;}
.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 20px; text-align: center; font-family: var(--widget-title-font);
color: var(--widget-content-text-color); width: 186px; margin: 10px 0px;}
.nav-responsive.erx-checklist ul li {font-size: 16px; color: var(--widget-content-text-color); font-weight: 400; position: relative;  margin: 0 0 18px 0px; width: 100%; padding-left: 38px; float:left;}
.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(--widget-title-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:0px 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-break:break-all; 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-primary-bg-color);}



.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; }
/*==============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(--widget-title-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:32px; 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 72px; 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) !important;}
.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==============*/
.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;}
.welcome-text {float: left; /*width: 60%; padding-left: 30px;*/ width: 100%; padding-left: 0px;}
.welcome-img{float: left;  width: 40%; display:none;}
.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:45px;  opacity: 1;  height: 45px; background: none; transform: translateY(-50%); background-size:100% 100%;}
.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{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-break: break-all; 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;}



