.fa-bars {
    color: rgb(156,39,176)
}

.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: #FFF;
    border-bottom: 5px solid rgb(126,27,154);
    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 .name-compu {
        color: rgb(156,39,176) !important
    }

#wrapper {
    background: #252034
}

#main {
    background: #212d3b
}

#nav {
    background-color: #384A63;
    background-image: -webkit-linear-gradient(-425deg, #384A63 40%,#AE5B65);
    background-image: linear-gradient(155deg,#384A63 40%,#AE5B65)
}

#nav {
    background-color: rgb(126,27,154);
    background-image: none;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 250px;
    z-index: 16
}

.logo-area {
    background-color: rgb(156,39,176);
    border-bottom-color: #384A63
}

#nav-title {
    background-color: #384A63;
    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: rgb(156,39,176);
}

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

.tab-open {
    display: block;
    width: 40px;
    min-height: 90px;
    background-color: rgb(156,39,176);
    position: relative;
    z-index: 999;
    top: 50%;
    right: 0;
    left: 25px;
    cursor: pointer;
    transform: translate(-50%, -50%);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

    .tab-open .arrow-tab {
        position: absolute;
        top: 37px;
        left: 20px;
        color: #ffffff
    }

.breadcrumb {
    background-color: #4d4d4d;
    border-bottom: 1px #dfdfdf solid;
    color: rgb(156,39,176) !important;
    padding-right: 0
}

    .breadcrumb li a {
        color: #fff !important;
        font-size: 16px
    }

        .breadcrumb li a:hover {
            color: rgb(156,39,176) !important
        }

.breadcrumb-sub {
    width: 100%;
    background-color: rgb(156,39,176) !important;
    min-height: 40px
}

.breadcrumb-sub-thai {
    background-color: rgb(74,20,140)
}

.nav > li a.name-compu {
    color: rgb(156,39,176)
}

.avatar-slide .avatar-detail p a {
    color: #fc3
}

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

.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)
    }

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

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

.widget-collapse.dark p {
    border-bottom: 1px #FFF solid
}

    .widget-collapse.dark p:after {
        border-top-color: #FFF
    }

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

.mail-menu ul li.active a {
    border-left-color: #fc3;
    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 rgb(156,39,176);
}

.corner-flip {
    position: relative
}

    .corner-flip .flip {
        border-bottom-color: #F1F3F5
    }

.grid-main {
    width: 100%;
    padding: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #E1E1E1;
    cursor: pointer;
    font-size: 14px;
    color: rgb(156,39,176);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .grid-main:hover {
        background-color: rgb(156,39,176);
        color: #fff !important
    }

        .grid-main:hover .fa-file-text-o {
            color: #fff !important
        }

.edit-fog-compu {
    padding: 10px 20px;
    margin-left: 10px;
    color: rgb(156,39,176) !important
}

.bg-main-color {
    background-color: rgb(156,39,176)
}

.head-accordion-color {
    background-color: rgb(156,39,176)
}

.tab-control {
    background-color: rgb(74,20,140)
}

.nav-tabs > li > a {
    background-color: rgb(156,39,176)
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: rgb(74,20,140)
}

.nav-tabs > li > a:hover {
    background-color: rgb(74,20,140)
}

.nav.nav-tabs .open > a:hover, .nav.nav-tabs .open > a:focus {
    background: rgb(74,20,140)
}

.treeview li span {
    background-color: rgb(156,39,176);
    padding: 10px 20px;
    border-radius: 20px;
    color: #e1e1e1
}

.treeview li.collapsable span {
    background-color: rgb(156,39,176);
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff
}

.treeview li.expandable span {
    background-color: rgb(156,39,176);
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff
}

@media (max-width: 991px) {
    .fa-bars {
        color: #fff
    }

    .logo-area {
        border-bottom: 5px solid rgb(74,20,140) !important
    }
}

.btn-compu-sigin {
    background-color: rgb(74,20,140);
    border: none;
    border-radius: 0;
    color: white;
    font-family: 'Gotham-black';
    font-size: 16px;
}

    .btn-compu-sigin[disabled] {
        background-color: #f3f3f3;
        border: none;
        border-radius: 0;
        color: darkgray;
        font-family: 'Gotham-black';
        font-size: 16px;
    }

    .btn-compu-sigin:hover {
        -webkit-transition: color 1s;
        -moz-transition: color 1s;
        -o-transition: color 1s;
        transition: color 1s;
        color: mediumpurple;
    }

    .btn-compu-sigin[disabled]:hover {
        color: lightslategray;
    }

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

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

.select-signin {
    background: transparent;
}
