.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: #c4e2f3;
}

#main {
    background: whitesmoke;
}

#nav {
    background-color: #c4e2f3;
    background-image: -webkit-linear-gradient(-425deg, #97bad4, #c4e2f3 65%, #d9e4bf);
    background-image: linear-gradient(155deg,#97bad4, #c4e2f3 65%, #d9e4bf);
}

.logo-area {
    background-color: #5fa1d2;
    border-bottom-color: #2f6390;
}

#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: #2f6390;
}

.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 p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    color: #4e5356;
}

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

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

.avatar-slide .avatar-detail span {
    background-color: rgba(255, 255, 255, 0.7);
    color: #4e5356;
}

.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 #FFD1DC;
}

.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 #2f6390;
}

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

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

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

.bg-grid {
    background-color: #c4e2f3;
    background-image: -webkit-linear-gradient(-425deg, #c4e2f3 40%, #e2f3ba);
    background-image: linear-gradient(155deg,#c4e2f3 40%, #e2f3ba);
    color: #4e5356;
    border: 2px;
}

.user-manual {
    color: #4e5356 !important;
}

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

.signin-button {
    border: 1px solid #ccc;
    background-color: #1dc096;
    color: #ffffff;
}

    .signin-button:hover, .signin-button:focus {
        border: 1px solid #ccc;
        background-color: #19b092;
        color: #ffffff;
    }

.magic-checkbox + label, .magic-radio + label {
    color: #333333 !important;
}

    .magic-checkbox + label:before {
        border-radius: 3px;
        background-color: #FFF;
    }

    .magic-checkbox + label:after {
        top: 2px;
        left: 7px;
        box-sizing: border-box;
        width: 6px;
        height: 12px;
        transform: rotate(45deg);
        border: 2px solid #FFF;
        border-top: 0;
        border-left: 0;
    }

/* .magic-checkbox:checked + label:before {
    border: 2px #00a55D;
    background: #1dc096;
} */

.magic-checkbox:checked[disabled] + label:before {
    border: #c9e2f9;
    background: #c9e2f9;
}

#form-signin .form-control {
    border-color: #4e5356;
    background-color: #ffffff;
    color: #4e5356;
}

    #form-signin .form-control:focus {
        outline: 0;
        -webkit-box-shadow: inset 0 0 8px #25a273;
        box-shadow: inset 0 0 8px #25a273;
    }

.select-signin {
    background: transparent;
}

#loading-top {
    color: white;
    background-color: #2f6390;
}