:root {
    --bs-primary: #1AB69D;
    --bs-black: #181818;
    --bs-secondary: #727272;
    --bs-pink: #EE4A62;
}

.text-gray-900,
.col-form-label,
.text-gray-800 {
    color: var(--bs-black) !important;
}

.text-hover-primary:hover {
    color: var(--bs-primary) !important;
}

.text-gray-500,
.text-muted,
.nav-line-tabs .nav-item .nav-link {
    color: var(--bs-secondary) !important;
}

.menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: var(--bs-primary);
}

.app-main {
    background-color: #f5f5f5;
}

.app-footer {
    background-color: #fff;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: #fff;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: var(--bs-black);
    font-weight: 500;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: rgb(103, 186, 127, 0.4);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-primary);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    -webkit-mask-image: url(../media/icons/left.svg) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 1px solid rgba(24, 24, 24 0.4);

}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs-primary);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #fff;
}

.dashboard-app-container .card-header {
    padding-bottom: 20px;
}

.nav-line-tabs .nav-item .nav-link.active {
    color: var(--bs-primary) !important;
}

.btn-check:checked+.btn.btn-primary,
.btn-check:active+.btn.btn-primary,
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary.active,
.btn.btn-primary.show,
.show>.btn.btn-primary {
    background-color: #33ceb3 !important;
}

.form-text {
    color: var(--bs-secondary) !important;
}

.form-control.form-control-solid {
    color: var(--bs-black);
}

.form-control.form-control-solid::placeholder {
    color: #727272;
}

table thead th {
    color: var(--bs-black) !important;
}

table tbody td,
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder {
    color: var(--bs-secondary) !important;
}

.page-link.active,
.active>.page-link {
    background-color: var(--bs-primary);
}

.form-check .form-check-input,
.form-check .form-check-label {
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
}

.table:not(.table-bordered) th,
.table:not(.table-bordered) td {
    padding-left: 0;
    padding-right: 10px !important;
}

.form-control-solid {
    background-color: #f5f5f5 !important;
}

.datepicker table thead tr:nth-child(3) th {
    font-size: 14px;
    font-weight: 400;
}

.datepicker table thead tr:nth-child(2) th {
    font-size: 14px;
    font-weight: 500;
}

.datepicker-days table thead tr:nth-child(3) th {
    height: 40px;
}

.datepicker table thead tr th {
    width: 30px;
    height: 30px;
}

.datepicker table tbody tr td {
    width: 30px;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.datepicker table {
    border-spacing: 5px 0;
    border-collapse: inherit;
}

table tr td.day.active,
.datepicker table tr td.today {
    background: var(--bs-primary) !important;
    color: #fff !important;
}
.input-group-text
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f5f5f5;
    border: 0;
}
.datepicker .form-control
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable)
{
    border-color: #1AB69D !important;
}
.ck.ck-content.ck-editor__editable,
.ck.ck-toolbar.ck-toolbar_grouping,
.ck.ck-editor__main
{
background-color: #f5f5f5;
border: 0;
}
.ck.ck-editor__main,
.ck.ck-editor__main>.ck-editor__editable
{
    background: #f5f5f5 !important;
    border-top: 1px solid #e5e5e5;
}
.form-control:focus
{
    color: var(--bs-black) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i
{
    color: var(--bs-black);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow:after
{
    -webkit-mask-image: url(../media/icons/left.svg) !important;
    background-color: var(--bs-black);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after
{
    background-color: var(--bs-primary);
}

/* modal start */
.bg-body
{
    background-color: transparent !important;
}
.modal-fullscreen
{
    width: 50vw;
    height: unset;
    margin-left: auto;
    margin-right: auto;
}
.modal-footer
{
    border-top: 0;
}
.form-select option
{
    color: #727272;
    font-weight: 500;
}

/* Side bar scroll css */
/* #kt_app_sidebar_menu_scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px #F5F5F5;
	background-color: #F5F5F5;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb
{
	background-color: #F5F5F5;
} */
/* Side bar scroll css over */

@media (min-width: 992px) {
    .app-container {
        padding-right: 30px !important;
        padding-left: 30px !important;
        padding-bottom: 30px;
    }

    #kt_app_header_container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media (max-width: 991px)
{
    .modal-fullscreen
    {
        width: 80vw;
    }
}

@media (max-width: 576px)
{
    .modal-fullscreen
    {
        width: 95vw;
    }
}