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

#main {
    background: whitesmoke;
}

#nav {
    background-color: #27509B;
    background-image: -webkit-linear-gradient(-425deg, #27509B, #719cdc 80%, #bdcfe8);
    background-image: linear-gradient(170deg, #27509B, #719cdc 80%, #bdcfe8);
}

.logo-area {
    background-color: #27509B;
    border-bottom-color: #133269;
}

#nav-title {
    background-color: #fbb648;
    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: #133269;
}

.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 {
    color: #fff;
}

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

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

.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.1) 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: #2a2d34;
    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 #133269;
}

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

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

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

.bg-grid {
    background-color: #284f9c;
    background-image: -webkit-linear-gradient(-425deg, #4b72b7, #27509B 60%, #a0c8e8);
    /*background-image: linear-gradient(325deg, #4b72b7, #27509B 100%, #a0c8e8 );*/
    background-image: linear-gradient(155deg, #a0c8e8 10%, #27509B);
    color: #ffffff;
    border: 2px;
}

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

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

.signin-button {
    /* border: 1px solid #12a084;
    background-color: #4bb39f; */
    border: 1px solid var(--btn-signin);
    background-color: var(--btn-signin-border);
    color: #ffffff;
}

    .signin-button:hover, .signin-button:focus {
        /* border: 1px solid #12a084;
        background-color: #19b092; */
        border: 1px solid var(--btn-signin-hover);
        background-color: var(--btn-signin-border-hover);
        color: #ffffff;
    }

.magic-checkbox + label, .magic-radio + label {
    color: #fff !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[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 #25a273ff;
        box-shadow: inset 0 0 8px #25a273ff;
    }

.select-signin {
    background: transparent;
}


#loading-top {
    color: white;
    background-color: #133269;
}

.btn-transparent {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.footer {
    color: #cecccc;
}