:root {
    --green-dark: #094658;
    --green-dark1: #142D3C;
    --green-dark2: #1C4009;
    --green-dark3: #003948;
    --green-dark4: #165B50;
    --green-dark5: #00545C;
    --green-dark6: #20594E;
    --green-dark7: #254C4C;
    --green-dark8: #03545C;
    --green-dark9: #035459;
    --green-dark10: #111B33;
    --green-dark11: #00565B;
    --green-medium: #117577;
    --green-medium1: #00484C;
    --green-medium2: #065544;
    --green-medium3: #6A9496;
    --green-medium4: #005D5F;
    --green-medium5: #688716;
    --green-medium6: #389472;
    --green-medium7: #228A89;
    --green-medium8: #278B8B;
    --green-medium9: #238B8D;
    --green-medium10: #218C8F;
    --green-medium11: #00555A;
    --green-normal: #719849;
    --green-light: #CEDC27;
    --green-main: #114A5B;
    --green-light1: #BDD102;
    --green-light2: #B0C200;
    --green-light3: #B8CB0B;
    --green-light4: #A3AF98;
    --green-light5: #C0D103;
    --green-light6: #C3D600;
    --green-light7: #CFDF41;
    --green-light8: #D3D882;
    --green-light9: #CDE043;
    --green-light10: #E2F078;
    --green-light11: #AABC26;
    --green-light12: #C0DB35;
    --blue1: #5C9098;
    --blue2: #D0D3E2;
    --gray-dark: #4D4D4D;
    --gray-light: #F1F1F1;
    --gray-light1: #EFF7FA;
    --gray-bg: #EEEEEE;
    --blue-dark: #3B4D61;
    --blue-dark1: #15313E;
}

.text-green-dark {
    color: var(--green-dark);
}

.text-green-dark1 {
    color: var(--green-dark1);
}

.text-green-dark2 {
    color: var(--green-dark2);
}

.text-green-dark3 {
    color: var(--green-dark3);
}

.text-green-dark4 {
    color: var(--green-dark4);
}

.text-green-dark5 {
    color: var(--green-dark5);
}

.text-green-dark6 {
    color: var(--green-dark6);
}

.text-green-dark7 {
    color: var(--green-dark7);
}

.text-green-dark8 {
    color: var(--green-dark8);
}

.text-green-dark9 {
    color: var(--green-dark9);
}

.text-green-dark10 {
    color: var(--green-dark10);
}

.text-green-dark11 {
    color: var(--green-dark11);
}

.text-green-medium {
    color: var(--green-medium);
}

.text-green-medium {
    color: var(--green-medium);
}

.text-green-medium1 {
    color: var(--green-medium1);
}

.text-green-medium2 {
    color: var(--green-medium2);
}

.text-green-medium3 {
    color: var(--green-medium3);
}

.text-green-medium4 {
    color: var(--green-medium4);
}

.text-green-medium5 {
    color: var(--green-medium5);
}

.text-green-medium6 {
    color: var(--green-medium6);
}

.text-green-medium7 {
    color: var(--green-medium7);
}

.text-green-medium8 {
    color: var(--green-medium8);
}

.text-green-medium9 {
    color: var(--green-medium9);
}

.text-green-medium10 {
    color: var(--green-medium10);
}

.text-green-medium11 {
    color: var(--green-medium11);
}

.text-green-normal {
    color: var(--green-normal);
}

.text-green-light {
    color: var(--green-light);
}

.text-green-main {
    color: var(--green-main);
}

.text-green-light1 {
    color: var(--green-light1);
}

.text-green-light2 {
    color: var(--green-light2);
}

.text-green-light3 {
    color: var(--green-light3);
}

.text-green-light4 {
    color: var(--green-light4);
}

.text-green-light5 {
    color: var(--green-light5);
}

.text-green-light6 {
    color: var(--green-light6);
}

.text-green-light7 {
    color: var(--green-light7);
}

.text-green-light8 {
    color: var(--green-light8);
}

.text-green-light9 {
    color: var(--green-light9);
}

.text-green-light10 {
    color: var(--green-light10);
}

.text-green-light11 {
    color: var(--green-light11);
}

.text-green-light12 {
    color: var(--green-light12);
}

.horizontal-menu .content, .vertical-overlay-menu .content {
    margin-left: 0
}

    .horizontal-menu .content.show-overlay .content-overlay {
        z-index: 998 !important
    }

.horizontal-menu .navbar.header-navbar .navbar-container {
    padding: .8rem 2rem
}

.horizontal-menu .horizontal-menu-wrapper .header-navbar {
    min-height: 4.45rem
}

.horizontal-menu footer {
    position: static
}

.horizontal-menu .horizontal-menu-wrapper {
    position: fixed;
    top: 62px;
    z-index: 990;
    width: 100%
}

    .horizontal-menu .horizontal-menu-wrapper .header-navbar .navbar-container {
        padding: 0 1rem;
        width: 100%;
        /*background:var(--green-light12);*/
    }

    .horizontal-menu .horizontal-menu-wrapper .header-navbar .navbar-header {
        display: none
    }

.horizontal-menu .header-navbar {
    background: #FFF;
    background: var(--gray-bg);
    z-index: 999 !important;
    line-height: 1;
    min-height: auto
}

    .horizontal-menu .header-navbar.navbar-light {
        background: #FFF
    }

    .horizontal-menu .header-navbar.navbar-horizontal.floating-nav {
        left: 0;
        top: 62px;
        top: 45px;
        width: calc(100vw - (100vw - 100%) - calc(2rem * 2));
        background: var(--gray-bg);
        width: 100%;
    }

    .horizontal-menu .header-navbar .navbar-container {
        border-radius: .357rem
    }

    .horizontal-menu .header-navbar.navbar-fixed {
        position: fixed;
        width: 100%;
        /*background:var(--green-medium);*/
    }

    .horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
        position: absolute;
        left: calc(50% - 56px);
        /*left: calc(6% - 56px);*/
        padding: 0;
        z-index: 1000;
        width: 50%;
    }

        .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 0;
            font-size: inherit;
        }

            .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo img {
                max-width: 36px
            }

            .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
                color: var(--green-medium4);
                color: var(--green-dark11);
                /* padding-left: 1rem; */
                margin-bottom: 0;
                letter-spacing: .01rem;
                font-weight: bold;
                font-size: 25pt;
                color: var(--green-light2);
                color: var(--green-dark5);
                text-shadow: 2px 2px 1px var(--green-light2);
            }

    .horizontal-menu .header-navbar.navbar-horizontal .nav-link.dropdown-toggle::after {
        left: .4rem;
        background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E')
    }

    .horizontal-menu .header-navbar.navbar-horizontal .sidebar-group-active .dropdown-toggle::after {
        background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23fff\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E')
    }

    .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu::before {
        display: none
    }

    .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu {
        min-width: 215px;
        border: none;
        margin-top: 0;
        min-height: 52px
    }

        .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .disabled {
            pointer-events: none !important
        }

            .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .disabled a {
                color: #B8C2CC
            }

        .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-toggle::after {
            left: auto;
            position: absolute;
            top: 50%;
            margin-top: -7px;
            right: 1rem;
            background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-right\'%3E%3Cpolyline points=\'9 18 15 12 9 6\'%3E%3C/polyline%3E%3C/svg%3E')
        }

        .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-item {
            font-size: 1rem;
            padding-top: .68rem;
            padding-bottom: .68rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu {
            position: relative
        }

            .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.openLeft .dropdown-menu {
                left: auto !important;
                right: 100% !important
            }

            .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.sidebar-group-active {
                background: #F8F8F8
            }

            .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu {
                position: absolute;
                top: 0 !important;
                left: 100% !important
            }

                .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu i, .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu svg {
                    height: 11px !important;
                    width: 11px !important;
                    font-size: 11px !important
                }

    .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li {
        padding-top: .857rem;
        padding-bottom: .857rem;
    }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a > * {
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
        }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a:hover {
            background-color: transparent;
            color: #6E6B7B;
            background: var(--green-light12)
        }

            .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a:hover > * {
                -webkit-transform: translateX(5px);
                -ms-transform: translateX(5px);
                transform: translateX(5px);
                -webkit-transition: -webkit-transform .2s ease;
                transition: -webkit-transform .2s ease;
                transition: transform .2s ease;
                transition: transform .2s ease,-webkit-transform .2s ease
            }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .active > a {
            background: #F8F8F8;
            color: var(--green-medium4);
            font-weight: 500
        }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .open.active > a {
            color: #6E6B7B;
            font-weight: 400
        }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li i, .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li svg {
            margin-right: .5rem;
            height: 17px;
            width: 17px;
            font-size: 1.2rem
        }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > a {
            padding: .715rem 1.25rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-right: .715rem
        }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a {
            background: #F8F8F8;
            border-radius: 4px;
            background: var(--green-light12);
        }

        .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
            background: -webkit-linear-gradient(332deg,var(--green-medium4),rgba(115,103,240,.7));
            background: linear-gradient(118deg,var(--green-medium4),rgba(115,103,240,.7));
            background: linear-gradient(118deg,var(--green-medium4),var(--green-dark4));
            box-shadow: 0 0 5px 0px var(--green-dark5);
            color: #FFF;
            border-radius: 4px;
        }

.horizontal-menu .navigation-header {
    font-family: inherit;
    color: #929292;
    padding: 8px 20px;
    font-size: 1rem;
    text-transform: uppercase
}

.horizontal-menu .navbar-dark .nav-item.active > a {
    border-bottom: 2px solid var(--green-medium4);
    background-color: #313C50
}

.horizontal-layout.navbar-floating .header-navbar-shadow {
    height: 80px
}

@media (min-width:1200px) {
    .horizontal-layout.navbar-floating .header-navbar-shadow {
        top: 45px
    }
}

.horizontal-layout.navbar-floating:not(.blank-page) .app-content {
    padding: calc(2rem + 4.45rem* 2 + -0.7rem) 2rem 0
}

.horizontal-layout.navbar-floating .horizontal-menu-wrapper {
    background: -webkit-linear-gradient(top,rgba(248,248,248,.95) 44%,rgba(248,248,248,.46) 73%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(248,248,248,.95) 44%,rgba(248,248,248,.46) 73%,rgba(255,255,255,0) 100%);
    background-repeat: repeat-x
}

.horizontal-layout.navbar-floating.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-floating.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-floating.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-floating.footer-static .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 1) + 4.45rem + 3.35rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 1) + 4.45rem + 3.35rem))
    }
}

.horizontal-layout.navbar-floating.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-floating.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 4.45rem + 0rem + 1.3rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 4.45rem + 0rem + 1.3rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-floating.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-floating.footer-hidden .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 0rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 0rem))
    }
}

.horizontal-layout.navbar-floating.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-floating.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 4.45rem + 3.35rem + 1.3rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 4.45rem + 3.35rem + 1.3rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-floating.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-floating.footer-fixed .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 3.35rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 3.35rem))
    }
}

.horizontal-layout.navbar-sticky .app-content {
    padding: calc(2rem + 4.45rem* 2) 2rem 0
}

.horizontal-layout.navbar-sticky .header-navbar {
    background-color: #F8F8F8;
    box-shadow: none
}

.horizontal-layout.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
    left: 0;
    top: 62px;
    background-color: #FFF;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.1)
}

.horizontal-layout.navbar-sticky.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-sticky.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-sticky.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-sticky.footer-static .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 1) + 4.45rem + 3.35rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 1) + 4.45rem + 3.35rem))
    }
}

.horizontal-layout.navbar-sticky.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-sticky.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 4.45rem + 0rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 4.45rem + 0rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-sticky.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-sticky.footer-hidden .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 0rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 0rem))
    }
}

.horizontal-layout.navbar-sticky.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-sticky.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-sticky.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-sticky.footer-fixed .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 3.35rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 3.35rem))
    }
}

.horizontal-layout.navbar-static .app-content {
    padding: calc(2rem + 4.45rem) 2rem 0
}

.horizontal-layout.navbar-static .content {
    min-height: calc(100% - calc(4.45rem + calc(3.35rem + .2rem)))
}

.horizontal-layout.navbar-static .header-navbar {
    background-color: #F8F8F8;
    box-shadow: none
}

.horizontal-layout.navbar-static .horizontal-menu-wrapper {
    position: relative
}

    .horizontal-layout.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar {
        background: #FFF
    }

        .horizontal-layout.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar.navbar-static-top {
            left: 0;
            width: 100%
        }

.horizontal-layout.navbar-static.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-static.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 1) + 4.45rem + calc(3.35rem + .2rem) + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 1) + 4.45rem + calc(3.35rem + .2rem) + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-static.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-static.footer-static .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 1) + 4.45rem + calc(3.35rem + .2rem)));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 1) + 4.45rem + calc(3.35rem + .2rem)))
    }
}

.horizontal-layout.navbar-static.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-static.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 4.45rem + 0rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 4.45rem + 0rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-static.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-static.footer-hidden .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 0rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 0rem))
    }
}

.horizontal-layout.navbar-static.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-static.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-static.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-static.footer-fixed .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 3.35rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 4.45rem + 3.35rem))
    }
}

.horizontal-layout.navbar-hidden.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-hidden.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 1) + 0rem + 3.35rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 1) + 0rem + 3.35rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-hidden.footer-static .app-content .content-area-wrapper, .horizontal-layout.navbar-hidden.footer-static .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 1) + 0rem + 3.35rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 1) + 0rem + 3.35rem))
    }
}

.horizontal-layout.navbar-hidden.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-hidden.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 0rem + 0rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 0rem + 0rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-hidden.footer-hidden .app-content .content-area-wrapper, .horizontal-layout.navbar-hidden.footer-hidden .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 0rem + 0rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 0rem + 0rem))
    }
}

.horizontal-layout.navbar-hidden.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-hidden.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - calc(calc(2rem * 2) + 0rem + 3.35rem + 0rem + 4.45rem));
    height: calc(var(--vh,1vh) * 100 - calc(calc(2rem * 2) + 0rem + 3.35rem + 0rem + 4.45rem))
}

@media (max-width:1199.98px) {
    .horizontal-layout.navbar-hidden.footer-fixed .app-content .content-area-wrapper, .horizontal-layout.navbar-hidden.footer-fixed .app-content .kanban-wrapper {
        height: calc(100vh - calc(calc(calc(2rem - .8rem) * 2) + 0rem + 3.35rem));
        height: calc(var(--vh,1vh) * 100 - calc(calc(calc(2rem - .8rem) * 2) + 0rem + 3.35rem))
    }

    .horizontal-layout.horizontal-menu .horizontal-menu-wrapper .header-navbar {
        display: none
    }

    .horizontal-layout .header-navbar {
        background: #FFF
    }

    .horizontal-layout .app-content {
        padding: calc(4.45rem + calc(2rem - .8rem)) calc(2rem - .8rem) 0 !important
    }
}

.horizontal-layout.vertical-overlay-menu #main-menu-navigation > li > ul > li > a i, .horizontal-layout.vertical-overlay-menu #main-menu-navigation > li > ul > li > a svg {
    height: 1rem;
    width: 1rem;
    font-size: 1rem
}

@media (max-width:575.98px) {
    html body.horizontal-layout.navbar-static .app-content {
        padding: calc(2rem - .8rem + 4.45rem) calc(2rem - .8rem) 0 !important
    }
}

.vertical-overlay-menu .navbar .navbar-header {
    float: left;
    width: 260px
}

.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,transform .25s;
    transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s;
    width: 260px;
    left: -260px
}

    .vertical-overlay-menu .main-menu .navigation > li > a > i, .vertical-overlay-menu .main-menu .navigation > li > a > svg {
        margin-right: 14px;
        float: left;
        -webkit-transition: .2s ease all;
        transition: .2s ease all;
        height: 20px;
        width: 20px
    }

        .vertical-overlay-menu .main-menu .navigation > li > a > i:before, .vertical-overlay-menu .main-menu .navigation > li > a > svg:before {
            -webkit-transition: .2s ease all;
            transition: .2s ease all;
            font-size: 1.429rem
        }

    .vertical-overlay-menu .main-menu .navigation li.has-sub > a:after {
        content: '';
        background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-right\'%3E%3Cpolyline points=\'9 18 15 12 9 6\'%3E%3C/polyline%3E%3C/svg%3E');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1rem;
        height: 1rem;
        width: 1rem;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 14px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .vertical-overlay-menu .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .vertical-overlay-menu .main-menu .navigation .navigation-header .feather-more-horizontal {
        display: none
    }

.vertical-overlay-menu.menu-open .main-menu {
    opacity: 1;
    -webkit-transform: translate3d(260px,0,0);
    transform: translate3d(260px,0,0);
    -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,transform .25s;
    transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s
}





.card {
    background: #fafafa !important;
}

.btn {
    outline: unset;
    border: unset;
}

.btn-primary {
    background: var(--green-medium8) !important;
}


.btn:hover, .btn.highlight {
    background: var(--green-light12) !important;
    box-shadow: 0px 0px 10px 1px var(--green-light7) !important;
    /*border: 1px solid rgba(255, 255, 255, 0.1) !important;*/
    color: var(--green-medium4) !important;
}

.btn.highlight:hover {
opacity:.5;

}

/*

.header-navbar .navbar-container ul.navbar-nav li > a.nav-link {
    color: var(--green-dark11);
    font-weight: bold;
}
a.dropdown-user-link {
    color: white!important
} 
.header-navbar .navbar-container ul.navbar-nav li i.ficon, .header-navbar .navbar-container ul.navbar-nav li svg.ficon {
    color: white !important
}*/
.header-navbar.navbar-shadow {
}


/*

.nav-item.breadcrumbs {
    display: grid;
    align-content: center;
    justify-content: start;
    align-items: center;
    justify-items: start;
    padding-left: 1rem;
}

.ivg-brand {
    padding-right: 1rem;
    border-right: 1px solid #D6DCE1;
}

.breadcrumb-item.active {
    font-weight: bold;
}
*/

.breadcrumb-item {
}

    .breadcrumb-item a {
        /*font-size: 13pt;*/
        font-weight: bold;
        color: var(--green-medium7);
    }


.card-body .row {
    margin-top: 1rem;
}


label span {
    color: red;
}

.text-info {
    color: var(--green-medium5) !important;
}

.btn-info {
    background: var(--green-medium5) !important;
}

.card-body .row label {
    font-weight: bold;
    color: var(--green-medium10);
}




.ivg-table {
    width: 100%;
    border: unset;
}

    .ivg-table thead th:hover {
        cursor: pointer;
        opacity: .8;
    }

    .ivg-table thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 1rem;
        background: #114A5B;
        background: var(--green-medium4);
        border: 1px solid #c9c9c9;
        border-top: unset;
        letter-spacing: 1px;
        color: #fff;
        /*border-top: 5px solid #C1D330;*/
        /*border-bottom: 5px solid #C1D330;*/
        box-shadow: 0px -5px 0px 0px #c1d330 inset;
    }



    .ivg-table tbody tr td {
        border: 1px solid #c9c9c9;
        padding: 1rem;
    }

        .ivg-table tbody tr td img:hover {
            opacity: .5
        }


    .ivg-table tbody tr:hover {
        cursor: pointer;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    }



.card, .card-body, .card-header {
    background: #f5f5f5;
    background: #fff;
}


.form-control, .form-select, .input-group .form-control, .input-group-text,
.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    border-color: var(--green-light5);
    border-color: var(--gray-light);
    border: 2px solid var(--gray-light);
}

    .form-control:focus, .form-select:focus, .input-group .form-control:focus, .input-group-text:focus,
    .select2-container--default .select2-selection--single:focus {
        border-color: var(--green-light2) !important;
        /*border-width: 2px;*/
        outline: 0;
        color: var(--green-dark8) !important;
    }



.customizer-footer p {
    font-weight: bold;
    color: var(--green-medium10);
}



.offcanvas {
    box-shadow: 0 15px 30px 0 rgb(34 41 47 / 11%), 0 5px 15px 0 rgb(34 41 47 / 8%);
}


.btn-outline-success {
    border: 2px solid var(--gray-light)!important;
    color:var(--green-dark11);
}

    .btn-outline-success:disabled {
        border: 2px solid var(--gray-light) !important;
        color: var(--green-dark11);
        background:var(--gray-light) !important;
    }

.ivg-claim-crc {
    padding: 1em 1em !important;
}


.ivg-button-gray{
    background:var(--gray-light);
    color:var(--green-medium1);
    font-weight:bold;
    opacity:.8;
}
.ivg-button-chat-detail {
    position: fixed;
    bottom: 1rem;
    right: 1rem; 
    z-index:100;
    border:unset !important;
    outline:unset !important;
    box-shadow:3px 3px 10px 3px rgba(0, 0, 0, 0.2);
}
    .ivg-button-chat-detail i {
        font-size: 20pt;
    }



.pnlCaseSummary label {
    font-weight: bold;
    color: var(--green-medium10);
}