body {
    padding-top: 100px;
    padding-bottom: 20px;
}

.body-content {
    padding-top: 10px !important;
    padding-left: 15px;
    padding-right: 15px;
}

input,
select {
    max-width: 280px;
}

i {
    color: #a5a5a5;
}

.row {
    width: 100%;
}

.navbar {
    padding: 0em 1rem;
    background-color: #FFFFFF !important;
}

.navbar-brand {
    margin: auto;
    padding: 0em;
}

.navbar-header img {
    max-height: 70px;
    margin-top: 15px;
}

.right-logo-text {
    padding-top: 10px;
    text-align: center;
    color: #ff7900; /* Color corporativo */
    font-size: 20px;
    margin: auto;
}

    .right-logo-text a {
        color: #ff7900; /* Color corporativo */
    }

.bottom-logo-text {
    color: #ff7900; /* Color corporativo */
    font-size: 10px;
}

    .bottom-logo-text a {
        color: #ff7900; /* Color corporativo */
        font-size: 10px;
    }

.text-informacion {
    font-size: 15px;
    color: #ff7900; /* Color corporativo */
    margin-bottom: 10px;
    text-align: center;
}

.btnEncuesta {
    margin-right: 5px;
}

#btnBuscarServicioTecnico {
    font-size: 16px;
    padding: 4px;
    margin-bottom: 5px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

@media (max-width: 1200px) {
    .right-logo-text {
        font-size: 20px;
    }

    .bottom-logo-text {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .right-logo-text {
        padding-top: 15px;
        font-size: 16px;
    }
}

.bottom-logo-text {
    text-align: center;
    padding-bottom: 10px;
}

.text-informacion {
    padding-top: 0px;
}

@media (max-width: 767px) {
    .right-logo-text {
        padding-top: 0px;
        text-align: center;
        font-size: 13px;
    }

    .text-informacion {
        font-size: 13px;
    }

    h2 {
        font-size: 25px;
    }
}

@media (max-width: 500px) {
    .right-logo-text {
        padding-top: 0px;
    }
}

@media (max-width: 464px) {
    .btnEncuesta {
        padding: 2px;
        width: 23px;
    }

    h4 {
        font-size: 20px;
    }
}


/* Calificación Estrellas */

ul, li {
    list-style: none;
    position: relative;
    left: -22px;
    top: -10px;
    display: inline;
    margin-bottom: -5px;
}

.estrellas, .estrellas ul {
    float: left;
}

.estrellas {
    padding-left: 2px;
    padding-top: -2px;
}

    .estrellas ul li {
        float: left;
        color: #ddd;
        padding-right: 3px;
        font-size: 48px;
        cursor: pointer;
    }

        .estrellas ul li.on {
            color: #ffc107;
        }

    .estrellas ul span {
        display: inline;
        float: left;
        padding-left: 10px;
        margin-top: 10px;
    }

/****************************************/
/**********  Pregunta SI / NO  **********/
/****************************************/

.btn-check {
    display: none;
}

.PreguntaSiNo {
    margin-right: 5px;
}

/****************************************/
/*******  Estilos personalizados  *******/
/****************************************/

/* Mostrar solo en la cabecera el logo centrado */

#divLineaCabecera1 {
    padding-bottom: 14px;
}

#divLineaCabecera2 {
    display: none;
}

#divLineaCabecera1_logo {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#divLineaCabecera1_texto {
    display: none;
}

/****************************************/
/********  Colores corporativos  ********/
/****************************************/

.form-control:focus {
    border-color: #ff7900; /* Color corporativo */
    box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
}



/* Info *********************************/

.btn-info {
    color: #FFFFFF;
    background-color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-info:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    /* Marco sombreado */
    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 121, 0, 1); /* Color corporativo */
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        /* Marco sombreado */
        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }

.btn-outline-info {
    color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-outline-info:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #ff7900; /* Color corporativo */
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }



/* Success ******************************/

.btn-success {
    color: #FFFFFF;
    background-color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-success:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    /* Marco sombreado */
    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        /* Marco sombreado */
        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }

.btn-outline-success {
    color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-outline-success:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #ff7900; /* Color corporativo */
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }



/* Danger *******************************/

.btn-danger {
    color: #FFFFFF;
    background-color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-danger:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    /* Marco sombreado */
    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        /* Marco sombreado */
        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }

.btn-outline-danger {
    color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-outline-danger:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #ff7900; /* Color corporativo */
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }



/* Warning ******************************/

.btn-warning {
    color: #FFFFFF;
    background-color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-warning:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    /* Marco sombreado */
    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        /* Marco sombreado */
        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }

.btn-outline-warning {
    color: #ff7900; /* Color corporativo */
    border-color: #ff7900; /* Color corporativo */
}

    .btn-outline-warning:hover {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ff7900; /* Color corporativo */
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff7900; /* Color corporativo */
        border-color: #ff7900; /* Color corporativo */
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 93, 168, 0.5); /* Color corporativo */
        }