:root {
    --dcaBlue: #20408d;
    --dcaCyan: #3cf0ff;
    --valid: #8bc04e;
    --warning: #bf9e1a;
    --error: #ba3a3a;
}

.dca-main {
    color: var(--dcaBlue);
}

/* ------------------------------ OVERRIDES ----------------------------------------- */
body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: 'Roboto',sans-serif;
    color: var(--sonj_grey);
}
.poweredby, .social_foot { display: none; }

address p {
    color: #fff;
}

#privateModeText {
    display: none;
}

header.navbar {
    min-height: 4.25em;
    padding-top: .75em;
    align-items: flex-start;
    flex-wrap: wrap;
    
}

.static-top .navbar-brand {
    font-size: 1em;
}

.head_logo .siteTitle {
    font-size: 1.75em;
    font-weight: bold;
    color:var(--sonj_grey);
    margin: 0;
}

header.navbar .head_logo:hover {
    text-decoration: none;
}

.navbar-brand {
    padding: 0;
}

.head_logo {
    display: flex;
    align-items: center;
}

.divider {
    margin: 0 1em;
    width: 2px;
    background: #d7d7d7;
    height: 2.75em;
}

button.navbar-toggler {
    margin: 0 0 0 auto;
}

.navbar-toggler {
    background: #fff;
}

.nav.navbar-nav.weblinks {
    justify-content: flex-end;
}

body[data-sitemap-state="/"] .account_nav, body[data-sitemap-state="/"] #navbar > nav {
    display: none;
}

/* ------------------------------ HOME PAGE ----------------------------------------- */

.wrap {
    max-width: 101.25em;
    width: 100%;
}

.wrap.d-flex {
    flex-wrap: wrap;
}

.img_cover {
    background: var(--img) no-repeat right bottom;
    background-size: cover;
    min-height: calc(100vh - 16.75em);
    display: flex;
    align-items: center;
    padding: 3em 0;
}

.img_cover > .wrap {
    display: flex;
    justify-content: flex-end;
}

.img_cover h1 {
    margin-top: 0;
}

.static-top {
    padding-bottom: 0;
}

#mainContent {
    min-height: calc(100vh - 16.75em);
}

.box_top {
    background: rgba(255,255,255,.9);
        backdrop-filter: blur(.375em);
}

.box_content {
    background: #fff;
}

.box_top h1, .box_content h2 {
    margin: 0;
}

.info_box {
    max-width: 55%;
    min-width: 53.125em;
    border-radius: .25em;
    overflow: hidden;
}

.info_box::before {
    content:"";
    height: .75em;
    background: #334d90;
    display: block;
}

.info_box .bullets {
    margin: 0;
}

.bullets > li:last-child p {
    margin-bottom: 0;
}

#mainContent h1 {
    font-size: 2em;
}

#mainContent h2 {
    font-size: 1.75em;
    font-weight: bold;
    padding-bottom: .6em;
}

.box_sec p {
    font-size: 1.375em;
}

.box_sec .bullets p {
    font-size: 1.25em;
}

.btn.primary, .btn.secondary {
    display: inline-flex;
    align-items: center;
    column-gap: .7em;
    min-width: 11.6875em;
}

.btn.primary {
    background: var(--dcaBlue);
}

.btn.secondary {
    background: #fff;
    border: 1px solid #bebebe;
}

.btn strong {
    font-size: 1.125em;
    font-weight: bold;
}

.btn.primary strong {
    color: #fff;
}

.btn.primary .icon svg {
    fill: var(--dcaCyan);
}

.btn.secondary .icon svg {
    fill: var(--dcaBlue);
}

.or {
    font-size: 1.375em;
    color: #818181;
    font-weight: 500;
    margin: 0 1.7em;
}


/* ------------------------------ HOME PAGE END ----------------------------------------- */



/* ------------------------------ CERTIFICATIONS PAGE ----------------------------------------- */

.account_info {
    background: var(--dcaBlue);
    height: 4.25em;
}

.account_info > .wrap {
    height: 100%;
}

.page_msg {
    flex-grow: 2;
}

.page_msg h2 {
    color: #fff;
    font-weight: normal;
    font-size: 1.375em
}

.account_info nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: .5625em;
}

.account_info .btn {
    border: 1px solid rgba(255,255,255,.2);
    height:100%;
    max-height: 2.8125em;
    min-width: 7.3125em;
    background: transparent;
}

.account_info .btn .icon svg {
    fill: var(--dcaCyan);
}

.account_info .btn.primary {
    background: rgba(0,0,0,.1);
}

.account_info .btn > strong {
    font-size: 1.0625em;
    color: #fff;
}

.tab_box, .box_actions {
    background-image: radial-gradient(#d6d6d6 1px, transparent 1px);
	background-size: 1em 1em;
	background-color: #E4E4E4;
    overflow: hidden;
}

.tab_box ul {
    height: 4.625em;
    display: flex;
    align-items: flex-end;
    column-gap: .625em;
    padding-left:0;
    margin-bottom: 0;
}

.tab_box li {
    list-style: none;
    position: relative;
    height: calc(100% - .875em);
}

.tab_box li::after {
    content:"";
    position: absolute;
    border-radius: 50%;
    width: 10.125em;
    height: 10.125em;
    background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%);
    top: .25em;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    opacity: 0;
}

.tab_box li.active::after {
    opacity: 1;
}

.tab_box li.btn_new {
    padding-left: .4375em;
}

.btn_tab {
    background: linear-gradient(to bottom,  #b9b9b9 0%,#e4e4e4 50%);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:100%;
    min-width: 8.375em;
    border: 1px solid rgba(52,52,52,.2);
    border-bottom: 0;
    z-index: 2;
    position: relative;
}

.active .btn_tab {
    background: #fdfdfd;
}

.btn_tab.sub {
    background: transparent;
    height: 4.3125em;
    border: 0;
    border-bottom: .5em solid #cecece;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 2;
    transition: border .3s linear;
}

.active > .btn_tab.sub {
    border-color: var(--dcaBlue);
    background: #fff;
}

.btn_tab > img {
    margin-left: .5em;
}

.indicator {
    width: 100%;
    height: .5em;
    position: absolute;
    left:0;
    top:0;
    opacity: .1;
}

.active .indicator {
    opacity: 1;
}

.btn_tab .icon {
    position: absolute;
    right: .4375em;
    border-radius: 50%;
    pointer-events: none;
    width: 1.3125em;
    height: 1.3125em;
    top: -.4375em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pay .icon {
    background: var(--error);
    font-size: .8125em;
    color: #fff;
    font-weight: bold;
}

.pay .icon::before {
    content:"$";
}

.pending .indicator {
    background-image: repeating-linear-gradient(45deg, transparent, transparent .5em, #F4F4F4 .5em, #F4F4F4 1em);
}

.valid .indicator {
    background: var(--valid);
}

.icon.plus::before {
    content: "+";
    color: var(--dcaCyan);
    font-size: 2.25em;
    font-weight: bold;
    line-height: 1;
}

.btn_tab strong {
    font-size: 1.0625em;
    font-weight: bold;
    color: var(--sonj_grey);
}

.active > .btn_tab.sub strong {
    color: var(--dcaBlue);
}

.disabled {
    pointer-events: none;
    opacity: .25;
}

.tab_content {
    background: #fdfdfd;
    padding-top: .8125em;
    display: none;
}

.tab_content.active {
    display: block;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes moveDown {
  from { transform: translateY(-2em) }
  to { transform: translateY(0) }
}


.tab_content.sub {
    background: #fff;
    border-top: 1px solid #cecece;
    padding: 2.5em 0;
}

.tab_content.sub.active .wrap {
     animation: fadeIn .3s linear, moveDown .5s cubic-bezier(0.000, 0.885, 0.675, 1.015);
}

.tab_content:not(.sub) > .wrap {
    position: sticky;
    top:-.5em;
    background: #fdfdfd;
}

.tab_content nav {
    display: flex;
    gap: .375em;
    position: relative;
    top: 1px;
}

.tcs {
    flex-grow: 1;
    max-width: 22.75em;
    position: relative;
}

.tcs::before {
    content:"";
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: var(--dcaBlue) transparent transparent transparent;
    transform: rotate(0deg) scaleY(0);
    transform-origin: center top;
    position: absolute;
    left: calc(50% - .3125em);
    bottom: -.5em;
    transition: transform .2s;
}

.tcs::after {
    content:"";
    position: absolute;
    left:-2px;
    right: -2px;
    bottom: 0;
    background: linear-gradient(to bottom, #ffffff 0%,#000000 100%);
    pointer-events: none;
    height: calc(100% + .25em);
    opacity: 0;
}

.tcs.active::after {
    opacity: .19;
}

.active.tcs::before {
    transform: rotate(0deg) scaleY(1);
    transition-delay: .2s;
}

.tcs.pending .btn_tab::after {
    content:"";
    background: url(imgs/icon_clipboard.svg) no-repeat center;
    width: 1.125em;
    height: 1.375em;
    margin-left: 1em;
}

.tab_content.sub > .wrap {
    display: flex;
    column-gap: 4.375em;
}

.tc_main {
    flex-grow: 1;
}

.side_tab_box {
    width: 100%;
    max-width: 20em;
}

.side_tab_box section {
    background-color: #fafafa;
}

.box:first-of-type > h3 {
    margin-top: 0;
}

.box > p:last-child {
    margin-bottom: 0;
}

.box h3 {
    font-size: 1.75em;
    font-weight: bold;
    color: var(--sonj_grey);
    padding-bottom: .5em;
}

.side_tab_box h4 {
    margin-top: 0;
    font-weight: normal;
}

.cert_status.pending {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 1.5em, #ececec 1.5em, #ececec 3em);
	background-color: #F5F5F5;
}

.cert_status.valid {
	background-color: #f3f9ef;
}

.cert_status .check {
    display: none;
}

.cert_status .check path {
    fill: var(--valid);
}

.warning path {
    fill: var(--warning);
}

.warning .note {
    background: #fcf7e5;
    color: #403300;
}

.note {
    padding: .2em .875em;
}

.note > span {
    font-size: .875em;
}

.cert_status.valid .check {
    display: block;
}

section .info_value {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cert_status.pay {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 16px, #f1c1c1 16px, #f1c1c1 32px);
	background-color: #F9E7E7;
}

.info_value {
    background: #fdfdfd;
    border-bottom: 1px solid var(--sonj_grey);
    padding: .875em;
    line-height: 1;
}

.info_value > strong {
    font-weight: 500;
}

.certified {
    background: url(seal.svg) no-repeat right 0 top .625em;
}

.show-modal {
    overflow: hidden;
}

.modal-custom {
    position: fixed;
    z-index: 20;
    left:0;
    top:0;
    right:0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s linear;
}

.show-modal .modal-custom {
    opacity: 1;
    pointer-events: all;
}

.close_modal {
    position: absolute;
    right: 0;
    border: 2px solid var(--error);
    border-top: 0;
    border-right: 0;
    color: #000;
    z-index: 5;
    padding: .7em 1.4em;
    border-radius: 0 0 0 2em;
    box-shadow: 0 0 .7em #fee0e0;
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    display: flex;
    align-items: center;
}

.close_modal:hover {
    color: #fff;
    background: var(--error);
}

.close_modal svg {
    width: 1.9em;
    margin-right: .3em;
}

.close_modal path {
    fill: var(--error);
}

.close_modal:hover path {
    fill: #fff;
}

.mod_box {
    background: #fff;
    width: 100%;
    height: 100%;
    max-width: calc(100% - 2em);
    max-height: calc(100% - 2em);
    border-radius: .25em;
    overflow: hidden;
    position: relative;
    transform: scale(0);
    transition: transform .7s cubic-bezier(0.710, 0.005, 0.210, 1.090);
}

.show-modal .mod_box {
    transform: scale(1);
}

.mod_content {
    height: 100%;
}

.mod_content iframe {
    width: 100%;
    min-height: 100%;
}

.table .btn.secondary {
    min-width: 0;
    padding: .1em .6em .1em .5em;
}

.modal-custom .loader {
    background: url(icon_loading.png) no-repeat center;
    background-size: 100% auto;
    width: 3.9375em;
    height: 3.9375em;
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
    animation: rotate360 1s linear infinite paused;
    transform: scale(0);
    transition: opacity .3s linear, transform .5s;
}

@keyframes rotate360 {
  from { transform: rotate(0)}
  to { transform: rotate(360deg)}
}

.show-modal .loader {
    animation-play-state: running;
}

.modal-custom iframe {
    opacity: 0;
    transition: .4s linear;
}

.modal-custom iframe.loaded {
    opacity: 1;
}

.loaded + .loader {
    transform: scale(1);
    opacity: 0;
}

.box_actions {
    padding: 3.25em 0;
}

.box_actions .wrap {
    display: flex;
}

.box_actions .box {
    background: rgba(255,255,255,.9);
    width:50%;
    transition: background .3s linear, width .5s;
    padding: 0 3.75em 3em;
    min-height: 34.0625em;
    display: flex;
    flex-direction: column;
    position: relative;
}

.box_actions .box:hover {
    background: rgba(255,255,255,1);
    width: 60%;
}

.box_actions .box:first-child {
    border-right: 1px solid #cecece;
}

.box_actions .box:first-child::after {
    content:"OR";
    position: absolute;
    z-index: 2;
    right:0;
    top: 1.875em;
    border-radius: 50%;
    background: var(--sonj_grey);
    color: #fff;
    font-weight: bold;
    width: 3.625em;
    height: 3.625em;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(50%);
}

#mainContent .box h2 {
    font-weight: normal;
    font-size: 2em;
    border-bottom: .25em solid #cecece;
    text-align: center;
    padding: 1em 0;
    margin: 0;
}

#mainContent .box:hover h2 > strong {
    color: var(--dcaBlue);
}

.box .action {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.field {
    margin-bottom: 1.142em;
}

.field:last-of-type {
    margin-bottom: 2.5em;
}

.field label {
    font-size: 1.286em;
    font-weight: normal;
    padding-bottom: .4em;
}

.field .form-control {
    border-color: #bebebe;
    height: 3.125em;
}

.awidth {
    width: var(--width);
}

.imp {
    background: #fafafa;
    padding: 1em 1.5em;
    display: inline-block;
    margin-bottom: 1em;
    border-left: .25em solid var(--dcaBlue);
}

.imp strong {
    color: var(--dcaBlue);
}

.in-frame #osonj, .in-frame header.static-top, .in-frame .account_info, .in-frame #footer {
    display: none;
}

.in-frame #portalnav_navbar {
    position: sticky;
    top: 0;
    display: flex;
    margin: -1px auto 0;
    text-align: center;
    justify-content: center;
    z-index: 5;
}

.in-frame .ul.crumb-parent, .in-frame ul.crumb-parent > li:first-child, .in-frame ul.crumb {
    padding-left: 0;
}

.in-frame .row.form-custom-actions {
    position: sticky;
    z-index: 5;
    bottom: 0;
    margin: 0;
    padding: 2em 5% 1em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);
}

.in-frame .form-custom-actions > .col-md-6 {
    width: 100%;
    display: flex;
    justify-content: center;
}

.in-frame #portalnav_actions {
    padding: .1em 1em .4em;
    border-radius: .25em;
    border: 1px solid #AFAFAF;
    background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
    box-shadow: inset 0 -2px 4px #fff, 0 0 2em rgba(0, 0, 0, .07);
}

.in-frame #portalnav_actions .btn-primary, #mainContent button.root-214, #mainContent button.root-201, .actions .btn-primary {
    background: var(--dcaBlue);
    border-color: var(--dcaBlue);
}

.in-frame #portalnav_actions .btn-secondary {
    background:#fff;
}

.in-frame #EntityFormPanel {
    padding: 0 2em;
    border: 0;
}

.in-frame .view-toolbar.grid-actions {
    display: flex;
    padding-top: 1em;
}

.in-frame .view-toolbar.grid-actions .btn-primary {
    margin-left: 0;
    background: var(--dcaBlue);
}

.in-frame [data-name="tab_general"] .section {
    display: block;
}

.in-frame [data-name="tab_general"] .section tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.in-frame [data-name="tab_general"] .section tbody > tr:first-child {
    display: none;
}

.in-frame [data-name="tab_general"] .clearfix.cell {
    padding: 0;
}

.in-frame [data-name="tab_general"] fieldset {
    border: 1px solid #ddd;
    border-radius: .25em;
    padding: 0em 1.4em 1.4em;
}

.in-frame [data-name="tab_general"] fieldset[aria-label="New Section"] {
    border:0;
    padding-left:0;
}

.in-frame [data-name="tab_general"] fieldset[aria-label="New Section"] .picklist-cell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
}

.in-frame [data-name="tab_general"] input[type="email"], .in-frame [data-name="tab_general"] input[placeholder="Provide a telephone number"], .in-frame [data-name="tab_general"] input[id*="street"]  {
    width: 20em;
}

.in-frame [data-name="tab_general"] select, .in-frame [data-name="tab_criminal"] select, .in-frame [data-name="tab_education"] select {
    width: 12em;
}

.in-frame [data-name="tab_general"] [data-date-format] {
    width: 8em;
}

.in-frame [data-name="tab_general"] fieldset h3 > em, .field-label > em{
    font-size: .7em;
    font-weight: 300;
}

.field-label > em {
    display: block;
    border-top: 1px solid #ddd;
    padding-top: .5em;
    margin-top: .5em;
    font-size: .9em;
}

.hide, #content-container .hide, body[data-sitemap-state*="page-not-found"] #osonj, form[action*="_RMC_"] #dlgs_work_lgetype option[value="983920001"] {
    display: none;
}

body[data-sitemap-state*="page-not-found"] .crmEntityFormView,  #content-container .crmEntityFormView {
    border: 0;
}

[data-name="tab_courses"] .section-title > h3:not(:empty), [data-name="tab_workhistory"] .section-title > h3:not(:empty), [data-name="tab_criminal"] .section-title > h3:not(:empty) { 
    font-weight: 300;
    border-bottom: 1px solid #ddd;
    padding: 0 0 .5em 1.1em;
}

.in-frame #liquid_form .info_notice:not(:empty) {
    border: 1px solid #ddd;
    border-radius: .25em;
    text-align: center;
    max-width: 50em;
    margin: 0 auto;
    padding: .7em 1em;
}

.in-frame .table td > .details-link {
    font-weight: 500;
    text-decoration: underline;
    color: #363636;
}

.in-frame .table td > .details-link:hover {
    color: var(--dcaBlue);
}

.in-frame .table td > .details-link::before {
    content: "";
    display: inline-block;
    background: url(icon_edit.png) no-repeat center #fff;
    background-size: .9em auto;
    border: 1px solid #bebebe;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    margin-right: .45em;
    border-radius: .25em;
}

.in-frame .highlight {
    font-weight: 500;
    color: var(--dcaBlue);
}

.in-frame .view-grid.table-responsive {
    overflow: visible;
}

.svg_icon {
    max-width: 1.4em;
    display: inline-block;
    vertical-align: middle;
    margin-right: .3em;
}

.svg_icon path {
    fill: var(--dcaBlue);
}

.in-frame ul.crumb > li.current, .in-frame ul.crumb > li.current:after {
    background: #fff;
    transition: none;
    color: var(--dcaBlue);
    font-weight: bold;
}

html[dir=ltr] .form-loading {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.form-loading + iframe {
    opacity: 0;
    transition: opacity .3s linear;
}

.form-loading[style="display: none;"] + iframe {
    opacity: 1;
}

.reviewing {
    display: flex;
    flex-direction: row-reverse;
}

.review_comments {
    width: 20em;
    border-left: 1px solid var(--error);
    font-weight: 500;
    display:flex;
}

.review_comments::before {
    content:"";
    width:2em;
    background-image: repeating-linear-gradient(45deg, transparent, transparent .5em, #fff6f6 .5em, #fff6f6 1em);
}

.review_comments .wrap {
    position: sticky;
    padding: 5em 1em 0;
    flex-grow: 1;
}

.review_comments h3 {
    text-transform: uppercase;
    color: var(--error);
    border-bottom: 2px solid var(--error);
    padding-bottom: .5em;
    margin-bottom: .8em;
    letter-spacing: .05em;
    font-size: 1.4em;
}

.reviewing > .page-copy {
    max-width: calc(100% - 20em);
}

.status_error {
    color: var(--error);
    margin-left: .5em;
    border-left: 3px solid var(--error);
    padding-left: .5em;
}


/* ***** EXAM TAB ****** */

.exam_list {
    width: 100%;
    padding: 0;
}

.exam_list li {
    list-style: none;
}

.exam_list > li {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #cecece;
    border-radius: 7px;
    margin-bottom: 2em;
}

.exam_list > li:last-child {
    margin-bottom: 0;
}

.ex_info {
    flex-basis: 31.25em;
    padding-bottom: 1.75em;
}

#mainContent .ex_info > h2 {
    padding: .9rem 0 .9rem 1.75rem;
    margin: 0;
    font-size: ;
}

.ex_details {
    border-top: 1px solid #cecece;
    padding: 1em 1.75em 0;
}

.ex_details > li {
    display: flex;
    flex-wrap: wrap;
}

.ex_details > li > span {
    flex-basis: 9.375em;
}

.exd_multi {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 1.625em;
}

.exd_multi .btn {
    min-width: 0;
    height: max-content;
}

.ex_btns {
    padding: 0 0 0 1.75em;
    grid-column-gap: 1em;
    display: flex;
    flex-wrap: wrap;
}

.ex_btns .btn {
    background: #fafafa;
    border: 1px solid #cecece;
    box-shadow: inset 0 5px 0 #fff;
}

.ex_btns .btn.prime {
    background: #3eade5;
    border-color: #2480af;
    color: #fff;
    box-shadow: inset 0 5px 0 rgba(255,255,255,.25);
    text-shadow: 0 0px 2px rgba(0,0,0,.28);
}

.ex_btns .btn > strong {
    font-size: .9375em;
    font-weight: 500;
}

.attempts {
    border-left: .3125em solid #bebebe;
    flex-grow: 1;
    background: #fafafa;
    padding: .5625em;
}

.attempts > li {
    background: #fff;
    border: 1px solid #cecece;
    margin-bottom: .5625em;
}

.attempts > li:last-child {
    margin-bottom: 0;
}

.att_box {
    padding: 0 1.1875em;
    border-left: .25em solid transparent;
}

.att_box header {
    padding: .813em 0;
    display: flex;
}

.attempts > li:first-child .att_box {
    border-color: var(--dcaBlue);
}

.att_info {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.att_info h4 {
    font-size: 1.125em;
    margin: 0;
    padding: 0;
}

.att_info em {
    padding-left: .3em;
}

li.fail .status {
    background: var(--error);
    color: #fff;
    font-size: .8125em;
    font-weight: 500;
    margin-left: .8125em;
    padding: .2em .4em;
    line-height: 1;
}

.att_box table {
    margin-bottom: 1.125em;
}

.attempts li.pending {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 1em, #fdfdfd 1em, #fdfdfd 2em);
}

.tbl {
    width: 100%;
}

.tbl th, .tbl td {
    padding: .75em .875rem;
    border-bottom: 1px solid #a1a1a1;
}

.tbl th {
    border-bottom-width: 2px;
    padding-top: .2em;
    padding-bottom: .2em;
}

.tbl td {
    font-size: .9375em;
}

.tbl .pass {
    color: var(--valid);
    font-weight: 500;
}

.tbl .fail {
    color: var(--error);
    font-weight: 500;
}


/* ***** EXAM TAB END ****** */

/* ------------------------------ CERTIFICATIONS PAGE END ----------------------------------------- */



/* ------------------------------ MEDIA QUERIES ----------------------------------------- */

/* 1024px */
@media screen and (max-width: 64em){
    .info_box { min-width: 0; max-width: 100%;}
    .img_cover { padding-bottom: 0; padding-top: 15vw; background-size: 100% auto; background-position: left top; }
    .img_cover > .wrap { padding-left:0; padding-right: -44;}
    
    .tab_content.sub > .wrap { flex-wrap: wrap; row-gap: 2em; }
    .side_tab_box { max-width: none; display: flex; flex-wrap: wrap; }
    .side_tab_box > section { flex-grow: 1; max-width: 50%; }
    
    .box_actions { padding: 1em 0; }
    .box_actions .wrap { flex-wrap: wrap; }
    .box_actions .box, .box_actions .box:hover { width: 100%; min-height: 0; padding-bottom: 2em; padding-left: 5%; padding-right: 5%; }
    .box_actions .box:first-child { border-bottom: 1px solid #cecece; border-right: 0; } 
    .box_actions .box:last-child { padding-top: 2em; }
    .box_actions .box:first-child::after { right:0; top: auto; bottom: 0; left: 0; margin: 0 auto; transform: translateY(50%) }
    .box .action { padding: 5% 0; }
}

/* 480px */
@media screen and (max-width: 30em){
    .head_logo { font-size: 3.28vw; }
    .static-top .navbar-brand { display: flex; }
    .box_top.px-5, .box_content.p-5 {  padding-left: 5% !important; padding-right: 5% !important; }
    .px-5 .p-3 { padding-left: 0 !important; padding-right: 0 !important;}
    
    .side_tab_box > section { max-width: none; flex-basis: 100%;}
    
    .account_info .btn { min-width: 0; }
    .account_info .btn > strong { display: none; }
    .page_msg h2 { font-size: 1.2em; }
}