.bg-gradient-green {
    background-color: #1dc096;
    background-image: -webkit-linear-gradient(-425deg, #1dc096 40%, #1896a1);
    background-image: linear-gradient(155deg,#1dc096 40%, #1896a1);
}

.bg-gradient-blue {
    background-color: #1edcde;
    background-image: -webkit-linear-gradient(-425deg, #1edcde 40%, #1a86bf);
    background-image: linear-gradient(155deg,#1edcde 40%, #1a86bf);
}

body.leftMenu:after {
    background-color: transparent;
}

#header {
    background: white;
    border-bottom-color: white;
    webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

    #header .tools-bar a.icon-toolsbar {
        /* color: #08897e; */
        color: var(--base-title);
    }

#wrapper {
    background: #252034;
}

#main {
    background: whitesmoke;
}

#nav {
    background-color: #008192;
    background-image: -webkit-linear-gradient(-425deg, #008192, #53c5d0 40%, #c9ddc7, #efb490);
    background-image: linear-gradient(155deg,#008192, #53c5d0 40%, #c9ddc7, #efb490);
}

.logo-area {
    background-color: #007888;
    border-bottom-color: #007888;
}

#nav-title {
    background-color: #007888;
    webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

.mm-ismenu {
    background: #00545f;
}

.mm-search {
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.breadcrumb {
    border-bottom: 1px #dfdfdf solid;
    background: rgba(0, 0, 0, 0.05);
}

.avatar-slide .avatar-detail div {
    color: #ffcc33;
}

    .avatar-slide .avatar-detail div a {
        color: #ffcc33;
    }

.avatar-slide .avatar-detail span {
    background-color: rgba(255, 255, 255, 0.2);
}

.avatar-slide .avatar-link a em:before {
    border-color: #F00;
}

.avatar-slide .avatar-link a.btn {
    border-left: 1px rgba(0, 0, 0, 0.2) solid;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}

    .avatar-slide .avatar-link a.btn:hover {
        background: rgba(0, 0, 0, 0.2);
    }

.panel {
    border: 1px solid #f5f5f5;
}

.widget-collapse.dark header {
    background: rgba(0, 0, 0, 0.2);
}

    .widget-collapse.dark header a {
        color: white;
    }

.dark .widget-mini-chart p {
    color: rgba(0, 0, 0, 0.4);
}

.mail-menu ul li.active a {
    border-left-color: #ffcc33;
    background: rgba(0, 0, 0, 0.2);
}

.mail-menu ul li a {
    color: #FFF;
}

    .mail-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.2);
        color: #FFF;
    }

li.language {
	border-bottom: 1px solid #00545f;
}

/*
00 - Corner-flip
------------------------------------------------------------*/
.corner-flip {
    position: relative;
}

    .corner-flip .flip {
        border-bottom-color: whitesmoke;
    }

/*
00 - Grid Folder Background
------------------------------------------------------------*/

.bg-grid {
    background-color: #008192;
    background-image: -webkit-linear-gradient(-425deg, #008192, #53c5d0 40%, #c9ddc7, #efb490);
    background-image: linear-gradient(155deg,#008192, #53c5d0 40%, #c9ddc7, #efb490);
    color: white;
    border: 2px;
}

.user-manual {
    color: #23544E !important;
}

.main-login {
    background-color: #212d3b !important;
}