body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;

}
/*Cajon recaptcha para centrar en pantalla*/
.g-recaptcha > div{
  margin: 0 auto;
}
/*Loader de las paginas*/
.loaderIntro {
    width: 100px;
    height: 100px;
    margin: 40px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 50%;
    right: 50%;
    z-index: 50000;
    margin-left: -30px;
    margin-top: -60px;
}
html{
  font-family: 'Open Sans';
}
h1, h2, h3,h4{
  font-family: 'Dosis', serif;
}
main {
  flex: 1 0 auto;
}
#sidenav-overlay{
  z-index: 996;
}
#catalogo span{
  font-family: 'Open Sans', serif;
  font-size: 16px;
  line-height: 3;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){
  color:#393D3E!important;

}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover{
  color:#060707!important;

}
.card-title{
  top:0;
  right: 0;
}
.nav-wrapper img{
  height: 64px;
}
.navbar-extended,.navaltu {
  height: 64px;
}
.nav-wrapper{
  z-index: 50;
}
.waves-effect.waves-blue .waves-ripple{
  background-color: rgba(53,130,153,0.8);
}
.tabs .indicator{
  background-color: white!important;
}
.centro{
  margin:0 auto;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
	border-bottom: 1px solid #357f8a;
  box-shadow: 0 1px 0 0 #357f8a;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
  color: #357f8a!important;
}
.card-action a{
}
input[type="text"]:not(.browser-default):disabled {
  color: black;
}
.caret{
  color:white!important;
}
.dropdown-content{
  top:-100%!important;
}
/*separacion paginacion datatable*/
.pagi {
  margin: 0.5%;
}
/*Icono exportar excel*/
.excel{
  background: url("../images/excel.svg")no-repeat center;
  background-size: contain;
  vertical-align: middle;
  width: 25px!important;
  height: 25px;
}
.fondotabla{
  color: white;
  background-color: #4cabb9 !important;
}
#tablacatalogo,#tablacatalogo th, #tablacatalogo tr{
  border: 0;
}
#tablaclientes,#tablaclientes th, #tablaclientes tr{
  border: 0;
}
.export{
  text-align: right;
  margin-top: 2%;
}
.fileup{
  color:grey;
  float: left;
}
.editararticulo{
  height: 80%!important;
  min-height: 80%!important;
  max-height: 80%!important;
}

.modal{
  width: 70%;
  height: 80%!important;
  max-height: 80%!important;
}

@media (max-width: 992px) {
  .modal{
    width: 100%;
    height: 85%!important;
    max-height: 85%!important;
  }
}
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}

.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}

#icono{
  position: absolute;
  width: 30%;
  top: 0;
  text-align: right;
  right: 2%;
}
#icono img{
  width: 55%;
}