:root {
    --ar-primary: #0170d3;
    --ar-primary-rgb: 1,112,211;
    --ar-link-color: #0170d3;
    --ar-link-hover-color: #0057ba;
    --ar-border-radius: 0.75rem;
}

.site-logo {
    height: 48px;
}
.btn-primary {
    --ar-btn-bg: #0170d3;
    --ar-btn-border-color: #0170d3;
    --ar-btn-hover-bg: #0057ba;
    --ar-btn-hover-border-color: #0057ba;
    --ar-btn-active-bg: #0057ba;
    --ar-btn-active-border-color: #0057ba;
    --ar-btn-disabled-bg: #0170d3;
    --ar-btn-disabled-border-color: #0170d3;
}

.btn-outline-primary {
    --ar-btn-color: #0170d3;
    --ar-btn-border-color: #0170d3;
    --ar-btn-hover-bg: #0170d3;
    --ar-btn-hover-border-color: #0170d3;
    --ar-btn-active-bg: #0170d3;
    --ar-btn-active-border-color: #0170d3;
    --ar-btn-disabled-color: #0170d3;
    --ar-btn-disabled-border-color: #0170d3;
}
.dark-mode select option {
    background: rgba(0, 0, 0, 0.9) !important;
}

.dark-mode .btn-check + .btn-outline-secondary:not(.btn-icon) {
    --ar-btn-active-border-color: var(--ar-primary);
    --ar-btn-active-color: var(--ar-primary);
}

.dark-mode .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--ar-btn-active-color);
    background-color: var(--ar-btn-active-bg);
    border-color: var(--ar-btn-active-border-color);
}

.navbar-toggler-icon {
    display: block;
    top: 50%;
    margin-top: -0.0625rem;
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after {
        position: absolute;
        width: 1.375rem;
        height: 0.125rem;
        transition-property: transform;
        background-color: var(--ar-navbar-toggler-color);
    }

        .navbar-toggler-icon::before, .navbar-toggler-icon::after {
            display: block;
            width: 1.375rem;
            content: "";
        }

        .navbar-toggler-icon:after {
            right: 0;
        }

        .navbar-toggler-icon::before {
            right: 0;
            top: -0.4375rem;
            transition: top 0.075s 0.12s ease, opacity 0.075s ease, width 0.15s ease-in-out;
        }

        .navbar-toggler-icon::after {
            right: 0;
            bottom: -0.4375rem;
            transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.15s ease-in-out;
        }

label.star::after {
    content: " *";
    color: red;
}

.btn-apple:hover, .btn-apple:focus, .btn-google:active {
    border-color: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #fff !important;
}

.ai-microsoft {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PHBhdGggZmlsbD0iI2YzZjNmMyIgZD0iTTAgMGgyM3YyM0gweiIvPjxwYXRoIGZpbGw9IiNmMzUzMjUiIGQ9Ik0xIDFoMTB2MTBIMXoiLz48cGF0aCBmaWxsPSIjODFiYzA2IiBkPSJNMTIgMWgxMHYxMEgxMnoiLz48cGF0aCBmaWxsPSIjMDVhNmYwIiBkPSJNMSAxMmgxMHYxMEgxeiIvPjxwYXRoIGZpbGw9IiNmZmJhMDgiIGQ9Ik0xMiAxMmgxMHYxMEgxMnoiLz48L3N2Zz4=);
    width: 20px;
    height: 20px;
}

.ai-google {
    content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBjbGFzcz0iYWJjUmlvQnV0dG9uU3ZnIj48Zz48cGF0aCBmaWxsPSIjRUE0MzM1IiBkPSJNMjQgOS41YzMuNTQgMCA2LjcxIDEuMjIgOS4yMSAzLjZsNi44NS02Ljg1QzM1LjkgMi4zOCAzMC40NyAwIDI0IDAgMTQuNjIgMCA2LjUxIDUuMzggMi41NiAxMy4yMmw3Ljk4IDYuMTlDMTIuNDMgMTMuNzIgMTcuNzQgOS41IDI0IDkuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNNDYuOTggMjQuNTVjMC0xLjU3LS4xNS0zLjA5LS4zOC00LjU1SDI0djkuMDJoMTIuOTRjLS41OCAyLjk2LTIuMjYgNS40OC00Ljc4IDcuMThsNy43MyA2YzQuNTEtNC4xOCA3LjA5LTEwLjM2IDcuMDktMTcuNjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI0ZCQkMwNSIgZD0iTTEwLjUzIDI4LjU5Yy0uNDgtMS40NS0uNzYtMi45OS0uNzYtNC41OXMuMjctMy4xNC43Ni00LjU5bC03Ljk4LTYuMTlDLjkyIDE2LjQ2IDAgMjAuMTIgMCAyNGMwIDMuODguOTIgNy41NCAyLjU2IDEwLjc4bDcuOTctNi4xOXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMzRBODUzIiBkPSJNMjQgNDhjNi40OCAwIDExLjkzLTIuMTMgMTUuODktNS44MWwtNy43My02Yy0yLjE1IDEuNDUtNC45MiAyLjMtOC4xNiAyLjMtNi4yNiAwLTExLjU3LTQuMjItMTMuNDctOS45MWwtNy45OCA2LjE5QzYuNTEgNDIuNjIgMTQuNjIgNDggMjQgNDh6Ij48L3BhdGg+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg0OHY0OEgweiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    width: 20px;
    height: 20px;
}

.ai-facebook {
    content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDAgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwIDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yNzcuMzc1IiB5MT0iNDA2LjYwMTgiIHgyPSItMjc3LjM3NSIgeTI9IjQwNy41NzI2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQwIDAgMCAtMzkuNzc3OCAxMTExNS4wMDEgMTYyMTIuMzM0KSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA2MkUwIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMTlBRkZGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi43LDM5LjhDNy4yLDM4LjEsMCwyOS45LDAsMjBDMCw5LDksMCwyMCwwczIwLDksMjAsMjBjMCw5LjktNy4yLDE4LjEtMTYuNywxOS44bC0xLjEtMC45aC00LjRMMTYuNywzOS44eiIKCS8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNy44LDI1LjZsMC45LTUuNmgtNS4zdi0zLjljMC0xLjYsMC42LTIuOCwzLTIuOGgyLjZWOC4yYy0xLjQtMC4yLTMtMC40LTQuNC0wLjRjLTQuNiwwLTcuOCwyLjgtNy44LDcuOFYyMAoJaC01djUuNmg1djE0LjFjMS4xLDAuMiwyLjIsMC4zLDMuMywwLjNjMS4xLDAsMi4yLTAuMSwzLjMtMC4zVjI1LjZIMjcuOHoiLz4KPC9zdmc+);
    width: 20px;
    height: 20px;
}

.btn-microsoft:hover, .btn-microsoft:focus, .btn-microsoft:active {
    border-color: #6f6f6f !important;
    background-color: #6f6f6f !important;
    color: #fff !important;
}

.btn-apple:hover, .btn-apple:focus, .btn-apple:active {
    border-color: #6f6f6f !important;
    background-color: #6f6f6f !important;
    color: #fff !important;
}

.btn-google:hover, .btn-google:focus, .btn-google:active {
    border-color: #6f6f6f !important;
    background-color: #6f6f6f !important;
    color: #fff !important;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
    border-color: #6f6f6f !important;
    background-color: #6f6f6f !important;
    color: #fff !important;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .separator::before,
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid var(--ar-gray);
    }

    .separator:not(:empty)::before {
        margin-right: .5em;
    }

    .separator:not(:empty)::after {
        margin-left: .5em;
    }


iframe.modal-iframe {
    min-height:480px;
    max-height:800px;
}

.field-validation-error {
    margin-top: 0.25rem;
    font-size: calc(var(--ar-body-font-size) * 0.85);
    color: #ed5050;
}


.nav-tabs-radio {
    background-color: var(--ar-primary);
    border-width: 0;
    border-radius: var(--ar-border-radius);
}

.nav-tabs-radio {
    background-color: var(--ar-primary);
    border-width: 0;
    border-radius: 100rem;
    padding: 6px 4px 2px 4px;
}

    .nav-tabs-radio > li > a.nav-link {
        color: #fff;
        border-radius: 100rem;
    }

        .nav-tabs-radio > li > a.nav-link.active {
            background-color: #fff;
        }

.nav-tabs-radio {
    background-color: var(--ar-primary);
    border-width: 0;
    border-radius: var(--ar-border-radius);
}
.nav-tabs-radio {
    background-color: var(--ar-primary);
    border-width: 0;
    border-radius: 100rem;
    padding: 6px 4px 2px 4px;
}
    .nav-tabs-radio > li > a.nav-link {
        color: #fff;
        border-radius: 100rem;
    }
    .nav-tabs-radio > li > a.nav-link.active {
        background-color: #fff;
    }

.form-control {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.dark-mode .form-control {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

select option {
    margin: 40px;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
}

.dark-mode select option {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}


.table-pinned-column {
}

    .table-pinned-column th:first-child,
    .table-pinned-column td:first-child {
        position: sticky;
        left: 0;
        background-color: var(--ar-body-bg);
    }

    .table-pinned-column td {
    }


.field-validation-valid {
    display: none;
}

.password-toggle {
    position: unset;
}

.compact-nav-tabs .nav-link {
    padding: 0.25rem 1.0rem 0.25rem 1.0rem;
}

@media (max-width: 575.98px) {
    .site-logo {
        height: 36px;
    }

    .compact-nav-tabs .nav-link {
        padding: 0.25rem 0.5rem 0.25rem 0.5rem;
        font-size: 0.8rem;
    }

    .nav-tabs.justify-content-center .nav-item {
        margin-right: 0.1rem;
        margin-left: 0.1rem;
    }
}

#theme-mode ~ .theme-mode-light {
    display: block;
}
#theme-mode ~ .theme-mode-dark {
    display: none;
}

#theme-mode:checked ~ .theme-mode-light {
    display: none;
}
#theme-mode:checked ~ .theme-mode-dark {
    display: block;
}