/* root */
:root {
    --lonsum-blue: #1e88e5;
    --lonsum-indigo: #6610f2;
    --lonsum-purple: #7460ee;
    --lonsum-pink: #e83e8c;
    --lonsum-red: #fc4b6c;
    --lonsum-orange: #fb8c00;
    --lonsum-yellow: #ffb22b;
    --lonsum-green: #21c1d6;
    --lonsum-teal: #20c997;
    --lonsum-cyan: #26c6da;
    --lonsum-white: #fff;
    --lonsum-gray: #6c757d;
    --lonsum-gray-dark: #343a40;
    --lonsum-primary: #1A9640;
    /*--lonsum-secondary: #ffc107;*/
    --lonsum-secondary: #FBB140;
    /* --lonsum-secondary:#f49b3f; */
    --lonsum-success: #21c1d6;
    --lonsum-info: #1e88e5;
    --lonsum-warning: #ffb22b;
    --lonsum-danger: #fc4b6c;
    --lonsum-light: #f2f4f8;
    --lonsum-light2: #E0E0E0;
    --lonsum-dark: #343a40;
    --lonsum-cyan: #26c6da;
    --lonsum-orange: #fb8c00;
    --lonsum-purple: #7460ee;
    --lonsum-inverse: #2f3d4a;
    --lonsum-megna: #01c0c8;
    --lonsum-light-danger: #f9e7eb;
    --lonsum-light-success: #a8eef7;
    --lonsum-light-warning: #fff8ec;
    --lonsum-light-primary: #E4F9EB;
    --lonsum-light-info: #cfecfe;
    --lonsum-light-inverse: #f6f6f6;
    --lonsum-light-megna: #e0f2f4;
    --lonsum-light-secondary: #dde1e4;
    --lonsum-dark-danger: #e6294b;
    --lonsum-dark-success: #1eacbe;
    --lonsum-dark-warning: #e9ab2e;
    --lonsum-dark-primary: #6352ce;
    --lonsum-dark-info: #028ee1;
}

body {
    /* background-color: var(--lonsum-primary) !important; */
}

.lonsum-text-default {
    color: #67757c;
}

.lonsum-bg-light {
    background-color: var(--lonsum-light);
}

.lonsum-bg-light-megna {
    background-color: var(--lonsum-light-megna) !important;
}

/* primary */
.lonsum-bg-primary {
    background-color: var(--lonsum-primary) !important;
}

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

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

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

.lonsum-bg-primary-hover:hover {
    color: var(--lonsum-light) !important;
    background-color: var(--lonsum-primary) !important;
}

.lonsum-btn-primary {
    color: #fff !important;
    border-color: var(--lonsum-primary) !important;
    background-color: var(--lonsum-primary) !important;
    /* box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); */
}

.lonsum-btn-primary:hover {
    color: #fff;
    border-color: var(--lonsum-secondary) !important;
    background-color: var(--lonsum-secondary) !important;
}

.lonsum-btn-outline-primary {
    color: var(--lonsum-primary) !important;
    background-color: transparent;
    border: 1px solid var(--lonsum-primary) !important;
}

.lonsum-btn-outline-primary:hover {
    color: white !important;
    background-color: var(--lonsum-primary) !important;
    border: 1px solid var(--lonsum-primary) !important;
}

.lonsum-btn-outline-secondary {
    color: var(--lonsum-secondary) !important;
    background-color: transparent;
    border: 1px solid var(--lonsum-secondary) !important;
}

.lonsum-btn-outline-secondary:hover {
    color: white !important;
    background-color: var(--lonsum-secondary) !important;
    border: 1px solid var(--lonsum-secondary) !important;
}

.lonsum-border-primary{
    border: 1px solid var(--lonsum-primary) !important;
}

/* secondary */
.lonsum-bg-secondary {
    background-color: var(--lonsum-secondary) !important;
}

.lonsum-text-dark {
    color: var(--lonsum-dark) !important;
}

.lonsum-bg-gray {
    background-color: #f7f7f7 !important;
}

.lonsum-text-danger {
    color: var(--lonsum-red) !important;
}

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

.lonsum-text-lgray {
    color: lightgray !important;
}

.lonsum-text-gray {
    color: gray !important;
}

.lonsum-btn-secondary {
    color: #fff !important;
    border-color: var(--lonsum-secondary) !important;
    background-color: var(--lonsum-secondary) !important;
    /* box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); */
}

.lonsum-btn-secondary:hover {
    color: #fff;
    border-color: var(--lonsum-primary) !important;
    background-color: var(--lonsum-primary) !important;
}

.lonsum-btn-danger {
    color: #fff !important;
    border-color: var(--lonsum-danger) !important;
    background-color: var(--lonsum-danger) !important;
    /* box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); */
}

.lonsum-btn-danger:hover {
    color: #fff;
    border-color: #DB2E4E !important;
    background-color: #DB2E4E !important;
}

.lonsum-bg-light2 {
    background-color: var(--lonsum-light2) !important;
}

.lonsum-text-light2 {
    color: var(--lonsum-light2) !important;
}

.sidebar-items {
    transition: 0.3s;
}

.sidebar-items:hover {
    background-color: var(--lonsum-primary);
    color: white;
    border-radius: .25rem !important;
}

.sidebar-items-child:hover,
.sidebar-items-child-active {
    transition: 0.1s;
    color: var(--lonsum-primary);
    font-weight: bold;
}

.lonsum-bg-light-primary {
    background-color: var(--lonsum-light-primary) !important;
}

.lonsum-bg-light-primary-hover:hover {
    background-color: var(--lonsum-light-primary) !important;
    color: var(--lonsum-primary) !important;
}

.notify .heartbit {
    border: 5px solid var(--lonsum-secondary);
}

.notify .point {
    background-color: var(--lonsum-secondary);
}

.lonsum-border-bottom {
    border-bottom: 2px solid var(--lonsum-primary);
}

.lonsum-border-top {
    border-top: 2px solid var(--lonsum-primary);
}

.lonsum-border-start-primary {
    border-left: 2px solid var(--lonsum-primary);
}

.lonsum-border-start-muted {
    border-left: 2px solid var(--lonsum-light2);
}

.tab-header:hover {
    border-bottom: 2px solid var(--lonsum-primary);
    color: var(--lonsum-primary);
    font-weight: bold;
}

.form-check-input:checked {
    background-color: var(--lonsum-primary) !important;
    border-color: var(--lonsum-primary) !important;
}

.add-photo:hover {
    color: var(--lonsum-primary) !important;
}

.list-hover:hover {
    background: var(--lonsum-primary) !important;
    color: white;
}

.text-orange {
    color: var(--lonsum-orange) !important;
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--lonsum-primary) !important;
    ;
    border-color: var(--lonsum-primary) !important;
    ;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: var(--lonsum-primary) !important;
}

.dropdown-item:active>i {
    color: #fff !important;
}

.accordion-button:not(.collapsed) {
    background-color: #e8fff3 !important;
    color: #219653 !important;
}