/* 

*/

/*

.valid-btn{background:#184e77;border:none;border-radius: 0;color:#fff;margin:15 0 0;}
.valid-btn:hover{background: #0f324d;color:#fff;}
.valid-btn a{color: #fff;}
.alert{margin-top: 20px;margin-bottom: 0;border: 0;border-radius: 0;}



.fusion-footer-copyright-area{padding:0 !important;width:100% !important;}
.fusion-social-links-footer{display:none;}
*/
/*



.alert{display:none;}

*/
body{background-color:#2678aa;background-image: url('../img/fondo.gif');background-size: 100%;color:#666 !important;font-size: 16px !important;}
#cont-paso1{margin-bottom: 25px;margin-top: 15px;text-align: center;color: #ce4563;}
.sello{margin:0 30px 0 0;}
.valid_cont{background:#fff;box-shadow:0 0 25px 18px rgba(0,0,0,0.1);margin-top: 25px;padding:30px;margin-bottom: 45px;border-top: 7px solid #ce4563;display: inline-block;}
.valid_cont2{padding:20px;margin-bottom: 35px;margin-top: 05px;display:block;}
.link_cont{width:90%;display:block;margin:15px auto 0;font-size:0.8em;}
.link_list{display:inline-block;list-style: none;margin:15px 35px 15px 0;}
.link_list li a{color:#fff;text-decoration: none;margin: 10px 0;display: inline-block;}
.link_list li i{color:#fff;display:inline-block;margin-right:7px;} 
.header{background: #fff; border-bottom:thin;border-bottom-color: black; width: 100%;height: 120px;display: block;box-shadow: 0 0 29px 10px rgba(1,1,1,.2)}
.main{background-color:#fff;padding-top:15px;padding-bottom:25px;margin-top: 65px;margin-bottom: 95px;border-top: 7px solid #ce4563;border-bottom: 7px solid #ce4563;
}
.logo-head{height:50%;margin:8px 25px;display:inline-block;}
.menu_cont{display: inline-block;float:right;}
.menu_cont ul li{display:inline-block;margin:30px 25px;}
.menu_cont ul li a{text-decoration: none;color:#666;font-size:1.2em;}
.grey_head span{padding: 0 25px;color:#fff;}
.grey_head{background:#424441;padding: 10px 0;display: block;}

.fot{position:fixed;bottom:0;width:100%;}
.fot_cont{background:#184e77;}
.link_cont span{color: #fff !important;padding: 15px 0;display: block;text-align: center;}
.link_cont span a{color: #fff;}
.qr-input{width: 88%;display: inline-block;}
.qr-doubt{width: 8%;border-radius: 20px;background:#e4e4e4;}


.cont-paso2{float: none !important;}
.btn-back{background:#868686;color: #fff;text-align: center;padding: 10px 0;width:60%;margin: 15px auto 0;display:block;}
.duo{width:40% !important;display: inline-block !important;}
.striped{margin: 0 auto;}
.striped tr:nth-child(even){background-color: #e4e4e4}
.striped tr{padding: 3px 0;}
.name-input{background: transparent !important;border: 0;font-weight: 600;text-transform: uppercase;text-align:center;color:#ce4563;font-size: 1.3em;margin:5px;}
.popover-content{background: url(../img/certmini.png);background-size: 100%;background-repeat: no-repeat;width: 150px;height: 83px;}
.nofi, .imgprint{display: none;}
.stat{padding: 0 18px; color:green;}
.cross{background: #ff6464;color: #fff;border-radius: 50px;display: block;width: 105px;height: 105px;text-align: center;line-height: 2;margin: 0 15px;font-size: 3.2em;margin: 0 auto 15px;}
@media print
   {     
       .menu_cont,.btn-back,.fot, a{display:none;}
       .nofi{position: absolute;width: 100%;left: 0;font-size: 2em;z-index: -1;text-align: center;top: 50px;display: block;}
       .imgprint{display:inline-block;positione:relative;width: 100px;float:right;}
       .valid_cont{border:1px solid #cbcbcb;}
       .header{border-bottom: 3px solid #ce4563;}
       tr{background:#f2f2f2 !important;-webkit-print-color-adjust: exact;-moz-print-color-adjust: exact;}
       .alert{display:none !important;}
}   







/* Modal Content (Image) */
.modal2-content2 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal2-content2, #caption { 
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 50px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal2-content2 {
    width: 100%;
  }
}





/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 510px;
  background-color: #184e77;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
 
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}


.x-button .x-close {
    background-image: none !important;
    background-color : red !important; // red will be the button color
}