/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	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.  */

        .card{
            display: inline-block;
            min-width: 100%;
        }
        
        .card-body{
          padding: 0.5rem!important;
        }
        .nav div{
            width:auto!important;
        }
        .product-options{
            border: 1px solid #333333;
        }
        ul{
            list-style: none;
            padding-left: 10px;
        }
        #fichatecnica{
            margin-bottom: 10px!important;
        }
        .alert-info{
            color:#ffffff!important;
        }

body{
  background-color:#ffffff!important;
}
html body .content.app-content .content-overlay{
  background-color:#ffffff!important;
}

input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input-group {
  clear: both;
  position: relative;
}

.input-group input[type='button'] {
  background-color: #eeeeee;
  min-width: 30px;
  width: auto;
  transition: all 300ms ease;
}

.input-group .button-minus,
.input-group .button-plus {
  font-weight: bold;
  height: 30px;
  padding: 0;
  width: 30px;
  position: relative;
}

.input-group .quantity-field {
  position: relative;
  height: 30px;
  left: -6px;
  text-align: center;
  width: 40px;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 5px;
  resize: vertical;
}

.button-plus {
  left: -13px;
}

.cajacantidad{
  width: 70px!important;
  padding-left:15px!important;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.imagenlistado{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
tr{
    vertical-align: middle!important;
}
/**THE SAME CSS IS USED IN ALL 3 DEMOS**/
/**gallery margins**/
ul.gallery{
margin-left: 3vw;
margin-right:3vw;
}

.zoom {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.zoom:hover,
.zoom:active,
.zoom:focus {
/**adjust scale to desired size,
add browser prefixes**/
-ms-transform: scale(5);
-moz-transform: scale(5);
-webkit-transform: scae(5);
-o-transform: scale(5);
transform: scale(5);
position:relative;
z-index:100;
}

.input-group{
  flex-wrap: nowrap!important;
}
th{
  z-index: 1!important;
}
.bootstrap-select.btn-group .dropdown-menu{
    padding-bottom: 40px!important;
}
.bootstrap-select.btn-group .dropdown-menu li a{
    padding-left: 20px!important;
    color:#565656!important;
}

.badge{
    font-size:100%!important;
}

#mensajegastos{
  font-weight: bold;
  color: #3ebce5;
}
#mensajelogin{
  display: none;
}
#mensajerecuperaok{
  display: none;
}

#ectable_cart{
  display: block;
  height: 500px;
  overflow-y: scroll;
}

.imagenproducto{
  width: 350px!important;
}
.pull-up{
  min-height:300px!important;
  min-width:300px!important;
  max-width:300px!important;
}
.pull-up img{
  width:200px!important;
  height:200px!important;
  object-fit: contain;
}

.table th{
  text-align: center!important;
}
.table th, .table td {
  padding: 10px!important;
  vertical-align: middle!important;
}
ec-table table{
  border-collapse: collapse!important;
}
.table-striped tbody tr:nth-of-type(odd){
  background-color: #f2f2f2;
}
@media only screen and (max-width: 1200px) {
  /*  .navbar-nav{
        display: none!important;
    }
    .nav-link-expand, .nav-search{
     display: none!important;
    }
    */
    .header-navbar .navbar-container ul.nav li > a.nav-link {
        padding: 5px!important;
        font-size: 12px!important;
    }
    .btncarrito{
      float: left!important;
    }
}