body {
    margin: 0;
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif !important;
    font-size: 14px;
}

.app-color {
    color: var(--accent1);
}

.brand-link {
    background-color: var(--accent1);
}

.btn-default {
    background-color: var(--accent1);
    border-color: var(--accent1);
    color: white;
}

.btn-default:hover {
    background-color: var(--accent1);
    border-color: var(--accent1);
    color: white;
}
.card-header {
    background-color: var(--accent1);
}

.navbar-light {
    background-color: var(--accent1);
}

.border-1 {
    border: 1px solid var(--accent1);
}

.card {
    border-radius: 8px;
    margin-bottom: 6px !important;
}

.form-control.k-widget {
    padding: 0;
    width: 100%;
}

.form-control.k-widget {
    padding: 0;
    width: 100%;
}

.text-underline {
    text-decoration: underline;
}

.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    border-style: none;
    border-width: 0 0 0 0px;
    border-color: inherit;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    max-width: 100%;
    padding-right: 0.5px;
    padding-left: 0.5px;
    margin-right: auto;
    margin-left: auto;
}

.card-success, .bg-success, .text-bg-success {
}

.text-bg-success {
    color: #fff !important;
    background-color: #198754 !important;
}

.card.card-outline {
    border-top: 3px solid var(--accent1);
}

.card-success, .bg-success, .text-bg-success {
    --lte-card-variant-bg: #198754;
    --lte-card-variant-bg-rgb: 25, 135, 84;
    --lte-card-variant-color: #fff;
    --lte-card-variant-color-rgb: 255, 255, 255;
}

.btn-success {
    background-color: #198754 !important;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.main-sidebar, .main-sidebar::before {
    transition: margin-left .3s ease-in-out, width .3s ease-in-out;
    width: 190px;
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
    width: calc(190px - .5rem * 2);
    transition: width ease-in-out .3s;
}

.nav-link {
    display: block;
    padding: .5rem;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    /*padding-right: 5px;
    padding-left: 5px;*/
    float: left;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.25rem;
}

.content-header {
    padding: 5px .5rem;
}

    .content-header h1 {
        font-size: 18px;
        margin: 0;
        font-weight: 600;
    }

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    user-select: none;
    -webkit-user-select: none;
}

.table td, .table th {
    padding: 6px;
    vertical-align: middle !important;
    border-top: 1px solid #dee2e6;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}

.f-10 {
    font-size: 10px !important;
}

.f-11 {
    font-size: 11px !important;
}

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

.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-24 {
    font-size: 24px;
}

.f-30 {
    font-size: 30px;
}

.f-32 {
    font-size: 32px;
}

.f-34 {
    font-size: 34px;
}

.f-36 {
    font-size: 36px;
}

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

.profile-user-img {
    border: 2px solid var(--accent1);
    margin: 0 auto;
    padding: 3px;
    width: 140px;
}

.card-default > .card-header {
    background-color: var(--accent1);
    color: white;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
}

.btn {
    padding: .475rem .5rem;
    font-size: 14px;
}

.btn-app {
    border-radius: 3px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #6c757d;
    font-size: 14px;
    height: 50px;
    margin: 0 5px 10px 5px;
    min-width: 90px;
    padding: 10px 5px;
    position: relative;
    text-align: center;
}

.widget-user .widget-user-image {
    left: 50%;
    margin-left: -45px;
    position: absolute;
    top: 70px;
}

.tip_button:active {
    background-color: #4CAF50 !important; /* Green */
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--accent1);
    color: #fff;
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 190px;
    }
}

:root {
    --bg: #0e0f12;
    --text: #e9e9ef;
    --muted: #a9acb6;
    --muted2: #7b7f8b;
    --accent1: #0a6d7c;
    --accent2: #c9973d;
    --accent3: #a9792a;
    --shadow: 0 20px 60px rgba(0, 0, 0, .55);
    --shadow2: 0 10px 25px rgba(0, 0, 0, .45);
    --radius1: 18px;
    --radius2: 14px;
}