html {
    height: 100%;
}
body.sans,
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body,
.bodywrap,
.ssg-label-container label,
.reg-info input,
.ssg-input-container select,
.ssg-input-container input,
.ssg-main-menu ul.dropdown .root-item ul li a,
.ssg-top-menu #login-status ul.dropdown ul li a,
.ssg-submit input[type=submit],
.copyright {
    font-family: PT Sans,sans-serif;
}

legend,
.account-create h3,
#ribbon h1,
.header-standard h1,
.ssg-top-menu,
.create-success h1,
#login-status > ul.dropdown .root-item > span,
#login-status > ul > li a,
.ssg-top-menu ul.dropdown.user-menu .root-item > a {
    font-family: ClearSans-Bd,sans-serif;
}

.ssg-header,
.reg-info,
.reg-item,
.ssg-input-container,
.ssg-main-menu #main_navigation > ul,
.ssg-main-menu #main_navigation ul.dropdown .root-item,
.ssg-main-menu #main_navigation ul.dropdown .root-item {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.ssg-header,
.reg-item,
.ssg-main-menu #main_navigation > ul,
.ssg-main-menu #main_navigation ul.dropdown .root-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.reg-info,
.reg-item,
.reg-item.clear {
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

#main_navigation {display: none;} /* Hide main navigation */

#header {margin-top: 0;}

.addsearch {display: none;} /* Hide search box in header */

/* Background gradient color override */
.bodywrap {
    background: #FFFFFF;
    flex: 1;
}

/* Grey top header background */
.bodywrap:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    background: #f1f5f7;
    height: 40px;
    width: 100%;
}

.header-standard {
    margin: 0 auto;
    height: auto;
}

.lc-input-search {
    border-bottom: 2px solid hsla(0,0%,100%,.4);
    margin-bottom: 30px;
    padding-bottom: 5px;
}
.lc-input-search #userInput {
    width: calc(100% - 40px);
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLTMtM2gyNHYyNEgtM3oiLz48cGF0aCBkPSJNMTIuNSAxMWgtLjc5bC0uMjgtLjI3QTYuNDcxIDYuNDcxIDAgMDAxMyA2LjUgNi41IDYuNSAwIDEwNi41IDEzYzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMTcuNDkgMTZsLTQuOTktNXptLTYgMEM0LjAxIDExIDIgOC45OSAyIDYuNVM0LjAxIDIgNi41IDIgMTEgNC4wMSAxMSA2LjUgOC45OSAxMSA2LjUgMTF6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) no-repeat 100%;
    font-size: 26px;
    color: #FFF;
    border: 0;
    outline: none;
}
#userInput::placeholder {
    color: #FFF;
    opacity: 1;
}

#ribbon h1,
.header-standard h1 {
    font-size: 44px;
    font-weight: 700;
    color: #FFFFFF;
}

.header-standard h1 {
    margin-top: 50px;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
    overflow: visible;
    padding: 15px 0;
}


#ribbon {
    background: #005980;
}
.container.default-navigation-all {
    z-index: 1;
    padding: 0;
}
.ssg-back {
    position: absolute !important;
    display: block !important;
    top: 150px;
    left: 50%;
    z-index: 2;
    margin-left: -50vw;
    height: 30px;
    width: 100vw;
    background-color: hsla(0,0%,100%,.16);
}
.ssg-back a,
.ssg-back span {
    font-size: 14px;
    color: #fff;
}
.ssg-back span {
    visibility: visible;
    display: block;
    padding: 0 5px;
}
.ssg-back a:hover {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
}
.layout1 .ssg-back {
    top: -266px;
    color: rgba(0,0,0,.64);
}
#page-content .ssg-back {
    top: -95px;
}
.ssg-back .wrap {
    width: 1200px;
    margin: 0 auto;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #FFF;
}

.history-header {
    width: 100vw;
    margin-left: -50vw;
    margin-top: 10px;
    left: 50%;
    position: relative;
    background-color: #005980;
}
.history-header .header-standard {
    width: 1200px;
}
.history-container {
    display: flex;
    height: auto;
    align-items: center;
}

.ssg-header {
    background-color: #005980;
    height: auto;
    width: 100%;
    align-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
}
.ssg-header .header-icon {
    height: auto;
    width: auto;
}

.account-create h3,
legend {
    font-size: 26px;
    font-weight: 700;
    color: rgba(0,0,0,.82);
    text-align: center;
    padding: 0;
    margin: 20px 0;
    width: 100%;
}

#account-details fieldset,
#change-password fieldset,
#contact-address fieldset {
    border: none;
    padding: 0;
    margin: 0 auto;
    width: 800px;
}

#contact-address,
#change-password {
    margin-bottom: 20px;
}

#change-password small {
    font-size: 12px;
}

#account-details {
    margin-top: 40px;
}

.reg-info {
    float: none;
    width: 100%;
}

.ssg-label-container {
    width: 175px;
}
.ssg-label-container label {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    margin: 0;
    width: auto;
    padding-right: 17px;
}

.ssg-input-container input.form-control {
    height: auto;
}

.reg-info input,
.ssg-input-container select,
.ssg-input-container input {
    padding: 10px 20px 14px;
    border: 1px solid rgba(0,0,0,.2);
    margin: 6px;
    border-radius: 0;
    color: rgba(0,0,0,.64);
    font-size: 16px;
    line-height: 1.5;
    flex-grow: 2;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
}

.ssg-input-container {
    width: 430px;
}
.ssg-input-container select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAAAXNSR0IArs4c6QAAAIxJREFUKFN9jssRwjAMRFfQGKmAEkI64OixPQOH4PExHeAOKAFKooIso4AyMT/dJO17kjgf7gD3OaWCP+W83wEyiPPxCPAAsPsFvcJnEoOo1IVQQLTfIAsDKDmdugmooJU0ue9v0yzGDUZeLayzGTCIxHYNNtqPEAUvajZxBSwhecqq8MeFt/e4NNvuAYVGRF/dsTeLAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-color: #FFFFFF;
}

.ssg-input-container a {
    width: 100%;
    font-size: 16px;
    margin: 20px 0;
    padding-left: 25px;
}

.ssg-submit {
    text-align: center;
}

.form-group .ssg-submit {
    margin-top: 20px;
}
.account-create .row form input[type=submit] {
    width: 155px;
}

.ssg-submit input[type=submit] {
    padding: 11px 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    background-color: #005980;
    letter-spacing: .25px;
    text-align: center;
    height: auto;
    background-image: none;
    border-radius: 0;
}
.ssg-submit input[type=submit]:hover,
.ssg-submit input[type=submit]:focus {
    color: #FFFFFF;
    background-color: #019FC2;
    text-decoration: none;
    border: 1px solid #019FC2;
}

.info-message,
.error-message,
.default-validation {
    font-size: 14px;
}

.info-message,
.error-message {
    border-radius: 0;
    padding: 20px 40px;
    background-position: 10px center;
    text-align: left;
    margin: 0;
}
.container.page .info-message,
.wrapper.col-md-9 .content .info-message {
    margin: 20px 0;
}
.content .info-message {
    margin-bottom: 20px;
}

/* Main header navigation menu */
.ssg-top-menu {
    color: rgba(0,0,0,.64);
}

.ssg-top-menu #login-status {
    margin-top: 7px;
    padding: 0;
}

input.addsearch {
    height: 32px;
}

.ssg-top-menu .search-form {
    margin-top: 2px;
}

.ssg-header-nav {
    height: 150px !important;
    margin-bottom: 0;
}

.ssg-header-nav .logo {
    margin-top: 63px;
}

#site-selector {
    display: none;
}

/* User name login */
.ssg-top-menu ul.dropdown.user-menu .root-item > a {
    text-decoration: none;
    font-family: ClearSans,sans-serif;
    color: rgba(0,0,0,.64);
    font-size: 14px;
    line-height: 1.5;
}

/* Navigation menu styles */
.ssg-main-menu #main_navigation > ul {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 105px;
}

.ssg-main-menu #main_navigation ul.dropdown .root-item {
    margin: 0 20px;
    border: none;
}
.ssg-main-menu ul.dropdown .root-item:last-child ul {
    right: 0;
    left: initial;
    margin-right: auto;
}
.ssg-main-menu ul.dropdown .root-item > a {
    margin: 0;
    padding: 0;
    float: none;
    color: rgba(0,0,0,.64);
    font-size: 16px;
}

/* Navigation sub-menu items */
.ssg-main-menu #main_navigation ul.dropdown .root-item {
    margin: 0 20px;
    border: none;
    height: 100%;
    border-bottom: 2px solid #FFFFFF;
}
.ssg-main-menu #main_navigation ul.dropdown .root-item:hover {
    border-bottom: 2px solid #005980;
}
.ssg-main-menu ul.dropdown ul {
    top: 100%;
    left: -20px;
    width: auto;
    margin-top: 3px;
    background: #FFFFFF;
    box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    position: absolute;
    overflow: hidden;
}
.ssg-main-menu ul.dropdown .root-item ul li.first,
.ssg-main-menu ul.dropdown .root-item ul li.last,
.ssg-top-menu #login-status ul.dropdown ul li.first,
.ssg-top-menu #login-status ul.dropdown ul li.last {
    border-radius: 0;
}
.ssg-top-menu #login-status ul.dropdown ul li.first {
    padding-top: 4px;
}
.ssg-main-menu ul.dropdown .root-item ul li,
.ssg-top-menu #login-status ul.dropdown ul li {
    white-space: nowrap;
}
.ssg-main-menu ul.dropdown .root-item ul li a:hover {
    background-color: #f1f5f7;
    text-shadow: -.04ex 0 #005980,.04ex 0 #005980;
    border-radius: 0;
}
.ssg-main-menu ul.dropdown .root-item ul li a {
    background: #FFFFFF;
    color: #005980;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    padding: 6px 30px 6px 15px;
    margin: 0;
    border-radius: 0;
}


/* Top grey navigation dropdown */
.ssg-top-menu #login-status ul.dropdown ul {
    top: 30px;
    left: auto;
    right: 0;
    width: auto;
    background: #FFFFFF;
    box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    position: absolute;
    overflow: hidden;
    z-index: 3;
}
.ssg-top-menu #login-status ul.dropdown ul li a {
    background-color: #FFFFFF;
    background-image: none;
    color: #005980;
    padding: 8px 30px 8px 15px;
    font-size: 14px;
    border-radius: 0;
    width: 100%;
    display: inline-block;
}
.ssg-top-menu #login-status ul.dropdown ul li a:hover {
    background-color: #f1f5f7;
    text-shadow: -.02ex 0 #005980,.02ex 0 #005980;
}

.default-validation {
    background-color: rgba(204, 75, 55, 0.2);
    border: 1px solid #cc4b37;
    border-radius: 0;
    padding: 20px 45px;
    background-position: 20px 20px;
    margin-top: 20px;
}

#login-status > ul.dropdown .root-item > span {
    line-height: 1.5;
}

/****************************************** Account first login page ******************************************/
#account-part1.reg-info {
    display: flex;
    flex-direction: column;
}

#preferences-newsletters fieldset,
#preferences-resources fieldset,
#preferences-email fieldset,
#preferences-mail fieldset {
    border: none;
    width: 600px;
    font-size: 16px;
}

.toggle {
    margin-right: 10px;
    margin-bottom: 5px;
}

.toggle label {
    background-color: #f1f5f7 !important;
}

.toggle input:checked + label {
    background-color: #5cb85c !important;
    transform: translateX(1.7em) !important;
}

.ssg-toggle {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 15px;
}

.ssg-toggle p {
    padding: 0;
    margin: 0;
}

/****************************************** Account create page ******************************************/
.account-create p,
.account-create ul {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0,0,0,.82);
}
#login-status > ul > li a {
    border: none;
}
#loginform {
    width: 960px;
    margin: 0 auto;
}
#loginform form {
    display: flex;
    flex-direction: column;
}
#loginform .col-sm-6 {
    width: 100%;
    padding: 0;
    margin: 0;
}

#loginform .col-sm-6 .reg-item {
    justify-content: center;
    margin-bottom: 0;
}

.centralized-text {
    padding: 0;
}

.centralized-text ul {
    padding: 0 20px;
}

#signinfromcreate {
    display: none;
}

.ssg-password {
    text-align: center;
}

.create-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
.create-grid ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 860px;
}
.create-grid ul li {
    flex: 0 0 auto;
    width: 200px;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 10px;
    padding-bottom: 25px;
    list-style: none;
    text-align: center;
}
.create-grid strong {
    display: block;
    margin: 0 0 10px;
}
.create-header {
    font-size: 36px !important;
    line-height: 1.23;
    margin: -85px 0 80px 0 !important;
    color: #fff !important;
}

/* Course materials styles */
.cm-container {
    margin-top: 20px;
}
.cm-license-agreement {
    margin: 20px 0;
    background-color: #F5F9FF;
    color: #2E2E2E;
    text-align: center;
    padding: 15px 10px;
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid #75ADFF;
}
.cm-list-materials {
    height: 145px;
    border-bottom: 1px solid #E6E6E6;
    padding: 20px 0;
    display: flex;
    align-items: center;
}
.cm-expire-date {
    text-align: right;
    color: rgba(0,0,0,.82);
    font-size: 14px;
    font-family: ClearSans-Bd,sans-serif;
}
.cm-link {
    color: rgba(0,0,0,.72);
    font-family: ClearSans-Bd,sans-serif;
}
.cm-notes {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 0;
}
.cm-titles {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.cm-expire-title {
    display: flex;
    flex-direction: column;
}

.download-materials-wrapper h2 {
    font-size: 28px;
    font-weight: 700;
}
.download-materials-wrapper h3 {
    font-size: 20px;
}

.download-materials-wrapper h2,
.download-materials-wrapper h3 {
    font-family: ClearSans-Bd,sans-serif;
    color: rgba(0,0,0,.82);
    padding-bottom: 15px;
}
.cm-materials {
    border: 1px solid #DEA23B;
    background-color: #FCF4D2;
    color: #2E2E2E;
    text-align: center;
    margin: 20px 0;
    padding: 15px 10px;
    font-size: 16px;
}

.cm-materials-ai {
    border: 1px solid #de3b3b;
    background-color: #fcd2d2;
    text-align: center;
    margin: 20px 0;
    padding: 15px 10px;
    font-size: 16px;
}

.cm-material-header {
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cm-material-header h2 {
    flex: 1;
}
.download-materials-wrapper ul li.note {
    font-size: 16px;
    line-height: 1.7;
}
.download-materials-wrapper .courseware-book-download {
    margin: 0;
    padding: 20px;
    background-color: #f1f5f7;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    color: rgba(0,0,0,.72);
}
.download-materials-wrapper .courseware-book-download span button.password:hover,
.download-materials-wrapper .courseware-book-download span button.copy-password.password:hover {
    background-color: #019fc2;
    background-image: none;
    outline: 1px solid #019fc2;
    border: 1px solid #019fc2;
    color: #FFF;
}
.download-materials-wrapper .courseware-book-download span button.password {
    width: auto;
    border: 1px solid #005980;
    border-radius: 0;
    background-color: #005980;
    background-image: none;
    margin-left: 10px;
    padding: 3px 16px;
    color: #fff;
    font-size: 14px;
    font-family: PT Sans, sans-serif;
    font-weight: 500;
}
.download-materials-wrapper .courseware-book-download span button.copy-password.password {
    background-color: #FFF;
    color: #005980;
}
div.courseware-book-download span.password label {
    color: rgba(0,0,0,.72);
    margin-right: 5px;
}
div.courseware-book-download span.license-signed {
    font-size: 14px;
    margin-top: 10px;
    display: block;
}
div.courseware-book-download div.url ul li {
    line-height: 1.7;
}

#mobile-register {
    display: none;
}

/****************************************** Account success page ******************************************/
.create-success h1 {
    font-size: 26px;
    font-weight: 700;
    color: rgba(0,0,0,.82);
    margin: 20px 0;
}
.container.page p {
    font-size: 16px;
    line-height: 1.5;
}
#ribbon .container {
    padding: 0;
}
#ribbon h1 {
    align-items: center;
    text-align: left;
    display: flex;
    height: auto;
    margin: 0;
    max-width: 100%;
    line-height: 48px;
    margin-top: 65px;
    margin-bottom: 40px;
}
#ribbon_tagline {
    display: block;
    margin-top: -30px;
    margin-bottom: 30px;
}

.container.page h3 {
    font-family: ClearSans-Bd,sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: rgba(0, 0, 0, .82);
}

.list-unstyled.details ul {
    font-size: 16px;
    line-height: 1.5;
}

.list-unstyled h4 {
    font-size: 18px;
    font-family: ClearSans-Bd,sans-serif;
    font-weight: 700;
    color: #005980;
}

.summit-list {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.summit-list .card {
    width: 370px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    padding-top: 0;
    min-height: 305px;
    height: auto;
}
.summit-list .card:hover {
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 10%);
}
.summit-list .card img {
    width: 100%;
}
.summit-list-details {
    margin-top: 20px;
    font-size: 16px;
}
.summit-list-details strong {
    display: block;
}

.password-details {
    margin-left:285px;
    display:block;
}

/* Footer */
#pre_footer.bottom-content,
.bottom-content {
    background: #FFFFFF;
}

.bottom-content {
    margin: 0;
}

#footer, body #footer {
    background: #f1f5f7;
    border-top: 1px solid #FFF;
    color: #FFF;
    height: 40px;
    min-height: 40px;
    margin-top: 0 !important;
}

body .copyright,
body .bottom-nav a {
    color: rgba(0,0,0,.64);
    font-size: 14px;
}

body .bottom-nav a {
    text-decoration: none;
}
body .bottom-nav a:hover,
body .bottom-nav a:focus {
    color: #005980;
}

.bottom-nav ul li {
    border-color: rgba(0,0,0,.64);
}

.logo-footer {
    display: none;
}
.bottom-nav.align-right.pull-right {
    float: left !important;
}
.latest-icons.pull-left {
    float: right !important;
}

.bottom-nav .copyright {
    padding-left: 0;
    margin-top: 5px;
    margin-bottom: 0;
}

.copyright {
    display: flex;
}

.bottom-nav {
    padding: 0;
    margin-top: 8px;
}

.bottom-nav a {
    font-size: 14px !important;
}

.bottom-nav ul li {
    border: 0;
    padding: 0 15px;
    color: rgba(0,0,0,.64);
}

.bottom-nav ul li:nth-child(1) {
    order: 2;
}

.bottom-nav ul li:nth-child(2) {
    order: 3;
}

.bottom-nav ul li.last {
    order: 1;
    padding-left: 0;
    padding-right: 15px;
    color: rgba(0,0,0,.64) !important;
}

/****************************************** Social media icon overrides ******************************************/
.latest-icons {
    margin: 12px 0 0 0;
}
.latest-icons a > img {
    margin: 0 11px;
}
.latest-icons a:nth-child(1) img { /* twitter */
    height: 0;
    width: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLTgtOWgzMi41MDh2MzIuNTA4SC04eiIvPjxwYXRoIGQ9Ik0xNi44MDQgMi4wOWE2Ljg1MyA2Ljg1MyAwIDAxLTEuOTY4LjUzQTMuNDA5IDMuNDA5IDAgMDAxNi4zMzkuNzM0YTYuNzI5IDYuNzI5IDAgMDEtMi4xNy44MjZBMy40MSAzLjQxIDAgMDAxMS42NzIuNDggMy40MTYgMy40MTYgMCAwMDguMjU0IDMuOWMwIC4yNjUuMDMyLjUzLjA4NS43ODRBOS43MTUgOS43MTUgMCAwMTEuMjkgMS4xMDYgMy4zOTIgMy4zOTIgMCAwMC44MjUgMi44M2MwIDEuMTg1LjYwNCAyLjIzMiAxLjUyNCAyLjg0NmEzLjQ0MyAzLjQ0MyAwIDAxLTEuNTQ1LS40MzR2LjA0M0EzLjQxOCAzLjQxOCAwIDAwMy41NDUgOC42NGEzLjYxMyAzLjYxMyAwIDAxLS45LjExN2MtLjIyMiAwLS40MzMtLjAyMi0uNjQ1LS4wNTNhMy40MjQgMy40MjQgMCAwMDMuMTk2IDIuMzcgNi44NDUgNi44NDUgMCAwMS00LjI0NCAxLjQ2Yy0uMjg1IDAtLjU1LS4wMS0uODI1LS4wNDJhOS42NTkgOS42NTkgMCAwMDUuMjQ5IDEuNTM0YzYuMjg1IDAgOS43MjUtNS4yMDYgOS43MjUtOS43MjQgMC0uMTQ5IDAtLjI5Ny0uMDExLS40NDVhNy4zNDggNy4zNDggMCAwMDEuNzE0LTEuNzY3eiIgZmlsbD0iIzAwNTk4MCIvPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 8px 8px;
}
.latest-icons a:nth-child(2) img { /* linkedin */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTggLTkpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMzJ2MzJIMHoiLz48cGF0aCBkPSJNMTIgMjNIOVYxM2gzdjEwem0xMSAwaC0zdi01LjM0MmMwLTEuMzkyLS40OTYtMi4wODUtMS40NzktMi4wODUtLjc3OSAwLTEuMjczLjM4OC0xLjUyMSAxLjE2NVYyM2gtM3MuMDQtOSAwLTEwaDIuMzY4bC4xODMgMmguMDYyYy42MTUtMSAxLjU5OC0xLjY3OCAyLjk0Ni0xLjY3OCAxLjAyNSAwIDEuODU0LjI4NSAyLjQ4NyAxLjAwMS42MzcuNzE3Ljk1NCAxLjY3OS45NTQgMy4wM1YyM3oiIGZpbGw9IiMwMDU5ODAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxlbGxpcHNlIGZpbGw9IiMwMDU5ODAiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjEwLjUiIGN5PSIxMC41IiByeD0iMS41NSIgcnk9IjEuNSIvPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    height: 0;
    width: 0;
    padding: 8px 8px;
}
.latest-icons a:nth-child(3) img { /* facebook */
    height: 0;
    width: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0tMTItNmgzMi41MDh2MzIuNTA4SC0xMnoiLz48cGF0aCBkPSJNOC4zMTcuNzcySDYuOTYzYy0yLjQzNCAwLTQuMDc0IDEuNDYtNC4wNjQgNC4wNjR2Mi43MDlILjE5djIuNzA5aDIuN2wuMDEgOS40ODFoMi43MXYtOS40ODFoMi4zbC40MDYtMi43MDlINS42MDhWNS4yMTdjMC0xLjczNi43NzUtMS43MzYgMi4wNjQtMS43MzZoLjY0NVYuNzcyeiIgZmlsbD0iIzAwNTk4MCIvPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 8px 5px;
}
.latest-icons a:nth-child(4) img { /* youtube */
    height: 0;
    width: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuOTM1IDkuNTc4TDEzLjMzNyA2LjggNy45MzUgMy45ODl2NS41ODl6TTEwIDBjMS4yNSAwIDIuNDU3LjAxNyAzLjYyMS4wNSAxLjE2NS4wMzMgMi4wMTkuMDY5IDIuNTYyLjEwNmwuODE0LjA0NC4xOS4wMTdjLjEyLjAxLjIwNS4wMjIuMjU3LjAzMy4wNTIuMDExLjE0LjAyOC4yNjIuMDUuMTIzLjAyMi4yMjkuMDUyLjMxOC4wODkuMDkuMDM3LjE5NC4wODUuMzEzLjE0NC4xMTkuMDYuMjM0LjEzMi4zNDYuMjE3YTIuNjQyIDIuNjQyIDAgMDEuNDk2LjVjLjA3LjA5My4xNzkuMzEuMzI0LjY1LjE0NS4zNC4yNDMuNzE1LjI5NiAxLjEyMi4wNi40NzQuMTA2Ljk4LjE0IDEuNTE3LjAzMy41MzcuMDUzLjk1Ny4wNiAxLjI2MXYxLjk1NmEyMy40MjIgMjMuNDIyIDAgMDEtLjIgMy4yMjIgNC40MTcgNC40MTcgMCAwMS0uMjggMS4xMDVjLS4xMzMuMzMtLjI1Mi41NTgtLjM1Ny42ODRsLS4xNTYuMTg5Yy0uMTA0LjExLS4yMTIuMjA5LS4zMjMuMjk0YTEuODgyIDEuODgyIDAgMDEtLjM0Ni4yMTEgOC4wMTYgOC4wMTYgMCAwMS0uMzEzLjEzOSAxLjU2IDEuNTYgMCAwMS0uMzE4LjA4OWwtLjI2OC4wNWE2Ljg1MiA2Ljg1MiAwIDAxLS40NC4wNWMtMS44NjguMTQtNC4yLjIxMS02Ljk5OC4yMTFhMjExLjIzIDIxMS4yMyAwIDAxLTQuMDEyLS4wNzIgODcuMzcyIDg3LjM3MiAwIDAxLTIuMjM4LS4wODRsLS41NDYtLjA0NC0uNDAyLS4wNDRhNS4zMiA1LjMyIDAgMDEtLjYwOC0uMTEyIDMuNDM4IDMuNDM4IDAgMDEtLjU3LS4yMzMgMi4xMjUgMi4xMjUgMCAwMS0uODA0LS42NjFjLS4wNy0uMDkzLS4xNzgtLjMxLS4zMjMtLjY1YTQuMjE2IDQuMjE2IDAgMDEtLjI5Ni0xLjEyMmMtLjA2LS40NzQtLjEwNi0uOTgtLjE0LTEuNTE3QTM1LjUzMyAzNS41MzMgMCAwMS4wMDIgOC4yVjYuMjQ0QTIzLjM4NCAyMy4zODQgMCAwMS4yIDMuMDIyYy4wNTMtLjQwNy4xNDYtLjc3Ni4yOC0xLjEwNS4xMzMtLjMzLjI1Mi0uNTU4LjM1Ny0uNjg0bC4xNTYtLjE4OWMuMTA0LS4xMS4yMTItLjIwOS4zMjMtLjI5NC4xMTItLjA4NS4yMjctLjE1Ny4zNDYtLjIxN0E1LjExIDUuMTEgMCAwMTEuOTc2LjM5IDEuNTYgMS41NiAwIDAxMi4yOTQuM2E5LjgyIDkuODIgMCAwMC4yNjItLjA1Yy4wNTItLjAxMS4xMzgtLjAyMi4yNTctLjAzM0wzLjAwMy4yQzQuODcuMDY3IDcuMjAzIDAgMTAgMHoiIGZpbGw9IiMwMDU5ODAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 8px 11px;
}

#site-selector-footer {display: none;} /* This creates issues with small footer */

#ribbon_icon {
    display: none;
}

.account-already {
    text-align: right;
}

#loginform fieldset {
    border: 0;
}

#loginform small {
    font-size: 12px;
    line-height: 1.3;
    display: block;
    margin-top: 10px;
}

.marketing .form-group {
    display: flex;
    flex-direction: column;
}

.marketing .form-group label {
    width: max-content;
    font-size: 14px;
    font-weight: bold;
}

.marketing .form-group small {
    font-size: 14px;
}

.marketing .form-group.gdpr-consent {
    flex-direction: row;
    align-items: center;
}

.marketing .form-group.gdpr-consent label {
    margin: 0;
    padding-left: 10px;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
}

.alert.alert-danger p {
    color: #CC0000;
}

/****************************************** History Order Page ******************************************/
ul.nav.dropdown {
    display: none;
}
ul.dropdown .root-item.login-status {
    margin-top: 7px;
    font-family: ClearSans,sans-serif;
}
ul.dropdown .root-item.login-status > a {
    text-decoration: none;
    font-family: ClearSans,sans-serif;
    color: rgba(0,0,0,.64);
    font-size: 14px;
    line-height: 1.5;
}
ul.dropdown .root-item.login-status ul {
    top: 30px;
    left: 0;
    width: auto;
    background: #FFFFFF;
    box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
    position: absolute;
    overflow: hidden;
}
ul.dropdown .root-item.login-status ul li {
    border-radius: 0;
    white-space: nowrap;
}
ul.dropdown .root-item.login-status ul li a {
    background-color: #FFFFFF;
    background-image: none;
    color: #005980;
    padding: 8px 30px 8px 15px;
    font-size: 14px;
    border-radius: 0;
    width: 100%;
    display: inline-block;
    font-family: PT Sans,sans-serif;
}
ul.dropdown .root-item.login-status ul li a:hover {
    background-color: #f1f5f7;
    text-shadow: -0.02ex 0 #005980, 0.02ex 0 #005980;
}

ul.dropdown.user-menu {
    margin-top: 0;
}
ul.dropdown.user-menu .search-form input {
    font-size: 16px;
    cursor: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0, 89, 128);
    border-radius: 0;
    background-size: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLTMtM2gyNHYyNEgtM3oiLz48cGF0aCBkPSJNMTIuNSAxMWgtLjc5bC0uMjgtLjI3QTYuNDcxIDYuNDcxIDAgMDAxMyA2LjUgNi41IDYuNSAwIDEwNi41IDEzYzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMTcuNDkgMTZsLTQuOTktNXptLTYgMEM0LjAxIDExIDIgOC45OSAyIDYuNVM0LjAxIDIgNi41IDIgMTEgNC4wMSAxMSA2LjUgOC45OSAxMSA2LjUgMTF6IiBmaWxsPSIjMDA1OTgwIi8+PC9nPjwvc3ZnPg==) !important;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    height: 32px;
}

.noheader {
    background: #FFFFFF;
    flex: 1;
}

.noheader:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    background: #f1f5f7;
    height: 40px;
    width: 100%;
}

.noheader .logo {
    margin-top: 63px;
}

.ssg-top-menu.top-menu {
    margin: 0;
}
.top-menu {
    margin-top: -124px;
}

.live-course-list {
    margin-top: 40px;
    margin-left: 0;
    padding-left: 0;
}
.live-course-list ul {
    line-height: 1.5;
}
.live-course-list ul li {
    list-style-type: disc;
    margin: 0 0 8px 0;
}
#myCoursesList {
    padding: 0 20px 0 40px;
}

.noheader .container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

ul.site-selector {
    display: none;
}

.ssg-history {
    font-size: 16px;
    font-family: PT Sans,sans-serif;
    line-height: 1.5;
}

.ssg-orders .no-orders {
    text-align: center;
}

.ssg-orders .no-orders em {
    font-style: normal;
}

.order-item {
    display: inline-block;
    vertical-align: top;
}

.ssg-webcast {
    margin-top: 20px;
}

.webcast-row:nth-child(odd) {
    background: #f1f5f7;
}

.webcast-row:nth-child(even) td {
    border-top: 1px solid #dcdfe1;
    border-bottom: 1px solid #dcdfe1;
}

.webcast-row td {
    padding: 8px 10px;
}

.webcast-row td a {
    color: #0080c3;
}

.ssg-orders h2,
.ssg-webcast h2 {
    font-family: ClearSans-Bd,sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: rgba(0,0,0,.82);
    text-align: center;
    padding: 0;
    margin: 20px 0;
    width: 100%;
}
.cis-number {
    width: 100%;
    margin: 0 0 20px 0;
}
.cis-number form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}
.cis-number form input {
    width: 25%;
    padding: 10px 20px 14px;
    border: 1px solid rgba(0,0,0,.2);
    margin: 6px;
    border-radius: 0;
    color: rgba(0,0,0,.64);
    font-size: 16px;
    line-height: 1.5;
}
.cis-number form input[type="submit"] {
    height: 50px;
    background: #005980;
    color: #FFF;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
}
.cis-number form input[type="submit"]:hover,
.cis-number form input[type="submit"]:focus {
    background: #019FC2;
    border: 1px solid #019FC2;
}
.ssg-webcasts {
    width: 100%;
    margin-top: 20px;
}
.item-cert {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.item-cert p {
    width: 48%;
}
.item-cert p b {
    color: rgba(0,0,0,.64);
}
.item-cert p a,
.item-cert p a:hover {
    color: #005980;
}
.ceu-certification a {
    float: right;
    color: #0080c3;
}
.ceu-certification a:hover,
.webcast-row td a:hover {
    color: #0080C3;
}
.orders {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    display: inline-grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, minmax(10px, 1fr));
    gap: 20px;
}

.update,
.pay,
.paymentform,
.contact,
.coc,
.resend,
.invoice {
    font: normal 16px "PT Sans" !important;
    border-left: 1px solid #dcdfe1;
    border-right: 1px solid #dcdfe1;
    border-bottom: 1px solid #dcdfe1;
}
.invoice,
.paymentform,
.coc,
.update {
    background-color: #f1f5f7 !important;
}

.contact,
.resend,
.pay {
    background-color: #FFFFFF !important;
}

.update a,
.pay a,
.paymentform a,
.contact a,
.invoice a,
.coc a,
.coc a:hover,
.resend a,
.resend a:hover,
.update a:hover,
.pay a:hover,
.paymentform a:hover,
.contact a:hover,
.invoice a:hover {
    color: #005980 !important;
}

.altbackground {
    background-color: #f1f5f7;
    border: 1px solid #dcdfe1;
    padding: 15px;
    width: 335px;
}

.altbackground h5 {
    margin: 10px 0;
    font-weight: bold;
    font-family: PT Sans,sans-serif;
}

.altborder {
    background-color: #005980;
    border: 1px solid #dcdfe1;
    padding: 10px;
}

.altborder h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.altborder p {
    font-size: 16px;
}

.altborder h2,
.altborder p {
    color: #FFFFFF;
}

/****************************************** Account Dashboard styles ******************************************/
.container .middle,
.middle .navigation,
.middle-bot {
    background: #FFF;
}
.wrapper.col-md-9,
.wrapper.col-md-9 .content {
    width: 100%;
}
.middle .navigation.col-md-3 {
    display: block;
    width: 100%;
    border: none;
    padding: 0;
    min-height: auto;
}
.middle .navigation.col-md-3 .clear {
    display: none;
}
.widget_pages {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: ClearSans-Bd,sans-serif;
    color: rgba(0,0,0,.82);
}
.widget_pages .sidebarBlurb {
    margin: 0;
}
.widget_pages .sidebarBlurb:nth-child(2) {
    order: 3;
    margin-left: auto;
}
.widget_pages .sidebarBlurb:nth-child(2) p,
.widget_pages .sidebarBlurb:nth-child(4) p {
    font-size: 20px !important;
    font-weight: 500 !important;
}
.widget_pages .sidebarBlurb:nth-child(4) p {
    margin-top: 0 !important;
}
.widget_pages .sidebarBlurb:nth-child(5),
.widget_pages .sidebarBlurb:nth-child(6) {
    padding: 0 20px;
}
#ribbon-icon {
    display: none;
}
#course_badge,
#courseware_book,
#courseware_handout,
#download_materials {
    display: none;
}
.layout1.col-1 {
    font-size: 16px;
    font-family: PT Sans,sans-serif;
    color: rgba(0,0,0,.64);
    margin-top: 25px;
}
.layout1 .note {
    border-radius: 0;
    background-image: none;
    padding: 20px 20px 10px 20px;
    margin-bottom: 35px;
    background-color: #f1f5f7;
    border: none;
}
.layout1 a {
    color: #005980;
}
.layout1 a:hover {
    text-decoration: underline;
}
.lc-slack {
    margin-bottom: 30px;
}
.lc-notes,
.lc-slack {
    border: 1px solid #53B4F8;
    color: #131313;
    background-color: #EAEFF8;
    padding: 15px 20px;
    border-radius: 0;
    background-image: none;
}
.lc-notes a,
.lc-paragraph a,
.dashboard-box ol li a {
    color: #005980;
}
.lc-notes a:hover,
.lc-paragraph a:hover,
.dashboard-box ol li a:hover {
    text-decoration: underline;
}
.lc-notes p {
    margin: 0;
}
.lc-notes p span {
    margin-right: 5px;
}
.lc-paragraph a {
    color:#005980;
}
.note h6 {
    font-size: 16px;
    font-family: ClearSans-Bd,sans-serif;
    color: rgba(0,0,0,.64);
    font-weight: bold;
}
.dashboard-box {
    width: 100%;
    margin: 0 0 15px 0;
}
.dashboard-box .panel-body {
    padding: 15px 0;
}
.dashboard-box ul li::marker {
    color: #005980;
}
.dashboard-box ol li ul {
    margin-top: 5px;
}
.dashboard-box h2,
.dashboard-session-header {
    font-size: 26px;
    font-family: ClearSans-Bd,sans-serif;
    font-weight: 700;
    color: rgba(0,0,0,.82);
    padding-bottom: 15px;
}
#mobile-register hr {
    background: none;
}
.summit-header h2 {
    padding-bottom: 0;
}

.action-button-container .homepage_button_blue {
    border-radius: 0;
    margin: 0 0 10px 0;
    color: #FFF;
    background: #005980;
}
.action-button-container .homepage_button_blue:hover {
    background: #019fc2;
    text-decoration: none;
}
.action-button-container .homepage_button_blue.ui-state-disabled {
    background: #30465F;
}
.action-button-container .homepage_button_blue.ui-state-disabled:hover {
    cursor: not-allowed !important;
}

.alertbox_notice {
    border: 1px solid #53B4F8;
    color: #131313;
    background-color: #EAEFF8;
    margin-top: 10px;
}
.alertbox_notice div {
    padding: 15px 0;
    margin: 0 20px 0 60px;
}
.alertbox_notice div ul {
    margin: 5px 0 0 0;
}
.lc-recording-details {
    margin: 20px 0 0 0;
}
ul.lc-recording-details li {
    margin: 10px 0;
}
.lc-recording-details li a {
    color: #005980;
}
.lc-recording-details li a:hover {
    text-decoration: underline;
}
.lc-recording-details p a.homepage_button_blue,
.lc-recording-details li a.homepage_button_blue {
    color: #FFF;
    background: #005980;
    border-radius: 0;
}
.lc-recording-details p a.homepage_button_blue:hover,
.lc-recording-details li a.homepage_button_blue:hover {
    background: #019fc2;
    text-decoration: none;
}

/* account details links */
.dashboard-account-details-box ul {
    display: flex;
    flex-direction: column;
    background-color: #f1f5f7;
}
.dashboard-account-details-box ul li {
    margin: 0;
    list-style-type: none;
}
.dashboard-account-details-box ul li a {
    color: rgba(0,0,0,.82);
    padding: 18px 20px;
    display: flex;
}
.dashboard-account-details-box ul li a:hover {
    color: #FFF;
    background-color: #005980;
    text-decoration: none;
}

/* my training */
.dashboard-online-training-box {
    width: 100%;
}
.dashboard-online-training-box ul li {
    list-style-type: disc;
    margin: 0 0 0.5em 1.8em;
    line-height: 1.5;
}
.dashboard-online-training-box ul li a {
    color: #005980;
    cursor: pointer;
}
.dashboard-online-training-box ul li a:hover {
    text-decoration: underline;
}

/* sidebar layout styles */
.container.top-buffer {
    width: 1200px;
}
.ssg-page {
    display: flex;
}
.ssg-sidebar,
.dashboard-account-details-box {
    width: 260px;
}
.ssg-sidebar {
    flex: 1 0 auto;
}
.ssg-content {
    padding: 0 0 0 30px;
}

.ssg-hamburger {
    display: none;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #FFF;
}

.btn-sans {
    background: #005980 !important;
    font-size: 14px;
    line-height: 1.7;
    color: #FFF;
    border-radius: 0;
    width: auto;
    box-shadow: none !important;
    padding: 3px 16px;
    border: none !important;
    display: block;
}
.btn-sans:hover {
    background: #019FC2 !important;
}
.btn-sans.disabled {
    background: #30465F !important;
    padding: 3px 16px;
    line-height: 1.7;
    letter-spacing: .25px;
}
.btn-sans.disabled:hover {
    cursor: not-allowed !important;
}

/* summit access page */

.summit-titles {
    border-bottom: 1px solid #E6E6E6;
}

.webinars-container,
.solutions-tracks-container,
.bonus-sessions-container,
.media-links-container {
    color: rgba(0,0,0,.82);
}

.solutions-tracks-container {
    margin-bottom: 10px;
}

.webinars-container,
.bonus-sessions-container,
.media-links-container {
    margin-bottom: 30px;
}
.bonus-sessions-container .btn-sans,
.solutions-tracks-container .btn-sans,
.media-links-container .btn-sans {
    padding: 3px 16px;
    line-height: 1.7;
    letter-spacing: .25px;
}

.webinars-container .webinars-item a,
.solutions-tracks-container .solutions-tacks-item a,
.bonus-sessions-container .bonus-sessions-item a {
    margin-bottom: 5px;
}



/****************************************** Media queries ******************************************/

/* Small devices */
@media only screen and (max-width : 767px) {
    .bodywrap,
    #footer,
    #pre_footer {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .ssg-header-nav .logo,
    .ssg-header .header-standard h1,
    .bottom-nav ul {
        margin-left: 20px;
    }
    .latest-icons.pull-left {
        margin-right: 20px;
    }
    /* account create styles */
    .navbar-toggle {
        display: none !important;
    }
    .ssg-header-nav {
        min-height: 150px;
    }
    .ssg-header-nav.navbar {
        margin: 0;
    }
    #header {
        background-color: #FFF;
    }
    #header:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        background: #f1f5f7;
        height: 40px;
        width: 100%;
    }
    #header a.navbar-brand > img {
        max-width: 100%;
    }
    #login-status.pull-right {
        float: right !important;
        /* width: 50%; */
    }
    .ssg-top-menu #login-status ul.dropdown ul {
        width: 210px;
        left: -65px;
    }
    .bodywrap:before,
    #loginform,
    .ssg-label-container,
    .ssg-input-container,
    .ssg-back .wrap,
    .account-create .row form input[type=submit] {
        width: 100%;
    }
    .ssg-label-container,
    .ssg-input-container {
        margin-bottom: 5px;
    }
    .ssg-label-container label {
        padding-left: 8px;
    }
    .search-form {
        margin-right: 10px;
    }
    #loginform .col-sm-6 .reg-item {
        display: flex;
        flex-direction: column;
    }
    #login-status ul {
        text-align: left;
    }
    #login-status.pull-right ul > li.root-item {
        text-align: left;
        display: inline;
    }
    .latest-icons.pull-left {
        margin-top: 8px !important;
    }
    .create-success {
        padding: 0 15px;
    }
    .aws-banner {width: 100% !important;}
    #ribbon h1, .header-standard h1 {
        font-size: 36px;
    }

    .dashboard-box .panel-body div {
        width: 100% !important;
    }
    #ribbon .with_tagline {
        font-size: 24px;
        line-height: 36px;
    }

    /* account create */
    .create-header {
        margin: -105px 0 80px -20px !important;
        width: calc(100% - -20px) !important;
    }

    .container,
    #account-details fieldset,
    #change-password fieldset,
    #contact-address fieldset {
        width: 100%;
    }

    #preferences-newsletters fieldset,
    #preferences-resources fieldset,
    #preferences-email fieldset,
    #preferences-mail fieldset {
        width: 100%;
        margin: 0 10px;
    }

    #account-details fieldset,
    #change-password fieldset,
    #contact-address fieldset {
        margin: 0 20px;
    }

    .addsearch {
        width: 32px !important;
        height: 32px !important;
        padding: 0 !important;
        background-position: 10px 8px !important;
    }
    .addsearch:focus {
        width: 80px !important;
        background-position: 58px 8px !important;
    }

    .password-details {
        width: 100%;
        margin: 0;
    }

    .reg-info input,
    .ssg-input-container select,
    .ssg-input-container input {
        width: 100%;
    }

    #account-details .reg-item,
    #change-password .reg-item,
    #contact-address .reg-item {
        display: flex;
        flex-direction: column;
    }

    .ssg-submit {
        display: flex;
        width: 100%;
    }

    .reg-item .ssg-submit input[type="submit"] {
        width: 100%;
        margin: 0 25px;
    }

    #tailored {
        font-size: 14px;
    }

    #tailored input {
        width: auto;
    }

    .ssg-input-container a {
        padding-left: 10px;
    }

    .ssg-password {
        text-align: left;
    }
    /* my orders */
    .noheader .container {
        width: 100%;
    }
    .logo {
        margin-left: 20px;
    }
    .ssg-history {
        padding: 0 20px;
    }
    .bottom-nav .copyright {
        display: none;
    }
    .cis-number form input {
        width: 50%;
    }
    .cis-number form input[type="submit"] {
        width: 50%;
    }
    .ceu-certification a {
        display: flex;
        float: none;
    }
    .ssg-webcast {
        padding: 20px;
    }
    .ssg-webcasts {
        font-size: 14px;
    }
    .altbackground {
        width: auto;
    }
    .ssg-orders {
        text-align: center;
    }

    .wrapper.col-md-9 .content {
        display: flex;
        flex-direction: column;
    }
    .wrapper.col-md-9 .content .info-message {
        order: 2;
        position: absolute;
        top: -15px;
        left: 0;
        margin: 0;
        width: -moz-available;
        width: -webkit-fill-available;
    }

    /* mobile toggle menu */

    .ssg-page {
        display: inline-block;
    }
    .ssg-header {
        height: auto;
    }
    .ssg-header .header-standard {
        height: auto;
        display: flex;
        align-items: center;
    }
    .ssg-header .header-standard h1 {
        margin-top: 40px;
    }
    .ssg-content {
        padding: 0 30px;
    }
    .ssg-sidebar,
    .container.top-buffer,
    .dashboard-account-details-box {
        width: 100%;
    }
    .dashboard-account-details-box .dashboard-header {
        display: none;
    }

    .header-standard h1 {
        font-size: 36px;
    }

    .lc-input-search,
    .lc-input-search #userInput {
        width: calc(100% - 40px);
    }

    .history-header .history-container {
        height: auto;
    }
    .history-header .history-container h1 {
        margin-left: 20px;
    }

    .ssg-back .wrap a:first-child {
        padding-left: 20px;
    }

    .dashboard-account-details-box ul {
        position: absolute !important;
        left: -100%;
        top: -30px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        transition: 0.3s;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
        z-index: 5;
    }
    .dashboard-account-details-box ul.active {
        left: 0;
    }

    .summit-list {
        justify-content: center;
        display: block;
    }
    .summit-list .card {
        width: calc(100% - 20px);
    }

    .ssg-hamburger {
        display: block;
        cursor: pointer;
        position: absolute !important;
        top: -95px;
        right: 30px;
        z-index: 5;
    }
    .ssg-hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }
    .ssg-hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .ssg-hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    .container.page {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
    .widget_pages {
        flex-direction: column;
    }
    .widget_pages .sidebarBlurb {
        margin: 20px 0;
    }
    .widget_pages .sidebarBlurb:nth-child(2) {
        margin: 0;
    }

}

/* Medium devices (tablets, 768px and up to 1024px)*/
@media (min-width: 768px) and (max-width: 1024px) {
    .container,
    #loginform,
    .noheader .container,
    .header-standard {
        width: 100%;
    }
    .container.default-navigation-all,
    #footer .container {
        margin: 0;
        padding: 0;
    }
    .header-standard h1 {
        margin: 40px 20px 15px 20px;
    }
    .lc-input-search {
        margin: 0 20px 20px 20px;
    }
    .lc-input-search #userInput {
        width: calc(100% - 40px);
    }
    .ssg-main-menu ul.dropdown .root-item ul li a {
        padding: 6px 10px 6px 10px;
    }
    .ssg-main-menu #main_navigation ul.dropdown .root-item {
        margin: 0 12px;
    }
    .ssg-main-menu ul.dropdown .root-item > a {
        font-size: 13px;
    }
    .ssg-main-menu ul.dropdown .root-item ul li a {
        font-size: 14px;
    }
    #login-status ul.dropdown,
    #user-menu-welcome,
    .ssg-top-menu ul.dropdown.user-menu .root-item > a {
        font-size: 12px;
    }
    .ssg-header-nav .logo {
        margin-left: 25px;
        margin-top: 65px;
    }
    .ssg-main-menu ul.dropdown .root-item ul {
        right: 0;
        left: initial;
        margin-right: auto;
    }
    .ssg-top-menu .search-form {
        margin-right: 10px;
    }
    .bottom-nav ul {
        margin-left: 20px;
    }
    .latest-icons.pull-left {
        margin-right: 20px;
    }
    .create-success {
        padding: 0 15px;
    }
    /* my orders */
    .noheader .container {
        width: 100%;
    }
    .logo {
        margin-left: 20px;
    }
    .ssg-history {
        padding: 0 20px;
    }
    ul.dropdown.user-menu {
        margin-right: 5px;
    }
    .bottom-nav ul {
        margin: 0 20px;
    }
    .latest-icons.pull-left {
        margin-right: 5px;
    }
    .ceu-certification a {
        display: flex;
        font-size: 14px;
    }
    .cis-number form input {
        width: 35%;
    }
    .altbackground {
        width: auto;
    }
    .ssg-webcast {
        padding: 20px;
    }
    .order-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }
    /* Account Dashboard */
    .container.top-buffer {
        width: 100% !important;
    }
    .ssg-content {
        padding-right: 20px !important;
    }
    .dashboard-account-details-box .dashboard-header {
        margin-left: 20px;
    }
    .dashboard-account-details-box ul {
        margin-left: 20px;
    }
    .middle .middle-bot {
        width: 100%;
    }
    .history-header,
    .history-header .header-standard,
    .ssg-back .wrap {
        width: 100%;
    }
    .ssg-back .wrap a:first-child {
        margin: 0 0 0 20px;
    }
    .summit-list {
        justify-content: space-evenly;
    }
    .summit-list .card {
        width: 330px;
    }
    .container.page {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}


@media (min-width: 1024px) and (max-width: 1200px) {
    .ssg-content {
        padding-right: 20px;
    }
    .container.top-buffer {
        width: 100%;
    }
    .dashboard-account-details-box .dashboard-header {
        margin-left: 20px;
    }
    .dashboard-account-details-box ul {
        margin-left: 20px;
    }

    .noheader .container {
        width: 100%;
    }
    .noheader .container .ssg-history {
        padding: 0 20px;
    }
    .noheader .container.default-navigation-all {
        width: 960px;
        margin: 0 atuo;
    }
    .noheader .logo {
        margin-left: 20px;
    }
    .noheader .search-form {
        margin-right: 5px;
    }
    /* .noheader .ssg-back .wrap {
        width: 100%;
    } */
    .noheader .ssg-back .wrap a:first-child {
        padding-left: 20px;
    }

    .history-header {
        width: calc(100% - -20px);
        left: -20px;
        margin-left: 0;
    }
    .history-header .header-standard {
        width: 100%;
    }
    .history-header .header-standard h1 {
        margin: 40px 20px 15px 40px;
    }
    .ssg-back .wrap,
    .ssg-header .header-standard,
    .history-container .header-standard {
        width: 960px;
        margin: 0 auto;
    }
    .ssg-back .wrap a {
        margin: 0;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container.default-navigation-all,
    .container.page,
    .container.account-create,
    #footer .container,
    #ribbon .container,
    .ssg-header .container {
        width: 1200px;
        padding: 0;
    }
    .container.page {
        padding: 0;
    }
    .header-standard {
        width: 1200px;
    }
}
.btn-sub-join-disabled {
  background-color: #213344 !important;
}