/*-----------------------------------------------------------------------------------

    Theme Name: green
    Description: This SCSS file defines the styles for the green theme of the application.
    Version: 1.0.1

----------------------------------------------------------------------------------- */
/************ TABLE OF CONTENTS ***************

    01. Application Settings
    02. Auth Page
    03. drag
    04. filter
    05. component
    06. header
    07. media manager
    08. menu manager
    09. menu builder
    10. profile
    11. sidebar
    12. data table
    13. top nav
    14. tag
    15. toaster
    16. modal
    17. language

**********************************************/
/* ================================= */
/*          Theme Variables          */
/* ================================= */
/* ================================= */
/*        End: Theme Variables       */
/* ================================= */
body {
  background: #f4f4f4;
}
body a {
  color: #26775d;
}
body hr {
  border: none;
  border-bottom: 1px solid #A9A9A9 !important;
}

html[dir=rtl] .shadow-layer {
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.089);
}
html[dir=rtl] #collapse-sidebar .lfp-sidenav li.active-item > a {
  background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.2));
}
html[dir=rtl] #collapse-sidebar .lfp-sidenav li:hover > a {
  background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.2));
}
html[dir=rtl] #collapse-sidebar .lfp-sidenav li ul > li a::before {
  border-right: 2px solid #dedada;
  border-left: none;
}

/* ================================= */
/*    01. Application Settings       */
/* ================================= */
.app-settings-accordion-title {
  background-color: #26775d;
  color: #ffffff;
}

.app-settings-accordion-box {
  background-color: #ffffff;
}

.app-settings-parent-ul .app-settings-parent-li .app-settings-parent-link {
  background-color: rgb(50.3439490446, 157.6560509554, 123.2101910828);
  color: #ffffff;
}
.app-settings-parent-ul .app-settings-parent-li ul {
  background-color: #ffffff;
  color: #212529;
}
.app-settings-parent-ul .app-settings-parent-li ul li {
  border-top: 1px solid #e9e9e9;
}
.app-settings-parent-ul .app-settings-parent-li ul li a {
  color: #212529;
}
.app-settings-parent-ul .app-settings-parent-li ul li a:hover, .app-settings-parent-ul .app-settings-parent-li ul li a.active {
  background-color: #dedada;
}

.lf-application-settings .form-group label {
  color: #232531;
}
.lf-application-settings .lf-checkbox input:checked + label::before {
  background: #232531;
  color: #232531;
}
.lf-application-settings .lf-checkbox label.inactive {
  color: #A9A9A9;
}
.lf-application-settings .lf-checkbox label.inactive::before {
  background: white;
  color: #ababab;
}
.lf-application-settings .lf-checkbox label.active {
  color: #A9A9A9;
}
.lf-application-settings .lf-checkbox label.active::before {
  background: white;
  color: #A9A9A9;
}
.lf-application-settings .lf-checkbox label::before {
  background: #C0C0C0;
  color: #454545;
}
.lf-application-settings .lf-radio input:checked + label::before {
  background: #232531;
  color: #232531;
}
.lf-application-settings .lf-radio label.inactive {
  color: #A9A9A9;
}
.lf-application-settings .lf-radio label.inactive::before {
  background: white;
  color: #ababab;
}
.lf-application-settings .lf-radio label.active {
  color: #A9A9A9;
}
.lf-application-settings .lf-radio label.active::before {
  background: white;
  color: #A9A9A9;
}
.lf-application-settings .lf-radio label::before {
  background: #C0C0C0;
  color: #454545;
}
.lf-application-settings .lf-switch .lf-switch-input:checked + .lf-switch-label {
  color: #37af84;
}
.lf-application-settings .lf-switch .lf-switch-input:checked + .lf-switch-label::before {
  background: #26775d;
}
.lf-application-settings .lf-switch .lf-switch-label {
  background: #e9e9e9;
  color: #212529;
}

/* ================================= */
/*     END: Application Settings     */
/* ================================= */
/* ================================= */
/*           02: Auth Page           */
/* ================================= */
.auth-container .auth-main .auth-form {
  background-color: #ffffff;
}
.auth-container .auth-main .auth-form .title {
  color: #ffffff;
  background-color: #26775d;
}
.auth-container .auth-main .auth-form .title-style {
  background-color: #26775d;
}
.auth-container .auth-main .auth-form .field-icon {
  color: #212529;
}
.auth-container .auth-main .auth-form input::placeholder {
  color: #696969;
}

/* ================================= */
/*           END: Auth Page          */
/* ================================= */
/* ================================= */
/*              03: drag             */
/* ================================= */
.list-design-wrapper.editing .edit-date-field.active > div {
  background-color: #26775d;
}
.list-design-wrapper li {
  background: #e9e9e9;
}

/* ================================= */
/*             END: drag             */
/* ================================= */
/* ================================= */
/*            04: filter          */
/* ================================= */
.filter-options {
  background: #ffffff;
}
.filter-options .filter-header {
  color: #212529;
  border-bottom: 1px solid rgba(204, 204, 204, 0.438);
}

/* ================================= */
/*             END: drag             */
/* ================================= */
/* ================================= */
/*            05: component          */
/* ================================= */
.upload-container {
  background-color: rgba(0, 0, 0, 0.1);
}
.upload-container .file-list .file-tag {
  background-color: #cccccc;
  color: #000000;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000000 !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover {
  background-color: #000000 !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

#breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #888888;
}
#breadcrumb .breadcrumb-item.active {
  color: #888888;
}

.main-content-title {
  color: #000000;
}

.lf-tab-box .lf-tab-item {
  background-color: #cccccc;
  color: #212529;
}
.lf-tab-box .lf-tab-item.active, .lf-tab-box .lf-tab-item:hover {
  color: #ffffff;
  background-color: #26775d;
}

.lf-tab-content {
  background-color: #ffffff;
}
.lf-tab-content .eye-color {
  color: #26775d;
}

.lf-card-box .lf-card-box-footer {
  background: rgb(50.3439490446, 157.6560509554, 123.2101910828);
  color: #ffffff;
}
.lf-card-box .lf-card-box-header {
  background: #26775d;
  color: #ffffff;
}
.lf-card-box .lf-card-box-body {
  background-color: #ffffff;
  color: #212529;
}

.def-label {
  color: rgba(33, 37, 41, 0.8);
}

.def-input .field-icon {
  color: #212529;
}

.def-input input {
  color: #212529;
}

.search-wrapper input,
.def-input,
.def-date-input {
  color: #212529;
  background-color: rgba(33, 37, 41, 0.1);
}
.search-wrapper input::placeholder,
.def-input::placeholder,
.def-date-input::placeholder {
  color: #696969;
}

.btn-1 {
  background: #26775d;
  color: #ffffff;
}
.btn-1:hover {
  background: #26775d;
}

.btn-2 {
  background: #79a99a;
  color: #ffffff;
}
.btn-2:hover {
  background: #79a99a;
}

.btn-cancel {
  background: rgba(219, 48, 86, 0.5);
  color: #000000;
}
.btn-cancel:hover {
  background: rgba(219, 48, 86, 0.6);
}

.filter-reset-btn {
  color: #ffffff;
}

.def-logo-btn-1 {
  background: #26775d;
  color: #ffffff;
}

.primary-btn {
  background: #26775d !important;
  color: #ffffff !important;
}
.primary-btn:hover {
  background: #79a99a !important;
}

.primary-btn-outline {
  border: 1px solid #26775d !important;
  color: #26775d !important;
}
.primary-btn-outline:hover {
  background: #26775d !important;
  color: #ffffff !important;
}

.success-btn {
  background: #37af84 !important;
  color: #ffffff !important;
}
.success-btn:hover {
  background: rgb(42.8043478261, 136.1956521739, 102.7304347826) !important;
}

.success-btn-outline {
  border: 1px solid #37af84 !important;
  color: #37af84 !important;
}
.success-btn-outline:hover {
  background: #37af84 !important;
  color: #ffffff !important;
}

.info-btn {
  background: #47a3cc !important;
  color: #ffffff !important;
}
.info-btn:hover {
  background: rgb(48.6127659574, 136.3063829787, 175.3872340426) !important;
}

.info-btn-outline {
  border: 1px solid #47a3cc !important;
  color: #47a3cc !important;
}
.info-btn-outline:hover {
  background: #47a3cc !important;
  color: #ffffff !important;
}

.warning-btn {
  background: #fc8621 !important;
  color: #ffffff !important;
}
.warning-btn:hover {
  background: rgb(230.88, 108.16, 3.12) !important;
}

.warning-btn-outline {
  border: 1px solid #fc8621 !important;
  color: #fc8621 !important;
}
.warning-btn-outline:hover {
  background: #fc8621 !important;
  color: #ffffff !important;
}

.danger-btn {
  background: #db3056 !important;
  color: #ffffff !important;
}
.danger-btn:hover {
  background: rgb(184, 32, 65.7777777778) !important;
}

.danger-btn-outline {
  border: 1px solid #db3056 !important;
  color: #db3056 !important;
}
.danger-btn-outline:hover {
  background: #db3056 !important;
  color: #ffffff !important;
}

.black-btn {
  background: #000000 !important;
  color: #ffffff !important;
}
.black-btn:hover {
  background: black !important;
}

.black-btn-outline {
  border: 1px solid #000000 !important;
  color: #000000 !important;
}
.black-btn-outline:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

.white-btn {
  background: #ffffff !important;
  color: #000000 !important;
}
.white-btn:hover {
  background: rgb(229.5, 229.5, 229.5) !important;
}

.white-btn-outline {
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
.white-btn-outline:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.dropdown-list-color {
  color: #212529;
  background-color: #ffffff;
}
.dropdown-list-color.active, .dropdown-list-color:hover {
  color: #26775d;
  background-color: #dedada;
}

.menu-drop-down-field {
  color: #212529;
  background-color: rgba(33, 37, 41, 0.5);
}
.menu-drop-down-field::placeholder {
  color: #696969;
}

.icon-btn {
  background-color: rgba(128, 128, 128, 0.5);
  color: #26775d;
}
.icon-btn.active, .icon-btn:hover {
  background-color: rgba(128, 128, 128, 0.2);
}

.dropdown-show-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
  background: #ffffff;
}

.gradient-circle {
  background: radial-gradient(#26775d, transparent);
}

.gradient-circle-2 {
  background: radial-gradient(#26775d, transparent);
}

.action-btn {
  background-color: #26775d;
  color: #ffffff;
}
.action-btn:hover {
  background-color: #79a99a;
}
.action-btn.danger {
  background-color: #db3056;
}

.tooltip-container .tooltip .tooltip-content {
  background-color: #000000;
  color: #dedada;
}
.tooltip-container .tooltip .tooltip-arrow {
  background-color: #000000;
}

.custom-checkbox input[type=checkbox] {
  border: 2px solid #26775d;
}
.custom-checkbox input[type=checkbox]::after {
  color: #ffffff;
}
.custom-checkbox input[type=checkbox]:checked {
  background-color: #26775d;
  border-color: #26775d;
}
.custom-checkbox input[type=checkbox]:focus {
  box-shadow: 0 0 0 3px rgba(38, 119, 93, 0.3);
}
.custom-checkbox label {
  color: #212529;
}

.custom-radio label {
  color: #212529;
}
.custom-radio label::before {
  border: 2px solid #26775d;
}
.custom-radio label::after {
  background: #26775d;
}
.custom-radio input[type=radio]:checked + label::before {
  border-color: #26775d;
}

.custom-switch {
  background: rgba(33, 37, 41, 0.1);
}
.custom-switch::before {
  background: #A9A9A9;
}
.custom-switch:has(input[type=checkbox]:checked)::before {
  background: #26775d;
}

.loader {
  border: 5px solid #e9e9e9;
  border-top: 5px solid #26775d;
}

.upload-file-wrapper {
  background: #cccccc;
  border: 3px solid #26775d;
}
.upload-file-wrapper .image-remove-btn {
  background: #ffffff;
  color: #db3056;
}

.drop-area-container .drop-area {
  border: 2px dashed #C0C0C0;
}
.drop-area-container .drop-area:hover {
  border-color: #A9A9A9;
}
.drop-area-container .drop-area .drop-area-text {
  color: #888888;
}
.drop-area-container .image-remove-btn {
  background: #ffffff;
  color: #db3056;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.drop-area-container .image-remove-btn:hover {
  color: rgb(184, 32, 65.7777777778);
}

.custom-select::after {
  color: #212529;
}
.custom-select .select-selected {
  background: #e9e9e9;
  color: #212529;
}
.custom-select .select-items {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.custom-select .select-items li.active, .custom-select .select-items li:hover {
  background-color: #e9e9e9;
}

/* ================================= */
/*            END: component         */
/* ================================= */
/* ================================= */
/*             06. header            */
/* ================================= */
header {
  background: #f4f4f4;
}
header #sidebar-collapse-button {
  color: #888888;
}
header .notifications-wrapper .notifications {
  background-color: #ffffff;
}
header .notifications-wrapper .notifications .content {
  color: #333333;
}
header .notifications-wrapper .notifications .notifications-list {
  color: #696969;
}
header .notifications-wrapper .notifications .notifications-list.customScroll {
  scrollbar-color: #696969 #f4f4f4;
}
header .notifications-wrapper .notifications .see-all a {
  background-color: #e9e9e9;
  color: #191d3c;
}
header .notifications-wrapper .notifications .see-all a:hover {
  background-color: rgba(233, 233, 233, 0.9);
}
header .notification-number-wrapper {
  background: #26775d;
  color: #ffffff;
}
header .profile .dropdown-show-box .profile-info {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(51, 51, 51, 0.123);
  color: #212529;
}
header .lf-color-palette .dropdown-show-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
}
header .lf-color-palette .dropdown-show-box .color-section .theme-switch {
  border: 2px solid #888888;
}

/* ================================= */
/*             END: header           */
/* ================================= */
/* ================================= */
/*          07. media manager        */
/* ================================= */
.lf-media-folder-box {
  background-color: #ffffff;
}
.lf-media-folder-box .lf-directory {
  background-color: #e9e9e9;
}
.lf-media-folder-box .lf-directory i {
  color: #191d3c;
}

.media-file-list .media-box {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
}
.media-file-list .media-box .cm-lb-img-link {
  border-bottom: 1px solid #e9e9e9;
}

/* ================================= */
/*          END: media manager       */
/* ================================= */
/* ================================= */
/*            08. menu manager       */
/* ================================= */
.lf-backend-navigation-wrapper .lf-menu-select-nav a {
  color: #212529;
}
.lf-backend-navigation-wrapper .lf-menu-select-nav a:hover, .lf-backend-navigation-wrapper .lf-menu-select-nav a.active {
  background-color: #e9e9e9;
}
.lf-backend-navigation-wrapper .lf-menu-link-box .lf-checkbox label:hover {
  color: #26775d !important;
}
.lf-backend-navigation-wrapper .lf-menu-link-box .lf-checkbox:nth-child(even) {
  background-color: #e9e9e9;
}
.lf-backend-navigation-wrapper .lf-menu-link-box .lf-checkbox:nth-child(odd) {
  background-color: #dedada;
}

/* ================================= */
/*           END: menu manager       */
/* ================================= */
/* ================================= */
/*           09. menu builder        */
/* ================================= */
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu {
  color: #696969;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu .innermenuhead {
  border: 1px solid #e9e9e9;
  background: #f4f4f4;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu .innermenuhead > div:hover {
  color: #db3056;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu .innermenubody {
  border: 1px solid #EFEFEF;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu .innermenubody input[type=text] {
  border: 1px solid #e9e9e9;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu .innermenubody input.is-invalid {
  border-color: #db3056;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu .innermenubody .deletebutton {
  color: #db3056;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item .innermenu .innermenubody .deletebutton:hover {
  color: #47a3cc;
}
.lf-backend-navigation-wrapper .mymenu li.individual-menu-item input {
  color: #778899;
}

/* ================================= */
/*          END: menu builder        */
/* ================================= */
/* ================================= */
/*             10. profile           */
/* ================================= */
.lf-user-profile {
  background-color: #ffffff;
}
.lf-user-profile .profile-avatar {
  background-color: #e9e9e9;
}
.lf-user-profile .profile-avatar.edit-avatar .cm-uploader-button {
  background-color: #dedada;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.lf-user-profile .profile-avatar.edit-avatar .cm-uploader-button:hover {
  background-color: #333333;
}
.lf-user-profile .profile-avatar.edit-avatar .avatar-spinner {
  background-color: #dedada;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

/* ================================= */
/*             END: profile          */
/* ================================= */
/* ================================= */
/*             11. sidebar           */
/* ================================= */
#collapse-sidebar {
  background-color: #26775d;
}
#collapse-sidebar .sidebar-footer,
#collapse-sidebar .icon-wrapper {
  background-color: #26775d;
}
#collapse-sidebar .lfp-sidenav li.active-item::after, #collapse-sidebar .lfp-sidenav li:hover::after {
  background-color: #79a99a;
}
#collapse-sidebar .lfp-sidenav li.active-item > a {
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2));
}
#collapse-sidebar .lfp-sidenav li a {
  color: #ffffff;
}
#collapse-sidebar .lfp-sidenav li a:hover {
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2));
}
#collapse-sidebar .lfp-sidenav li ul > li a::before {
  border-left: 2px solid #dedada;
  border-bottom: 2px solid #dedada;
}
#collapse-sidebar .drop-down-item .header-line {
  background: #dedada;
}
#collapse-sidebar.collapse-sidebar .sub-item {
  background: #26775d;
  box-shadow: rgba(0, 0, 0, 0.28) 0px 0px 5px;
}
#collapse-sidebar .header-line {
  background-color: #dedada;
}
#collapse-sidebar .shadow-layer {
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.089);
}

/* ================================= */
/*             END: sidebar          */
/* ================================= */
/* ================================= */
/*            12. data table         */
/* ================================= */
.def-table table thead {
  color: #212529;
}
.def-table table thead tr th a {
  color: #212529;
}
.def-table table tbody {
  color: #212529;
}
.def-table table tbody tr td {
  background: #e9e9e9;
}
.def-table table tbody tr td .first-column .tableDropBtn .minus {
  color: #db3056;
}
.def-table table tbody tr td .first-column .tableDropBtn .plus {
  color: #26775d;
}
.def-table table tbody tr td.child-td {
  background: rgba(38, 119, 93, 0.1);
}

.pagination-wrapper .showing {
  color: rgba(33, 37, 41, 0.8);
}
.pagination-wrapper .pagination .page-item .page-link {
  color: #333333;
  background-color: #e9e9e9;
}
.pagination-wrapper .pagination .page-item .page-link:hover {
  background-color: #26775d;
  color: #ffffff;
}
.pagination-wrapper .pagination .page-item.active .page-link {
  background-color: #26775d;
  color: #ffffff;
}
.pagination-wrapper .showing-options {
  background: #191d3c;
}

/* ================================= */
/*            END: data table         */
/* ================================= */
/* ================================= */
/*             13. top nav           */
/* ================================= */
.lf-main-nav > li.active > a {
  color: #79a99a !important;
}
.lf-main-nav > li:hover > a {
  color: #79a99a;
}
.lf-main-nav > li > a {
  color: #26775d;
}
.lf-main-nav > li > a::before {
  background: #79a99a;
}
.lf-main-nav > li li.active > a {
  background: #26775d !important;
}
.lf-main-nav li ul {
  background: #f4f4f4;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.lf-main-nav li ul li:hover > a {
  background: #26775d;
  color: #ffffff;
}
.lf-main-nav li ul li a {
  color: #26775d;
}

.lf-responsive-menu-wrapper .slicknav_menu .slicknav_btn {
  background: #79a99a;
}
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav {
  background: #dedada;
}
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li a,
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li .slicknav_item.slicknav_row {
  color: #26775d;
}
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li:hover > a,
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li:hover > a > .slicknav_arrow,
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li:hover > a > a {
  background: #26775d !important;
  color: #ffffff;
}
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li.active > a,
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li.active > a > .slicknav_arrow,
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li.active > a > a {
  background: #26775d !important;
  color: #ffffff;
}
.lf-responsive-menu-wrapper .slicknav_menu .slicknav_nav li ul {
  border-left: 1px dotted rgba(0, 0, 0, 0.1);
}

.lf-template-header {
  background: #ffffff;
}
.lf-template-header.header-transparent .lf-side-nav-toggler {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.lf-template-header.header-transparent .lf-main-nav > li > a {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.lf-template-header.header-transparent .lf-user-menu > li > a {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.lf-user-menu .lf-language button {
  background-color: rgba(128, 128, 128, 0.4);
  color: #26775d;
}
.lf-user-menu .lf-language button:hover {
  background-color: rgba(128, 128, 128, 0.5);
}
.lf-user-menu .lf-language .dropdown-item {
  border-bottom: 1px solid #cccccc;
}
.lf-user-menu .lf-language .dropdown-item:hover {
  background-color: #dedada;
}
.lf-user-menu .lf-user-notification .dropdown-show-box {
  background-color: #ffffff;
}
.lf-user-menu .lf-user-notification .notifications-list {
  color: #696969;
}
.lf-user-menu .lf-user-notification .lf-icon {
  background-color: rgba(38, 119, 93, 0.1);
  color: #26775d;
}
.lf-user-menu .lf-user-notification .lf-icon:hover {
  background-color: rgba(38, 119, 93, 0.2);
}
.lf-user-menu .lf-user-dropdown .dropdown-show-box {
  background-color: #ffffff;
}
.lf-user-menu .lf-user-dropdown .dropdown-show-box .user-info div {
  color: #A9A9A9;
}
.lf-user-menu .lf-user-dropdown .lf-user-dp-profile {
  background-color: rgba(38, 119, 93, 0.1);
  color: #26775d;
}
.lf-user-menu .lf-user-dropdown .lf-user-dp-profile:hover {
  background-color: rgba(38, 119, 93, 0.2);
}
.lf-user-menu > li > a {
  color: #000000;
}
.lf-user-menu > li > a:hover {
  color: #79a99a;
}
.lf-user-menu > li > a.primary-btn {
  color: #ffffff;
}
.lf-user-menu > li .dropdown-menu .dropdown-item:hover {
  color: #ffffff;
  background: #ffffff;
}

.lf-side-nav-toggler {
  color: #26775d;
}

/* ================================= */
/*             END: top nav          */
/* ================================= */
/* ================================= */
/*               14. tag             */
/* ================================= */
.tag-wrapper {
  background: #e9e9e9;
}

.tag-com {
  background-color: #cccccc;
  color: #000000;
}
.tag-com.add-btn {
  border: 1px solid #888888;
  color: #696969;
}
.tag-com .remove-tag {
  background: #db3056;
  color: #ffffff;
}
.tag-com.color-one {
  background-color: rgba(38, 119, 93, 0.4);
}
.tag-com.color-two {
  background-color: rgba(121, 169, 154, 0.4);
}
.tag-com.color-three {
  background-color: rgba(55, 175, 132, 0.4);
}
.tag-com.color-four {
  background-color: rgba(71, 163, 204, 0.4);
}
.tag-com.color-five {
  background-color: rgba(219, 48, 86, 0.4);
}
.tag-com.color-six {
  background-color: rgba(252, 134, 33, 0.4);
}
.tag-com.color-seven {
  background-color: rgba(204, 204, 204, 0.4);
}
.tag-com.color-eight {
  background-color: rgba(255, 255, 255, 0.4);
}

/* ================================= */
/*               END: tag            */
/* ================================= */
/* ================================= */
/*             15. toaster           */
/* ================================= */
.toaster-container .toaster-pop-up {
  background-color: #47a3cc;
  color: #ffffff;
}
.toaster-container .toaster-pop-up .toaster-cancel-btn {
  color: #ffffff;
}
.toaster-container .toaster-pop-up.success {
  background-color: #37af84;
}
.toaster-container .toaster-pop-up.success .icon-wrapper,
.toaster-container .toaster-pop-up.success .icon-wrapper::after,
.toaster-container .toaster-pop-up.success .msg-body::after,
.toaster-container .toaster-pop-up.success .msg-body::before {
  background-color: rgb(42.8043478261, 136.1956521739, 102.7304347826);
}
.toaster-container .toaster-pop-up.error {
  background-color: #db3056;
}
.toaster-container .toaster-pop-up.error .icon-wrapper,
.toaster-container .toaster-pop-up.error .icon-wrapper::after,
.toaster-container .toaster-pop-up.error .msg-body::after,
.toaster-container .toaster-pop-up.error .msg-body::before {
  background-color: rgb(184, 32, 65.7777777778);
}
.toaster-container .toaster-pop-up.warning {
  background-color: #fc8621;
}
.toaster-container .toaster-pop-up.warning .icon-wrapper,
.toaster-container .toaster-pop-up.warning .icon-wrapper::after,
.toaster-container .toaster-pop-up.warning .msg-body::after,
.toaster-container .toaster-pop-up.warning .msg-body::before {
  background-color: rgb(230.88, 108.16, 3.12);
}
.toaster-container .toaster-pop-up.info {
  background-color: #47a3cc;
}
.toaster-container .toaster-pop-up.info .icon-wrapper,
.toaster-container .toaster-pop-up.info .icon-wrapper::after,
.toaster-container .toaster-pop-up.info .msg-body::after,
.toaster-container .toaster-pop-up.info .msg-body::before {
  background-color: rgb(48.6127659574, 136.3063829787, 175.3872340426);
}

/* ================================= */
/*            END: toaster           */
/* ================================= */
/* ================================= */
/*              16. modal            */
/* ================================= */
.def-modal-container {
  background-color: rgba(0, 0, 0, 0.5);
}
.def-modal-container .modal-loading {
  color: #212529;
}
.def-modal-container .def-modal-header button[data-role=cancel] {
  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: #db3056;
}
.def-modal-container .def-modal {
  background-color: #dedada;
  color: #212529;
}
.def-modal-container .def-modal .def-select::after {
  color: #212529;
}
.def-modal-container .def-modal h2 {
  color: #212529;
}
.def-modal-container .def-modal .def-modal-header {
  border-bottom: 1px solid rgba(33, 37, 41, 0.1);
}
.def-modal-container .def-modal .def-modal-footer {
  border-top: 1px solid rgba(33, 37, 41, 0.1);
}

.lf-modal-box .transition-opacity {
  background-color: rgba(0, 0, 0, 0.5);
}
.lf-modal-box .lf-modal-content-wrapper .lf-modal-content {
  background-color: #f4f4f4;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.lf-modal-box .lf-modal-content-wrapper .lf-modal-content .lf-icon {
  border: 4px solid #212529;
  color: #212529;
}
.lf-modal-box .lf-modal-content-wrapper .lf-modal-content .lf-close {
  color: #212529;
}
.lf-modal-box .lf-modal-content-wrapper .lf-modal-content .lf-close:hover {
  color: #000000;
}
.lf-modal-box .lf-modal-content-wrapper .lf-modal-content .lf-button button {
  color: #ffffff !important;
}
.lf-modal-box .lf-modal-content-wrapper .lf-modal-content .lf-button button.flash-close-button {
  background: #888888 !important;
}
.lf-modal-box .lf-modal-content-wrapper .lf-modal-content .lf-button button.lf-confirm {
  background: #db3056 !important;
}

/* ================================= */
/*              END: modal           */
/* ================================= */
/* ================================= */
/*            17. language         */
/* ================================= */
.lf-lang-table .lf-lang-body .row div {
  background: #d0d0d0;
}

.lf-language .lf-language-selected-content .lf-language-warning {
  color: #fc8621;
}
.lf-language .lf-language-selected-content .lf-language-no-result {
  color: #778899;
}
.lf-language .lf-language-selected-content,
.lf-language .lf-language-header {
  background-color: #ffffff;
}
.lf-language .lf-language-content {
  background-color: #ffffff;
}
.lf-language .lf-language-content .lf-language-list-key {
  color: #778899;
}
.lf-language .lf-language-content .list-group-item:nth-child(even) {
  background-color: rgba(204, 204, 204, 0.5);
}
.lf-language .lf-language-content .list-group-item:nth-child(odd) {
  background-color: rgba(204, 204, 204, 0.3);
}
.lf-language .lf-language-content .list-group-item:hover {
  background-color: rgba(204, 204, 204, 0.7);
}
.lf-language .lf-language-content .list-group-item .lf-language-list-value {
  color: #778899;
}

/* ================================= */
/*            END: language         */
/* ================================= */
/* ================================= */
/*            START: calender         */
/* ================================= */
.custom-calender .calender-view-item {
  border: 1px solid #e9e9e9;
}
.custom-calender .calendar-table {
  border-right: 1px solid #e9e9e9;
}
.custom-calender .calendar-table .custom-th,
.custom-calender .calendar-table .day,
.custom-calender .calendar-table .other-month {
  border-color: #e9e9e9;
}
.custom-calender .calendar-table .other-month {
  color: #cccccc;
}
.custom-calender .calendar-table .cl-event:hover {
  color: #26775d;
}
.custom-calender .calendar-table .cl-event::after {
  background: #26775d;
}
.custom-calender .calendar-table .cl-event .cl-event-count {
  background: #e9e9e9;
}
.custom-calender .calendar-table .cl-today {
  background: #26775d;
  color: #ffffff;
}

.content-item .event-time {
  border-right: 1px solid #26775d;
}
.content-item .event-time:after {
  background: #ffffff;
  border: 1px solid #26775d;
}
.content-item .event-content-box {
  border-bottom: 1px solid #cccccc;
}
.content-item .event-content-box .event-content-title:hover {
  color: #26775d;
}
.content-item .event-content-box .event-item-hide-item {
  background: #e9e9e9;
}
.content-item small,
.content-item .event-time {
  color: #26775d;
}

/* Calender Week View */
.calendar-days,
.calendar-week {
  border: 1px solid #e9e9e9;
}

.calendar-week .week-list-box {
  border-bottom: 1px solid #e9e9e9;
}
.calendar-week .week-box .week-head,
.calendar-week .week-list-box .week-list {
  border: 1px solid #e9e9e9;
}

.week-content-type-box .week-event-value-box {
  border: 1px solid #e9e9e9;
}

.calender-view-item.active,
.calender-view-item:hover,
.week-box .week-head.active,
.week-box .week-head:hover,
.calendar-week .week-list-box .week-list.active,
.calendar-week .week-list-box .week-list:hover {
  background-color: #e9e9e9;
}

.meeting-time-box .meeting-time-item {
  border: 1px solid #e9e9e9;
  border-bottom: none;
  border-right: none;
}
.meeting-time-box .meeting-time-item:last-child {
  border-right: 1px solid #e9e9e9;
}
.meeting-time-box .meeting-time-item:nth-child(even) {
  background: #f4f4f4;
}
.meeting-time-box:last-child .meeting-time-item {
  border-bottom: 1px solid #e9e9e9;
}

.meeting-event-value-box {
  border: 1px solid #e9e9e9;
  border-bottom: none;
}
.meeting-event-value-box:last-child {
  border-bottom: 1px solid #e9e9e9;
}

.days-date {
  border: 1px solid #e9e9e9;
}
.days-date.active, .days-date:hover {
  background-color: #e9e9e9;
}

/* ================================= */
/*            END: calender         */
/* ================================= */
/* ================================= */
/*            06. component         */
/* ================================= */
/* ================================= */
/*            END: component         */
/* ================================= */

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