/*----------------------------------------------*/
/* Override browser autofill styling */
@keyframes autofill-override {
    to {
        background-color: transparent;
        color: inherit;
    }
}

input:-webkit-autofill {
    -webkit-text-fill-color: #495057 !important;
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    animation-name: autofill-override;
    animation-fill-mode: both;
}

/* Apply to all form inputs */
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background-color: white !important;
}
.alert-aifail {
    color: #fff;
    background-color: #6c757d;
    border-color: red;
}
.alert-subtle {
    color: #fff;
    background-color: #6c757d;
    border-color: red;
}
.prompt-display {
    background-color: lightblue;
    border-radius: 15px;
    padding: 15px;
    position: relative;
    display: inline-block;
    text-align: left;
    color: #000;
    width: 100%;
    margin-bottom: 15px;
    border: 7px solid #6c757d;
}
.chat-message {
    background-color: #f8f9fa;
    border-radius: 15px;
    padding: 15px;
    margin: 10px 0;
    position: relative;
    display: inline-block;
    text-align: left;
    color: #000;
}
.activechat-message {
    background-color: #f8f9fa;
    border-radius: 15px;
    padding: 15px;
    margin: 0;
    position: relative;
    display: inline-block;
    text-align: left;
    color: #000;
}
.badge-olive {
    background-color: #74c8a3;
}
.btn-cojont {
    color: #fff;
    background-color: #fe902d;
    border-color: #000;
    opacity: .8;
}
.btn-block {
    display: block;
    width: 100%;
}
.badge-cojont {
    color: #fff;
    background-color: #fe902d;
}
.img-circle {
    border-radius: 50%;
}
a.nav-link:link {
    color: #fff;
    text-decoration: none;
}
.dark-mode {
    background-color: #373344 !important;
    color: #fff;
    /*background-color: #192d52 !important;*/
    /*    background-color: #454d55 !important;
    color: #fff;*/
}
[class*="sidebar-dark-"] {
    background-color: #373344;
}
.sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #373344;
    color: #fff;
}
.dark-mode .content-wrapper {
    background-color: rgba(55, 51, 68, 0.3);
    color: #fff;
}
.dark-mode .navbar-dark {
    background-color: #373344;
    border-color: #4b545c;
}
.dark-mode .main-footer {
    background-color: #373344;
    border-color: #4b545c;
}
.accordian {
    background-color: rgba(55, 51, 68, 0.9);
    /*    background-color: rgba(25, 45, 82, 0.9);*/
    border: 1px solid #6c757d;
    color: #fff;
}
.dark-mode .card {
    background-color: rgba(55, 51, 68, 0.9);
    /*    background-color: rgba(25, 45, 82, 0.9);*/
    border: 1px solid #6c757d;
    color: #fff;
}
.dark-mode .card-header {
    border-bottom: 1px solid #6c757d;
    color: #fff;
}
    .dark-mode .card .card {
        background-color: #272430;
        color: #fff;
    }
.dark-mode .bg-light {
    background-color: #fff !important;
    color: #000 !important;
}

.callout.callout-cojont {
    border-left-color: #fe902d;

}
.card-cojont:not(.card-outline) > .card-header {
    /*background-color: #125aa5;*/
    background-color: #E68229;
}

    .card-cojont:not(.card-outline) > .card-header,
    .card-cojont:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-cojont:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-cojont.card-outline {
    border-top: 3px solid #fe902d;
    border-left: 1px solid #5df4ff;
    border-right: 1px solid #5df4ff;
    border-bottom: 1px solid #5df4ff;
}

.card-cojont.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-cojont.card-outline-tabs > .card-header a.active,
.card-cojont.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #17a2b8;
}

.bg-cojont > .card-header .btn-tool,
.bg-gradient-cojont > .card-header .btn-tool,
.card-cojont:not(.card-outline) > .card-header .btn-tool {
    /*    color: rgba(255, 255, 255, 0.8);*/
    color: #125aa5;
}

    .bg-cojont > .card-header .btn-tool:hover,
    .bg-gradient-cojont > .card-header .btn-tool:hover,
    .card-cojont:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-cojont .bootstrap-datetimepicker-widget .table td,
.card.bg-cojont .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-cojont .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cojont .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cojont .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cojont .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cojont .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #A020F0;
    color: #fff;
}

.card.bg-cojont .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-cojont .bootstrap-datetimepicker-widget table td.active,
.card.bg-cojont .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cojont .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #A020F0;
    color: #fff;
}
.login-box {
    width: 360px;
}

@media (max-width: 576px) {
    .login-box {
        margin-top: .5rem;
        width: 90%;
    }
}

.login-box .card {
    margin-bottom: 0;
}

.login-card-body {
    background-color: #fff;
    border-top: 0;
    color: #666;
    padding: 20px;
}

    .login-card-body .input-group .form-control {
        border-right: 0;
    }

        .login-card-body .input-group .form-control:focus {
            box-shadow: none;
        }

            .login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
            .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
                border-color: #80bdff;
            }

        .login-card-body .input-group .form-control.is-valid:focus {
            box-shadow: none;
        }

        .login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
        .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
            border-color: #28a745;
        }

        .login-card-body .input-group .form-control.is-invalid:focus {
            box-shadow: none;
        }

        .login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
            border-color: #dc3545;
        }

    .login-card-body .input-group .input-group-text {
        background-color: transparent;
        border-bottom-right-radius: 0.25rem;
        border-left: 0;
        border-top-right-radius: 0.25rem;
        color: #777;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

.login-box-msg {
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
}

.centered-page {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 70vh;
    -ms-flex-pack: center;
    justify-content: center;
}
input:-internal-autofill-selected {
    background-color: transparent;
}
.text-danger {
    color: #721c24 !important;
}
.required:after {
    content: " *";
    /*color: #721c24;*/
    color: darkred;
    font-weight: bold;
}
.input-validation-error {
    background: #f8d7da;
    border: 1px solid #721c24;
}
.field-validation-error {
    color: red;
    background-color: #f8d7da;
    /*border: 1px solid #f5c6cb;
    font-weight: bold;
    position: relative;
    padding: 0.75rem 1.25rem;*/
    padding-left:5px;
    padding-right: 5px;
    border-radius: 0.25rem;
}
    .field-validation-error:before {
        content: "*";
        color: darkred;
        font-weight: bold;
    }
/*@media (min-width: 576px) {
    ul.stepper {
        display: none;
    }
}
@media (min-width: 768px) {
    ul.stepper {
        display: inline-block;
    }
}
@media (min-width: 992px) {
    ul.stepper {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    ul.stepper {
        display: inline-block;
    }
}*/
.badge-purple {
    color: #fff;
    background-color: #4800ff;
}
.badge-orange {
    color: #000;
    background-color: #fe902d;
}