/* here you can put your own css to customize and override the theme */\
.mt0{
	margin-top:0px !important;	
}

.page-sidebar {
    background: #364150!important;
}
.page-container{
    background: #364150!important;
}
.header {
    background-color: #2b3643!important;
}
.footer {
    background-color: #2b3643!important;
}
.header .page-logo h4 {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}
ul.page-sidebar-menu > li > a {
    color: #b3b3b3 !important;
    font-size: 13px !important;
}
.header .navbar-nav .dropdown-toggle:hover, .header .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: #3f4f62 !important;
}
ul.page-sidebar-menu > li {
    border-bottom: 1px solid rgba(134, 143, 160, 0.5)!important;
}
ul.page-sidebar-menu > li > a .arrow:before, ul.page-sidebar-menu > li > a .arrow.open:before {
    color: #fafafa !important;
}
.sidebar-toggler {
    
    border-radius: 0 !important;
    margin-right: 0px;
    background-color: #ff9d37;
}
ul.page-sidebar-menu > li a i {
    color: #eaa964 !important;
    padding-right:5px;
}
.portlet {
    clear: both;
    margin-top: 0px;
    margin-bottom: 25px;
    border: 1px solid #e7ecf1;
    
}

.page-sidebar-menu > li.active > a {
    
    border-right: 0px solid #364150;
    font-weight:bold;
}
ul.page-sidebar-menu > li.active > a i {
    color:#fff !important;
}
ul.page-sidebar-menu > li.active > a {
    background-color:#ff9d37 !important;
    color:#fff !important;
}
ul.page-sidebar-menu > li.active > a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    transform: rotate(180deg);
    border-left: #ffffff 10px solid;
    border-right: transparent 10px solid;
    border-top: transparent 10px solid;
    border-bottom: transparent 10px solid;   
}
ul.page-sidebar-menu > li > a:hover i {
    color:#fff !important;
}
ul.page-sidebar-menu > li > a:hover {
    background-color:#eaa964 !important;
    color:#fff !important;
}
.page-bar {
   
    background-color: #fff!important;
    border-top: 1px dotted #ddd!important;
    border-bottom: 1px dotted #ddd!important;
}
.portlet > .portlet-title {
    background-color: #ef7f0b;
    padding: 10px 10px 2px 10px !important;
    height: 38px;
}
.portlet.light.portlet-fit > .portlet-title {
    padding-top:5px !important;
}
.portlet.light > .portlet-title > .caption {
    color:#fff !important;
}
.portlet > .portlet-title > .caption > i{
    color:#fff !important;
}
.portlet > .portlet-title > .caption {
    color:#fff;
}
.dashboard-stat .details .number {
    font-size:30px !important;
}
.table-responsive3 {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
.table-dashboard {
     border-radius: 3px;
}
.BoxHeader {
    /* border-top-left-radius: 5px; */
    margin-bottom: 10px;
}
@media (max-width:767px) {
    .table-responsive3 {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid transparent !important;
    }
}