:root {
    --border-radius-100: 0.11rem;
    --border-radius-200: 0.22rem;
    --border-radius-300: 0.33rem;
    --border-radius-400: 0.44rem;
    --border-radius-500: 0.55rem;
    --border-radius-600: 0.66rem;
    --border-radius-700: 0.77rem;
    --border-radius-800: 0.88rem;
    --border-radius-900: 0.99rem;
    --clr-primary-100: #cce1ff;
    --clr-primary-200: #99c4ff;
    --clr-primary-300: #66a6ff;
    --clr-primary-400: #38f;
    --clr-primary-500: #006aff;
    --clr-primary-600: #05c;
    --clr-primary-700: #004099;
    --clr-primary-800: #002b66;
    --clr-primary-900: rgb(0, 115, 165);
    --clr-text-100: #e0e5eb;
    --clr-text-200: #c1ccd7;
    --clr-text-300: #a2b3c3;
    --clr-text-400: #8499ae;
    --clr-text-500: #65809a;
    --clr-text-600: #51667b;
    --clr-text-700: #3c4d5d;
    --clr-text-800: #28333e;
    --clr-text-900: #141a1f;
    --clr-neutral-100: #fff;
    --clr-neutral-200: #e6e6e6;
    --clr-neutral-300: #bfbfbf;
    --clr-neutral-400: #9e9e9e;
    --clr-neutral-500: grey;
    --clr-neutral-600: #5e5e5e;
    --clr-neutral-700: #262626;
    --clr-neutral-800: #1f1f1f;
    --clr-neutral-900: #000;
    --clr-green-100: #e6ebe0;
    --clr-green-200: #cdd7c1;
    --clr-green-300: #b4c3a2;
    --clr-green-400: #9bae84;
    --clr-green-500: #80b441;
    --clr-green-600: #687b51;
    --clr-green-700: #4e5d3c;
    --clr-green-800: #343e28;
    --clr-green-900: #1a1f14
}



/* Cool menu start */
body.left-menu-closed div.navbar .navbar-toggle:hover span:nth-child(2) {
    height: 3px;
    transform: translateX(3px) translateY(10px) rotate(-45deg);
    width: 12px
}

body.left-menu-closed div.navbar .navbar-toggle:hover span:nth-child(3) {
    opacity: 0
}

body.left-menu-closed div.navbar .navbar-toggle:hover span:nth-child(4) {
    height: 3px;
    transform: translateX(3px) translateY(-10px) rotate(45deg);
    width: 12px
}

@media(max-width:768px) {
    body.left-menu-open div.navbar .navbar-toggle span.icon-bar {
        background-color: var(--clr-neutral-100) !important
    }
}

body.left-menu-open div.navbar .navbar-toggle span:nth-child(2) {
    height: 3px;
    transform: translateX(0) translateY(7px) rotate(45deg);
    width: 22px
}

body.left-menu-open div.navbar .navbar-toggle span:nth-child(3) {
    opacity: 0
}

body.left-menu-open div.navbar .navbar-toggle span:nth-child(4) {
    height: 3px;
    transform: translateX(0) translateY(-6px) rotate(-45deg);
    width: 22px
}


/* menu pt2 */
.left-menu-wrapper {
    --left-menu-width: 3.25rem;
    background-color: var(--clr-primary-900);
    transition: width .45s cubic-bezier(.68, -.55, .27, 1.55) 50ms !important
}

.left-menu-wrapper .left-menu-logos>img {
    opacity: 1
}

.left-menu-wrapper nav {
    background-color: var(--clr-primary-900);
    z-index: 10
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu {
    left: calc(var(--left-menu-width))
}

.left-menu-wrapper nav ul.nav li.dropdown.open>a.dropdown-toggle {
    border: none;
    padding-left: calc(var(--left-menu-width) + 2em);
    width: 250px;
    z-index: 1
}

.left-menu-wrapper nav ul.nav li.dropdown.open>a.dropdown-toggle:after {
    border-radius: var(--border-radius-600) var(--border-radius-600) 0 0;
    opacity: 1;
}

@media (min-width: 767px) {
    .left-menu-closed .left-menu-wrapper nav ul.nav li.dropdown.open>a.dropdown-toggle:after {
      background-color: #3e96d5;
    }
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu {
    background-color: transparent;
    box-shadow: none;
    position: absolute;
    top: 3.8rem;
    width: 300px !important;
    z-index: 9
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li {
    border: none !important
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li>a {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding: .1rem 0 .1rem 1rem
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li>a i {
    position: unset
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li>a:hover {
    width: 300px
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li>a:hover i {
    transform: none
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li>a:after {
    border-radius: 0;
    height: 3.5rem;
    margin-left: -3em;
    opacity: 1;
    width: calc(300px - 3em)
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li:first-of-type a:after {
    border-radius: 20px 10px 0 0;
}

.left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu li:last-of-type a:after {
    border-radius: 0 0 10px 20px;
}

.left-menu-wrapper nav ul.nav li a {
    background-color: transparent !important;
    border: none;
    color: var(--clr-neutral-200);
    overflow-x: hidden
}

.left-menu-wrapper nav ul.nav li a:focus,
.left-menu-wrapper nav ul.nav li a:hover {
    background-color: transparent;
    border: none;
    color: var(--clr-neutral-100);
    padding-left: calc(var(--left-menu-width) + 2em)
}

.left-menu-wrapper nav ul.nav li a:after {
    background-color: var(--clr-primary-900);
    border-radius: var(--border-radius-600);
    content: "";
    display: block;
    height: 2rem;
    inset: 0;
    left: var(--left-menu-width);
    margin-left: 1em;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .25s ease-in-out;
    width: calc(250px - var(--left-menu-width) - 1rem);
    z-index: -1
}
@media (min-width: 767px) {
    .left-menu-wrapper nav ul.nav .dropdown.open li a:after {
        background-color: #3e96d5;
    }
}
.left-menu-wrapper nav ul.nav li a:hover:after {
    opacity: 1
}

.left-menu-wrapper nav ul.nav li a i {
    transition: text-shadow .2s ease-in-out .1s
}

.left-menu-wrapper nav ul.nav li a:hover i {
    color: var(--clr-neutral-100);
    text-shadow: 0 0 2px #F6D236, 0 0 5px #F6D236, 0 0 10px #F6D236, 0 0 25px #F6D236;
}

.left-menu-wrapper nav ul li.active a,
.left-menu-wrapper nav ul li.active a:focus,
.left-menu-wrapper nav ul li.active a:hover {
    background-color: transparent;
    padding-right: 0
}

.left-menu-wrapper nav ul li.active a i,
.left-menu-wrapper nav ul li.active a:focus i,
.left-menu-wrapper nav ul li.active a:hover i {
    color: var(--clr-neutral-100);
    text-shadow: 0 0 2px #F6D236, 0 0 5px #FFF5D5 , 0 0 10px #FFF5D5 !important;
}

.left-menu-wrapper nav .mobile-menu-header i {
    opacity: 0
}

body.left-menu-open .left-menu-wrapper nav ul.nav li.dropdown.open>a.dropdown-toggle,
body.left-menu-open .left-menu-wrapper nav ul.nav li>a:focus,
body.left-menu-open .left-menu-wrapper nav ul.nav li>a:hover {
    padding-left: 52px
}

body.left-menu-open .left-menu-wrapper nav ul.nav li.dropdown.open ul.dropdown-menu {
    left: 1em;
    position: relative;
    top: 0
}



/* custom part */
/* Remove weird looking menu title */
body.left-menu-open .left-menu-wrapper .left-menu-title, .dashboard-mode~.flex-wrapper>.left-menu-wrapper .left-menu-title, .keep-left-menu-open~.flex-wrapper>.left-menu-wrapper .left-menu-title {
    display: none;
}


/* Start other stuff */
main.container .main-content-wrapper .div-style-1 {
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}


main.container .main-content-wrapper {
	min-height: 100% !important;
}