.v-application,
body,
.text-h1,
.text-h2,
.text-h3,
.text-h4,
.text-h5,
.text-h6,
.text-headline,
.text-title,
.text-subtitle-1,
.text-subtitle-2,
.text-body-1,
.text-body-2,
.text-button,
.text-caption,
.text-overline {
    font-family: Cairo, Tahoma, Sans-Serif, serif !important;
}

:root {
    --m-c: #09130c;
    --s-c: #0a7245;
}

::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-thumb {
    background-color: #AAA;
    border-radius: 5px;
}

.sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-link:not(.disabled):hover {
    background-color: var(--s-c);
}

.dropdown-menu.dropdown-menu-right.show {
    background-color: #131313;
    border-radius: 10px;
}

.btn-success {
    background-color: var(--s-c) !important;
}

a.dropdown-item {
    color: #fff;
    background-color: #131313;
    border-radius: 15px;
}

a.dropdown-item:hover {
    background-color: var(--s-c);
}

.navbar-light {
    padding: 5px 20px;
}

.navbar-light .navbar-brand img {
    height: 60px;
}

.navbar-light .navbar-brand {
    padding: 0px;
    margin: 0px;
}

.navbar-light .navbar-nav-link {
    color: #fff;
    background-color: var(--s-c);
    border-radius: 10px;
}

.navbar-light .navbar-nav-link:focus,
.navbar-light .navbar-nav-link:hover {
    background-color: var(--m-c);
    color: white;
}

.dropdown-user .navbar-nav-link,
.dropdown-user .navbar-nav-link > span {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
}

.navbar-nav-link {
    padding: 12px;
    border-radius: 2px;
}

.sidebar-dark {
    background-color: var(--m-c);
}

button.btn.btn-primary {
    border-radius: 10px;
}

.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled),
.btn-primary:hover,
.sidebar-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-open > .nav-link:not(.disabled),
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--s-c);
    color: var(--m-c);
    border-radius: 15px;
}

.nav-sidebar .nav-item:not(.nav-item-divider) {
    margin-bottom: 1px;
    margin: 0px 10px;
    overflow: hidden;
    margin-bottom: 6px;
}

.sidebar-dark .nav-sidebar > .nav-item-submenu > .nav-group-sub,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-submenu > .nav-group-sub {
    background-color: #131313;
}

.nav-sidebar .nav-item:not(.nav-item-header):last-child {
    padding-bottom: 0px;
}

.sidebar-dark .nav-sidebar .nav-item > .nav-link.active,
.btn.btn-info:hover,
.btn.text-primary:hover,
.btn.text-danger:hover,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item > .nav-link.active {
    /* background-color: var(--s-c); */
    color: #FFF !important;
}

.dt-buttons {
    margin: 0 0 1.25rem 50px;
}

.nav-group-sub .nav-link {
    padding: .625rem 1rem .625rem 1.25rem;
    margin-right: 29px;
    margin-bottom: 4px;
    font-weight: 600;
    border-radius: 20px !important;
}

button.btn.btn-info {
    float: left;
}

button.btn.btn-info:hover {
    border-radius: 10px;
    background-color: var(--s-c);
}

.btn-primary,
.btn.btn-info,
.page-item.active .page-link {
    color: #FFF;
    background-color: var(--s-c);
    padding: 5px 20px;
    border: none !important;
    border-radius: 10px;
}

.page-link {
    padding: 4px 7px;
}

.card {
    box-shadow: none !important;
    border: none;
}

.table thead th {
    vertical-align: middle;
    border: 3px solid #FFF;
    background: var(--s-c);
    border-radius: 15px;
    color: #FFF;
}

.table td {
    padding: 4px 1.25rem;
    vertical-align: top;
    border: 3px solid #FFF;
    border-radius: 5px;
    font-weight: 600;
}

.table .odd td {
    background: #f5f5f5;
}

.btn.text-primary,
.btn.text-danger {
    padding: 2px 5px;
    margin: 0px 2px;
    border-radius: 3px !important;
}

.form-control,
.card .note-editor,
span.select2-selection.select2-selection--single,
.select2-selection.select2-selection--multiple {
    transition: .5s all;
    border: none;
    border-bottom: 3px solid var(--m-c) !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .08);
    padding-bottom: 0px;
}

.form-control:hover,
.form-control:focus,
.card .note-editor:hover,
.card .note-editor:focus,
.select2-selection.select2-selection--single:hover,
.select2-selection.select2-selection--single:focus,
.select2-selection.select2-selection--multiple:hover,
.select2-selection.select2-selection--multiple:focus {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, .10);
    border-color: #FFF !important;
    border-bottom-color: var(--s-c) !important;
    border-radius: 20px;
}

.col-form-label.text-left {
    font-size: 15px;
    color: var(--s-c);
    font-weight: 600;
}

.select2-results__option[aria-selected=true] {
    color: var(--m-c);
    background-color: var(--s-c);
}

.btn.btn-primary[type=submit] {
    width: 150px;
    padding: 8px;
    background-color: var(--s-c);
    color: var(--m-c);
    font-weight: 600;
    letter-spacing: 3px;
    transition: .5s all;
    margin-top: 20px;
}

.text-primary {
    color: var(--s-c) !important;
}

.btn.btn-primary[type=submit]:hover,
.btn.btn-primary[type=submit]:focus {
    background-color: var(--m-c);
    color: var(--s-c);
    transform: scale(1.1);
}

.dataTables_wrapper div.dataTables_filter input.form-control.form-control-sm:hover,
.dataTables_wrapper div.dataTables_filter input.form-control.form-control-sm:focus {
    transform: translate(0px, 0px);
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--m-c);
    color: #FFF;
}

.content {
    background-color: #fff;
    background-image: url(../background/undraw_personal_trainer_ote3.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 800px;
}

.bg-slate-800 .content {
    background-image: unset;
    background-color: #EEEEEE;
}

.sidebar.sidebar-dark.sidebar-main.sidebar-expand-md {
    background-image: url(../../global_assets/images/Asset14-min.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.sidebar-xs .sidebar-main .nav-sidebar > .nav-item > .nav-link {
    margin: 5px;
    border-radius: 4px;
}

.sidebar-dark .nav-sidebar .nav-item-header {
    color: var(--s-c);
}

.bg-slate-800 {
    background-color: #161B32;
}

.login-form .btn.btn-primary[type=submit] {
    margin: auto;
}

.login-form .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 50px 1.25rem;
}

.login-form img {
    text-align: center;
    width: 60px !important;
    margin-bottom: 24px !important;
}

.login-form .card {
    border-radius: 25px !important;
}

.login-form .form-control {
    padding: 20px 40px;
}

.login-form .form-control:hover,
.login-form .form-control:focus {
    transform: none;
}

.login-form .form-control:hover + .form-control-feedback i,
.login-form .form-control:focus + .form-control-feedback i {
    color: var(--m-c) !important;
}

@media (min-width: 576px) {
    .login-form {
        width: 28rem;
    }
}

.nav-sidebar > .nav-item > .nav-link {
    font-weight: 500;
    border-radius: 30px !important;
    overflow: hidden;
    background: var(--s-c);
}

.clearfix .btn.btn-primary[type=submit] {
    margin-top: 0px;
}

.left-div-wrap .tw-flex.tw-justify-between.tw-mt-5.tw-space-x-3.terms-wrap {
    flex-wrap: wrap;
}

#app .tw-bg-green-700,
#app .tw-text-white {
    background-color: var(--s-c) !important;
    border-radius: 25px !important;
}

#app .tw-p-3,
#app .tw-pr-2,
#app .tw-mb-5,
#app .tw-bg-gray-50,
.meal-item-line[data-v-f3bf7b9a],
.btn.btn-secondary,
.btn.btn-success,
.theme--light.v-btn.v-btn--icon,
.v-sheet.v-card:not(.v-sheet--outlined) {
    border-radius: 25px !important;
}

.meal-item-line[data-v-f3bf7b9a] {
    margin-bottom: 15px;
}

.v-sheet.v-card:not(.v-sheet--outlined) .v-divider {
    margin: 5px 0px !important;
}

.v-card__title {
    font-weight: 600 !important;
}

.meal-item-line[data-v-f3bf7b9a] {
    transition: .5s all !important;
}

.meal-item-line[data-v-f3bf7b9a]:hover,
.meal-item-line[data-v-0bd52439]:hover {
    background-color: #53b50030 !important;
}

#app .tw-pr-2 {
    margin-bottom: 15px;
}

#app .tw-text-gray-700 {
    padding: 5px;
}

* {
    outline: none !important;
}

.theme--light.v-pagination .v-pagination__item--active,
.v-card__actions > .v-btn.v-btn {
    background-color: var(--s-c) !important;
    border-color: var(--s-c) !important;
    color: #FFF !important;
}

.theme--light.v-pagination .v-pagination__item {
    border-radius: 25px;
}

.data-meal .tw-text-center {
    padding: 15px 10px;
    border: 1px solid #DDD;
    border-radius: 25px;
}

.v-sheet.v-card:not(.v-sheet--outlined) {
    border-radius: 25px !important;
    overflow: hidden;
}

.data-meal {
    padding: 10px !important;
}

.meal-item-line input.tw-border.tw-border-solid {
    border-radius: 15px;
}

.meal-item-line[data-v-0bd52439] {
    border-radius: 25px !important;
    padding: 5px 10px !important;
    margin-bottom: 10px;
    transition: .5s all !important;
}


@media print {
}
