/* ============================================================
   Asistente de Medidas - PrestaShop 8.2 Module
   ============================================================ */

.container-asistente h1 {
    color: #951D1D;
    margin-bottom: 10px;
}
.container-asistente h3 {
    text-align: center;
    font-size: 24px;
    padding: 10px 15px;
    background-color: beige;
    margin: 0 0 15px 0;
}
.container-asistente p{
    line-height: 16px;
    font-size: 12px;
}
.container-asistente .tabbable{
    margin-top: 15px;
}
/* Tabs */
.container-asistente ul.nav-tabs {
    background: #fff;
    border-bottom: none;
    margin-bottom: 0;
}
.container-asistente ul.nav-tabs li.active a,
.container-asistente ul.nav-tabs li.active {
    background: beige;
    border: none;
}
.container-asistente ul.nav-tabs li a:hover {
    border: none;
    background: #f5f5dc;
}

/* Formulario */
.container-asistente .formulario label {
    color: #951D1D;
    font-weight: 600;
    font-size: 12px;
    text-align: left;
}
.container-asistente label.checkbox-inline{margin-left: 15px;}
.container-asistente .formulario .sufixe {
    color: #a0960d;
    font-size: 12px;
    display: block;
    margin-top: 3px;
}
.container-asistente .formulario select,
.container-asistente .formulario input[type="text"],
.container-asistente .formulario input[type="number"],
.container-asistente .formulario input[type="email"],
.container-asistente .formulario input[type="tel"] {
    width: 100%;
    border-color: #a9a9a9;
}
.container-asistente .formulario textarea {
    border-color: #a9a9a9;
    width: 100%;
}
.container-asistente .formulario .form-group {
    margin-bottom: 20px;
}
.container-asistente .formulario hr {
    border-color: #a9a9a9;
    margin: 25px 0;
}
.container-asistente .formulario input[type="submit"] {
    border: none;
    background: #951D1D;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    transition: background 0.2s;
}
.container-asistente .formulario input[type="submit"]:hover {
    background: #7a1717;
}

/* Imagen asistente */
.container-asistente .imagen_asistente {
    margin-bottom: 20px;
    text-align: center;
}
.container-asistente .img-responsive {
    max-width: 100%;
    height: auto;
}

/* Imágenes seleccionables */
.img-check,
.img-check-rp,
.img-check-as {
    cursor: pointer;
    border: 3px solid transparent;
    transition: border-color 0.2s;
    width: 100%;
}
.img-check.check,
.img-check-rp.check,
.img-check-as.check {
    border-color: #951D1D;
}

/* Tab pane */
.container-asistente .tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 0px;
    background: transparent;
    border: none;
}
.container-asistente .form-section {
    margin-bottom: 10px;
}

/* Alertas */
.container-asistente .alert {
    margin: 15px 0;
    padding: 12px 15px;
    border-radius: 4px;
}
.container-asistente .alert-success {
    background: #dff0d8;
    border: 1px solid #3c763d;
    color: #3c763d;
}
.container-asistente .alert-danger {
    background: #f2dede;
    border: 1px solid #a94442;
    color: #a94442;
}