@media (min-width: 768px) {
    #navbar-default .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    #navbar-default .navbar-collapse {
        text-align: center;
    }
}

#page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#content-wrap {
    padding-bottom: 50px;    /* Footer height */
}

#footer {
    margin-top: auto;
    width: 100%;         /* Footer height */
}

#nav-bar{
    background-color:#dddddd;
    color:#212a45;
    width:100%;
    
}
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px ;
    }
}

.navbar{
    min-height:initial;
}

#navbar-default{
    background-color:#dddddd;
    color:#212a45;
    width:100%;
}

#navbar-head{
    background-color: #f99221;
}

#nav-bar .navbar-nav>.active>a, #nav-bar .navbar-nav>.active>a:focus, #nav-bar .navbar-nav>.active>a:hover{
    background-color:#132249;
    color:white;
}

.categories-dropdown{
    background-color:#f99221;
    color: white;
    border: none;
}

.categories-dropdown:hover, .categories-dropdown:focus{
    background-color:white; /*her blue 212a45*/
    color:#212a45;
    border: none;
}

.search-input{
}

.search-button{
}

.nav-spacing{
    border-spacing:25px;
    
}

.nav-border{
    border-left:2px solid #212a45;
    border-right:2px solid #212a45;
}

#nav-bar .navbar-nav>li>a{
    color:#212a45;
}

#nav-bar .navbar-nav>li>a:hover{
    background-color:#212a45;
    color:white;
}

.soft-padding-top{
    padding-top:8px;
}

.category-button{
    background-color:#dddddd;
}

.footer{
    background-color:#222222;
    color:white;
    padding:40px;
}
.footer a{
    background-color:#222222;
    color:white;
}


/**Button definition*/
.btn-omicron{
    background-color:#f99221;
    color:white;
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* @update : Reducir el tamaño de la descripción para que las cajas no se afecten */
.productDescription{
    font-size: 2.7vw;
}

/* @update : Modificar el botón de agregar a la wish list */
.addWishList{
    margin: 10px; 
    padding: 10px 10px;
}

/* @update | @author : Sebastian Marroquin | 11-11-2021 */
@media (min-width: 500px) {
    .productDescription{
        font-size: 0.8vw;
    }
}

li.selected{
    background-color:#E4E4E4;
}

.fullscreen-modal .modal-dialog {
    margin: 0;
    margin-right: 50px;
    margin-left: 50px;
    width: auto;
    top: 25%;
}

.tableAdmin{
    margin: 0;
    margin-right: 50px;
    margin-left: 50px;
    width: auto;
    top: -26%;
}

p.form-control{
    height: 55px;
}

th.title-table-number{
    text-align: right
}

th.title-table-text{
    text-align: justify
}

th.title-table-center{
    text-align: center
}

td.title-table-number{
    text-align: right
}

td.title-table-text{
    text-align: justify
}

td.title-table-center{
    text-align: center
}

.button-eye, .button-eye:hover, .button-eye:active, .button-eye:visited{
    background-color: #212A45;
    color: #f99221;
}

.button-general, .button-general:hover, .button-general:active, .button-general:visited{
    background-color: #212A45;
    color: #ffffff;
}

.button-second, .button-second:hover, .button-second:active, .button-second:visited{
    background-color: #f99221;
    color: #ffffff;
}


.button-three, .button-three:hover, .button-three:active, .button-three:visited{
    background-color: #474747;
    color: #ffffff;
}

.custom-class {
	z-index: 1029
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:visited{
    background-color: #212A45;
    color: #ffffff;
    border-color: #212A45;
}

.btn-danger, .btn-warning:hover, .btn-warning:active, .btn-warning:visited{
    background-color: #474747;
    color: #ffffff;
    border-color: #474747;
}

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:visited{
    background-color: #474747;
    color: #ffffff;
    border-color: #474747;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited{
    background-color: #212A45;
    color: #ffffff;
    border-color: #212A45;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited{
    background-color: #474747;
    color: #ffffff;
    border-color: #474747;
}

.btn-info, .btn-info:hover, .btn-info:active, .btn-info:visited{
    background-color: #212A45;
    color: #ffffff;
    border-color: #212A45;
}

.btn-cart, .btn-cart:hover, .btn-cart:active, .btn-cart:visited, .btn-cart:focus{
    background-color: #212A45;
    color: #ffffff;
    border-color: #212A45;
}

.btn-cart2, .btn-cart2:hover, .btn-cart2:active, .btn-cart2:visited, .btn-cart2:focus{
    background-color: #f99221;
    color: #ffffff;
    border-color: #f99221;
}

.btn-delete, .btn-delete:hover, .btn-deete:active, .btn-deete:visited, .btn-deete:focus{
    background-color: #474747;
    color: #ffffff;
    border-color: #474747;
}

.btn-cart2[disabled] {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-cart[disabled] {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
    opacity: 0.6;
    cursor: not-allowed;
}

a {
    color: #212A45;
}

#CartShop {
    color: white;
}