#my_tope{
    position: fixed;
    background-color:rgba(0,0,0,0.8);
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 10000; 
    display: none
}

.my_animacion{
    position: absolute;
    top:50%;
    left: 50%;
    transform:translate(-50%,-50%);
}

.my_animacion div{
    width: 70px;
    height: 70px;
    border-radius:50%; 
    background-image: url('../assets/img/logo_S360.jpg'); 
    background-size: 100%;    
    background-repeat: no-repeat;
    background-position: center;
    animation:animate 1.8s linear infinite;
}

@keyframes animate{
    0% {           	
        box-shadow:0 0 0 0 rgba(255,193,7,0.7),0 0 0 0 rgba(255,193,7,0.7);           	
    }
    40%{
        box-shadow:0 0 0 50px rgba(255,193,7,0),0 0 0 0 rgba(255,193,7,0.7);           	
    }
    80%{           		
        box-shadow:0 0 0 50px rgba(255,193,7,0),0 0 0 30px rgba(255,193,7,0);           	
    }
    100%{           
        box-shadow:0 0 0 0 rgba(255,193,7,0),0 0 0 30px rgba(255,193,7,0)  ;         	
    }
}

/*************************
    PLUGIN MODIFICADO
**************************/
.holder{
    width: 100% !important;
}
.jp-disabled{
    background-color: gray !important;
}
.jp-previous{
    color:white !important;
    background-color:#1e88e5  !important;
    border-radius:5px 0px 0px 5px;
    padding: 15px;
    margin-right: 30px;
}
.jp-next{
    color:white !important;
    background-color:#1e88e5  !important;
    border-radius:0px 5px 5px 0px;
    padding: 15px;
    margin-left: 30px;
}
.jp-previous:hover{
    cursor: pointer !important;
    background-color: #1164aa !important;
}
.jp-next:hover{
    cursor: pointer !important;
    background-color: #1164aa !important;
}
.jp-current{
    display: none;
}
.myPruebita{
    display:none;
}

/*************************
    NUEVOS ESTILOS
**************************/
.my-modal-h-per{
    border-radius: 0%;
    border-color: #117f90;
    text-shadow: 1px 1px 2px rgba(7, 6, 6, 0.774); 
}

.my-img-logo-per{
    width: 90px;
    height: 80px;
    border-radius: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.my-puntero:hover{
    cursor: pointer;
    color: #1a237e;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.my_validate_bad_style{
    color: red;
    text-decoration: underline red;
    background-color: rgba(156, 12, 12, 0.15);
}

.my_validate_oki_style{
    color: black;
    text-decoration: none;
    background-color: white;
}

/*
    EL PROBLEMON ES QUE NO SUBRAYA LAS OPCIONES PERO SI LAS PREGUNTAS QUE NO ESTAN CONTESTADAS
*/

#myIdEncuesta .ismyradio label,
#myIdEncuesta .ismycheck label {
    display: inline-block;
    cursor: pointer;
    color: #29487d;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 1em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

#myIdEncuesta .ismyradio label:active, #myIdEncuesta .ismycheck label:active {
    background: #05225d;
    color: white;
}

#myIdEncuesta .ismyradio label:hover, #myIdEncuesta .ismycheck label:hover {
    background: #05225d;
    color: white;
}

#myIdEncuesta .ismyradio label:before, #myIdEncuesta .ismycheck label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    background: none;
    border: 3px solid #4267b2; 
}

#myIdEncuesta input[type="radio"] {
    display: none; 
}

#myIdEncuesta input[type="radio"]:checked + label:before {
    display: none; 
}

#myIdEncuesta input[type="radio"]:checked + label {
      padding: 5px 15px;
      background: #29487d;
      border-radius: 2px;
      color: #fff; 
}

#myIdEncuesta .ismycheck label:before {
    border-radius: 3px; 
}

#myIdEncuesta .ismycheck input[type="checkbox"] {
    display: none; 
}
#myIdEncuesta .ismycheck input[type="checkbox"]:checked + label:before {
      display: none; 
}

#myIdEncuesta .ismycheck input[type="checkbox"]:checked + label {
      background: #29487d;
      color: #fff;
      padding: 5px 15px;
}