/* 
Theme Name: APP EPYSA
Theme URI: www.gordodigital.cl
Description: App Epysa
Version: 1
Author: Juan Espinoza B
Author URI: www.gordodigital.cl
*/



*{margin: 0;padding: 0}


.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mt20{margin-top: 20px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.pt40{padding-top: 40px}
.pt70{padding-top:70px}
.pb20{padding-bottom:20px}
.pb100{padding-bottom:100px}
.img-centrar{margin: 0 auto}
.col-centered {
    float: none;
    margin: 0 auto;
    overflow: hidden;
}

.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}

.btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

/*
 * Card component
 */
.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin {
    /*background-color: #4d90fe; */
    background-color: rgb(104, 145, 162);
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: rgb(12, 97, 33);
}

.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: rgb(12, 97, 33);
}

.tit-front h1 {font-family: 'Roboto', sans-serif;font-size: 20px;color: #fff;font-weight: 600}
h1.titulo{font-family: 'Roboto', sans-serif;font-size: 20px;color: #fff;font-weight: 400}

/*BUSCADOR*/
  .searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 30px;
    padding: 10px;
    }

    .search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_input{
    padding: 0 10px;
    width: 450px;
    caret-color:red;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_icon{
    background: white;
    color: #e74c3c;
    }

    .search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:white;
    }
/*BUSCADOR*/


/*CAROUSEL*/
.carousel-wrap {
  margin:45px auto;
  padding: 0 5%;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

/*CAROUSEL*/

/*BUSCADOR*/

#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    background-color: #fff;
    margin-top:0px;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
    color: #c11513;
}
/*BUSCADOR*/
#datafetch a {
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 2px 0;
    font-size: 18px;
    color: #c41513;

}
#datafetch a:hover{background: #c41513;color: #fff}
.box-tit-detalles {
    background: #fff;
    padding: 6px 0;
}
.box-tit-detalles h2 {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #ccc;
}
.owl-prev {
    display: none;
}
.owl-next {
    display: none;
}
.lista-precio{max-width: 600px;margin: 0 auto;bottom: 0;padding-bottom: 30px}
.logoFooter {max-width: 200px;margin: 0 auto;bottom: 0;}
img.ico-detalles{height:30px}
/*PATTERN BG INDEX*/
/*https://www.heropatterns.com/*/
.primario{background-color: #aa0418;}
.primario{background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ba1513' fill-opacity='0.49' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");}

.secundario{background-color: #f2f2f2;}
.secundario{background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e6e6e6' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");}

/*TABLAS*/
/*h2 {
  text-align: center;
}*/

table caption {
    padding: .5em 0;
}

@media screen and (max-width: 767px) {
  table caption {
    border-bottom: 1px solid #ddd;
  }
}

.p {
  text-align: center;
  padding-top: 140px;
  font-size: 14px;
}
@media (min-width: 1200px) {
   .modal-xlg {
      width: 90%; 
   }
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
th {
    text-align: center;
    text-transform: uppercase;
    background: #979797;
    color: #fff;
}
td {
    text-align: center;
}
a.arrow-clases img{height:25px}
.text-center.tit{background:#c41513;color: #fff;font-weight: bold;text-align: left}
/*TABLAS*/

img.img-avatar {border-radius: 50%;width: 125px;margin:25px 0}
.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 4px;
    font-size: 18px !important;
    background:#b7161a;color:#fff;
    text-transform: uppercase;
}
.wpcf7-form-control.wpcf7-submit:hover{background:#fff;color: #b7161a}
.a2a_kit.a2a_kit_size_32.a2a_default_style.text-center {
    padding-left: 30%;
}

/*DESDE SINGLE*/
.item-photo{display:flex;justify-content:center;align-items:center;}
.menu-items{list-style-type:none;font-size:11px;display:inline-flex;margin-bottom:0;margin-top:20px}
.btn-success{width:100%;border-radius:0;}
.section{width:100%;margin-left:-15px;padding:2px;padding-left:15px;padding-right:15px;background:#f8f9f9}
.title-price{margin-top:30px;margin-bottom:0;color:black}
.title-attr{margin-top:0;margin-bottom:0;color:black;}
.btn-minus{cursor:pointer;font-size:7px;display:flex;align-items:center;padding:5px;padding-left:10px;padding-right:10px;border:1px solid gray;border-radius:2px;border-right:0;}
.btn-plus{cursor:pointer;font-size:7px;display:flex;align-items:center;padding:5px;padding-left:10px;padding-right:10px;border:1px solid gray;border-radius:2px;border-left:0;}
div.section > div {width:100%;display:inline-flex;}
div.section > div > input {margin:0;padding-left:5px;font-size:10px;padding-right:5px;max-width:18%;text-align:center;}
.attr,.attr2{cursor:pointer;margin-right:5px;height:20px;font-size:10px;padding:2px;border:1px solid gray;border-radius:2px;}
.attr.active,.attr2.active{ border:1px solid orange;}

@media (max-width: 426px) {
    .container {margin-top:0px !important;}
    .container > .row{padding:0 !important;}
    .container > .row > .col-xs-12.col-sm-5{
        padding-right:0 ;    
    }
    .container > .row > .col-xs-12.col-sm-9 > div > p{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .container > .row > .col-xs-12.col-sm-9 > div > ul{
        padding-left:10px !important;
        
    }            
    .section{width:104%;}
    .menu-items{padding-left:0;}
}
/*FIN SINGLE*/
#avatar p{color: #848484;font-size: 20px}
.um-col-alt-b {display: none;}
.um-half {width: 100% !important;}
.um-right.um-half {display: none;}
.titulo-img h4{padding: 0 20px}
.um.um-login.um-21.uimob340 {padding-bottom: 50px;}


.um-field-label > label{color: #fff}
a.um-link-alt{color:#fff !important}
.borrar {display: none;}
#wpcf7-f486-p87-o1 br {display: none;}
#wpcf7-f495-p87-o2 br{display: none;}
.wpcf7-form br {display: none;}
.um-field.um-field-c {display: none;}

.um-misc-ul{text-align: center;}
.um-misc-ul li{list-style: none}
.um-misc-ul li a{text-decoration: none;}
.um-misc-ul li a{padding: 10px 100px;background:#3ba1da;color:#fff;border:1px solid #3ba1da;}
.um-misc-ul li a:hover{opacity: 0.5}
.um-misc-ul li:nth-child(1) {display: none}

/*NUEVA TABLA*/
.tabla{padding:0 15px;overflow: hidden;}
.box-principal{width:100%;overflow: hidden;}
.tit-principal{background:#c41513;color:#fff;width:100%;font-weight: bold;text-align: left;padding:8px}

.celda1{width: 20%;float:left;padding:8px;border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.celda2{width: 60%;float:left;padding:8px;border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.celda3{width: 20%;float: right;padding:8px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}