/* ========================================================================
   Component: layout
 ========================================================================== */
 body, .wrapper > section {
    background-color: #e8e8e8;
}

.wrapper > .aside {
    background-color: #001a4d;
}

/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
    background-color: #fff;
}

.topnavbar .navbar-header {
    background-color:linear-gradient(-45deg,#31215B,#D0777F);
    background-image: -webkit-linear-gradient(left, #31215B 0%, #D0777F 100%);
    background-image: -o-linear-gradient(left, #31215B 0%, #D0777F 100%);
    background-image: linear-gradient(-45deg, #001a4d, #4a88fb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFBF00', endColorstr='#ffFFBF00', GradientType=1);
}

@media only screen and (min-width: 768px) {
    .topnavbar .navbar-header {
        background-image: none;
    }
}

.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
    color: #FFBF00;
}

.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
    color: #312a5d;
}

.topnavbar .navbar-nav > .active > a,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .active > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
    color: #ffffff;
}

.topnavbar .nav-wrapper {
    background-color:linear-gradient(-45deg,#31215B,#D0777F);
    background-image: -webkit-linear-gradient(left, #31215B 0%, #D0777F 100%);
    background-image: -o-linear-gradient(left, #31215B 0%, #D0777F 100%);
    background-image: linear-gradient(-45deg, #5d2a88e5, #4c51eef0);
    /* background-image: linear-gradient(-45deg, #001a4d, #4a88fb); */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31215B', endColorstr='#D0777F', GradientType=1);
}

@media only screen and (min-width: 768px) {
    .topnavbar {
        background-color:linear-gradient(-45deg,#31215B,#D0777F);
        background-image: -webkit-linear-gradient(-45deg,#31215B,#D0777F);
        background-image: -o-linear-gradient(-45deg,#31215B,#D0777F);
        background-image: linear-gradient(-45deg,#31215B,#D0777F);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31215B', endColorstr='#D0777F', GradientType=1);
    }

    .topnavbar .navbar-nav > .open > a,
    .topnavbar .navbar-nav > .open > a:hover,
    .topnavbar .navbar-nav > .open > a:focus {
        box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
    }

    .topnavbar .navbar-nav > li > a,
    .topnavbar .navbar-nav > .open > a {
        color: #ffffff;
    }

    .topnavbar .navbar-nav > li > a:hover,
    .topnavbar .navbar-nav > .open > a:hover,
    .topnavbar .navbar-nav > li > a:focus,
    .topnavbar .navbar-nav > .open > a:focus {
        color: #b6cdcd;
    }
}

/* ========================================================================
   Component: sidebar
 ========================================================================== */
 .sidebar {
    /* background-color: #001a4d; */
    background-color: #241950d4;
}

.sidebar .nav-heading {
    color: #919da8;
}

.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
    color: #ffffff;
}   
/* / sidebar text hover color / */
.sidebar .nav > li > a:focus,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:hover {
    color: #919da8;
}

.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
    color: #cd91ff;
}

.sidebar .nav > li.active,
.sidebar .nav > li.open,
.sidebar .nav > li.active > a,
.sidebar .nav > li.open > a,
.sidebar .nav > li.active .nav,
.sidebar .nav > li.open .nav {
    /* background-color: #4a88fb59; */
    background-color: #5f5cd359;
    /* / background-color: #ddc2c4; / */
    color: #ffffff;
}

.sidebar .nav > li.active > a > em,
.sidebar .nav > li.open > a > em {
    color: #fff;
}

[dir='rtl'].sidebar .nav > li.active {
    border-right-color: #3a3f51 !important;
}

.sidebar .nav > li.active {
    border-left-color: #fff;
}

.sidebar-subnav {
    background-color: #3a3f51;
}

.sidebar-subnav > .sidebar-subnav-header {
    color: #D0777F;
}

.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
    color: #fff;
}

.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
    color: #D0777F;
}

.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
    color: #D0777F;
}

.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
    border-color: #fff;
    /*background-color: #9289ca;*/
}

/* ========================================================================
   Component: offsidebar
 ========================================================================== */
.offsidebar {
    border-left: 1px solid #f532e5;
    background-color: #f532e5;
    color: #515253;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus, li.user-header {
    /* background:linear-gradient(-45deg,#D0777F,#31215B) !important; */
    background: linear-gradient(-45deg, #5d2a88e5, #4c51eef0);
    color:#fff;
    border-left: 1px solid #31215B;
}

.panel-custom .panel-heading {
    border-bottom: 2px solid #D0777F;
    border-radius: 20px 0px;
}
.custom-bg ,.fc-state-default{
    background:linear-gradient(#daa4a8,#D0777F) !important;
    color: #ffffff !important;;
}

/* .nav-tabs > li.active > a {
    border-top: 2px solid #f532e5;
} */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus, li.user-header {
    border-left: 2px solid #fff;
    /* / background:linear-gradient(-45deg,#D0777F,#31215B) !important; / */
    /* background: linear-gradient(-45deg, #001a4d, #4a88fb); */
    background: linear-gradient(-45deg, #5d2a88e5, #4c51eef0);
    color:#fff;
}

.nav-tabs > li > a:focus,
.nav-tabs> li > .nav-item:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > .nav-item:hover {
    background-color: #4860b74f;
}
.timeline-2, .timeline-2 .time-item:after, .time-item, .time-item:after {
    border-color: #f532e5;
}
.sub-active {
    border-left-color: #f532e5;
}

/* Aravind Added Newly */
.navbarcontainer {
    background: linear-gradient(-45deg, #001a4d, #4a88fb) !important;
}
#DataTables thead {
    background-color: transparent;
    color: white;
}
#DataTables thead th {
    /* background: linear-gradient(-45deg, #5a92ffed, #215fd5f2); */
    background: linear-gradient(-85deg, #b460ffc4, #7056f7);
    color: white;
    /* clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%); */
    /* clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%); */
    border-radius: 20px 5px;
    padding: 9px 8px;
    text-align: center;
    font-size: 14px;
    position: relative;
    border-right: 1px solid #fff;
    z-index: 1;
}
#DataTables tbody td {
    /* background: linear-gradient(to right, #ffffff63, #dae7ff4a) !important; */
    background: linear-gradient(to right, #ffffff, #ffffff) ;
}
.dashboard-container {
    background-image: linear-gradient(to left, #e3ebfd 0%, #e6eeff 100%) !important;
}
button.btn.btn-primary.cml_add_bt {
    background-color: #4a88fb;
}
button.btn.btn-primary.cml_add_bt1 {
    background-color: #223cbb;
}
.btn-default {
    background: linear-gradient(-45deg, #5d2a88e5, #4c51eef0) !important;
    color: white !important;
}
ul.dropdown-menu.animated.zoomIn{
    scrollbar-color:#2041b7 #e3e3e3 !important;
}
.drop_01 li{
    background:#94b0ff !important; 
}

.sundry_credtors_table thead th{
    background: linear-gradient(-82deg, #a057e1e0, #482ecfd4) !important;
    color: white;
    border-radius: 25px 5px;

}
.expense_ledger_table thead th{
    background: linear-gradient(-82deg, #a057e1e0, #482ecfd4) !important;
    color: white;
    border-radius: 25px 5px;
}
#ledgerDataTable thead th{
    background: linear-gradient(-82deg, #a057e1e0, #482ecfd4); 
    color: #fff;
    border-radius: 25px 5px;

}
#ledgerDataTable thead tr{
    background-color: #dfdfff;
}
.expense_ledger_table thead tr{
    background-color: #dfdfff;
}
.sundry_credtors_table thead tr{
    background-color: #dfdfff;
}

.panel.panel-custom.menu {
    border-radius: 1px 30px;
    box-shadow: 0px 0px 5px 4px #BBAAFE;
    border-right: 10px solid #846efd;
}
div#menu{
    animation: autocolor 5s infinite alternate;
    transition: background-color 1s ease-in-out;
}
@keyframes autocolor {
    0%   { background-color: #ebfaffe5; } 
    33%  { background-color: #fff3ffe0; } 
    66%  { background-color: #fdf4ffea; } 
    100% { background-color: #e2e5ffe8; } 
}