a.btn{
      color: #FFF !important;
    }
    #winDesbloqueo{
      display: block;
      position: fixed;
      left:50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #FFF;
      border-radius: 14px;
      padding: 50px 22px 42px;
    }
    .logo{
      text-align: center;
    }
    .ip{
      background: #233645;
      height: 45px;
      width: 302px;
      color: #FFF;
      text-align: center;
      font-family: "Arial", serif;
      font-size: 15px;
      line-height: 44px;
      border-radius: 5px;
      margin: 35px auto 9px;
    }
    #btnDesbloqueo{
      margin: 18px auto 0;
      background: #2093bd;
      width: 196px;
      height: 47px;
      text-align: center;
      color: #FFF;
      line-height: 46px;
      font-size: 15px;
      font-family: 'Comfortaa', cursive;
      display: block;
      border-radius: 23px;
      cursor: pointer;
    }
    .alert{
      margin-bottom: 0
    }
#overlay,
#overlayAlerta{position:fixed;z-index:8031;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.80)}
#loading{display:block;width:100px;height:100px;position:fixed;left:50%;margin-left:-50px;top:50%;margin-top:-50px;z-index:99999 !important;display:block}
.basic-spinner{
  display:inline-block;
  margin:0 auto;
  border-radius:50%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:url(../site-spinner-240.png);
  width:100px;height:100px;
  -webkit-animation:full-rotation 1s infinite linear;
  -moz-animation:full-rotation 1s infinite linear;
  animation:full-rotation 1s infinite linear
}


@-webkit-keyframes full-rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-moz-keyframes full-rotation{from{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}
@-o-keyframes full-rotation{from{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes full-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.notif {
  position: relative;
  padding: 25px 30px 25px 100px;
  min-height: 50px;
  line-height: 22px;
  background: white;
  border-radius: 2px;
}
.notif:before {
  content: '';
  position: absolute;
  top: 28px;
  left: 30px;
  width: 40px;
  height: 40px;
  border: 5px solid;
  border-radius: 25px;
}
.notif p {
  font-size: 11px;
  color: #666;
}

.notif-title {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.notif-title:before, .notif-title:after {
  content: '';
  position: absolute;
  background: white;
  border-radius: 2px;
}

.notif-notice:before {
  background: #a7d155;
  border-color: #8fb14f;
}
.notif-notice .notif-title:before, .notif-notice .notif-title:after {
  top: 48px;
  left: 55px;
  width: 4px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.notif-notice .notif-title:after {
  top: 54px;
  left: 48px;
  width: 8px;
  height: 4px;
}

.notif-alert:before {
  background: #e34f4f;
  border-color: #c14343;
}
.notif-alert .notif-title:before, .notif-alert .notif-title:after {
  top: 47px;
  left: 53px;
  width: 4px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.notif-alert .notif-title:after {
  top: 52px;
  left: 48px;
  width: 14px;
  height: 4px;
}


.notif-controls {
  position: absolute;
  top: 0;
  right: 0;
  height: 16px;
  padding: 4px 3px 5px;
  background: #f0f0f0;
  border: solid #dcdcdc;
  border-width: 0 0 1px 1px;
  border-radius: 0 2px;
}
.notif-controls > a {
  position: relative;
  float: left;
  margin: 0 1px;
  width: 16px;
  height: 16px;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}


.notif-close:before, .notif-close:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 7px;
  width: 2px;
  height: 10px;
  background: #bbb;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.notif-close:after {
  top: 8px;
  left: 3px;
  width: 10px;
  height: 2px;
}
.notif-close:hover:before, .notif-close:hover:after {
  background: #888;
}

/* IE 8 doesn't support CSS transforms; use Unicode instead. */
.lt-ie9 .notif-notice .notif-title:before {
  content: '\2714';
  display: block;
  top: 25px;
  left: 30px;
  width: 50px;
  font: bold 18px/50px "Arial Unicode MS";
  color: white;
  text-align: center;
  background: none;
}
.lt-ie9 .notif-notice .notif-title:after {
  display: none;
}
.lt-ie9 .notif-alert .notif-title:before {
  content: '\2716';
  display: block;
  top: 25px;
  left: 30px;
  width: 50px;
  font: bold 17px/50px "Arial Unicode MS";
  color: white;
  text-align: center;
  background: none;
}
.lt-ie9 .notif-alert .notif-title:after {
  display: none;
}
.lt-ie9 .notif-close:before {
  content: '\2716';
  display: block;
  top: 0;
  left: 0;
  width: 16px;
  font: 11px/19px 'Arial Unicode MS';
  color: #bbb;
  text-align: center;
  background: none;
}
.lt-ie9 .notif-close:after {
  display: none;
}
.lt-ie9 .notif-close:hover:before {
  color: #999;
}

#idNotif{width: 300px; position: fixed; left: 50%; top: 50%; z-index: 8036; display: none;
  font-family: "Verdana", serif;
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
#idNotif .notif-controls{padding-bottom: 3px}
#idNotif *,
#idNotif *:before{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;  
}
.notif{padding: 25px 10px 25px 84px;}
.notif:before{left: 20px}
.notif-alert .notif-title:before{left:43px}
.notif-alert .notif-title:after{left:38px}
.notif p{line-height: 18px}
.notif-notice .notif-title:before{left:45px}
.notif-notice .notif-title:after{left:38px}
#overlayAlerta{z-index: 8035}
.notif-notice .notif-controls{display: none;}