/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22/03/2020, 02:26:44 PM
    Author     : gm_cr
*/
/*/
General
*/
body {
    background-color: #05173D;
    color: #fff;
    font-size: 18px !important;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.text-white {
    color: white;
}

.text-blue,
.color-blue {
    color: #05173D;
}

.text-gold {
    color: #D7B215;
}

.panel-primary {
    border: 1px solid #D7B215;
}

.panel-primary>.panel-heading {
    background-color: #D7B215;
}

.panel-footer {
    text-align: center;
}

.btn-primary {
    border: 1px solid #05173D;
    background-color: #05173D;
    color: #fff
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #D7B215
}

a {
    color: #D7B215;
}

a:focus,
a:hover {
    color: white !important
}

.loading {
    background-color: #747474;
    height: 100%;
    opacity: 0.85;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 99999999;
    color: #fff;
    font-size: 14px;
}

.centrar {
    top: 50%;
    left: 43.5%;
    position: fixed;
}

/*
Login 
*/
.login-section {
    height: 700px;
    background-image: url('/images/nomsurveys/Stratego_home_nom.png');
    background-size: contain;
    background-repeat: no-repeat;
/*    background-attachment: fixed;
    background-position: center;*/
}

.login-button {
    padding-right: 50px;
    padding-left: 50px;
    margin-left: -25px;
    font-size: 16px;
    background-color: #D7B215;
    color: #05173D;
}
#token_client, #username, #sendToken{
    font-size:18px;
    height: 40px;
}

.identify_legend {
    color: #D7B215;
    border-bottom: 1px #fff solid;
    font-size: 16px;
    margin-top: 10px;
}

/*
END Login 
*/

/*
    Section content
*/
body {
    /*background-image: url(../images/nomsurveys/BACK2.jpg);
    background-image: url(../images/nomsurveys/BackGround-Inclusivo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: top;
    background-position-x: center;*/
}

.panel-heading {
    font-size: 20px;
    text-align: center;
}

.panel-body {
    height: 200px;
/*    text-align: justify;*/
}
.padding-hight{
    padding-top: 25%;
}
.panel-default,
.panel-success {
    border-radius: 25px;
}
.panel-heading{
    border-radius: 25px 25px 0px 0px;
}
.panel-footer{
    border-radius: 0px 0px 25px 25px;
}

.panel-default>.panel-heading{
    background-color: #e5e8ed;
}
.col-survey{
    margin: 0px;
    padding: 0px;
}
.col-md-offset-1{
    margin-left: 8.33333333%;
}
@media screen and (max-width: 500px){

}
.survey_content-home{
    background-image: url('/images/nomsurveys/back_home_noms.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    background-attachment: fixed;
}
.survey_content-detail{
    background-image: url('/images/nomsurveys/Stratego_formulario.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.survey-content {
    padding-bottom: 5%;
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.75);
}
.instructions,
.survey-content,
.form-control{
    color: #05173D;
}
.form-control{
    background-color: #e5e8ed!important;
}
h4 {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: center;
    color: #D7B215;
    text-transform: uppercase;
    font-weight: bold;
}
.sv_qstn{
    margin-top: 0px!important;
    padding-top: 0px!important;
}
.instructions {
    background-color: transparent;
    font-weight: normal;
    text-transform: none
}

label.swal2-checkbox {
    background: transparent;
}

.progress-bar {
    background-color: #D7B215;
    color: #05173D;
}

.sv_next_btn,
.sv_prev_btn,
.sv_complete_btn {
    background-color: #05173D;
    color: white;
}

.sv_q_file_remove_button,
.sv_complete_btn {
    background-color: #05173D;
    color: white;
    font-size: 18px;
}

.sv_complete_btn:hover,
.sv_complete_btn:focus {
    color: #05173D;
    background-color: #D7B215;
    font-size: 18px;
}

.card-footer {
    background-color: transparent;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #D7B215;
}

.swal2-html-container {
    font-size: 18px;
}

.card-block>h3 {
    display: none !important;
}

/*
    END Section content
*/

/*
Footer
*/
.icons-social {
    margin-top: -2px;
}

.icon-socialmedia {
    margin-left: 10px;
    font-size: 20px;
}

.page-footer {
    background-color: #05173D;
    border-top: 10px solid #D7B215;

}
hr{
    border: 1px solid #D7B215;
}
.footer-copyright {
    border-top: 3px solid #D7B215;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;

}

.footer-image {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 150px;
    margin: 0 auto
}

/*
Footer image
*/
.h5,
h5 {
    font-size: 0px !important;
}

.video-js {
    width: 850px;
    margin-bottom: 5%;
    margin-top: 5%;
    /*height: 1005;*/
}

.vjs-progress-control.vjs-control {
    /*display: none !important;*/
}

h5>span,
select {
    font-size: 20px !important;
}

h4 span {
    font-size: 24px !important;
}

.instructions {
    font-size: 22px !important;
}

input.btn.btn-green.sv_prev_btn {
    display: none !important;
}

th {
    text-align: center;
}

td {
    text-align: center;
}

td:first-child {
    text-align: left;
}

.div-image {
    text-align: center;
}

.image-sq_159 {
    height: 500px;
}

.sv_q_file_preview>img {
    max-height: 100px;
}

.sv_q_file_remove {
    content: "Eliminar Archivo";
}
@media screen and (min-width:1920px){
    .login-section{
        height: 800px;
    }
    .padding-hight{
        padding-top: 450px;
    }
}