body {
    background-color: #f4f4f9;
}
.bg-primary {
    background-color: #21639c;
}
.skin-josh .navbar {
    background-color: #ffffff;
}
.navbar-right .nav .open > a,
.navbar-right .nav .open > a:hover,
.navbar-right .nav .open > a:focus,
.navbar-right .nav > li > a:hover,
.navbar-right .nav > li > a:focus {
    background-color: #ffffff;
}
body > .header .navbar .sidebar-toggle {
    background-color: #ffffff;
}
#logo-nav-header {
    height: 36px;
}
#l-logo-nav-header {
    z-index: 1050;
}
#s-menu,
#l-logo-nav-header {
    z-index: 1050;
    /*position: fixed;*/
    -webkit-box-shadow: 0px 10px 12px rgba(105, 108, 109, 0.7), 0 0 0px 0px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0px 10px 12px rgba(105, 108, 109, 0.7), 0 0 0px 0px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0px 10px 12px rgba(105, 108, 109, 0.7), 0 0 0px 0px rgba(208, 223, 226, 0.4) inset;
}
.riot {
    color: #2a2a2a;
    padding: 18px 5px 5px 40px;
}
.responsive_nav {
    background: url(../img/nav_black_icon.png);
}
.skin-josh .logo {
    background-color: #ffffff;
}
#s-menu,
#s-menu .sidebar-nav {
    background: #fff;
}
.skin-josh .sidebar a {
    color: #6c6c6c;
    font-weight: 600;
}
.skin-josh .sidebar .page-sidebar-menu > li {
    border-bottom:none;
}
.nav > li > a:focus, .nav > li > a:hover,
.sidebar_threeicons li:hover,
.skin-josh .sidebar .page-sidebar-menu > li:hover {
    background: #f3f3f9;
    border-bottom: none;
}
.left-side .active {
    background: #f3f3f9 !important;
}
.skin-josh .sidebar li ul {
    background: #fff;
    border-top: none;
}
.skin-josh .right-side > .content-header {
    border-top: 1px solid #d0d0d0;
    background:#fff;
}
#menu li {
    padding: 5px 0px 0px;
}
#menu li > ul > li > a {
    padding-left: 40px;
}
#menu li > ul > li > a > span:first-child {
    margin-right: 5px;
}

#menu li .fas{
    float: right;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f6f8fd;
}

.widget {
    border: 1px solid #e4e4e4;
}

.widget h5{
    color: #8d8d8d;
}

.w-indicador {
    padding: 10px 0px;
}

.w-icon-container {
    width: 50px;
    height: 50px;
    padding: 7px 12px;
    border-radius: 5px;
    text-align: center;
}

.w-week-count {
    border-top: 1px solid #e4e4e4;
    padding-top: 2px;
}

.text-success-b {
    color: #3d9d26 !important;
}

.text-purple {
    color: #7c38bc;
}

.text-error {
    color: red !important;
}
.text-inverse {
    color: #000;
}

.text-error-second {
    color: #1b46ed !important;
}

.bg-success-second {
    background-color: #daf4f0;
}
.bg-info-second {
    background-color: #d6e1ff;
}

.bg-purple-second {
    background-color: #ead3ff;
}
.bg-warning-second {
    background-color: #ffedd3;
}

.bg-error-second {
    background-color: #ffc0c0;
}

.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.col-6{
    width:49.5%;
}
.col-7 {
    width: 58.33333333%;
}
.col-5 {
    width: 41.66666667%;
}
.col-4 {
    width: 33.33333333%;
}

.p-10 {
    padding: 10px !important;
}
.p-t-0{
    padding-top:0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}
.m-t-5 {
    margin-top: 5px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-t-15 {
    margin-top: 15px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-t-25 {
    margin-top: 25px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

@media(max-width: 1368px){

    .widget h3 {
        font-size: 20px;
    }
    .widget h5 {
        font-size: 12px;
    }
}
@media(max-width: 1281px) {

    .w-percent {
        position: absolute;
        right: 0px;
        top: -5px;
    }
}