html {
  scroll-behavior: smooth;
}
.head { 
  background: #195085;  
  color: rgb(245, 244, 244);
  padding: 7px 22px;
}


/*
.loader,
.loader:before,
.loader:after {
  background: #47dd22;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #47dd22;
  text-indent: -9999em;
  margin: 3px auto;
  position: relative;
  font-size: 4px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}*/




.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0,128,128, 0.2);
  border-right: 1.1em solid rgba(0,128,128, 0.2);
  border-bottom: 1.1em solid rgba(0,128,128, 0.2);
  border-left: 1.1em solid #008080;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


#descarga a {
  color: #28a745 !important;
}

#descarga{
  right: 0px;
  position: relative;
  text-align: right;
  width: 100%;
}

#contacta{
  width: 30%;
}
#contacta, #descarga{
    display:  inline-block;
    vertical-align: top;
}


.text-danger{
  font-size: .7em;
  position: absolute;
}
.titulo-tabla{
  background: #71b500;
}
.retorno{
  background: #F36;
  color: white;
  position: relative;
  max-width: 100%;              
  left: -9px;
}
.tablanormal{
  background:#34495E;
  color:white;  
}

.tablanormal2{
  background:#34495E;
  color:white;  
}

.OpcionCubo{
  display : inline-block;
  max-width:400px;
  height:20%;
  font-family:Calibri, Verdana, Geneva, sans-serif;
  padding:25px;
  background-color:#f7f7f7;
  border-radius:10px ; 
  -moz-border-radius:10px ;  /* Firefox */ 
  -webkit-border-radius:10px ;  /* Safari y Chrome */ 	
  position:relative;	
  margin:10px 20px;
  text-align:left;
  
}
.tituloOpcionCubo{
  background-color:#1570a6;
  color:#FFF;
  width:280px;
  height:30px;
  padding:10px;
  margin-left:-25px;
  font-family:Calibri, Verdana, Geneva, sans-serif;
}
.table {
text-align:center;
}
h3{
  margin: 15px 0px;
}
h2,h5,h3{
  color:black;
  font-weight:400;
  text-align: center;
}

@media (min-width: 992px) {
.modal-lg {
  max-width: 980px;
  } 
}

@media (min-width: 1200px){
  .container {
      max-width: 1237px;
  }
}


@keyframes bounce{
  0%{
    transform: scale(0);
  }
  80%{
    transform: scale(1.12);
  }
  100%{
    transform: scale(1);
  }
}

.bounce-enter-active{
  animation: bounce .5s;
}
.bounce-leave-active{
  animation: bounce .5s;
}
/*.fade-leave-active*/
.fade-enter-active{
  transition: opacity 1s, transform 1s;
}

.fade-enter, .fade-leave-active{
  opacity: 0;
  transform:translateX(300px) 
}

.modal-body {
  height: 600px;
  overflow: scroll;
}

@media only screen and (max-width: 600px) {
  .modal-header{
    display: inline-block;
  }
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#app{
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

label{
  font-weight: 500;
  font-size: 15px;
}

.modalD{
  position: absolute;
  width: 587px;
  height: 400px;
  background-color: #efeeeb;
  z-index: 999;
  border-radius: 11px;
  -webkit-box-shadow: 6px 8px 26px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 8px 26px -4px rgba(0,0,0,0.75);
  box-shadow: 6px 8px 26px -4px rgba(0,0,0,0.75);
  top: 164px;
  overflow: hidden;
}

.modalHeader{
  padding: 10px 30px;
    border-bottom: #555 1px solid;
    width: 90%;
    margin: 0 auto;
    color: #010101;
    font-size: 19px;
    font-weight: 600;
}


.fa-times-circle{
    font-size: 26px;
    position: absolute;
    right: 30px;
    cursor: pointer;
}

.help{
  width: 100%;
}