#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/logoS360.jpeg'); 
    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; */
color: #fd7e14 ;
    background-color:#fd7e14  !important;
    background-color: transparent; 
     border-radius:5px 5px 5px 5px;
    padding:4px; 
     margin-right: 30px;
}
.jp-next{
    color: #fd7e14 ;
   color:white !important;
    background-color:#fd7e14  !important;
    border-radius:0px 5px 5px 0px;
    padding: 4px;
    margin-left: 30px; 
}
.jp-previous:hover{
    
    cursor: pointer !important;
    text-align: left; ;
     background-color: #fc4f14 !important; 
}
.jp-next:hover{
    
    cursor: pointer !important;
    background-color: #fc4f14 !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 input[type="radio"]:checked + label {
    background-color: transparent;
    color: #e56e19;
} 

#myIdEncuesta .ismyradio label:hover, #myIdEncuesta .ismycheck label:hover {
    background: transparent;
    color: #e56e19;
}


#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;
}
.donate label {
    float: left;
    /* width: 30px;
    height: 32px; */
    margin: 4px;
    background-color:transparent;
    border-radius: 4px;
    border: 0px;
    overflow: hidden;
    cursor: pointer;
  }
  
 .donate label span {
    text-align: center;
    font-size: 30px;
    padding: 3px 0px;
    display: block;
  }
  
  .donatei  {
    position: absolute;
    opacity: 0;
    /*top: -20px;*/
  }
  
  .donatei:checked+span {
    background-color: transparent;
    color: #e56e19;
  }