.navbar + .container {
    padding-top: 60px;
}

.navbar {
    padding-bottom: 0;
}

body {
    background-color: #ebebeb;
}

.base-color{
    background-color: #003b60;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    background-color: #ebebeb !important;
    color: #000000 !important;
    border-radius: 5px 5px 0 0;
}

.navbar-dark .navbar-nav .nav-link {
    padding: .6rem 1rem;
    color: #FFFFFF;
    background-color: #003b60;
}

.nav-tabs .nav-link {
    color: #FFFFFF;
    background-color: #003b60;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #003b60 #003b60 #003b60;
    color: #ffffffbf;
}

@media only screen and (max-width: 767px) {
    .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
        border-radius: 5px 5px 5px 5px;
        width: 30%;
    }

    .nav-tabs .nav-link {
        background-color: unset;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 0.5rem 0.4rem;
    }

    .navbar {
        padding-bottom: 2px;
    }

    .nav-tabs {
        border-bottom: none;
        margin-left: -8px;
    }
}

/* Content container card */
.card {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Content container card header*/
.card-header {
    margin-bottom: 0;
    background-color: #003b60;
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: #FFFFFF;
    padding: .50rem .50rem;
}

/* Content text spacing*/
.text-wrapper {
    margin: 2%;
}

.table .thead-light th {
    color: #FFFFFF;
    background-color: #003b60;
    border-color: #b8b7c1;
}

.print-ico {
    color: #000000;
    margin-left: 30%;
}
 /* Stats */
.stats-neutral {
    background-color: transparent;
}

.stats-green {
    background-color: rgba(40, 180, 99, 0.5);
}

.stats-yellow {
    background-color: rgba(241, 196, 15, 0.5);
}

.stats-orange {
    background-color: rgba(255, 166, 48, 0.5);
}

.stats-red {
    background-color: rgba(231, 76, 60, 0.7);
}

.stats-grey {
    background-color: rgba(122, 117, 118, 0.7);
}

 /* Icons */
 .icon-neutral {
    color: transparent;
}

.icon-green {
    color: rgba(40, 180, 99, 0.5);
}

.icon-yellow {
    color: rgba(241, 196, 15, 0.5);
}

.icon-orange {
    color: rgba(255, 166, 48, 0.7);
}

.icon-red {
    color: rgba(231, 76, 60, 0.7);
}

.icon-grey {
    color: rgba(122, 117, 118, 0.7);
}

.badge-default {
    color: #fff;
    background-color: #4e6f84;
    width: 75px; /* the default width makes sure the badges dont 'jump' on refresh*/
}

.badge-large {
    color: #fff;
    background-color: #4e6f84;
    width: 95px; /* the default width makes sure the badges dont 'jump' on refresh*/
}

.badge-xxl {
    color: #fff;
    background-color: #4e6f84;
    width: 110px; /* the default width makes sure the badges dont 'jump' on refresh*/
}

.badge-right {
    float: right;
    margin-right: 6px;
    margin-bottom: 5px;
}

.badge-left{
    float: left;
    margin-left: 6px;
    margin-bottom: 5px;
}

.table_edit_icon {
    margin-right: 10px;
    color: #4E80BC;
}

.table_remove_icon {
    margin-right: 10px;
    color: #bc0015;
}

.table_ok_icon {
    margin-right: 10px;
    color: #1abc1f;
}

.card_add_icon {
    margin-right: 10px;
    color: #FFFFFF;
}

.col-xxl {
    width: 15%;
}
.col-xl {
    width: 10%;
}
.col-large {
    width: 8%;
}
.col-med {
    width: 5%;
}
.col-small {
    width: 4%;
}

/* Extra small, only used for inventory for now */
.col-xsmall {
    width: 2%;
}

#default_store .form-group {
    margin-bottom: 0;
}

#default_store_store {
    height: 23px;
    margin: -2px 0px;
    padding: 0px;
}

.question-float {
    float: left;
    margin-left: 10px;
    color: white;
}