@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

body {
    font-family: "Poppins", sans-serif;
    background-color: #e2e8f0;
}

.choices__inner {
    background-color: #fff !important;
    height: calc(3.5rem + 2px) !important;
    padding: .75rem !important;
    font-size: 1rem !important;
}

.text-disabled {
    cursor: not-allowed;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    cursor: not-allowed !important;
    pointer-events: unset;
    border-color: rgb(108, 117, 125);
    color: rgb(108, 117, 125);
}

.btn-outline-primary.disabled:hover {
    border-color: rgb(108, 117, 125);
    color: rgb(108, 117, 125);
    background-color: transparent;
}

.btn-link,
a {
    color: #f49521;
    text-decoration: none;
    transition: color 500ms;
    will-change: color;
}

.btn-link:hover,
a:hover {
    color: #fbc115;
    text-decoration: none;
}

.invalid-feedback {
    display: inline-block !important;
}

.breadcrumb {
    margin-bottom: 0;
}

.p-cursor {
    cursor: pointer;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #fbc115;
}

blockquote {
    color: #7f8fa4;
    font-size: inherit;
    padding: 8px 24px;
    margin: 16px 0;
    border-left: 3px solid #eaeaea;
}

blockquote p:last-of-type {
    margin-bottom: 0;
}

.thumbnail-cell {
    max-width: 150px;
}

.img-thumbnail-default {
    opacity: 0.5;
}

.img-50 {
    height: 50px;
    width: 50px;
}

.img-150 {
    height: 150px;
    width: 150px;
}

.img-150x250 {
    height: 150px;
    width: 250px;
}

.nav-tabs .nav-link {
    font-weight: 600;
}

.badge {
    font-weight: 400;
}

.form-floating > label {
    color: #6c757d;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    color: #212529;
}

.nav-img {
    max-height: 40px;
}

.login-img {
    max-height: 200px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #f49521;
    border-color: #f49521;
}

.page-link {
    color: #f49521;
}

.page-link:hover {
    z-index: 2;
    color: #fbc115;
}

.btn-primary {
    background-color: #f49521;
    border-color: #f49521;
    transition: all 500ms;
}

.btn-primary:hover {
    color: #fff;
    background-color: #fbc115;
    border-color: #fbc115;
}

.btn-outline-primary {
    color: #f49521;
    border-color: #f49521;
    transition: all 500ms;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #f49521;
    border-color: #f49521;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #f49521;
    border-color: #f49521;
}

.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(244, 149, 33, 0.5);
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(244, 149, 33, 0.5);
}

.form-control {
    transition: all 500ms;
}

.form-control:focus {
    border-color: #fbc115;
    box-shadow: 0 0 0 0.25rem rgba(244, 149, 33, 0.5);
}

.form-check-input:checked {
    background-color: rgba(244, 149, 33, 0.5);
    border-color: rgba(244, 149, 33, 0.5);
}

.form-check-input:focus {
    border-color: rgba(244, 149, 33, 0.5);
    outline: 0;
    box-shadow: none;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fbc115'/%3e%3c/svg%3e");
}

.avatar-200 {
    width: 200px;
    height: 200px;
}

.avatar-50 {
    width: 50px;
    height: 50px;
}

.avatar-20 {
    width: 20px;
    height: 20px;
}

.avatar-table-cell {
    width: 60px;
}

.choices__list--multiple .choices__item {
    background-color: #fbc115;
    border: 1px solid #F49521;
}

.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
    border-left: 1px solid #F49521;
}

/*# sourceMappingURL=app.css.map */