<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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 &gt; 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 &gt; 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 &gt; .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;
    /* margin-left: 45px; */
}

.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: 15px;
    font-family: TradeGothicNo20-CondBold;
    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: 2px 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 a{
	margin:0 auto!important;
    padding: 0!important;
}	
footer nav li:after {
    content: "\2022";
	margin-left:5px
}
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;
    margin-left: 5px;
}

.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 {
    vertical-align: middle;
    height: 33px;
}

.chkRadioBox_wrapper input + label {
    display: inline-block;
    width: 31px;
    height: 31px;
    cursor: pointer;
    border: solid 1px #575b66;
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 0px!important;
    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;
    padding: 13px 10px 13px 10px!important;
    border-radius: 5px;
    background-color: #a41034;
    font-size: 15px;
    font-family: TradeGothicNo20-CondBold;
    margin: 0 12px 0 0;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #960f30;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    line-height: 15px;
}

.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 {
    height: 45px;
    border-radius: 5px;
    border: solid 1px #575b66;
    background-color: #fafafa;
    color: #575b66;
    text-align: center;
    padding: 13px 10px 13px 10px;
    margin: 0 12px 0 0;
    font-size: 15px;
    width: auto;
    text-transform: uppercase;
    font-family: TradeGothicNo20-CondBold;
    min-width: 100px;

}

.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: 20% auto 0 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 25px 37px;
}

.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: 6px 25px;
}

.themeInfoBox .accountActivationInfo {
    font-family: TradeGothicLT-Bold;
    font-size: 23px;
    font-weight: bold;
}

.section-applicationReview .themeInfoBox img {
    padding-right: 15px;
    margin-top: 5px;
    width: 30px;
}

.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: #f1dfe3 ;
    border: solid 1px #919191;
    margin-bottom: 26px;
    border-radius: 6px;
}

#errormsg.themeBoxAlertFail {
    padding: 20px 57px 11px 20px;
}

#errormsg.themeBoxAlertFail .ulClassForDot {
    padding-left: 80px!important;
}

#errormsg.themeBoxAlertFail .listClassUl {
    margin-bottom: 0px!important;
}

.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: 22%;
    width: 456px;
    overflow: auto;
    border-radius: 6px;
    border: solid 1px #919191;
    background-color: #ffffff;
    padding: 28px 38px 35px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 61;
}

.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 !important;
}

.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: 12px 6px 12px 15px;
    height: auto!important;
}

.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;
}

.sectionWrapper {
    border-radius: 6px;
    border: solid 1px #919191;
    background-color: #ffffff;
    padding: 32px !important;
}

.HBS-Baker-Library {
    width: 220px;
    float: left;
    margin-right: 25px;
}

.HBS-Baker-Library img {
    width: 174px;
    margin-bottom: 30px;
	margin-top: 19px;
}

.enrollment-container-wrapper {
    display: table-row-group;
}

.container-content {
    height: auto;
    border-radius: 6px;
    background-color: #f2f3f3;
    padding: 23px 33px 20px 34px;
    margin-bottom: 25px;
}

.enrollmentH2 {
    font-family: TradeGothicLT-Bold;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3f414a;
    margin-bottom: 10px;
}

.AnchorlinkCSS {
    font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #546e7a;
    text-decoration: underline;
}

.classSavePerct {
    margin-top: -50px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.themeTabHeaderWelcome {
    display: none;
    padding: 12px 0;
}

.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 {
    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 &gt; .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;
}

/*style for StudentPaymentConfirmation*/
.fontFamilyButton {
    font-family: TradeGothicNo20-CondBold;
    width: auto;
}

.marginBottom20px {
    margin-bottom: 20px !important;
}

.paddngBottom12px {
    padding: 21px 30px 16px 30px;
}

.mBottom12px {
    margin-bottom: 12px;
}

.miniHeading {
    font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
}

.miniContent {
    font-family: TradeGothicLT;
    font-size: 15px;
    line-height: 1.33;
}

.displayFlex {
    display: flex;
}

.widthminiBlock {
    width: 18.2%;
}

.paddingNewButton {
    padding: 6px 17px 7px 18px;
}

.mailingAddress {
    font-family: TradeGothicLT-Bold;
    font-size: 17px;
    font-weight: bold;
    color: #3f414a;
    margin: 10px 0px;
}

.noTitlePage {
    margin-top: 10.3%;
}

.section-applicationReview .themeInfoBox {
    margin-top: 0px;
}

.contentPanelClass .themeInfoBox img {
    margin-top: -1px;
}

.marginBottom12px {
    margin-bottom: 17px !important;
}

.marginrightForTwoButton {
    margin-right: 15px !important;
}

/*style Ends for StudentPaymentConfirmation*/
/*style for WUPaymentInitiatedConfirmation/WirePaymentInitiatedConfirmation*/
.WUPaymentResponsive img {
    margin-top: 4px;
}

.marginBottom25px {
    margin-bottom: 25px !important;
}

.paddngBottom12px {
    padding-top: 16px;
}

.wirePaymentResponsive img {
    margin-top: 4px;
}

/*style for WUPaymentInitiatedConfirmation/WirePaymentInitiatedConfirmation*/
/*============================== 
END OF FILE
================================ */
.enr_progressBar_container {
    padding-left: 0px !important;
    max-width: 920px;
    margin: 10px auto 10px;
}

.themeTabNavContainer {
    height: 120px;
}

.themeTabNavContainerInner {
    min-width: 100%;
    background: #fafafa;
    margin: 0px;
    left: 0px!important;
    z-index: 1;
    padding-bottom: 12px;
}

.testClass a.completedState .themeTabNavIcon, .testClass a.completedState:hover .themeTabNavIcon {
    background-size: 45px!important;
    background-position: -8px -8px!important;
}

.testClass .themeTabNavIcon {
    transform: scale(0.7);
}

.enr_progressBar_container {
    max-width: 1000px;
}
@media (max-width: 583px) and (min-width:568px) { 
     #newCard a{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        line-height: 1.3;
     }
     #newCard a::before{
         margin-top:37px!important;
     }
     #newCard a.inactive{
        line-height: 2.8;
        min-height: 44px;
     }   
}
@media (max-width: 503px) and (min-width:501px) { 
    #activeCard a{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        line-height: 1.3;
     }
     #activeCard  a::before{
         margin-top:37px!important;
     } 
    #activeCard a.inactive{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        line-height: 2.8;
        min-height:44px;
    }  
}    
@media (max-width: 550px) and (min-width:504px) { 
    #activeCard a.inactive{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        line-height: 2.8;
        min-height:44px;
    }  
}
@media (max-width: 542px) and (min-width:501px) { 
    #newCard a.inactive{
        line-height: 1.3;
        min-height: 44px;
        padding-bottom: 0px!important;
        padding-top: 0px!important;    
    }
    #newCard a{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        line-height: 1.3;
     }
     #newCard a::before{
         margin-top:37px!important;
     }
}
@media (max-width: 567px) and (min-width:559px) { 
  #newCard a{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        line-height: 1.3;
     }
     #newCard a::before{
         margin-top:37px!important;
     }
     #newCard a.inactive{
        line-height: 2.8;
        min-height:44px;
     }
}
@media (max-width: 558px) and (min-width:543px) { 
     #newCard a{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        line-height: 1.3;
     }
     #newCard a::before{
         margin-top:37px!important;
     }
     #newCard a.inactive{
        
        min-height:44px;
     }
}
@media (max-width: 768px) {
    #enr_progressBar {
        width: 10%;
    }

    .enr_progressBar_container {
        width: 142%;
    }

    .StepText {
        display: none;
    }

    .activeState .StepText {
        display: inline-block;
        margin-left: 35px;
    }

    .arrow-right.active {
        right: -22px;
        top: 34px;
    }

    .testClass .themeTabNavIcon {
        margin-left: 0px!important;
    }

    .steps4 {
        width: auto !important;
    }
}

/*style for Enr_Policies Page*/
.fontsize22px {
    font-size: 22px !important;
    line-height: 0.82;
}

.mBtm20 {
    margin-bottom: 20px !important;
}

.positionCssPolicy {
    margin: 0px 36px 20px 36px;
}

.hbsoParaPolicy {
    font-size: 15px;
    line-height: 1.33;
    margin-bottom: 20px;
    text-align: left;
}

.form-container h2.policiesHeader {
    margin: 25px 37px 15px 36px;
    padding: 10px 0px 10px 0px;
}

.padding12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.policies-innerContainer {
    border-radius: 6px;
    background-color: #f2f3f3;
    margin: 0 37px 25px 36px;
    padding: 5px 30px 38px 36px;
}

.mBottm30px {
    margin-bottom: 30px;
}

.marginBottomClassPolicy {
    margin-bottom: 30px !important;
}

.secondClassPolicy {
    margin-top: -16px !important;
    padding-top: 15px !important;
    padding-left: 25px !important;
}

.firstClassPolicy {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 25px !important;
}

.adjustChcekbox {
    margin-top: -61px !important;
    padding-top: 0px !important;
    padding-bottom: 12px !important;
    padding-left: 25px !important;
}

.notify2FocusOnFinalPolicy:focus,.notiFyOnPolicyFocus:focus {
    outline: none;
    border: solid 2px #5e9ed6;
}

.themeWarningbox {
    padding: 26px 57px 30px 25px;
    border-radius: 6px;
    border: solid 1px #919191;
    background-color: #f1dfe3;
    margin: 0 37px 22px 36px;
}

.imgClass {
    float: left;
    padding-right: 25px;
}

.themeWarningbox p {
    font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    font-weight: bold;
    color: #3f414a;
    line-height: 20px;
    display: table-cell;
}

.classAgjusMrgin {
    margin: 0 37px 36px 36px;
}

.infoHeader {
    font-family: TradeGothicLT-Bold;
    font-size: 17px;
    font-weight: bold;
    color: #3f414a;
}

.width200 {
    width: 200px !important;
}

@media (max-width: 767px) and (min-width: 320px) {
    input[type="text"].widthForCountryCode {
        width:100px!important;
    }

    select {
        width: 100% !important;
    }

    .country-code-input .TeltipIcon {
        right: 0px !important;
    }
}

@media (max-width: 767px) and (min-width: 570px) {
    .tooltipdropdown-menu1 {
        left: 190px !important;
    }
}

@media (max-width: 571px) and (min-width: 360px) {
    .payOptUnitHeaderTooltip1 .tooltipdropdown-menu1 li {
        width: 80% !important;
    }

    .payOptUnitHeaderTooltip1 .tooltipdropdown-menu1 {
        width: 125px !important;
    }

    .tooltipdropdown-menu1 {
        margin-left: 25px !important;
    }
}

.country-code-input .TeltipIcon {
    margin-right: -180px!important;
    height: 30px;
    margin-left: 130px;
    right: 30px;
    margin-top: 0px;
}
}

.pwHelpTextArrow {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #595959;
}

.TeltipIcon {
    display: block;
    position: absolute;
    width: 45px;
    height: 23px;
    background: url(/resource/1574847763000/HBXImages/images/icons/information-blue.svg);
    font-size: 0 !important;
    color: transparent;
    top: -86px;
    right: -147px;
}

#telepHoneTooltpId .payOptUnitHeaderTooltip1 .tooltipdropdown-menu1 {
    top: -88px;
    width: 300px;
}

.widthOverallContact {
    width: 29.7%;
}

.widthContactType {
    width: 108.7% !important;
}

.widthForCountryCode {
    width: 10.8% !Important;
}

.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;
}

#telepHoneTooltpId .dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
}

#telepHoneTooltpId .open &gt; .tooltipdropdown-menu1 {
    display: block;
}

#telepHoneTooltpId .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;
}

#telepHoneTooltpId ul.tooltipdropdown-menu1 li:last-child {
    border: none;
}

#telepHoneTooltpId .payOptUnitHeaderTooltip1 .tooltipdropdown-menu1 li {
    width: 300px;
}

#telepHoneTooltpId ul.tooltipdropdown-menu1 li {
    font-family: TradeGothicNo20-CondBold;
    font-size: 14px;
    font-weight: bold;
}

#telepHoneTooltpId ul.tooltipdropdown-menu1 li, ul.tooltipdropdown-menu1 li span, ul.tooltipdropdown-menu1 li p {
    color: #fff;
    margin: 0px;
}

#telepHoneTooltpId ul.tooltipdropdown-menu1 li {
    width: 400px;
    padding: 10px;
}

#telepHoneTooltpId .payOptUnitHeaderTooltip1 .tooltipdropdown-menu1::after {
    top: 11px;
}

#telepHoneTooltpId .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;
}

#telepHoneTooltpId .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;
}

#telepHoneTooltpId .pointer1 {
    background: url(arrow.png) no-repeat left top;
    width: 9px;
    height: 18px;
    left: -9px;
    top: 155px;
    position: absolute;
}

#telepHoneTooltpId .dropdown-toggle1 {
    padding-bottom: 16px;
}

.marginTop13 {
    margin-top: -13px;
}

.offConfrmSpan {
    width: 50%
}

.userDobFieldRow2 .reg-parsley-error-list {
    float: none;
}

.persCheckMargin {
    margin-top: 22px;
    margin-bottom: 22px;
}

@media only screen and (max-width: 400px) and (min-width: 360px) {
    .persCheckMargin {
        margin-bottom:110px !important;
    }
}

@media only screen and (max-width: 540px) and (min-width: 401px) {
    .persCheckMargin {
        margin-bottom:85px !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 360px) {
    .respDOB {
        float:none !important;
    }

    .respDOB select {
        margin-top: 20px !important;
    }
}

.flexP3Landing {
    align-items: start !important;
}

.mrgnBttm45px {
    margin-bottom: 45px;
}

.margnOverll {
    margin: 25px 37px 25px 36px;
}

.marginBottom51px {
    margin-bottom: 51px;
}

.marginPropForward {
    margin: 30px 0px 37px;
}

.paddingBottom10px {
    padding-bottom: 10px;
}

.buttonLanding {
    margin-top: 15px;
    margin-bottom: -7px;
}

.paddingleftRight25px {
    padding-left: 25px;
    padding-right: 25px;
}

.buttonLandingEcheck {
    margin-top: 28px;
    margin-bottom: -5px;
}

.marginTopN3px {
    margin-top: -3px;
}

.marginBottom41px {
    margin-bottom: 41px !important;
}

.mrgnTopPropDiv {
    margin-top: 22px !important;
}

.inlineBlockDisplay {
    display: inline-block;
}

.MtopN6px {
    margin-top: -6px;
}

.margintop14px {
    margin-top: 16px;
}
@media (max-width: 767px) {     
    .dashboardUnitBtnBox{
        float:none!important;
        width:95%;
    }
    .alt-btn,.alt-btn-grey{
         margin: 0 0 12px 2.7%!important;
    }     
}     
@media only screen and (max-width: 767px) and (min-width: 320px) {
    .buttonLandingEcheck , .buttonLanding {
        margin-bottom:20px;
    }

    .marginLeft0pxImp {
        margin-left: 0px !important;
    }

    .margnOverll {
        margin: 21px 12px;
    }

    .P3CardOverallComp {
        margin: 20px 0 0 0px !important;
    }
}

.p3LandingWarningimg {
    margin-bottom: 50px !important;
    margin-top: 5px;
}

.paddingInnerAdjust {
    padding-top: 12px;
    padding-bottom: 16px;
    padding-left: 25px;
    padding-right: 20px;
}

.widthBalLanding {
    width: 66%;
    text-align: right;
}

.colorDefaultDark {
    color: #3f414a;
}

.displayGrid {
    display: grid;
}

.adjustClassInline {
    display: inline !important;
}

.widthForPartialWireSelect {
    width: 89%;
}

.wireDay {
    width: 27%;
    margin-right: 10px !important;
}

.wireMonth {
    width: 36%;
}

.wireYear {
    width: 30%;
    margin-right: 0px !important;
}

.wireYearUpper .reg-parsley-error-list {
    float: left;
}

.wireMonth {
    width: 37%;
}

.wireYear {
    width: 28%;
}

.wireDay {
    width: 25%;
}

.dateFieldClass .reg-parsley-error-list {
    display: block;
    float: left;
    width: 100%;
}

.wireDay:focus {
    display: inline-block;
}

.wireYear:focus {
    display: -webkit-inline-box;
}

.labelStyle {
    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: 7px 0;
    position: absolute;
    margin-left: 0;
}

#sessionExpirePopup.popupBoxContainer,#startProgress.popupBoxContainer,#sessionExpireRedirectionPopup.popupBoxContainer {
    width: 60%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    padding-bottom: 28px;
}

#startProgress.popupBoxContainer{
    width: 52%!important;
}
.dashboardUnitLeft{
    float:left;
    display: table-cell;
    margin-bottom: 26px;
    max-width: 250px;
    border-right:1px solid #ccc;
    text-align: center;
}   
.dashboardUnitRight{
    float:right;
    display:inline;
    max-width:605px; 
    padding:0 24px;
    min-height:232px;
}
.dashboardTextLeft h3{
    margin:0 0 10px 0;
    font:20px/26px "Trade Gothic W01 Light","TradeGothic LT Light",sans-serif;
}
.dashboardUnitInnerBox{
    clear: right;   
    padding: 4px 0 0 0;
    display: inline-block; 
}
.dashboardUnitInnerBox input.alt-btn, .dashboardUnitInnerBox input.alt-btn-grey {
    float: right;   
}
.dashboardUnitInnerBox input.alt-btn, .dashboardUnitInnerBox input.alt-btn:hover, 
.dashboardUnitInnerBox input.alt-btn[disabled] {
    margin: 0;
}
.dashboardUnitInnerBox input.alt-btn-grey, .dashboardUnitInnerBox input.alt-btn-grey:hover, 
.dashboardUnitInnerBox input.alt-btn-grey[disabled] {
    margin: 0;
}
.dashboardUnitBtnBox{
    clear:both;
    text-align:right;
    position: relative;
    float: right;
    bottom: 13px;
}

.dashboardUnitBtnBox form{
    float:right;
    display:inline;
}
.dashboardTextLeft{
    float:left;
    display:inline;
    
    min-height:180px;
    margin: 0 0 16px 0;
}
.sectionDashboardForActive {    
    margin-bottom: 33px;
} 
.learning-track.dashboardUnit{
        display:inline-block;
        padding:31px 32px 38px 38px;
        margin-bottom: 45px;
        margin-top: 0px;
}
.learning-track-heading{
    background-color:#880d2c;
    padding: 8px 8px;
    display:block;
}
.learning-track-heading h3{
        display: inline-block;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: TradeGothicNo20-CondBold;
    padding: 9px 0px 0px 0px;
}
.learning-track-heading img{
    display:inline-block;
    margin-left:6px;
    height:30px;
    vertical-align:middle;
    margin-right: 6px;
}
.track-deadline{
    background-color: #f2f3f3;
    font-family: TradeGothicNo20-CondBold;
    font-size: 15px;
    text-align: center;
    
    padding: 13px 48px;
    float: right;
    width: 153px;
    height: 20px;
    color: #3f414a;
}
.learning-track p{
    
    margin:13px 0px;
    font-family:TradeGothicLT;
    font-size:15px;
    color:#3f414a;
    line-height:20px
}
   
.learning-track-table {
    width:100%;
    border:1px solid #ccc;
    margin-top: 16px; //for BSD-8620
    
}
.learning-track-table tr td{
    border:1px solid #ccc;
    padding:5px 25px;
    font-family: TradeGothicLT;
    font-size:15px;
    line-height: 23px;
    letter-spacing: normal;
    color: #3f414a;
    font-stretch: normal;
}
.learning-track-table tr.table-header td{
    text-transform:uppercase;
    font-family:TradeGothicLT-Bold;
    font-size:13px;
    color:#3f414a;   
}
.learning-track-table tr td:first-child{
       
       font-family: 'TradeGothicLT-Bold';
       padding: 5px 6px;
       width: 30px;
}
.learning-track-table tr td:first-child + td{
       width: 380px;
}
.learning-track-table tr td:first-child + td + td{
       width: 208px;
}
            
.learning-track-table tr td img{
    width:20px;
    vertical-align:middle;
    margin-right:5px;
}

.accessCodePlace{
       width: 80%;
}
.app-status{
    background-color:#f2f3f3;
    height:46px;
    margin-bottom: 7px;
}
.app-status h2{
    font-size: 15px;
    text-align: center;
    padding-top: 14px;
    font-weight: bold;
    color: #3f414a;
    font-family: TradeGothicNo20-CondBold;
}
.dashboardMsgUnit{
    border:1px solid #ddd;
    padding:20px; 
    min-height:150px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(86,86,86,0.57);
    -moz-box-shadow: 3px 3px 6px 0px rgba(86,86,86,0.57);
    box-shadow: 3px 3px 6px 0px rgba(86,86,86,0.57);
}
.dashboardUnit{
    border:1px solid #919191;    
    padding: 30px 0px 0px 0px;
    max-width:900px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background:#fff;    
    margin-top: 10px;
    position: relative;
    display: flex;
}
.learningTrack{
  width: 100%;
  height: 100px;
  background-color: #e6e7e8;
    position: absolute;
  z-index: 1;
}
.learningTrackText{
   width: 100%;
    font-family: 'TradeGothicLT-Bold';
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #3f414a;
    padding-top: 22px;
    font-size: 18px;
}
.learningTrackLink{ 
    width: 100%;
    text-align: center;
    text-decoration: underline;
    font-family: TradeGothicLT;
    font-weight: normal;
    font-size: 18px;
    color: #546e7a;
    line-height: 28px;
}
.DownloadLinkMargin{
    margin-bottom:20px;        
}

.themeTabNavContainerInner.clearfix.mobile-nav-width {
    z-index: 35!important;
}

.caDeleteAlertPpText {
    padding: 25px 25px;
}

/*Message alignment */
.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:375px){
            .track-deadline{
                width: 70%!important;
            }    
}
@media (max-width:767px){    
            .app-status {
                margin: 0 auto;
                width: 95%;
            }
            .dashboardUnitLeft {
                display:inline-block;
                width:100%;
                max-width: 100%;
                border-right: none;
            }
            .dashboardUnitRight{
                display: block;               
                position: relative;
                margin: 0px auto;
                max-width: 100%;
                padding: 0px 0px;
            }    
            .dashboardTextBox {
                padding:0px 13px;
                margin-bottom: 0px;
            }
            .dashboardPrgIconBox img{
                width:150px;
                height:150px;
            }
            .dashboardPrgTxtBox h2 {
                padding: 0 0 15px 0;
            }
            .dashboardUnit {
                padding: 16px 0px 0px 0px;
                display: inline-block;
            }
            .dashboardUnitLeft .dashboardPrgDtBox {
                margin-top: 15px;
                border-bottom: 1px solid #ccc;
                width: 90%;
                margin: 0 auto;
                padding-bottom: 25px;
            }
            .dashboardPrgDtTxtBox span {
                font-size:15px;
                font-family: TradeGothicNo20-CondBold;
            }
}        

@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: 2px!important;
    }

    .single-line-mesgbox.themeWarningbox, .single-line-mesgbox.themeInfoBox, .single-line-mesgbox.themeAlertBox {
        align-items: flex-start;
    }
}

.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;
    }

    .form-innerContainer.marginPropForward {
        margin: 30px 0px 37px;
    }
}

@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: 5px!important;
}

.reviewPages_ActiveUser .section-applicationReview .themeInfoBox img {
    margin-top: 5px;
    width: 30px;
}

.reviewPages_ActiveUser .form-innerContainer.marginBottom20px.paddngBottom12px {
    padding-bottom: 8px;
}

.reviewPages_ActiveUser .form-innerContainer.marginBottom20px.paddngBottom12px .mBottom12px {
    margin-bottom: 15px;
}

.tabPaymentBox.WUPaymentResponsive .themeInfoBox img, .themeInfoBox img.p3LandingWarningimg {
    margin-top: 5px
}


.p3LandParaMrgn .themeInfoBox .accountActivationInfo {
    font-size: 15px;
	margin-top:0px;
    display: table-cell!important;
}

.p3LandParaMrgn .themeInfoBox {
    padding: 20px 25px;
}
</pre></body></html>