@charset "utf-8";
/* ======================================================================
	Name of the project	: HBX - BODHI (Business Systems 2.0)
	Type of Document	: CSS 
   ====================================================================== */
/* ======================================================================
   Reset CSS
   ====================================================================== */
*{
	margin				: 0;
	padding				: 0;
	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, 
li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border 				: 0;
	margin 				: 0;
	padding 			: 0;
	font-weight			: normal;
	font-style			: inherit; 
	font-size			: 100%;
	text-align			: left;	
	vertical-align      : baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display				: block;
	}
/*Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3*/
audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/*Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.*/
audio:not([controls]) {
    display: none;
    height: 0;
}
/*Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.*/
[hidden] {
    display: none;
}
/*-html 5 reset ends-*/
/*
 * 1. Prevent system color scheme's background color being used in Firefox, IE,and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using  `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling  user zoom.
 */
html {
    color: #000; /* 2 */
    font-size: 100%;/* 3 */
    -webkit-text-size-adjust: 100%;/* 4 */
    -ms-text-size-adjust: 100%;/* 4 */
	height				: 100%;
	font-family			: TradeGothicLT;
} 
body{ 
	background			: #fafafa;
	font-family			: TradeGothicLT;
	color				: #595959;
	position 			: relative;
	/* height				: 100%; */
	}
h1,h2,h3,h4,h5,h6{
	/*color				: #595959;*/
	font-family			: TradeGothicLT;
	display				: block;
	}
h1 {
	font-family: TradeGothicLT;
    font-size: 37px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3f414a;
}
h2 {
    font-family: TradeGothicLT;
    font-size: 30px;
	color: #545a5b;
}
h3 {
    font: normal 18px "TradeGothicLT";
}
h4 {
    font: normal 16px "TradeGothicLT";
    text-transform: uppercase;
}
a {
	outline 			: none;
	text-decoration		: underline;
	color				: #546e7a !important;
	}
	a:focus , .linkStyle:focus{
    text-decoration		: underline;
	color				: #546e7a !important;
	}  
	a:hover{
	text-decoration		: underline;
	color				: #546e7a !important;
	}
	a:active , .linkStyle:active {
    color:#344c57 !important;
	text-decoration		: underline;
	}  
	a:visited  , .linkStyle:visited{
	color: #880d2c !important;
	text-decoration: underline;
	} 
a img, :link img, :visited img {
	border 				: 0;
	}
a.underlineLink{
	text-decoration:underline;
	}
/*Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] {
    border-bottom: 1px dotted;
}
/* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b,strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
/* Address styling not present in Safari 5 and Chrome. */
dfn {
    font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/** * Address margins set differently in IE 6/7. */ 
pre {
    margin: 1em 0;
}
/** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp {
    font-family: TradeGothicLT;
    _font-family: TradeGothicLT;
    font-size: 1em;
}
/** * Improve readability of pre-formatted text in all browsers. */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
    quotes: none;
}
/** * Address `quotes` property not supported in Safari 4. */
q:before, q:after {
    content: '';
    content: none;
}
/** * Address inconsistent and variable font size in all browsers. */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
table {
	border-collapse 	: collapse;
	border-spacing 		: 0;
	}
ol, ul, li {
	list-style 			: none;
	} 
hr {
	display 			: none;
	}
strong {
	font-weight 		: bold;
	}
input, select {
    /*vertical-align:top;*/
	}
input[type="checkbox"], input[type="radio"]{
	vertical-align:middle;
	}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* ==========================================================================
   Common CSS 
   ========================================================================== */
a.themeLink {
	color				: #546e7a;
	outline 			: none;
	text-decoration		: underline;
	}
	a.themeLink:focus {
	color				: #546e7a !important;
	}  
	a.themeLink:hover{
	color				: #546e7a !important;
    outline				: 0;
	text-decoration		: underline;
	}
	a.themeLink:active {
	color				: #344c57 !important;
    outline				: 0; 
	text-decoration		: underline;
	}
	a.themeLink:visited {
	color				: #880d2c !important;
	outline				: 0; 
	text-decoration		: underline;
	}	

.cursorPointer{
	cursor				: pointer;
	}
.removed {
	display 			: block;
	text-indent 		: -2000em;
	overflow			: hidden;
	}
.hidden {
	visibility			: hidden;
	}
.clear {
	clear 				: both;
	display				: block;
	height				: 0;
	line-height			: 0;
	}	
.clearBlock{
	clear				: both;
	display				: block;
	}
.clearLeft{
	clear				: left;
	}
.clearRight{
	clear				: right;
	}
.displayInlineBlock{
	display				: inline-block;
	*display			: inline;
	}
.displayBlock{
	display				: block;
	}
.displayNone{
	display				: none;
	}
.visibilityHidden{
	visibility			:hidden;
	}
.lefter{
	float				: left;
	display				: inline;
	width				: auto;
	}	
.righter{
	float				: right;
	display				: inline;
	width				: auto;
	}
.textAlignLeft{
	text-align			: left;
	}
.textAlignCenter{
	text-align			: center;
	}
.textAlignRight{
	text-align			: right;
	}
.textOverlap{
	overflow:hidden;
	text-overflow:ellipsis; 
	}
.textOverlapBlock{
	overflow:hidden;
	text-overflow:ellipsis; 
	}
.spacerLeft{
	margin-left:12px;
	}
.spacerRight{
	margin-right:12px;
	}
.spacerBottom{
	margin-bottom:12px;
	}
.themeRowSpliter{
	background:#ddd;
	margin:8px 0;
	height:1px;
	overflow:hidden;
	}
.last{
	margin				: 0;
	padding				: 0;
	border				: 0;
	}
.noMargin{
	margin: 0;
	}
.boldFont{
	font-weight			: bold;
	}
.italicFont{
	font-style			: italic;
	}  
.hiddenLabel{
	position: absolute !important;
	Clip: rect(1px 1px, 1px, 1px);
	padding: 0 !important;
	border: !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
	}
/* ==========================================================================
   placeholder 
   ========================================================================== */
:-moz-placeholder { color: #333; }
::-moz-placeholder { color: #333; }  
::-webkit-input-placeholder { color: #ccc;}  
:-ms-input-placeholder { color: #ccc !important; }  
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,menu,ol,ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
/** * Address paddings set differently in IE 6/7.
 */
menu,ol,ul {
    padding: 0 0 0 35px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
*/
img {
    border: 0;    /* 1 */
    -ms-interpolation-mode: bicubic;    /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure {
    margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/** * Correct margin displayed oddly in IE 6/7. */
form {
    margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #ccc;
    margin: 0 2px;
    padding: 0.35em 0.625em 1em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
    border: 0;
    /* 1 */
    padding: 5px;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,input,select,textarea {
    font-size: 100%;    /* 1 */
    margin: 0;    /* 2 */
    vertical-align: baseline;    /* 3 */
    *vertical-align: middle;    /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input {
    line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6.
 */
button, html input[type="button"],
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;    /* 2 */
    cursor: pointer;    /* 3 */
    *overflow: visible;    /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* button[disabled],
html input[disabled],
html textarea[disabled] {
    cursor: default;
} */
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;    /* 1 */
    padding: 0;    /* 2 */
    *height: 13px;    /* 3 */
    *width: 13px;    /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;    /* 2 */
    box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;    /* 1 */
    vertical-align: top;    /* 2 */
}  
/*==============================
	Layout
================================ */
body{
	padding:95px 0 0 0;
	}
	body.bodyNoScroll{
	overflow:hidden;
	}
	
#page{
	margin: 0 auto; 
	min-height: 100%; 
	position: relative; 
	background:#fafafa;
	width:100%;
	}
/*==============================
    header
================================ */
header {
    background: #a41034;
        height: 106px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
}
header .headerInner {
	display:block;
	}
.hbso-logo {
    float: left;
    display: block;
	height:40px;
	width:165px;
    margin: 10px 0 10px 13px; 
}
	.hbso-logo:focus{ 
    outline : thin dotted #ddd;
	}
/* Main navigation */
.main-nav {
    float: right;
    font:13px "TradeGothicLT";
	background:#A41034;
    *zoom: 1;
}  
.main-nav:before, .main-nav:after {
    display: table;
    content: "";
    line-height: 0;
}
.main-nav:after {
    clear: both;
}
.main-nav ul {
    margin: 0px;
    padding: 0px;
    *zoom: 1;
	/*min-width: 222px;*/
}
.main-nav ul:before, .main-nav ul:after {
    display: table;
    content: "";
    line-height: 0;
}
.main-nav ul:after {
    clear: both;
}
.main-nav li {
    float: left;
	display:inline-block;
	position:relative;
	padding: 8px 19px 7px 0;
		    margin-top: 20px;
}

.main-nav ul li > a, .main-nav .course-title {
    color: #ffffff !important;
}
	.main-nav ul li  a.noTransform{
	text-transform:none;
	}
.main-nav .course-title {
    border: none;
    text-transform: capitalize;
}
.main-nav li > a:hover, .main-nav li.current, .main-nav li.open {
	text-decoration:none;
}

.main-nav li a .name {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.main-nav li a i {
    display: block;
    margin: 6px 0 0;
	float:left;
}
.main-nav .account .image-wrap {
    position: absolute;
    right: 10px;
    top: 15px;
	display:none;
}
.main-nav .account {
    position: relative;
}
.main-nav .account .name {
    display: inline-block;
    padding-top: 12px;
}
.main-nav .account img {
    
}
.main-nav i {
    display: block;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/*==============================
    Drop down
================================ */
.dropdown {
    position: relative;
}
.dropdown-menu {
    position: absolute;
    top: 94%;
    right: -23px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 222px;
    padding: 10px 20px 20px;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #3f414a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.open > .dropdown-menu {
    display: block;
}
ul.dropdown-menu li {
    display: block;
    width: 100%;
    border-bottom: solid 1px #8d8e96;
	white-space:normal; 
	margin:0;
    font-family: TradeGothicNo20-CondBold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
	padding-right:0;
} 
ul.dropdown-menu li:last-child{
	border:none;
	}
ul.dropdown-menu li i {
    position: absolute;
    left: 0px;
    top: 0%;
    margin: -5px 10px 0 11px;
    vertical-align: text-top; 
}
ul.dropdown-menu li .text {
    display: inline-block;
    width: 168px;
}
ul.dropdown-menu li a {
	text-decoration:none;
    position: relative;
    padding: 9px 6px 9px 65px;
    display: block;
    border: none;
    height: inherit;
}
ul.dropdown-menu li:last-child a, ul.dropdown-menu li:last-child a:hover {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
ul.dropdown-menu li:first-child a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
ul.dropdown-menu li a:hover {
    /*background: #222;*/
	text-decoration:none;
}
.dropdown-login {
    width: 200px;
    right: -7px;
}
.dropdown-login h3 {
    color: #fff;
    margin: 0;
    padding: 5px 0;
    font-weight: normal;
}
.dropdown-login input:not([type=submit]) {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 5px 0;
    border: none;
    width: 90%;
}
.dropdown-login .forgot-password {
    margin: 10px 0 0 0;
    display: inline-block;
    color: #888;
    padding: 0;
    width: 65%;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
}
.dropdown-login .forgot-password:hover {
    color: #666;
}
.dropdown-login .submit-btn {
    margin: 10px 0 0 0;
    width: 35%;
    display: inline-block;
}
.dropdown-login:after {
    right: 15%;
}

/*==============================
	layout Container
================================ */ 
#container{
	position: relative;   
	background: #fafafa; 
	min-height:600px;
	margin-bottom: 60px;
	}
	#containerInner{
	clear:both;
	width: 65.9%;
	margin: 0 auto;
	}
#contentPanel{ 
	clear:both;
	min-height:300px;
	}   
#contentHeaderPanel{
	background:#DDDDDD;
	clear:both;
	display:none;
	} 
#contentFormPanel{
	background:#FAFAFA;
	clear:both;
	margin:37px 0 25px 0;
	}
	#contentHeaderPanelInner, #contentPanelInner, #contentFormPanelInner{
		padding:0;
		margin:0 auto;
	}
	
	
/*==============================
	HBX theme form CSS
================================ */ 
/*Parsley CSS*/
select{
	line-height:22px !important;
	}
select:focus{
	border-color:rgba(82, 168, 236, 0.8) !important;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
select, textarea, input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], input[type="date"], 
input[type="month"], input[type="time"], input[type="week"], 
input[type="number"], input[type="email"], input[type="url"], 
input[type="search"], input[type="tel"], input[type="color"]{ 
    margin: 0 10px 0px 0px !important;
	}
	input[type="text"].clrMargin, select.clrMargin, textarea.clrMargin, button.clrMargin{
	margin:0 !important;
	}
input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], input[type="date"], 
input[type="month"], input[type="time"], input[type="week"], 
input[type="number"], input[type="email"], input[type="url"], 
input[type="search"], input[type="tel"], input[type="color"]{ 
	height: 18px;
    line-height: 18px;
} 
input.parsley-success {
    color: #3f414a !important;
}

input.parsley-error:focus, input.parsley-error{
    border-radius: 5px;
    box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.5);
    border: solid 1px #a41034 !important;
    background-color: #ffffff;
}
select.parsley-error{
    border-radius: 5px;
    box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.5);
    border: solid 1px #a41034 ;
    background-color: #ffffff;
}
input:focus{/* outline: none */}
.reg-parsley-error-list{
    font-size: 11px;
    color: #CC0000;
    line-height: 20px;
	clear:both;
}
.reg-parsley-error-list span{
	padding-top: 17px;
	display:block!important;
	font-family: TradeGothicNo20-CondBold;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #880d2c;
}
.radio1 input[type="radio"], .checkbox1 input[type="checkbox"]{
    float: left;
    margin-left: -14px;
}
.checkbox1 span{
    margin-left: 5px;
}   
input[type="image"], input[type="checkbox"], input[type="radio"] {
    border-radius: 0;
    cursor: pointer;
    height: auto;
    line-height: normal;
    margin: 3px 0;
    padding: 0;
    width: auto;
} 
.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px;
}
.radio, .checkbox {
    padding-left: 18px;
}
label.checkbox {
    padding-bottom: 5px;
}  

/*html fieldset .required, */ 
html label .required, 
.starRequired {
    color: #CC0000;
	padding:0 1px;
}
.themeForm .boldFont{
	font-weight:bold;
	}
.chkRadioBoxSpacer{
	margin:0 20px 0 0;
	}
.chkRadioBox input[type="radio"]{
	display:inline-block;
	margin:6px 13px 0 0;
	}
.chkRadioBox input[type="checkbox"]{
	display:none;
	margin:0 6px 3px 0;
	}
.chkRadioBox .chkRadioText{
	display:inline-block; 
	
	}
	.chkRadioBox .chkRadioText.chkRadioBigText{
	
	}
	.chkRadioBox.chkRadioMultiLineBox{
		position:relative;
		padding-left:20px;
	}
	.chkRadioBox.chkRadioMultiLineBox input{
		position:absolute;
		z-index:1;
		top:4px;
		left:0;
	}
	 .alt-btn:disabled{
            	font-size: 14px;
    			font-family: TradeGothicLT-Bold;
            	color:#ffffff !important;
            }
.themeForm  input[type="file"]{
	height:auto;
	line-height:normal;  
	overflow:hidden;
	width:100%;
	text-overflow:ellipsis;
	}
	
.xxsmall {width:40px;}
	.xxsmallBox {width:50px;}
	select.xxsmall {width:54px;}
	
.xxsmallmid {width:50px;}
	.xxsmallmidBox {width:60px;}
	select.xxsmallmid {width:64px;}
	
.xsmallmid {width:64px;}
	.xsmallmidBox {width:74px;}
	select.xsmallmid {width:78px;}
	
.xsmall {width:80px;}
	.xsmallBox {width:90px;}
	select.xsmall {width:94px;}
	
.small {width:104px;}
	.smallBox {width:114px;}
	select.small {width:118px;}
	
.medium {width:184px;}
	.mediumBox {width:194px;}
	select.medium {width:198px;}
	
.large {width:232px;}
	.largeBox {width:242px;}
	select.large {width:260px;}
	
.xlarge {width:312px;}
	.xlargeBox {width:322px;}
	select.xlarge {width:326px;}
	
.xxlarge {width:360px;}
	.xxlargeBox {width:370px;}
	select.xxlarge {width:374px;}
	
.xxxlarge {width:440px;}
	.xxxlargeBox {width:450px;}
	select.xxxlarge {width:454px;}
	
.minMedium {min-width:184px;}
.minLarge {min-width:232px;}
/*---Error - action message format overwritting---*/
.errorMessage{
	margin:0;
	padding:0;
	}


.width10{	width:10px; }
.width20{	width:20px; }
.width25{	width:25px; }
.width30{	width:30px; }
.width40{	width:40px; }
.width50{	width:50px; }
.width60{	width:60px; }
.width70{	width:70px; }
.width80{	width:80px; }
.width90{	width:90px; }
.width100{	width:100px; }
.width150{	width:150px; }
.width174{	width:174px; } 
.width110{	width:110px; }
.width120{	width:120px; }
.width130{	width:130px; }
.width140{	width:140px; }
.width150{	width:150px; }
.width160{	width:160px; }
.width170{	width:170px; }
.width180{	width:180px; }
.width190{	width:190px; }
.width200{	width:200px; } 
.width210{	width:210px; }
.width220{	width:220px; }
.width240{	width:240px; }
.width250{	width:250px; }
.width260{	width:260px; }
.width270{	width:270px; }
.width280{	width:280px; }
.width300{	width:300px; }
.width310{	width:310px; }
.width320{	width:320px; }
.width340{	width:340px; }
.width360{	width:360px; }
.width370{	width:370px; }
.width400{	width:400px; }
.width450{	width:450px; }
.width460{	width:460px; }
.width475{	width:475px; }
.width500{	width:500px; }
.width550{	width:550px; }
.width600{	width:600px; }
.width650{	width:650px; }
.width660{	width:660px; }
.width680{	width:680px; }
.width700{	width:700px; }
.width750{	width:750px; }
.width800{	width:800px; }
/*==============================
    Buttons
================================ */
.btn, .btn[disabled]:hover, .btn[disabled]:active {
	font-family:TradeGothicLT;
	font-size: 12px;
	padding: 10px 30px;
	color: #111;
	text-transform: uppercase;
	border: 2px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn:hover {
	cursor: pointer;
	color: #a41034;
	border: 2px solid #a41034;
}
.btn:active {
	border: 2px solid #8d0e2d;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.25);
}
/*---*/

 .alt-btn-small60{
	min-width:60px;
}
.alt-btn{
		min-width:100px;
}
	.alt-btn.clrMargin{
	margin:0;
	}
.alt-btn:hover {
	border: 1px solid #760b25;
	cursor: pointer;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	background-color: rgba(164, 16 ,52); 
}
.alt-btn:focus  {
	border: 2px solid #5e9ed6;
	outline:none;
}
.alt-btn:active{	
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  background-color:rgba(136, 13, 44);
}

	.alt-btn[disabled], .alt-btn[disabled]:hover, .alt-btn[disabled]:active, .alt-btn[disabled]:focus {
	background:#E1E1E1;
	border: 2px solid #CACACA;	
	color:#A6A6A6;
	cursor:auto;
	box-shadow:none;
	} 
	.alt-btn.inlineAlt-btn, .alt-btn.inlineAlt-btn[disabled]:hover, .alt-btn.inlineAlt-btn[disabled]:active {
	padding: 4px 10px;
	margin:0 6px 0 0;
	}
	.alt-btn.clrMargin[disabled], .alt-btn.clrMargin[disabled]:hover, .alt-btn.clrMargin[disabled]:active, .alt-btn.clrMargin[disabled]:focus,
	.alt-btn.inlineAlt-btn.clrMargin, .alt-btn.inlineAlt-btn.clrMargin[disabled]:hover, .alt-btn.inlineAlt-btn.clrMargin[disabled]:active { 
	margin:0;
	}
 .alt-btn-grey[disabled]:hover, .alt-btn-grey[disabled]:active {
	font-family: TradeGothicLT;
	font-size: 12px;
	padding: 10px 15px;
	margin:0 12px 0 0;
	color: #8a8f99;
	text-align: center;
	background: none;
	text-transform: uppercase;
	border: 2px solid #828792;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*---*/
.btn-submit {
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 3px;
	box-shadow:0 1px 2px #ccc inset;
	color: #666666;
	font-family: TradeGothicLT;
	font-size: 12px;
	height: auto;
	padding:10px 15px;
	margin:0 12px 0 0;
	text-transform: uppercase;  
	min-width:60px;
	}
	.btn-submit:focus, .btn-submit:hover{
	border: 2px solid #b2b2b2;
	box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
	}
	 .btn-submit:active {
	border: 2px solid #646973;
	box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
	} 
	.btn-submit.inlineBtn-submit{
	padding:5px 5px 4px 5px;
	margin:0 6px 0 0;
	}
	.btn-submit.inlineBtn-submit[disabled], .btn-submit.inlineBtn-submit[disabled]:hover, .btn-submit.inlineBtn-submit[disabled]:active , .btn-submit.inlineBtn-submit[disabled]:focus {
	background: none repeat scroll 0 0 #E1E1E1;
    border: 2px solid #CACACA;
    box-shadow: none;
    color: #A6A6A6;
    cursor: auto;
	}
	.btn-submit.clrMargin, .btn-submit.clrMargin:hover, .btn-submit.clrMargin:focus{
	margin:0;
	}
	.btn-submit.inlineBtn-submit.clrMargin[disabled], .btn-submit.inlineBtn-submit.clrMargin[disabled]:hover, .btn-submit.inlineBtn-submit.clrMargin[disabled]:active , .btn-submit.inlineBtn-submit.clrMargin[disabled]:focus {
	margin:0;
	}
/*==============================
    Footer
================================ */
footer {
	background:#fafafa;
	font-family:TradeGothicNo20-CondBold;
	font-size:14px;
	text-transform:uppercase;
	color:#888;
	margin:0px;
	border-top:1px solid #dddddd;
	width:100%;
	min-height:100px;
	padding: 20px 0 10px;
}

footer .footerInner {
	padding:0px 40px;
	display:block;
	margin:0px;
}
footer nav{margin-bottom:1em;}
footer nav a {
	font-size: 14px;
	color:#686868;
	padding:0 15px;
	font-weight: bold;
}
footer nav a:hover {
	color:#777;
}
footer nav li:first-child a {
	padding:0 15px 0 0;
}
footer nav ul {
	margin:0;
	padding:5px 0 0;
}
footer nav li {
	color:#888;
	display:inline-block;
	margin:0;
	padding:0;
}
footer nav li:after {
	content:"\2022";
}
footer nav li:last-child:after {
	content: "";
}
footer .copyright{color: #686868;}

.drop-down {
  width: 45px;
  height: 45px;
  object-fit: contain;
  float: left;
}

/*==============================
    Help Classes for Screen readers
================================ */
.screenReader {
    display: none;
}

/*loader bars ends*/
/*----------*/
.scrollup {
	display:none;
	background: url(/resource/1574847763000/HBXImages/images/icons/goTopSprite.png) no-repeat right top;
	text-indent:-99999px;
	overflow:hidden;
	width: 30px; 
	height: 30px; 
	text-align:center;
	position: fixed;
	bottom: 30px;
	right: 30px;  
	z-index:1; 
	outline:none;
	}
	.scrollup:hover{
	background: url(/resource/1574847763000/HBXImages/images/icons/goTopSprite.png) no-repeat left top;
	}

.themeInfoBox{
	border-radius: 6px;
    border: solid 1px #919191;
    background-color: #ebf1f4;
	padding: 18px 25px;
	margin-bottom: 30px;
}
.themeInfoBox.green{
    background-color: #d5e2de;
}

.themeInfoBox p{ 
	font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
	letter-spacing: normal;
	color: #3f414a;
	margin: 0;
}

.themeInfoBox img{
	float: left;
	padding-right: 23px;
}

.form-container{
  border-radius: 6px;
  border: solid 1px #919191;
  background-color: #ffffff;
}
.form-container h1{
	font-size: 30px;
	padding: 39px 38px 25px 38px;
}
.form-container h2{
	font-size: 30px;
	padding: 39px 38px 25px 38px;
}
.form-innerContainer{
  border-radius: 6px;
  background-color: #f2f3f3;
  margin: 0 37px 25px 36px;
  padding: 19px 30px 38px 36px;
}

input[type="text"]{font-family: TradeGothicLT;}

input[type="text"], input[type="password"], input[type="number"]{
  width: 286px;
  height: 35px;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.5);
  border: solid 1px #919191;
  background-color: #ffffff;
  color: #3f414a;
  font-family: TradeGothicLT;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

input[type="text"]:focus,textarea:focus, input[type="password"]:focus, .chkRadioBox_wrapper label:focus, input[type="radio"]:focus, select:focus, input[type="number"]:focus, input[type="button"]:focus, input[type="file"]:focus{
  border: solid 2px #5e9ed6;
}
.RadioBox_wrapper label{
	display: inline-block;
}
.chkRadioBox_wrapper{}
.chkRadioBox_wrapper input + label {
	display: inline-block;	
	width: 31px;
	height: 31px;
	cursor: pointer;	
	border: solid 1px #575b66;
    background-color: #ffffff;
	padding: 0;
	margin-right: 12px;
}
.chkRadioBox_wrapper input[type="checkbox"]:checked + label {
	background: url(/resource/1574847763000/HBXImages/images/icons/basic-checkmark.svg) no-repeat #ffffff;
}
.errMinCheck{box-shadow: inset 0 0px 3px 1px #a41034;}

.formRow label, select{
  font-family: TradeGothicNo20-CondBold;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f414a;
  padding: 15px 0px 10px 0px;
}

.formRow span.spanCheckbox{
  font-family: TradeGothicNo20-CondBold;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f414a;
  padding: 10px 0;
  position: absolute;
  margin-left:0;
}

.formRow .labelCheckbox{
	margin-bottom:15px;
}

form .fieldRow {width:305px;}

.field-icon, .eye-slash{
	width: 45px;
    height: 39px;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-right: 4px ;
    bottom: 6px;
	top: 43px;
}
.eye-slash{
	background: url(/resource/1574847763000/HBXImages/images/icons/show-password.svg) no-repeat;
}
.field-icon{
	background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-eye-hide-normal.svg) no-repeat;
}
   
.field-icon:before{
	content: '';
	background-size:cover;
    position:absolute;  
    width:45px;
    height:34px;
}
.eye-slash:before{
   content: '';
   background-size:cover;
   position:absolute;
   width:45px;
   height:34px;
}

.field-icon:hover, .field-icon:focus{
	content: '';
	background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-eye-hide-hover.svg) no-repeat;
	background-size:cover;   
    position:absolute;
    width:45px;
    height:42px;
	bottom:10px;
	outline: none;
}

.eye-slash:hover, .eye-slash:focus{
   content: '';
   background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-eye-show-hover.svg) no-repeat;
   background-size:cover;
   position:absolute;
   width:45px;
   height: 42px;
   outline: none;
}  
.field-icon:active{
	content: '';
	background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-eye-hide-active.svg) no-repeat;
	background-size:cover;
    position:absolute;
    width:45px;
    height:42px;
	bottom:10px;
	outline: none;
}

.eye-slash:active{
   content: '';
   background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-eye-show-active.svg) no-repeat;
   background-size:cover;
   position:absolute;
   width:45px;
   height: 42px;
}  

p, ul{
  font-family: TradeGothicLT;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #3f414a;
}

.hbsoPara{font-size: 15px; line-height: 1.33; margin-bottom: 5px;text-align:left; }

.Fail-Checkmark-Circle, .Success-Checkmark-Circle{
	width:45px;
	height:45px;
	object-fit: contain;
}

.pswCheckmark{
	position: absolute;
    right: -53px;
    top: 43px;
}
.signUpIconInfo{
	padding-right: 23px;
}
.corpCodeCheckmark{
	position: absolute;
}
.pwd-must-have ul{
	margin: 0;
}

.pwd-must-have ul li{
	list-style-position:outside;
	list-style-type:disc;
}

.pwd-must-have p{padding: 5px 0; width:120%;}

#corpCode{width:136px;}
.userPasswordFieldRow .formRowUnit{position:relative;}
.usercorpCodeFieldRow {padding-bottom: 30px;}
.chkRadioBox label span{display: inline-block; padding-left:10px; margin-bottom: 10px;}
.chkRadioBox input{width:31px; height:31px;}
.chkRadioBox a{color: #546e7a; text-decoration: underline;}
.chkRadioBox a:visited , .errLinkNewSty:visited{color: #880d2c; text-decoration: underline;}
.chkRadioBox a:active , .errLinkNewSty:active {color: #344c57; text-decoration: underline;}
 
.alt-btn{
  width: auto;
  height: 45px;
  border-radius: 5px;
  background-color: #a41034;
  font-size: 15px;
  font-family: TradeGothicNo20-CondBold;
  padding: 10px 15px;
  margin:0 12px 0 0;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #960f30;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;  
  text-align: center;
}
.alt-btn[disabled], .alt-btn[disabled]:hover, .alt-btn[disabled]:active{
  opacity: 0.5;
  border-radius: 5px;
  border: solid 1px #a41034;
  background-color: #a41034;
}

.navDashboard, .navEditProfile, .navCorporateCodes, .navChangePassword, .navLogout , .navHelp {height:45px;width:45px;}
.navDashboard{background: url('/resource/1574847763000/HBXImages/images/icons/my-dashboard.svg') no-repeat;}
.navEditProfile{background: url('/resource/1574847763000/HBXImages/images/icons/edit-profile.svg') no-repeat;}
.navCorporateCodes{background: url('/resource/1574847763000/HBXImages/images/icons/manage-corporate-codes-white.svg') no-repeat;}
.navChangePassword{background: url('/resource/1574847763000/HBXImages/images/icons/change-password.svg') no-repeat;}
.navLogout{background: url('/resource/1574847763000/HBXStyle/styles/images/icons/logout.svg') no-repeat;}
.navHelp{background: url('/resource/1574847763000/HBXStyle/styles/images/icons/help.svg') no-repeat;}

.navCommunity {
    background: url('/resource/1574847763000/HBXStyle/styles/images/icons/global_community_icon.png') no-repeat;
	height: 37px;
    width: 37px;
    background-size: 32px;
    margin-left: 19px!important;
    margin-top: 2px!important;
}

.marginBtm20{margin-bottom:20px;}
.marginBtm15{margin-bottom:15px;}
.marginBtm30{margin-bottom:30px;}
 .dropdown-toggle:focus{
        	padding-bottom: 16px;
        }
h1.headerTitle{margin-bottom: 22px;}
h2.formHeaderh2{margin: 25px 37px 25px 36px; padding: 19px 0 10px 0;}
h3 {
  font-family: TradeGothicLT;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.82;
  letter-spacing: normal;
  color: #545a5b;
  padding: 20px 0;
}
select {
  width: 300px;
  height: 45px;
  border-radius: 6px;
  border: solid 1px #919191;
  background-image:url(/resource/1574847763000/HBXImages/images/icons/drop-up-arrow.svg), url(/resource/1574847763000/HBXImages/images/icons/drop-down-arrow.svg);
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none; 
  background-size: 10px 11px;
  background-repeat: no-repeat, no-repeat;
  background-position: top 10px right 13px, bottom 13px right 13px;
  background-color: #ffffff;
  padding: 10px 13px 10px 15px;
}
select::-ms-expand{
  display:none;
}
.months{display: inline; float:left; width: 150px;}
.days{width: 90px;}
.years{width: 100px;}
.userDobFieldRow{width:100% !important; margin-bottom: 20px;}
.chkRadioBox input[type="radio"]{width:31px; height: 31px; border: solid 1px #575b66; background-color: #ffffff; -webkit-appearance:none; border-radius: 22.5px;}

input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
input[type='radio']:checked:before {
    background:rgb(87, 91, 102);
}
input[type='radio']:focus{
    outline: none;
 }
.RadioBox_wrapper{margin-bottom: 10px;}
.formRowselect{margin-bottom: 10px;}
.form-innerTitle h2{padding: 0;}
.section2, .section3, .section4{padding-top: 30px; padding-bottom: 40px;}
.formRow.nameFieldRow{padding: 10px 0;}
.nameFieldRow{width: 100% !important;}
.labelLeft{display: inline-block; float: left; margin-right: 20px;}
.formDeclaration{
	margin: 0 37px 30px 36px; 
	font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
	text-align: justify;
}
.section4{margin-bottom: 25px; padding-right: 36px;}
.alt-btn-grey{
	width: 100px;
	height: 45px;
	border-radius: 5px;
    border: solid 1px #575b66;
    background-color: #fafafa;
	color: #575b66;
	text-align: center;
	padding: 10px 15px;
	margin:0 12px 0 0;
	font-size: 15px;
}
.alt-btn-grey:focus {
	outline:none;
	border: 2px solid rgba(94, 158, 214);
}
 .alt-btn-grey:active {
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px rgba(63,65,74);
	background-color: rgba(250 ,250 ,250);
}

.alt-btn-grey:hover {
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px rgba(87 ,91 ,102);
	background-color: rgba(250 ,250 ,250);
}

.formRowSubmit{margin: 0 37px 30px 36px; height: auto;}
.formRowSubmit .save,  .formRowSubmit .submit{}

.BtnRight{display: flex; justify-content: flex-end;}
.userDobFieldRow .reg-parsley-error-list{float: left;}
#coreFeeDetails a{
  font-family: TradeGothicNo20-CondBold;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #546e7a;}
.cohortSelectionFieldRow{margin-bottom:10px;}
/* mask - Starts*/
#mask, #maskSession, #maskLoader{
	display: none; 
	width: 100%; 
	height: 100%;   
    position:  fixed;
    left:  0;
    top:  0; 
	}
	#mask{
    z-index:60;
	}
	#maskSession{
    z-index:70;
	}
	#maskLoader{
    z-index:60;
	}
#maskInner, #maskSessionInner, #maskLoaderInner{
	width: 100%; 
	height: 100%;   
	background: #000;
	}
	#maskInner{
	opacity: 0.5; 
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    /*filter: alpha(opacity=50);*/
	}
	#maskSessionInner{
	opacity: 0.3; 
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
    /*filter: alpha(opacity=30);*/
	}
	#maskLoaderInner{
	opacity: 0.5; 
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    /*filter: alpha(opacity=50);*/
	background:  #000;
	}
		#maskLoaderImg{
		/* background: url("../images/pageloader.gif") no-repeat center center; */
		position:absolute;
		width: 100%; 
		height: 100%;   
		z-index:60;
		top:0px;
		left:0px; 
		}
		#maskLoaderImgInner{ 
		width:160px;
		margin:5% auto;
		text-align:center;
		}
/*loader bars starts*/
.barlittle {		 
    background-color: #A41034;
    background-image: -moz-linear-gradient(45deg, #A41034 25%, #760b25);
    background-image: -webkit-linear-gradient(45deg, #A41034 25%, #760b25);
    border-left: 1px solid #760b25;
    border-top: 1px solid #760b25;
    border-right: 1px solid #760b25;
    border-bottom: 1px solid #760b25;
    width: 16px;
    height:60px;
    float: left;
    margin-left: 10px;
	opacity: 0.1;
    -moz-opacity: 0.1; 
    -khtml-opacity: 0.1; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
    /* filter: alpha(opacity=10);  */ 
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-animation: move 1s infinite linear;
    -webkit-animation: move 1s infinite linear;
}
#barlittle_1 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
#barlittle_2 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}
#barlittle_3 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}
#barlittle_4 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}
#barlittle_5 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    };
}
@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    };
}
/*loader bars ends*/
/*----------*/
.innerlogo{width: 200px;margin: 50px 37px 30px;}
.noTitlePage{margin-top: 11.9%;}
.newThemeMessageBoxHeaderTxt{font-size: 23px;color: #3f414a;font-weight: bold;}
.maskLoaderDiv{margin-bottom:40px;}
.maskLoaderPara{font-size: 15px; margin-bottom: 48px;}
.section-applicationReview .themeInfoBox{margin: 3px 37px 30px; padding: 18px 25px;}
.themeInfoBox .accountActivationInfo{font-family: TradeGothicLT-Bold; font-size: 23px; font-weight: bold;}
.section-applicationReview .themeInfoBox img{padding-right: 15px;}
.section-applicationReview .themeInfoBox p{display: inline-block;margin-top: 8px;margin-bottom: 8px; display:block;}
.loginButton{
	width:auto;
	font-family:TradeGothicNo20-CondBold;
	margin:0px;
	padding: 0px;
}
.infoOut{font-size: 15px;line-height: 1.33;margin: 25px 37px 25px 36px;}
.section-scholarshipApplication .form-innerContainer.section1{padding-left: 50px;}
.fileUploadContainer{
	 border-radius: 5px;
	 border: solid 1px #545a5b;
	 background-color: #fafafa;
	 margin-bottom:30px;
}

 .browseFiles-btn{
     cursor: pointer !important;
	 padding-top: 10px;
	 padding: 32px 30px 18px;
	 height:47px;
	 position: relative;
	 background: url(/resource/1574847763000/HBXImages/images/icons/file-upload.svg) 32px 30px no-repeat;
    background-size: 26px 36px;
}
 input[type="file"] {
     display: none;
}
.info-upload{font-size:15px;font-family:TradeGothicNo20-CondBold;font-weight:bold;margin-bottom: 15px;line-height:normal !important;}   
.file-upload-img{width: 26px; height: 36px; margin-right:30px;}
.browseFiles-btn span{
  outline:none;
  font-family: TradeGothicLT-Bold;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #545a5b;
  position: absolute;
  top: 40px;
  left: 85px;
  }
  .checkboxFF{position:relative;}
  .militraryCheckInfo{padding-top:0 !important; text-align: justify;}
  #militaryYes{margin-bottom: 50px;}
  .alt-btn-grey.skip{width:64.3%;font-family: TradeGothicNo20-CondBold;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #575b66;}
  .browseFiles-btn:focus{ border: solid 2px #5e9ed6;}
  .browseFiles-btn:hover{ 
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  border: solid 1px #3f414a;
  background-color: #fafafa;
  }
  .browseFiles-btn span:active{
	  color: #880d2c;
  }
  .browseFiles-btn:active{
	background: url(/resource/1574847763000/HBXImages/images/icons/file-upload-active.svg) 32px 30px no-repeat;
    background-size: 26px 36px;}
 .fileUploadContainer.uploaded{height: 100px; position: relative;}
 .uploadSuccess{margin-right: 10px; display: inline;float: left;}
 .pddngFromTitle{padding-top:30px;}
 .BtnBtmMrgn{margin-bottom:40px !important;}
 .checkbox_mrgn{margin-top:15px;}
 .info-upload{margin-top:16px;}
 .fileUploadContainer.uploaded span{position: absolute;top: 40px;}
 .alt-btn.submit{margin-right:0px;}
 .check-signUp{margin-top: 5px;}
 .section-signUpConfirmation .themeInfoBox{margin: 3px 37px 30px; padding: 18px 25px;}
 .form-Msg{
	padding:21px 29px 38px 31px;
	background-color: #f2f3f3;
	border-radius: 6px;
	margin-bottom:30px;
}
.padding0{
	padding:0px !important;
}
.viewMoreBtn{
	width: inherit;
    font-family: TradeGothicNo20-CondBold;
    margin: 0px;
}
.imgStyleLogoHBSO{
	margin-top: 50px;
    margin-left: 37px;
    width: 50%;
    margin-bottom: 34px;
}
.formInnerContainerBGColour{
	background-color:#ffffff;
	margin: 0px 38px 250px 37px;
	padding:0px
}
.formContainerMarginTop{
	margin-top:96px;
}
.marginFloatClass{
	margin:0px;
	float:right;
}
.marginClassAccount{
		margin-bottom:114px;
}
		
		#skip
		{
			margin-top:10px;
			text-decoration: underline;
		}
		
		#skip a
			{ 
			color:#A41034;
			position:absolute; 
			left:-10000px; 
			top:auto; 
			width:1px; 
			height:1px;
			} 
		 
		#skip a:focus 
			{ 
			position:static; 
			width:auto; 
			height:auto; 
			}   
			
			
.toDshbrdBtn{margin-left:12px !important;}
.formRow label{display:block;}
.mrgnTop12{margin-top:12px !important;}
 .heigthForty{height:40px; }  
.hbso-logo .heigthForty {
    height: 82px;
}
             .section-appDecPending .alt-btn a:hover{
            	color: #fff !important;  
            	text-decoration:none;
            }
            .alt-btn a{
            	color: #fff !important;
            }
            .section-appDecPending .form-Msg{
            margin-bottom:25px;
            }
            .ThnkYouheadingStyle{
            	font-family: TradeGothicLT-Bold;
            	font-size:23px !important;
            }
            .linkStyle , .linkStyle:hover{
            	font-family: TradeGothicLT-Bold;
  				font-size: 15px;
                color: #546e7a;

            }
 
        input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="checkbox"]:focus {
            border-color: rgba(94,158,214) !important;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
        }
        
     /* .eye-slash:hover, .eye-slash:focus,.field-icon:hover, .field-icon:focus{
        outline: -webkit-focus-ring-color auto 1px !important;
        }*/
		.chkRadioBox input[type="checkbox"] {
   			 display: block !important;
       		opacity:0.01;
        	width:0px;
        	height:0px;
       		margin:0px;
		}
        
        .themeBoxAlertFail{
               padding:26px 57px 13px 26px;
               background-color:#F7EDF1 ;
       			border: solid 1px #919191;
       			margin-bottom:26px;
       			border-radius:6px;
       }
        .themeBoxAlertFail:focus{
               border: solid 1px #919191;
       		
       }
       .imgFailClass{
       		padding-right:23px;
       		float:left;
       		margin-top: -6px;
       }
       .LabelFollowingError{
           font-family: TradeGothicNo20-CondBold;
    		font-size: 15px;
      		 color:#3f414a;
			 margin-top:2px;
	}
       .listClassUl{
       		color:#546e7a;
       		font-family:TradeGothicLT;
       		font-size:12px;
       		line-height:15px;
        	text-decoration: underline;
        	margin-bottom: 5px;
       }
        .ulClassForDot{
       		list-style:inherit !important;
        	padding-left: 83px;
       }
        .paddingBtm{
        		list-style:inherit !important;
        }
        	
       .errorClassEmail{
        	font-family: TradeGothicNo20-CondBold;
            font-size: 13px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.54;
            letter-spacing: normal;
            color: #880d2c;
        }
        
        .errLinkNewSty{
			text-decoration:underline;
        	font-weight:bold;
        	color: #546e7a;
            font-family: TradeGothicNo20-CondBold;
            font-size: 13px;
            line-height: 15px;
        }           
#externalPopUpContainer{margin: 0 auto; width: 650px;}

#sessionExpirePopup.popupBoxContainer, #sessionExpireRedirectionPopup.popupBoxContainer {
z-index: 70;}
.popupBoxContainer{
	display: none;
    position: fixed;
    top: 12%;
    width: 456px;
    overflow: auto;
    border-radius: 6px;
    border: solid 1px #919191;
    background-color: #ffffff;
    padding: 28px 38px 35px;
}
 .popUp_H1{
  font-family: TradeGothicLT;
  font-size: 31px;
  font-weight: bold;
  color: #3f414a;
  margin-bottom: 26px;}
  .caDeleteAlertPpText{padding: 15px 15px;font-family: TradeGothicLT;font-size: 15px; line-height: 1.33; color: #3f414a; border-radius: 6px;
  background-color: #f2f3f3;margin-bottom: 31px;}
  .popupBtnSection input{width:150px; height: 45px;}
  .popupBtnSection{margin: 0px;}
  .Container_popUpBackground{background-color: rgba(51, 51, 51, 0.8) !important;}
  .popUpAlignCenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
 .layoutInnerMargin{margin: 25px 37px 25px 36px;}
 .width100Percent{width: 100% !important;}
 .widerLabel{width: 90%;vertical-align: Top; padding-top: 0px !important;padding-bottom: 23px !important;}
 select[disabled]{opacity: 0.5;color: #3f414a;background-color: #ffffff;}
   .themeInfoBox.crimson {  
            	background-color: #f1dfe3;
            }
 .errorEmailclass{border: solid 1px #a41034  !important;}
 .popupBoxContainer2 { 
	display: none;
    position: fixed;
    top: 12%;
    width: 456px;
    overflow: auto;
    border-radius: 6px;
    border: solid 1px #919191;
    background-color: #ffffff;
    padding: 28px 38px 35px;
	}
 .forSingleLine{ margin-top: -13px;}
 .firstPClassCore{font-size: 15px;line-height: 1.33;margin:0px 38px 5px 38px;}
 .linkstyleSelect{font-family: TradeGothicNo20-CondBold;font-size: 16px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #546e7a;margin:0px 38px 12px 38px;}
 .marginBottomClassSelect{ margin-bottom: 25px;margin-top: 20px;}
 .adjustBlueinfoBox{margin-bottom: 0px;}
 .marginTopSelect{margin-top:25px !important;padding-top:13px !important;padding-bottom:28px !important;}
 .marginTopMinusSecond{margin-top:-38px !important;padding-top: 0px;}
 .pBttm19px{padding-bottom:15px !important;}
 .paraInfoClass{margin-Top: 12px !important;margin-bottom: 12px !important;}
 .marginLeft0 {margin-left:0px !important;}
 .RadioBox_wrapper label { display: inline-block !important; }
 input[type='radio']:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);}
  .themeLinkNew{font-family: TradeGothicNo20-CondBold;font-size: 16px;font-weight: bold;font-stretch: normal;
  font-style: normal;line-height: normal;letter-spacing: normal;color: #546e7a; }
  .imageClassGuest{height: auto; max-width: 100%;}
   .enableButtonsOnChange{box-sizing: unset;}
 textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {padding: 4px 6px 4px 15px}
 .form-group {margin-bottom: 0px; }
 fieldset{margin:0px;padding:0px; }
 .primaryCtz ,.secondaryCtz,.highestEdu  {width: 280px; height: 23px;}
  .spanForchcekboxLabel{margin-left: 45px !important; margin-top: -5px;}
 .dateClassNew { width: 100% !important; }
 .divClassOpenScore{padding: 20px;width: 640px;height: 160px;border: solid 1px #919191;background-color:#ffffff;border-radius:6px;font-family:TradeGothicLT;font-size:15px;line-height:20px;color:#3f414a;
 box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.5);resize: none;overflow-y: auto;}
 .classForCommunity{border-radius: 6px;background-color: #f2f3f3;margin: 0 37px 0px 36px;padding: 30px 30px 1px 36px}
 .formDeclaration {margin: 0 0px 30px 0px !important;}
 .marginAdjustingP{ margin: 0 37px 30px 36px; font-family: TradeGothicNo20-CondBold;font-size: 15px;font-weight: bold;line-height: normal;letter-spacing: normal;}
 .radioBoxClass{display:none; } 
  fieldset{margin:0px !important; padding:0px !important; }
 .marginBottomClass{margin-bottom:15px;}
 .marginLeftDOBClass{margin-bottom:-40px;}
 .marginBottom60px{margin-bottom:60px !important; }
 .forSingleLine{ margin-top: -13px;}
 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, .uneditable-input:focus { border-color: rgba(94,158,214) !important; outline: 0;
 outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
 box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6); outline: none;border-width:2px !important; }
 select{outline: none; }
.classFrerror{padding-left:0px; margin:0px !important;  }
 #spanForMilitary{font-family: TradeGothicNo20-CondBold; font-size: 15px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal; letter-spacing: normal;color: #3f414a;padding: 10px 0;
 position: absolute; margin-left: 0; }
 .classChcekMilitary{padding: 19px 30px 5px 36px; }
  .cursorNotAllowed{cursor:not-allowed;}
  .classSecondP{margin-left: 72px !important; }
 .table-bordered,.divClassOpenScore {width:100%;}
  .widthAreaBox{width: 93% !important; }
#selfDescribeGender{margin-top: 10px !important;}
.prntCheck  .chkRadioText{ margin-top:5px !important;}
.wordsCoveredClass{color:#880d2c;font-family: TradeGothicLT-Bold !important;} .wordsCoveredClassTwo{color:#4a7b62;font-family: TradeGothicLT-Bold !important;}
.Triangle { width: 13px;height: 10px;background-color: var(--darker-gray);}
.mrgnTop20{margin-top:20px;}
 .scrollDisableMyapp{overflow-y:hidden;}
.browseFiles-btn{padding: 32px 30px 18px !important;border: solid 1px #3f414a;border-radius: 5px;
 background-color: #fafafa !important;}
 .classForMarginBottomFix{ margin-bottom: 15px !important;}
 #resumeFileLbl{margin-top: -10px !important;}
#resumeFileDiv{height: 47px;margin-bottom:0px;position: relative;padding: 32px 30px 10px ;border: solid 1px #3f414a;
   border-radius: 5px;background-color: #fafafa !important;}
 .fontsize14px{font-family: TradeGothicLT;font-size: 14px; font-weight: bold;font-stretch: normal;
   font-style: normal;line-height: normal;letter-spacing: normal; color: #545a5b;  }
  .imgUploaded{ margin-top: -13px !important;margin-left: 0px !important; }
  .DisplayBlock{display:block !important;}  
  #pellGrantFileDiv,#militaryFileDiv,#scholarshipFileDiv{height: auto;position: relative;
  padding: 20px 30px 20px !important;border: solid 1px #3f414a;margin-bottom:30px;border-radius: 5px;
  background-color: #fafafa !important;}
  #Browsefilestest, #Browsefilestest2,#Browsefilestest3{display:block; }
  #skipAndSubBtn{width:auto;}
  .chkRadioBox input[type="radio"] {margin-bottom:10px;}
  .alignTextinText{ margin-left: 8%; margin-top: -8%; }
  .militraryCheckInfoPage{position:relative !important;} 
	.borderbottom_HBSComm{
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.borderTop_HBSComm{
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	} 
.spanClassUplded{ color: #545a5b;font-family: TradeGothicLT;font-size: 14px; font-weight: bold;
 display: inline;}
 .displayInlineBlock3,#resumeFileSpan,#resumeFileLbl{display: inline !important;color: #545a5b  !important;
  font-family: TradeGothicLT  !important;font-size: 14px  !important;font-weight: bold  !important;
   margin-top: auto;}
  .marginAuto{margin:auto !important;}
   .browseFiles-btn:focus{ border-color: rgba(94,158,214)!important;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
        outline:none;border: solid 2px #5e9ed6;}  
.spanClassUpldedScholar{color: #545a5b;font-family: TradeGothicLT-Bold;font-size: 14px; font-weight: bold;
        display: inline;margin-top: 2px;}
		.removeFilecls{font-family: TradeGothicNo20-CondBold;}
		.mrgnbtm25{margin-bottom:25px;}
		.textPolicyAdjust{padding-top:10px !important;}
		.pddngTopformHeader2{margin-top:37px !important;}
	.h1-bodhi-Color{color:#545a5b;}
		.saveBtnStyle{font-family: TradeGothicNo20-CondBold;}
		.passTextWrapping{width:80% !important; padding-right:15% !important;}
		.Core-formDeclaration{
			margin: 0 0px 20px 0px; 
			font-family: TradeGothicNo20-CondBold;
			font-size: 15px;    
			font-weight: bold;
			line-height: normal;
			letter-spacing: normal;
			text-align: justify;
			}
			.paddingBtm13{padding-bottom:13px !important;}
			.mrgnBtm37{margin-bottom:37px !important;}
			.pddngBtm30{padding-bottom:30px !important;}
			.section-appDecPending .viewMoreBtn a{text-decoration:none;}

.loaderUpperDiv{height: 47px; position: relative; padding: 32px 30px 18px !important; border: solid 1px #3f414a; border-radius: 5px;background-color: #fafafa !important;}
.loaderUpperDiv1{height: 47px; position: relative; padding: 32px 30px 18px !important; border: solid 1px #3f414a; border-radius: 5px;background-color: #fafafa !important;margin-bottom:30px;}
.gifClassIng{ margin-left: 46%;margin-top: -14px;}
.widthForText{width:70.7%; }
  .maskLoaderClass #maskLoaderImg{ width: auto; height: auto;z-index: 0;top: 50%;left: 43%;}
  input[type="text"]:disabled,select:disabled{opacity: 0.5;
    box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.5);
    border: solid 1px #919191;
    background-color:  #ffffff;
  }
#Browsefilestest,#Browsefilestest2,#Browsefilestest3{margin-bottom:30px;}

#IDPasswordField{display:none !important;}
 .checkBox1 .reg-parsley-error-list .required{margin-bottom:18px;} 
 .checkBox2 .reg-parsley-error-list .required{margin-bottom:18px;} 
 
 .chkRadioBox2forBasic label span{width:250px;padding-left: 50px !important;}
  .focusMilitary:focus,.focusChangeStudent:focus{border: solid 2px #5e9ed6 !important;outline: none;}
   #resumeFileDocUploadMsgDiv{
            padding-top: 17px;
            font-family: TradeGothicNo20-CondBold;
            font-size: 13px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.54;
            letter-spacing: normal;
            color: #880d2c;
        }
 .marginTop2px{margin-top:2px !important; }
 .marginTopZero{margin-top:0px !important; }
 #resumeFileRemoveLink{font-family: TradeGothicNo20-CondBold;font-size: 16px; font-weight: bold; }
 
 a:focus{border: solid 2px #5e9ed6 !important;outline:none !important;}
 .hbso-logo:focus,.dropdown-toggle:focus,.focusBorder:focus{border:none !important;outline: thin dotted #ddd !important ;} 
	 
  .noLinkBorderOutline:focus{border: none !important; outline: none;}
    .removeMarginXy{
       		   
       }
       .NOerrMinCheck{
       		box-shadow:none !important ;
       }
       .errMinCheckImp{
       	    box-shadow: inset 0 0px 3px 1px #a41034 !important;
       }
#savebutton:hover{
                    	 box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
                        border: solid 1px rgba(87 ,91 ,102);
                        background-color: rgba(250 ,250 ,250);
                 		font-size: 15px;
                 		font-family: TradeGothicNo20-CondBold;
                 }
.fontOptionSelect{font-family: "TradeGothicNo20-CondBold", "TradeGothicNo20-CondBold", sans-serif;}
.pellGrantClass tr td label , .mltryClass tr td label , .gradSectionRadio tr td label , .collabChecked tr td label , .lowIncomeChecklistClass tr td label { 
	font-family: TradeGothicNo20-CondBold;
	font-size: 15px;
	color:#3f414a;
}
.errorMsgStyle{
	margin-top: -40px;
	margin-bottom:20px;
	display: block!important;
	font-family: TradeGothicNo20-CondBold;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #880d2c;
}
.gradErrorMsgStyle{
	margin-top: -10px;
	margin-bottom:20px;
	display: block!important;
	font-family: TradeGothicNo20-CondBold;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #880d2c;
}
 .adjustmarginFirefox{
      	margin: -10px 0px !important;
      	padding-left:0px;
      }
#skipAndSubBtn:hover{
	color: #575b66;
	font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    font-weight: bold;
}
  .payOptUnitHeaderTooltip1 {
    width: 30px;
}
        .caEduNoCrHelpTextInner1 {
    padding: 24px 0 0 0;
}
        .lefter1 {
    float: left;
    display: inline;
    width: auto;
}
        .tip1 {
    position: relative;
}
        .righter1 {
    float: right;
    display: inline;
    width: auto;
}
        .dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
}
        .tipIcon1 { 
    display: block;
    position: absolute;
    width: 45px;
    height: 23px;
    background: url(/resource/1574847763000/HBXImages/images/icons/normalIcon.svg);
    font-size: 0 !important;
    color: transparent;
    top: -70px;
    right: -153px;
}
        .open > .tooltipdropdown-menu1 {
    display: block;
}
        .payOptUnitHeaderTooltip1 .tooltipdropdown-menu1 {
    top: -76px;
    width: 300px;
}
        .tooltipdropdown-menu1 {
    position: absolute;
    top: -164px;
    left: 160px;
    z-index: 1;
    display: none;
    float: left;
    min-width: 80%;
    padding: 0px ;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
}
        ul.tooltipdropdown-menu1 li:last-child {
    border: none;
}

        ul.tooltipdropdown-menu1 li {
    font-family: TradeGothicNo20-CondBold;
    font-size: 14px;
    font-weight: bold;
}
        ul.tooltipdropdown-menu1 li, ul.tooltipdropdown-menu1 li span, ul.tooltipdropdown-menu1 li p {
    color: #fff;
    margin: 0px;
    
}
        ul.tooltipdropdown-menu1 li {
    width: 400px;
    padding:10px;
}
       .tooltipdropdown-menu1:after {
    content: '';
    position: absolute;
    display: block;
    top: 48.5%;
    left: -22px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid transparent;
    border-right: 11px solid #333;
}
        .showTip1 {
    width: 525px;
    height: 315px;
     background: -webkit-linear-gradient(top, #818595, #4d4d4f);
        background: -o-linear-gradient(top, #818595, #4d4d4f);
    position: absolute;
    left: 258px;
    top: -150px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    display: none;
    opacity: 0.7;
        
        }
        .pointer1 {
    background: url(arrow.png) no-repeat left top;
    width: 9px;
    height: 18px;
    left: -9px;
    top: 155px;
    position: absolute;
}
        
 .dropdown-toggle1 {
    padding-bottom: 16px;
} 
   .hispanicLatino{
    	top: -21px  !important;
    	right: 155px  !important;
    }
    .hispanicMainBlack{
   		 top: -52px !important;
    	      margin-left: -94px  !important;
    width: 500px  !important;
    
    }
    .hispanicMainBlack::after 
    {
    	    top: 40px !important;
    }
    .citznGrpTooltp{
    	    margin-right: 101px !important;
    		margin-top: 36px;
    }
    .citznGrpTooltpMain{
    	    top: -90px !important;
    		width: 273px !important;
    		margin-left: -96px !important;
    }
    .citznGrpTooltpMain::after{
    	top: 66px !important;
    }
	.workEXPClass {
    		top: -83px !important;
        	width:346px !important;
        }
			  .Pellgrnt1Main::after { top: 42px !Important; }
              .Pellgrnt1Main{margin-left: 315px !important;width: 245px !important;top:-102px !important;}
              .Pellgrnt1Main li { width: 95% !important;}
              .Pellgrnt1{margin-right: -318px;}
              
              .Pellgrnt2Main::after { top: 180px !Important; }
              .Pellgrnt2Main{margin-left: 562px !important;width: 200px !important;top:-258px !important;padding-right: 10px !important;}
              .Pellgrnt2Main li { width: 95% !important;}
              .Pellgrnt2{margin-right: -565px;top: -87px !important;}
              
              .GradTooltpMain::after { top: 42px !Important; }
              .GradTooltpMain{margin-left: 406px !important;width: 245px !important;top:-104px !important;}
              .GradTooltpMain li { width: 95% !important;}
              .GradTooltp{margin-right: -410px;}  

.mrgnBttm20px{margin-bottom:20px !important;}	
.sessionLogOut{margin-right: 20px;}		
.coreMessageclass{margin-top: -2px;  }
.tipIcon1:hover{
	background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-tooltip-hover.svg);
}
.tipIcon1:active,.open .tipIcon1 {
	background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-tooltip-active.svg) !important;
}
.tipIcon1:focus{
	background: url(/resource/1574847763000/HBXImages/images/icons/icon-button-tooltip-focus.svg);
	height:29px;
	border-width:0px !important;
}

.chkRadioBox input[type="radio"]:hover{
	opacity: 0.5;
}
.chkRadioBox input[type="radio"]:disabled{
	opacity: 0.5;
}

.marginTop3px{
	margin-top:-3px;
}
#signUpThankYou	img{margin-top:4px;}
.macSelectOption{padding-bottom:6px;}

.myCustomMessage .message {
	padding-top: 17px;
	display: block!important;
	font-family: TradeGothicNo20-CondBold;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #880d2c;
}
.myCustomMessage .message h4{
	display:none;
}
.usercorpCodeFieldRow .myCustomMessage .message {
	margin-bottom: -13px;
}
.accessCode {
    height: 45px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff !important;
    background: url(manage-corporate-codes.svg)no-repeat 8px;
    font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #3f414a;
    border: none;    
    float: left;
    line-height: 46px;
    cursor: default;
	user-select: none;
}

/*============================== 
END OF FILE
================================ */

/*Message alignment start BFR-233*/

.single-line-mesgbox.themeWarningbox, 
.single-line-mesgbox.themeInfoBox, 
.single-line-mesgbox.themeAlertBox {
	display: table;
	width: -webkit-fill-available;
	padding-right: 4px;
	padding-bottom: 20px !important;
    display: flex;
    padding-top: 20px !important;
    align-items: center;
}
.single-line-mesgbox.themeWarningbox img,
.single-line-mesgbox.themeInfoBox img,
.single-line-mesgbox.themeAlertBox img{
    display: flex;
    min-height: 45px;
  /*  margin-top: -15px!important;*/
}

.single-line-mesgbox.themeInfoBox.responsiveImgAdjust img,
.single-line-mesgbox.themeWarningbox.responsiveImgAdjust img,
.single-line-mesgbox.themeAlertBox.responsiveImgAdjust img{
    margin-bottom:0px!important;
}

.single-line-mesgbox.themeWarningbox p,
.single-line-mesgbox.themeInfoBox p,
.single-line-mesgbox.themeAlertBox  p{

    vertical-align: middle;
    display: table-cell;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background-clip: padding-box;
    width: 100%;
}
@media (max-width: 768px) and (min-width: 320px){
    .single-line-mesgbox p {
        padding-top: 7px!important;
    margin-top: 0px!important;
    }
    .single-line-mesgbox.themeWarningbox, .single-line-mesgbox.themeInfoBox, .single-line-mesgbox.themeAlertBox{
        padding-top: 12px!important;
    }
.single-line-mesgbox.themeWarningbox img, .single-line-mesgbox.themeInfoBox img, .single-line-mesgbox.themeAlertBox img{
	margin-bottom: 0px!IMPORTANT;
    display: flex!important;
    align-items: center;
    margin-top: 4px!important;
     padding-right:8px!important;
}
}
        @media (min-width: 320px) and (max-width: 540px){
            .single-line-mesgbox.themeWarningbox img, .single-line-mesgbox.themeInfoBox img, .single-line-mesgbox.themeAlertBox img{
                margin-top: 0px!important
            }   

        .single-line-mesgbox.themeWarningbox, 
        .single-line-mesgbox.themeInfoBox, 
        .single-line-mesgbox.themeAlertBox {
                    align-items: self-end!important;
                }
		}

.multi-line-mesgbox.themeWarningbox, 
.multi-line-mesgbox.themeInfoBox, 
.multi-line-mesgbox.themeAlertBox {
	display: table;
	width: -webkit-fill-available;
	padding-right: 4px;
	padding-bottom: 20px !important;
	display: flex!important; 
	padding-top: 20px !important;
	align-items: flex-start;
}
.multi-line-mesgbox.themeWarningbox img,
.multi-line-mesgbox.themeInfoBox img,
.multi-line-mesgbox.themeAlertBox img{
    display: flex;
    min-height: 45px;
}

.multi-line-mesgbox.themeInfoBox.responsiveImgAdjust img,
.multi-line-mesgbox.themeWarningbox.responsiveImgAdjust img,
.multi-line-mesgbox.themeAlertBox.responsiveImgAdjust img{
    margin-bottom:0px!important;
}

.multi-line-mesgbox.themeWarningbox p,
.multi-line-mesgbox.themeInfoBox p,
.multi-line-mesgbox.themeAlertBox  p{
	display: table-cell;
	text-align: left;
	width: 100%;
}
@media (max-width: 768px) and (min-width: 320px){
    .multi-line-mesgbox p {
        padding-top: 7px!important;
    margin-top: 0px!important;
    }
    .multi-line-mesgbox.themeWarningbox, .multi-line-mesgbox.themeInfoBox, .multi-line-mesgbox.themeAlertBox{
        padding-top: 12px!important;
    }
.multi-line-mesgbox.themeWarningbox img, .multi-line-mesgbox.themeInfoBox img, .multi-line-mesgbox.themeAlertBox img{
	margin-bottom: 0px!IMPORTANT;
	display: flex!important;
	align-items: flex-start;
	margin-top: 2px!important;
	padding-right:8px!important;
}
       
}
@media (min-width: 320px) and (max-width: 540px){
	.multi-line-mesgbox.themeWarningbox img, .multi-line-mesgbox.themeInfoBox img, .multi-line-mesgbox.themeAlertBox img{
		margin-top: 0px!important
	}   

.multi-line-mesgbox.themeWarningbox, 
.multi-line-mesgbox.themeInfoBox, 
.multi-line-mesgbox.themeAlertBox {
			align-items: self-end!important;
		}
}

.multi-line-mesgbox.themeInfoBox img {
    padding-right: 23px;
    margin-top: -5px;
}
.multi-line-mesgbox.themeWarningbox.displayNone, 
.multi-line-mesgbox.themeInfoBox.displayNone, 
.multi-line-mesgbox.themeAlertBox.displayNone,
.single-line-mesgbox.themeWarningbox.displayNone, 
.single-line-mesgbox.themeInfoBox.displayNone, 
.single-line-mesgbox.themeAlertBox.displayNone
{        
        display:none!important;
} 
        
.single-line-mesgbox.themeInfoBox img {
    padding-right: 23px;
} 



.form-innerContainer.education-field{padding-bottom: 17px!important;}
.education-para p {display: inline-block!important;}
.education-para p.marginbottom20px {margin-bottom:14px;}
.multi-line-mesgbox.themeInfoBox.education-field {padding: 20px; margin-top:20px;}
div#PastInstitutionName {width: 100%;}
.education-para{display: inline-block;}
.education-spacing{margin-bottom: 3px!important;}
/*Message alignment end BFR-233*/