html {
    /**/
    background-color: #BDE3DF;
    background-color: rgba(189, 227, 223, 1);
    /**/
}


.side-nav .side-nav__devider {
    background-color: #BDE3DF;
    background-color: rgba(189, 227, 223, 1);
}

.side-nav .side-menu {
    background-color: #BDE3DF;
    background-color: rgba(189, 227, 223, 1);
}

.side-nav .side-menu .side-menu__title .side-menu__sub-icon {}

.side-nav>ul ul {
    background-color: #90CCC6;
    background-color: rgba(144, 204, 198, 1);
}

.side-nav .side-nav__devider {
    background-color: #90CCC6;
    background-color: rgba(144, 204, 198, 1);
}

.side-nav>ul ul li .side-menu--active {
    background-color: #90CCC6;
    background-color: rgba(144, 204, 198, 1);
}

.side-nav>ul>li>.side-menu.side-menu--active .side-menu__icon {}

.side-nav>ul>li>.side-menu.side-menu--active .side-menu__icon:before {}

.side-nav>ul>li>.side-menu.side-menu--active .side-menu__title {}

.side-nav>ul>li>.side-menu:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon:before {
    background-color: #90CCC6;
    background-color: rgba(144, 204, 198, 1);
}

.side-nav>ul ul li a:not(.side-menu--active) {
    color: rgba(255, 255, 255, 1);
    background-color: #90CCC6;
    background-color: rgba(144, 204, 198, 1);
}

.side-nav>ul ul ul {}

.side-nav>ul>li>.side-menu.side-menu--active {}

.border-theme-24 {
    background-color: #90CCC6;
    background-color: rgba(144, 204, 198, 1);
}


/*******/

.w90 {
    min-width: 90%;
}

.tultip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #ccc;
    color: #006080;
}

.tultip .tultiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tultip:hover .tultiptext {
    visibility: visible;
    opacity: 1;
}

.tultip-right {
    top: -5px;
    left: 125%;
}

.tultip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tultip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.tultip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tultip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

.tultip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tultip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

.tultip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}