/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/*pantalla de inicio*/

#welcome-container img {
    width:100%;
    max-width: 100% !important;
}

#welcome-container h1 {
    margin:50px;
    font-weight:bold;
    font-size:50px;

}

#welcome-container .text-info {
    font-size:18px;
    color:#555;
}

#welcome-container .text-info {
    font-size:18px;
    color:#555;
}




/*CAMBIO DE COLOR ROJO*/
.text-danger, .has-error .control-label {
    color: #d82622;
}

/*ADAPTACION IMAGENES*/
@media only screen and (max-width: 760px) {

.radio-list  img {
    max-width: 10% !important;
}
}


.question-text {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color:#01567b;
}

.question-container {
  margin-bottom: 0em;
  border: 1px solid #e7e7e7;
  background-color: #f8f8f8;
  
}

.group-title.text-center.h3.space-col {
    text-align: center;
    font-size:15px;
    font-weight:
    bold;
    color: #3c3c3c;
    margin-top:5px;
    margin-bottom:5px;
    
}


.dir-ltr .ls-answers td.radio-item, .dir-ltr .ls-answers td.checkbox-item, thead tr th {
    vertical-align: middle !important;
}


.question-container {
  margin-bottom: 0em;
  border: 1px solid #e7e7f475;
  background-color: #fff;
  box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
  padding: 5px;}

.ls-answers tbody .answertext {
    text-align: left !important;
    padding: 5px;
    }


.progress-bar {
    background-color: #01567b;
    
}

.pruebita {
    padding: 0px;
    padding-top:0px;
    padding-bottom:0px;
    margin-top: 0px;
    margin-bottom: 0px;
    
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    /*background-color: #f5f5f5;*/
    background-color:pink;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    border: 1px solid #e3e3e3;
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 0;
}

#outerframeContainer {
    hyphens: none;
}


.text-info {
    color: #777;
}


.btn-primary {
    color: #fff;
    background-color: #01567b;
    border-color: #01567b;
}

.btn-primary:hover {
    color: #fff;
    background-color: #7eb0c9;
    border-color: #7eb0c9;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    background: #99999921;
}


.ls-answers {
    margin-bottom: 0px;
}

body {
    background: #f9f9f9;
}


/*adaptación imagen o texto en función del tamaño de pantalla. Texto entre <span>TEXTO</span>*/

th.answer-text span {
    display: none;
}

@media only screen and (max-width: 760px), 
(min-device-width: 768px) and (max-device-width: 1024px) {

td.answer-item img {
    display: none !important;
}
    
}


/*RESALTADO BOTONES ACTIVOS*/

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-color: #2995c4;
    border-color: #2995c4;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #2995c4;
    border-color: #2995c4;
}

/*IMAGENES DE PRESENTACIÓN DE ESCRITORIO - MOVIL*/

@media only screen and (max-width: 521px) {
  .escritorio {display:none} 
  
  #welcome-container h1 {
    margin: 30px;
    font-weight: bold;
    font-size: 30px;
}
}

@media only screen and (min-width: 520px) {
  .movil {display:none}
}