html {
  overflow: hidden !important;}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: left;
    color:#ffffff;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    background-image: url(../images/fondo.jpg);
    background-color: #808183;
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat;
    overflow: hidden !important;

}
#overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; 
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
 border: 8px solid #ffffff;
 /*background-image:url('../images/pres_paciente1.png') ;
 background-repeat: no-repeat;
 background-position: center;*/
}
a{color:#ffffff;}
a:hover{color:#ffffff; text-decoration: none;}


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/**** Custom 
#page-container {
  position: relative;
  min-height: 100vh;
}
#content-wrap {
min-height: 100vh;****/
 /* z-index: 99999;
  position: relative*//*
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;           
 /* z-index: 0;*/
/*}*/


/**** Login ****/
.containerForm{
  z-index: 3 !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top:150px;
}
.titleform{
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2em;
  text-align: left;
  color:#ffffff;
  margin-bottom:10px;
}
.inputform{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
  text-align: left;
  color:#000000;
  padding:10px 20px;
  min-width: 290px;
}
.btn.btnSubmit{
  border-radius: 0 !important;
  background-color:transparent;
  border: 2px solid #e9e7e7;
  color:#e9e7e7;
  margin-top: 20px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 18px;
  padding: 8px 12px 6px 12px;
  width: 100%;
}
.btn.btnSubmit:hover{
  background-color:#e9e7e7;
  color:#000000;
}
.btnPdf{
  font-family: 'Roboto', sans-serif;
  color:#6abc8d !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  margin-left: 20px;
}

/**** Caso ****/
.mainContainer{
  
  /*border: 8px solid #ffffff;*/
  padding-bottom: 0 !important;
 /* background-image: url(../images/patient.png);
  background-color: transparent;
  background-position: center bottom;
  background-size: 700px auto;
  background-repeat: no-repeat;
  
  height:1000px;*/
}
.colLHeader{
  z-index: 2;
}
.colRHeader{
  padding:20px 20px 0 0 !important;
  z-index: 3;
}
#logoHeader{padding:20px 0 0 20px;}

.btn.btnDefault{
  border-radius: 0 !important;
  background-color:transparent;
  border: 2px solid #e9e7e7;
  color:#000000;
  margin: 20px 0 0 30px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 12px 6px 12px;
}
.btn.btnDefault:hover{
  background-color:#e9e7e7;
}
.btn.danger{
  background-color: #6abc8d !important;
}
.rowSelect{
  margin-top:200px;
  position: relative;
  z-index: 10;
}
.textSelec{
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2em;
  text-align: center;
  color:#ffffff;
}
.rowPaciente{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 400px;
display: flex;
align-items: center;
}

.colIntro{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  

}

.divIntro{
  position: absolute;
  z-index: 3;
padding:0 20% !important;
  }
.divTextIntro{
/* float: right; */
display: block;
margin-left: 50px;
width: 100%;

}
#masIntro{
  position: absolute;
  z-index: 3;
  margin-right: 15px;
  float: left;
  display: block;
}
  .btnMas{
  width: 39px;
  height: 39px;
  background-image:url(../images/mas_w.png) ;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: transparent;
  border:none;
  min-width: 39px;
  }
  .btnMas:hover, .btnMas:active {
  background-color: transparent !important;
  }
  .btnMas:focus {
  outline:0px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important
  }
.colMas{
  display: flex;
  align-items: center;
  margin-top:-100px;
  z-index: 3;
}
.divMas{
  float: left;
  margin-left: 30px;
    }
.textNombre{
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2em;
  text-align: left;
  color:#ffffff;
  margin: 5px 0 0 0;
}  
.textDesc{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2em;
  text-align: left;
  color:#ffffff;
  margin-bottom: 10px;
}  
#qr{margin-left:10px;}
/* Timeline */

.rowTimeline{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  background-color: rgba(0,0,0,0.25);
  margin: 0 !important;
  left: 0;
  right: 0;  
  padding: 0 15% !important;
 z-index: 3;
}

.colTimeline{
}
.textTipo{ 
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1em;
  color:#ffffff;
  text-align: left;
  margin-bottom: 10px;
  white-space: normal;
  word-wrap: break-word;  
}
.textPrueba{ 
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1em;
  color:#ffffff;
  text-align: left;
  white-space:normal;
  word-wrap: break-word;  
}
.textInfo{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1em;
  color:#ffffff;
  text-align: left;
  white-space:normal;
  word-wrap: break-word;  
  /* height: 60px;
  overflow-y: scroll; */
}
.moreInfo{
  background-image: url('../images/moreInfo.png');
  background-repeat: no-repeat;
  background-size: 37px 37px;
  background-color: transparent;
  width: 37px;
  height: 37px;
  border:none;
  display: none;

}
.moreInfo:focus{
  outline:0px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important
}
.textNDC{
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2em;
  color:#00a3df;
  text-align: left;
  margin: 20px 0 0 30px;
  white-space: normal;

}
.btnNDC {
    width: 194px;
    height: 147px;
    /* width: 150px;
    height: 115px; */
    background-image:url(../images/btnNDC.png) ;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: transparent;
    border:none;
    color: white;
    text-align: center;
    line-height: 25px;
}
.btnNDC:hover, .btnNDC:active {
  background-color: transparent !important;
}
.btnNDC:focus {
  outline:0px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important
}
.newPrueba{
  width: 194px;
  height: 147px;
  /* width: 150px;
  height: 115px; */
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: transparent;
  border:none;
  color: white;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
}
.divPrueba {
  display: inline;
  float:left;
  width:194px;
  /* width:150px; */
}
.divPruebaNew{
  display: inline;
  float:left;
  width:194px;
}
.divTextDes{
  margin-top:10px;
  margin-right: 10px;
  border-radius: 7px;
  overflow-y: scroll !important;
  height: 105px !important;
}
 /* Hide scrollbar for Chrome, Safari and Opera */
 .divTextDes::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.divTextDes {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 

.divPruebaDes{
  padding:10px 10px 10px 15px;
  margin-top:10px;
  margin-right: 10px;
  border-radius: 7px;
  height: 155px;
}
.rowTimeline ul{
}
.divTL{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  min-height: 293px;
  /* height: 265px; */
}
.divTL ul{
  list-style-type: none;
  width: 300% !important;
  margin-left: -40px;
}

.startTL{
  background-image: url(../images/arrow-left.png);
  background-color: transparent;
  background-position: center;
  background-size: 100% auto;
  width: 38px;
  height: 37px;
  background-repeat: no-repeat;
  display: inline;
position: absolute;
top: 115px;
float: left !important;
border: none !important;
margin-left: -35px;
}

.endTL{
  background-image: url(../images/arrow-right.png);
  background-color: transparent;
  background-position: center;
  background-size: 100% auto;
  width: 38px;
  height: 37px;
  background-repeat: no-repeat;
  display: none;
position: absolute;
top: 115px;
left: 100%;
margin-left: -17px;
border: none !important;
}

ul {
  list-style-type: none;
}

#list{

}

#list li{
 
}

/*
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}

li {
 float:left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111111;
*/




/******* Custom Modal *********/
.modal-title{color:#000000;}
.close{
  background-image: url(../images/X.png);
  background-color: transparent;
  background-position: center;
  background-size: 60% 60%;
  background-repeat: no-repeat;
  margin: 0 !important;
}
.modal-header{
  border-bottom:none !important;}

.btnmodal[data-slide="prev"]{
  background-image: url('../images/navPrev.png');
  width: 37px;
  height: 37px;
  border:none;
}
.btnmodal[data-slide="prev"]:focus{
  outline:0px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important
}
.btnmodal[data-slide="next"]{
  background-image: url('../images/navNext.png');
  width: 37px;
  height: 37px;
  border:none;
}
.btnmodal[data-slide="next"]:focus{
  outline:0px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important
}

/******* Modal Anamnesis *********/

#modalAnamnesis .modal-body{
  padding-top:0 !important;
  padding-bottom: 60px !important;
}
#modalAnamnesis .iconCuestHeader{
  display: block;
  margin: 40px 0 0 30px;
}
#modalAnamnesis .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  color:#b41955;
  text-align: left;
  margin:20px 0 10px 30px;
}
#modalAnamnesis .textCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin-left: 30px;
}
#modalAnamnesis .rowDescription{
  padding:0 30px;
}
#modalAnamnesis .divDescription{
  border-top: 2px solid #e9e7e7;
  border-bottom: 2px solid #e9e7e7;
  padding:30px 0;
}
#modalAnamnesis .textDescription{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
  color:#000000;
  text-align: left;
  margin: 0 20px 10px 0;
}
#modalAnamnesis .ulDescription{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
  color:#000000;
  text-align: left;
  margin-bottom: 10px;
  list-style-type: disc;
  margin: 0 20px;
}
#imgAnamnesis{
  max-width: 590px;
}
/******* Modal Menú Pruebas *********/
#modalListadoPruebas  ul{padding-left: 0 !important;}
#modalListadoPruebas .modal-body {padding:20px 10% !important;}
#modalListadoPruebas .menuPruebas a{display: block !important; padding:0 10% !important;}
#modalListadoPruebas .card-header{
  background-color: transparent !important;
  border-radius: 0px !important;
  border-right: none !important;
  border-left: none !important;
  border-top: 2px solid #dedcdc;
  border-bottom: none !important;
  padding-top: 0 !important;
  padding-bottom: 3px !important;
}
#modalListadoPruebas .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
  color:#00a3df !important;
  text-align: left;
  margin:20px 0 10px 30px;
}
#modalListadoPruebas .collapse, #modalListadoPruebas .show{
  border-top: 2px solid #dedcdc;
}

#modalListadoPruebas .card{
  border: none !important;
}
#modalListadoPruebas .card-body{
  border: none !important;
}
#modalListadoPruebas .modal-footer{
  border-top: none !important;
}

#modalListadoPruebas .btn.btn-link{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
  color:#50535a;
  width: 100%;
  text-align: left;
   margin-top: 0px; 
   margin-bottom: 5px; 
   padding-top: 17px !important;
   padding-bottom: 0 !important;
}
#modalListadoPruebas #btnTratamiento{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
  color:#50535a;
  width: 100%;
  text-align: left;
   margin-top: 17px; 
   margin-bottom: 5px; 
   padding-bottom: 0 !important;
}
#modalListadoPruebas #btnTratamiento{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
  color:#50535a;
  width: 100%;
  text-align: left;
  margin-top: 0px;
  margin-left: 0 !important;
  background-color: transparent;
  border:none !important;
  height: 66.5px;
  border-top: 2px solid #dedcdc !important;
  border-bottom: 2px solid #dedcdc !important;
  padding: 0 32px;
  margin-right: 0 !important;
}
#modalListadoPruebas .btn.btn-link:hover{
 text-decoration: none;
}
#btnConsulta::before{
  content: url('../images/colorConsulta.png');
  margin-right: 10px;
}
#btnConsulta,#btnPruebas{text-decoration:none !important;}

#btnConsulta:focus,#btnPruebas:focus{outline:0px !important;box-shadow:none !important;}
#btnPruebas::before{
  content: url('../images/colorPruebas.png');
  margin-right: 10px;
}
#btnTratamiento::before{
  content: url('../images/colorTratamiento.png');
  margin-right: 10px;
}
[data-toggle="collapse"]::after {  
  content: url('../images/mas.png');
  float: right;
  margin-top: -7px;
}

[data-toggle="collapse"].collapsed::after {
  content: url('../images/menos.png');
  float: right;
  margin-top: -7px;
}

#modalListadoPruebas li .btn{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1em;
  color:#50535a;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: none !important;
  padding-left: 40px;
  margin-left: 40px;
}
#modalListadoPruebas li .btn:hover{
 text-decoration: none;
}
#collapseOne li .btn::before{
  content: url('../images/bulletConsulta_off.png');
  display: block !important;
  position: absolute;
  margin-left: -30px;
}
#collapseOne li .btn:disabled::before {
  content: url('../images/bulletConsulta_on.png');
  display: block !important;
  position: absolute;
  margin-left: -30px;
  opacity: 1 !important;
  cursor:no-drop;
}
#collapseOne li .btn:disabled {
  opacity: 1 !important;
  color: #aaa9a9;
}
#collapseTwo li .btn::before{
  content: url('../images/bulletPruebas_off.png');
  display: block !important;
  position: absolute;
  margin-left: -30px;
}
#collapseTwo li .btn:disabled::before{
  content: url('../images/bulletPruebas_on.png');
  display: block !important;
  position: absolute;
  margin-left: -30px;
}
#collapseTwo li .btn:disabled {
  opacity: 1 !important;
  color: #aaa9a9;
}
/******* Modal Resultado Pruebas *********/
#modalPrueba .close{
  background-image: url(../images/X_w.png);
  background-color: transparent;
  background-position: center;
  background-size: 60% 60%;
  background-repeat: no-repeat;
  margin: 0 !important;
}
#modalPrueba .modal-footer{
  background-color: #000000;
  border-top:0 !important;
  display: block;
}
#modalPrueba .modal-header{
  background-color: #000000;
}
#modalPrueba .modal-body{
  padding:0 !important;
  overflow-y: scroll;
  height: 600px;
}
#modalPrueba .modal-footer{
  min-height: 91px !important;
}
.iconPruebaFooter{
  float: left;
  margin-right: 20px;
}
.titlePruebaFooter{
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1em;
  color:#ffffff;
  text-align: left;
  margin:15px 0 10px 0;
}
.textPruebaFooter{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  color:#ffffff;
  text-align: left;
}

/******* Modal Cuestionario Fijo *********/

#modalCuesF .iconCuestHeader{
  display: block;
  margin: 40px 0 0 30px;
}
#modalCuesF .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  color:#b41955;
  text-align: left;
  margin:20px 0 10px 30px;
}
#modalCuesF .textCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin-left: 30px;
}

#modalCuesF .modal-body{
  overflow-y: scroll;
  height: 600px;
}
#modalCuesF .modal-footer{
  height:60px;
  border-top:none !important;
}

/******* Modal Cuestionario Fijo *********/

#modalCuesCDV .iconCuestHeader{
  display: block;
  margin: 40px 0 0 30px;
}
#modalCuesCDV .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin:20px 0 10px 30px;
}
#modalCuesCDV .textCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin-left: 30px;
}

#modalCuesCDV .modal-body{
  overflow-y: scroll;
  height: 600px;
}
#modalCuesCDV .modal-footer{
  height:60px;
  border-top:none !important;
}

/******* Modal Cuestionario Variable *********/
#modalCuesV .iconCuestHeader{
  display: block;
  margin: 40px 0 0 30px;
}
#modalCuesV .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  color:#6abc8d;
  text-align: left;
  margin:20px 0 10px 30px;
}
#modalCuesV .textCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin-left: 30px;
}
#modalCuesV .carousel-item{
  padding:0 30px;
}
#modalCuesV .titlequest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;

}
#modalCuesV .titlequest.last{
  padding-bottom:100px !important;
  text-align: center;
}

#modalCuesV .textquest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
  margin-left: 20px;
  max-width: 520px !important;

}
#modalCuesV .countquest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #6abc8d;
  text-transform: uppercase;
}
#modalCuesV .numberquest{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  color: #00a3df;
  text-transform: uppercase;
  background-color: #ffffff;
  border-radius: 50%;
  border:1px solid #00a3df;
  width: 43px;
  height: 43px;
  min-width: 43px !important;
  min-height: 43px !important;
  padding:10px 10px 10px 10px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  position:relative;
}
#modalCuesV .numberquest .back{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  width: 35px;
  height: 35px;
  background-color: transparent;
  padding:10px 10px 10px 10px;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top:3px;
}

/******* Modal Cuestionario Previo *********/
#modalCuesPrevio .iconCuestHeader{
  display: block;
  margin: 40px 0 0 30px;
}
#modalCuesPrevio .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin:20px 0 10px 30px;
}
#modalCuesPrevio .textCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin-left: 30px;
}
#modalCuesPrevio .carousel-item{
  padding:0 30px;
}
#modalCuesPrevio .titlequest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
}
#modalCuesPrevio .titlequest.last{
  padding-bottom:100px !important;
  text-align: center;
}

#modalCuesPrevio .textquest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
  margin-left: 20px;
}
#modalCuesPrevio .numberquest{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  color: #00a3df;
  text-transform: uppercase;
  background-color: #ffffff;
  border-radius: 50%;
  border:1px solid #00a3df;
  width: 43px;
  height: 43px;
  min-width: 43px !important;
  min-height: 43px !important;
  padding:10px 10px 10px 10px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  position:relative;
}
#modalCuesPrevio .numberquest .back{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  width: 35px;
  height: 35px;
  background-color: transparent;
  padding:10px 10px 10px 10px;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top:3px;
}

/******* Modal Cuestionario Tratamiento *********/
#modalCuesTratamiento .iconCuestHeader{
  display: block;
  margin: 40px 0 0 30px;
}
#modalCuesTratamiento .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  color:#6abc8d;
  text-align: left;
  margin:20px 0 10px 30px;
}
#modalCuesTratamiento .textCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin-left: 30px;
}
#modalCuesTratamiento .carousel-item{
  padding:0 30px;
}
#modalCuesTratamiento .titlequest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
}
#modalCuesTratamiento .titlequest.last{
  padding-bottom:100px !important;
  text-align: center;
}

#modalCuesTratamiento .textquest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
  margin-left: 20px;
  max-width: 520px !important;

}
#modalCuesTratamiento .countquest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #6abc8d;
  text-transform: uppercase;
}
#modalCuesTratamiento .numberquest{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  color: #00a3df;
  text-transform: uppercase;
  background-color: #ffffff;
  border-radius: 50%;
  border:1px solid #00a3df;
  width: 43px;
  height: 43px;
  min-width: 43px !important;
  min-height: 43px !important;
  padding:10px 10px 10px 10px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  position:relative;
}
#modalCuesTratamiento .numberquest .back{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  width: 35px;
  height: 35px;
  background-color: transparent;
  padding:10px 10px 10px 10px;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top:3px;
}

input[type="radio"] { display:none;}
.field-label-option {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
  color: #000000;
  text-align: left;
  padding:0px 10px 0px 15px;
  width: 100%;
  cursor: pointer;
  border-radius:50px;
  display: flex;
  align-items: center;
}

input[type="radio"]:checked + label.field-label-option .numberquest { 
  color: #ffffff !important;
 }
 input[type="radio"]:checked + label.field-label-option .numberquest .back{ 
  background-color: #00a3df  !important;
 }
 
 input[type="radio"]:checked + label.field-label-option .textquest.correcta{ 
  color: #6abc8d !important;
 }
 input[type="radio"]:checked + label.field-label-option .textquest.incorrecta{ 
  color: #e84127 !important;
 }
 


 .divNavModal{width: 100%;margin-top:10px;}
 .divNavModal .btnmodal{text-transform: uppercase;}
 .divNavModal .btnmodal:disabled{cursor:no-drop;}

#modalCuesV .modal-footer{border:none !important;}
#modalCuesPrevio .modal-footer{border:none !important;}

.rowquest{border-top: 2px solid #e9e7e7; padding:30px 0 0 0; }
.rowoptions{border-bottom: 2px solid #e9e7e7; padding:0 0 30px 0;}

#slideRespuestasPrevia,#slideRespuestasTratamiento{
  margin:0 !important;
  overflow-y: scroll !important;
  height: 300px !important;
}
.divRespuestas{
  border-bottom: 2px solid #e9e7e7; 
  padding:20px;
  width: 100%;
}
.lineGrey{
  border-bottom: 2px solid #e9e7e7;
  margin:0px !important;
  border-top:0px !important;
}
.titleRespuesta{
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
  margin-left: 20px;
  padding-top:40px;
  margin-bottom: 0 !important;
}
.textquestResp{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
  margin-left: 20px;
  display:block
}
.textRespuesta{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
  display:block;
  margin-left:80px;
  margin-top:15px;
  display: flex;
}
.textRespuesta.correcta{
  color: #6abc8d;
}
.textRespuesta.correcta::before{
  content: url('../images/correcta.png');
  width: 38px;
  height:39px;
  margin-right: 10px;
  margin-top:-5px;

}
.textRespuesta.incorrecta{
  color: #e84127;
}
.textRespuesta.incorrecta::before{
  content: url('../images/incorrecta.png');
  width: 38px;
  height:39px;
  margin-right: 10px;
  margin-top:-5px;
}

/******* Live *********/
/******* Live Menú *********/

.liveMenu{
  font-family: 'Roboto', sans-serif;
  border-radius: 0 !important;
  background-color:#00a3df;
  border: 2px solid #00a3df;
  color:#ffffff;
  margin-left: 46px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  padding: 8px 12px 6px 12px;
}
.liveMenu:hover{
  background-color:transparent;
  color: #00a3df;
  border: 2px solid #00a3df;
}
.countquestMenu{
  margin-left: 46px;
  color: #00a3df;
  margin-top:20px;
  font-size: 17px;
}
.numeroVotosMenu{
display: inline;
color: #00a3df;
position:absolute;
margin-top:-25px;
font-size: 17px;
text-align: right;
width: 65px !important;
margin-left:-20px;
}

/******* Live Previa *********/
.livePrevia{
  font-family: 'Roboto', sans-serif;
  border-radius: 0 !important;
  background-color:#6abc8d;
  border: 2px solid #6abc8d;
  color:#ffffff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  padding: 8px 12px 6px 12px;
}
.livePrevia:hover{
  background-color:transparent;
  color: #6abc8d;
  border: 2px solid #6abc8d;
}
.countquestPrevia{
  color: #6abc8d;
  margin-top:20px;
  font-size: 17px;
}
.numeroVotosPrevia{
  color: #6abc8d;
  font-size: 17px;
  text-align: right;
  width: 45px !important;
  margin-right: 10px;
}
/******* Live Actitud Terapeutica *********/
.liveTratamiento{
  font-family: 'Roboto', sans-serif;
  border-radius: 0 !important;
  background-color:#6abc8d;
  border: 2px solid #6abc8d;
  color:#ffffff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  padding: 8px 12px 6px 12px;
}
.liveTratamiento:hover{
  background-color:transparent;
  color: #6abc8d;
  border: 2px solid #6abc8d;
}
.countquestTrat{
  color: #6abc8d;
  margin-top:20px;
  font-size: 17px;
}
.numeroVotosTrat{
  color: #6abc8d;
  font-size: 17px;
  text-align: right;
  width: 45px !important;
  margin-right: 10px;
}
/******* Live vista *********/
/******* Modal Live vista *********/
#liveModal .iconCuestHeader{
  display: block;
  margin: 40px 0 0 30px;
}
#liveModal .titleCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  color:#6abc8d;
  text-align: left;
  margin:20px 0 10px 30px;
}
#liveModal .titleCuestHeader.titleliveMenu{  color:#00a3df;}
#liveModal .titleCuestHeader.titleliveExpect{  color:#6abc8d;}
#liveModal .countquest.titleliveMenu{  color:#00a3df;}
#liveModal .countquest.titleliveExpect{  color:#6abc8d;}

#liveModal .textCuestHeader{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
  color:#000000;
  text-align: left;
  margin-left: 30px;
}
#liveModal .carousel-item{
  padding:0 30px;
}
#liveModal .titlequest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
}
#liveModal .titlequest.last{
  padding-bottom:100px !important;
  text-align: center;
}

#liveModal .textquest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #000000;
  margin-left: 20px;
}
#liveModal .countquest{
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
  color: #6abc8d;
  text-transform: uppercase;
}
#liveModal .numberquest{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  color: #00a3df;
  text-transform: uppercase;
  background-color: #ffffff;
  border-radius: 50%;
  border:1px solid #00a3df;
  width: 43px !important;
  height: 43px !important;
  min-width: 43px !important;
  min-height: 43px !important;
  padding:10px 10px 10px 10px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  position:relative;
}
#liveModal .numberquest .back{
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  width: 35px;
  height: 35px;
  background-color: transparent;
  padding:10px 10px 10px 10px;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top:3px;
}
#liveModal .modal-body{padding:0 46px;}
.btnSendLive{
  border-radius: 0 !important;
  background-color:transparent;
  border: 2px solid #e9e7e7;
  color:#000000;
  margin: 20px 0 30px 0;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 17px;
  padding: 8px 12px 6px 12px;
}
.btnSendLive:hover{
  background-color:#e9e7e7;
}


/******* Image Zoom *********/
        #myWindow {
            cursor: grab;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #myContent {
            position: relative;
            display: flex;
            align-items: center;
        }

        #myContent img {
             display: block;
             width: auto; 
            height: auto;
            margin: auto;
            align-self: center;
            flex-shrink: 0; 
           
        }

        #myContent div {
            position: absolute;
            font-size: 80px;
        }

@media (max-width:767px){
  #modalListadoPruebas li .btn{
    padding-left: 20px;
  }
  #modalListadoPruebas .card-body,  #modalListadoPruebas .card-header{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #modalListadoPruebas #btnTratamiento{padding-left: 13px !important;}

}
@media (min-width:768px){
.divMas{
  max-width: 60%;
    }
  }