/**
 * App Styles
 */

.withBorder {
    border: 1px solid #fff;
}

/**
 * HeaderImage Component Styles
 */

.virox main img.header-img {
    display: block;
}

.virox.no-menu-bar main img.header-img {
    margin-bottom: 71px;
}

/**
 * MenuBar Component Styles
 */

.virox main .menu-bar,
.virox main .menu-bar a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: rgba(45, 135, 193, 1) !important;
    text-decoration: none;
}

.virox main .menu-bar a {
    border-right: 1px solid rgba(45, 135, 193, 1);
    margin: 0.5rem 0;
    padding: 0 0.5rem;
}

.virox main .menu-bar a:last-of-type {
    border-right: none;
}

.virox main .menu-bar a:hover {
    color: rgba(45, 135, 193, 1) !important;
    text-decoration: underline;
}

.virox main .menu-bar a.active {
    color: rgba(45, 135, 193, 1) !important;
    text-decoration: underline;
}

.virox main .menu-bar a.disabled {
    color: rgba(45, 135, 193, 0.8) !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
}

.virox main .menu-bar a.disabled:hover {
    color: rgba(45, 135, 193, 0.8) !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
}

.virox main .menu-bar .navbar {
    padding: 1rem 0;
    font-size: 0.9rem;
}

.virox main .menu-bar .navbar .navbar-nav.page-nav a.nav-link {
    text-transform: uppercase;
}

.virox main .menu-bar .menu-bar-xs {
    font-size: 0.67rem;
}

@media (min-width: 375px) {
    .virox main .menu-bar .menu-bar-xs {
        font-size: 0.86rem;
    }
}

@media (min-width: 425px) {
    .virox main .menu-bar .menu-bar-xs {
        font-size: 0.9rem;
    }
}

/**
 * Dashboard Component Styles
 */

.virox main .rdt_Table {
    max-width: 290px;
}

.virox main .rdt_Table .rdt_TableHeadRow .rdt_TableCol {
    max-width: 290px;
}

.virox main .rdt_Table .rdt_TableCol_Sortable > div {
    color: #000;
}

.virox main .rdt_Table .rdt_TableBody .rdt_ExpanderRow p,
.virox main .rdt_Table .rdt_TableBody .rdt_ExpanderRow div {
    margin-left: 3.27rem;
}

.virox main .rdt_Pagination span:first-of-type,
.virox main .rdt_Pagination div:first-of-type {
    display: none;
}

.virox main .is-loading .rdt_Table {
    display: none;
}

.virox main .did-you-know.alert {
    background-color: #fff !important;
    border-radius: 0;
    border: solid 5px #35597c;
}

.virox main .did-you-know .alert-link {
    color: inherit !important;
}

@media screen and (min-width: 348px) {
    .virox main .rdt_Table {
        max-width: 100%;
    }
}

@media screen and (min-width: 445px) {
    .virox main .rdt_Pagination span:first-of-type,
    .virox main .rdt_Pagination div:first-of-type {
        display: block;
    }
}

/**
 * Virox Protocol Tool Styles -- My Profile Styles
 */

.virox .profile .fake-field {
    border: 1px solid #ced4da;
    padding: 0.4rem 0.75rem;
    border-radius: 0.25rem;
    background-color: #f9fafb;
}

.virox .profile-label {
    font-size: 1rem;
}

.virox .profile .profile-label {
    padding: calc(0.4rem + 1px) calc(0.25rem + 1px);
    display: block;
}

.virox .profile .form-row .profile-label {
    padding: calc(0.4rem + 1px) 0;
}

.virox .profile #passwordFieldToggles.nav {
    display: block;
}

.virox .profile .mb-1-point-5 {
    margin-bottom: 1.5rem;
}

.virox .row.print-options,
.virox .form-row.print-options {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    background-color: #ebebf1;
}

.virox .row.print-options input[type="checkbox"] {
    transform: scale(1.25);
    margin-top: 0.35rem;
    margin-left: -0.813rem;
}

.virox .form-row.print-options input[type="checkbox"] {
    transform: scale(1.25);
    margin-top: 0.35rem;
    margin-left: -0.5rem;
}

.virox .row.print-options label {
    padding-left: 0.5rem;
}

.virox .form-row.print-options label {
    padding-left: 1rem;
}

.virox .form-row.print-options > div:first-child,
.virox .form-row.print-options > div:last-child {
    padding: 0 1rem;
}

.virox .logo-preview img {
    display: block;
    max-height: 100px;
    width: auto;
}

@media (min-width: 576px) {
    .virox .profile-label {
        font-size: 0.9rem;
    }
}

@media (min-width: 992px) {
    .virox .profile-label {
        font-size: 0.85rem;
    }

    .virox .row.print-options input[type="checkbox"] {
        margin-top: 0.225rem;
    }

    .virox .form-row.print-options input[type="checkbox"] {
        margin-top: 0.225rem;
    }
}

@media (min-width: 1200px) {
    .virox .profile-label {
        font-size: 1rem;
    }
}