body {
    background: url("../assets/images/water-splash.jpg")
}

.scrolltop {
    background: #4A7DFF !important;
}

.error {
    color: #F64E60;
}

.error-page-container {
    background-color: rgba(0,0,0,0.5) !important;
    padding: 15px;
    color: #fff;
    border-radius: 7px;
}
/*Login*/
.login-container {
    height: 100%;
    align-content: center;
}

.login-card {
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    background-color: rgba(0,0,0,0.5) !important;
}

#kt_footer {
    background-color: rgba(0,0,0,0.5) !important;
    font-size: 14px;
    margin-top: 10px;
}

.login-card .input-group-prepend span {
    width: 50px;
    background-color: #92c9f2;
    color: black;
    border: 0 !important;
}

.login_btn {
    color: #fff;
    background-color: #92c9f2;
    width: 100px;
}

    .login_btn:hover {
        color: black;
        background-color: white;
    }

#kt_header_menu .menu-nav .menu-item:not(.menu-item-here) .menu-link {
    background-color: rgba(0,0,0,0.5) !important;
}

.bg-tranparent-dark {
    background-color: rgba(0,0,0,0.5) !important;
}

.table .thead-aqua th {
    color: #ffffff;
    background-color: #30709c;
    border-color: #242a4c;
}

.text-aqua {
    color: #30709c;
}

.validation-summary-errors {
    background-color: #F64E60;
    border-color: #F64E60;
    color: #ffffff;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: 0.42rem;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0 15px;
    }

form label {
    font-weight: 500 !important;
    font-size: 14px !important;
}

.text-indent-15 {
    text-indent: -2px;
}

.text-raybon-primary {
    color: #2b589a !important;
}

.bg-raybon-primary {
    background: #2b589a !important;
}

.fa-eye-slash:before {
    margin-left: -1px;
}

:disabled,
.disabled,
.disabled-div,
.form-control:disabled,
ul.dropdown-menu,
.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li {
    cursor: not-allowed !important;
}

.form-group .disabled,
.form-group .disabled .dropdown-toggle,
.menu-item .disabled,
.datatable-pager-link[disabled=disabled],
.datatable-pager-link:disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #F3F6F9 !important;
}

.tooltip .tooltip-inner {
    background-color: #404040;
    color: #ffffff;
    max-width: 500px;
    text-align: left
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #404040 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #404040 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #404040 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #404040 !important;
}

.alert.alert-custom {
    padding: 10px 2rem;
    font-size: 15px;
    font-weight: 500;
}

    .alert.alert-custom .alert-icon i {
        font-size: 1.5rem;
    }

.text-shorten {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.question-card {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 2.5rem !important;
    border: 1px solid #6993FF !important;
    border-radius: 0.42rem;
    background-color: rgba(105, 147, 255, 0.08) !important;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

#options .option {
    padding: 5px 10px;
    border: solid 1px #B5B5C3;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

    #options .option .option-text {
        width: 100%;
    }

.correct-option,
input[type="radio"]:checked + .option {
    background: #d4edda !important;
}

    .correct-option * {
        color: #155724 !important;
    }


.option.correct-option:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    position: absolute;
    right: 20px;
}

.option.incorrect-option:after {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    position: absolute;
    right: 20px;
}

.incorrect-option {
    background: #f8d7da;
}

    .incorrect-option * {
        color: #ec0c24 !important;
    }


.numeric-only {
    text-align: right;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

.ps__rail-y {
    opacity: 1 !important;
}

.scroll.ps > .ps__rail-y > .ps__thumb-y {
    background: #D1D3E0 !important;
}

.bg-aqua {
    background: #30709c !important;
}

.bg-candidate {
    background: #0b7874 !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.btn.active,
.btn-hover-aqua:hover,
.btn-hover-aqua:hover > *,
.btn-aqua {
    color: #ffffff !important;
    background-color: #30709c !important;
}

.side-separator-container {
    text-align: center;
    border-bottom: 1px ridge #b5b5c3;
    line-height: .1em;
    margin: 0 0 10px;
    font-weight: normal;
}

    .side-separator-container .side-separator {
        background: #fff;
        padding: 0 10px;
    }