/*================================================================================

	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template

	Version: 2.0

	Author: PIXINVENT

	Author URL: http://www.themeforest.net/user/pixinvent

================================================================================



NOTE:

------

PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.

WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

div#DataTables_Table_CPS_wrapper {

    padding: 10px;

}



.profile-header {

    background-color: #fff;

    border: 1px solid #f0f0f0;

    padding: 1.5rem;

}

.profile-menu {

    background-color: #fff;

    border: 1px solid #f0f0f0;

    padding: 0.9375rem 1.5rem;

}

.profile-tab-cont {

    padding-top: 1.875rem;

}



.cust-bg{

    background: #414143!important;

}

.cust-label{

    color: #fff;

}

.cust-btn{

    background: #ff4500!important;

    color: #fff;



}



.logo-img{

    position: absolute;

    top: 4px;

    max-width: 65%!important;

}
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu{
    top: 160px !important;
    border-radius: 0.428rem;
}
.header-navbar.floating-nav{
    left: 0;
    width: 100%;
    margin: 0;
    background-color: #03abc8 !important;
    border-radius: 0;
    padding: 26px;
}
html .content.app-content{
    padding: calc(4rem + 4.45rem + 1.3rem) 2rem 0;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation li a.bg-secondary,.page-item.active .page-link{
    background-color: #03abc8 !important;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation li a.bg-secondary{
    color: #fff !important;
}
.main-menu.menu-light .navigation > li a{
    background: #fff !important; 
    color: #03abc8 !important;
}
.main-menu.menu-light .navigation > li .active,.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a{
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px !important;
    color: #03abc8 !important;
}
.main-menu.menu-light .navigation .navigation-header,.card-statistics h4{
    color: #e84f3b;
}
.main-menu.menu-light .navigation > li ul li > a{
    color: #58595b !important;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg,.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i{
    /*fill: #58595b;*/
    color: #58595b;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation li a.bg-secondary i{
    color: #fff;
}
.main-menu.menu-light .navigation > li > ul li:first-of-type{
    margin-bottom: 7px !important;
}
.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th{
    color: #414042;   
}
.bg-primary{
    background-color: #03abc8 !important;
}
.bg-danger{
    background-color: #e84f3b !important;
}
.btn-info,.btn-primary{
    border: 1px solid #58595b;
    border-radius: 8px;
    color: #03abc8!important;
    background: none!important;
    box-shadow: none !important;
    border-color: #58595b !important;
}
.btn-info:hover:not(.disabled):not(:disabled),.btn-primary:hover:not(.disabled):not(:disabled){
    box-shadow: none;
}
.main-menu .shadow-bottom{
    display: none;
}
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu{
    background: rgb(3, 171, 200, .8);
}
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu a{
    color: #fff;   
    text-align: right;
    font-size: 16px;
}
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu a:hover{
    background: #0f728e;
}
.nav-tabs .nav-link.active{
    color: #03abc8;
}
.nav-tabs .nav-link:after{
    background: linear-gradient(30deg, #03abc8, #03abc8) !important;
}
.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text,.form-control:focus{
    border-color: #03abc8 !important;
}
html body{
    background-color: #fff;
}
.header-navbar .navbar-container ul.navbar-nav li i.ficon, .header-navbar .navbar-container ul.navbar-nav li svg.ficon{
    color: #fff;
}
.dashboardLogo .dashboardHalfLogo{
    width: 60px;
}
.dashboardLogo .dashboardFullLogo{
    width: 500px;
    padding-left: 30px;
}
.dashboardTagLine{
    text-align: center;
    padding: 10px 0;
}
.dashboardTagLine h1{
    font-size: 54px;
    color: #414042;
    font-weight: 600;
}
.dashboardTagLine h1 span{
    color: #03abc8;
    font-weight: bolder;
}
.invoice-list-wrapper h3{
    color: #e84f3b;
    font-size: 24px;
}
.main-menu.menu-light .navigation > li > a{
    margin: 0px 15px;
}
.header-navbar.navbar-shadow{
    box-shadow: none;
}
.card{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media only screen and (max-width: 992px){
    .dashboardTagLine h1{
        font-size: 40px;
    }
    .dashboardLogo .dashboardHalfLogo{
        width: 50px;
    }
    .dashboardLogo .dashboardFullLogo{
        width: 350px;
    }
}
@media only screen and (max-width: 576px){
    .dashboardLogo .dashboardFullLogo{
        display: none;
    }
}