/*
    Styles
*/

a {
    color: #308ee0;
}

    a:hover,
    a:active,
    a:focus {
        color: #1e7bcb;
    }

.btn-primary,
.custom-control-input:checked ~ .custom-form-label::before {
    background-color: #308ee0;
    border-color: #308ee0;
}

    .btn-primary:hover {
        background-color: #1e7bcb;
        border-color: #1e7bcb;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #308ee0;
        border-color: #308ee0;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #1e7bcb;
        border-color: #1d74c0;
    }

html, body {
    height: 100%;
}

body {
    background-color: var(--bs-light-bg-subtle);
    font-family: 'Open sans', sans-serif;
}

.input-group span {
    padding: 7px;
    position: absolute;
    z-index: 2;
    color: #999;
}

.input-group input {
    padding-left: 34px;
}

.btn,
.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .form-control.input-validation-error {
        border-color: #dc3545;
    }

.btn-link,
#dContent label,
#dContent #go-back a {
    color: var(--bs-secondary-color);
}

    .btn-link:hover,
    .btn-link:active,
    .btn-link:focus {
        text-decoration: none;
    }

#d-logo img {
    max-width: 12.5rem;
}

#d-logo a {
    display: inline-block;
    color: #777;
    font-size: 2rem;
}

    #d-logo a:hover {
        text-decoration: none;
    }

#dContent {
    max-width: 28.13rem;
}

    #dContent .contentBox {
        background-color: var(--bs-body-bg);
    }

    #dContent a,
    #dContent .form-label,
    #dContent button {
        font-size: 0.875rem;
    }

    #dContent #go-back a:hover,
    #dContent #go-back a:active,
    #dContent #go-back a:focus {
        color: #0056b3;
        text-decoration: none;
    }

.contentBox {
    border: 1px solid var(--bs-border-color);
}

#validation-error.validation-summary-valid {
    display: none;
}

#validation-error > ul {
    margin-bottom: 0;
    padding-left: 15px;
}

    #validation-error > ul > li:before {
        content: '- ';
    }

    #validation-error > ul > li {
        list-style: none;
    }

@media (max-width: 767px) {
    #d-logo {
        padding-bottom: 1.563rem;
        padding-top: 1.563rem;
    }

    #dContent {
        padding-left: 0.4375rem;
        padding-right: 0.4375rem;
    }

        #dContent .contentBox {
            padding: 0.4375rem;
        }

        #dContent #go-back {
            padding-top: 0.4375rem;
        }
}

@media (min-width: 768px) {
    #d-logo {
        padding-bottom: 3.125rem;
    }

    #dContent {
        width: 50%;
    }

        #dContent .contentBox {
            padding: 0.9375rem;
        }

        #dContent #go-back {
            padding-top: 0.9375rem;
        }

    body > .d-table > .d-table-cell {
        vertical-align: middle;
    }
}

@media (min-width: 992px) {
    #dContent {
        width: 35%;
    }
}