.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: 36px;
}


#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: #f7a214;
    color:#fff;
    z-index:100;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:14px;
    top:25%;
}
 
.inner a.ok {
    padding:4px;
    color: #fff;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}

.leyenda {
    width: 200px;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*padding: 15px;*/
    background-color: rgba(245, 245, 245, 0.95);
    position: fixed;
    bottom: 10;
    right: 10;
    z-index: 200;
}

.etiqueta {
    background-color: #f7a214;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
}


@import url('https://fonts.googleapis.com/css?family=Roboto:300');

floatText{
  text-align:center;
  background:linear-gradient(141deg, #ccc 25%, #eee 40%, #ddd 55%);
  color:#555;
  font-family:'Roboto';
  font-weight:300;
  font-size:32px;
  padding-top:40vh;
  height:100vh;
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
}

divText {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

divText:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
  animation: showup 7s infinite;
}

divText:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

divText:last-of-type span {
  margin-left:-355px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:355px;}
    80% {opacity:1;}
    100% {opacity:0;width:355px;}
}


pText {
  font-size:12px;
  color:#999;
  margin-top:200px;
}

.swal2-confirm{
  background-color: #f7a214 !important;
}