﻿.app-header {
    background-color: #81C2EB;
}

.btn.btn-success {
    background-color: #81C2EB;
}

.drawer {
    background-color: #81C2EB;
}

.app-header-menu .menu > .menu-item.here > .menu-link {
    background-color: var(--bs-primary);
}

@media only screen and (max-device-width : 640px) {
    .menu-title {
        color: #fff !important;
    }

    .menu-icon i {
        color: #fff !important;
    }
}

@media only screen and (max-device-width: 768px) {
    .menu-title {
        color: #fff !important;
    }

    .menu-icon i {
        color: #fff !important;
    }
}

@media only screen and (max-device-width: 812px) {
    .menu-title {
        color: #fff !important;
    }

    .menu-icon i {
        color: #fff !important;
    }
}

.menu-arrow::after {
    background-color: #ffffff !important;
}

.modal .modal-content .modal-header .modal-title {
    color: #81C2EB;
    font-weight: 600;
    font-size: 1.7rem;
}

.modal-header {
    padding: 1rem;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn.btn-link:not(.btn-outline-primary) {
    color: #0060df !important;
}

.btn.btn-link {
    padding: 0rem 1.15rem !important;
}

.dxbs-hyperlink {
    padding: 0rem 1.15rem !important;
    font-weight: 500;
    font-family: var(--bs-btn-font-family);
    font-size: 1.1rem;
    line-height: var(--bs-btn-line-height);
}

.dxbs-hyperlink:hover {
    color: #0060df !important;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th {
    color: #0060df !important;
}

.dxbs-calendar .btn-toolbar.card-footer {
    margin: 20px;
}

.dxbs-uc .btn-link:not(:hover), .dxbs-button.btn-link:not(:hover), .dxbs-hyperlink:not(:hover) {
    color:#0060df  !important;
}

.app-header-menu .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: #ffffff;
}

@media (min-width: 992px) {
    [data-kt-app-header-minimize="on"] .app-header {
        background-color: #81C2EB !important;
    }
}

.form-control {
    padding: 0.4rem 1rem;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0px;
    padding: calc(1px + 0.4rem) calc(1px + 1.5rem);
}

input[type="text"]:disabled {
    cursor: not-allowed;
}

.btn {
    --bs-btn-color: #81C2EB !important;
}

/*Loading Panel*/
.dxbs-lp {
    background-color: #81C2EB !important;
    color: #ffffff;
}

.menu-text-divider {
    color: #81C2EB !important;
    margin: .5rem 1.2rem;
}

.form-check-input {
    --bs-form-check-bg: white;
}

.dxbs-tagbox .dxbs-tag {
    color: white;
}

.dxbs-popup.modal-dialog {
    padding: 10px;
}

:not(.modal) > .dxbs-popup-fixed-width {
    max-width: none;
    min-width: 340px;
    background-color: lightblue;
    padding: 10px;
}

.dxbs-popup .modal-body {
    margin-bottom: 10px !important;
    overflow: hidden !important;
}

.form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0;
}

.form-check-label {
    color: var(--bs-gray-700);
}