/* 
  Archivo : base.css
  Creado  : Junio del 2020
  Autor   : Dangel Cárdenas
  Objetivo: Estilos generales
  Version : 1.0.0
 */
@page { 
    page: A4;
    -webkit-print-color-adjust: exact;
}
@media print{   
    body {-webkit-print-color-adjust: exact;}
    .no-print, .no-print *    {
        display: none !important;
    }
}

body{
  padding-top: 4.5rem;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-top: 4px solid #ffc107;
  background-color: #009B37;
}

h4.hr:after{
  border: 0;
  height: 1px;
  content:' ';
  display:block;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
h6.hr:after{
  border: 0;
  height: 1px;
  content:' ';
  display:block;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.version{
  position:absolute;
  right:5px;
  top:8px;
}
.navbar-light .navbar-nav .nav-link {
  color: #f8f9fa;
}

#mensajes {
  position:fixed; 
  bottom: 55px; 
  right: 10px;  
  padding: 5px;
}
.active{
  color:red;
}
nav.navbar {
  border-bottom: 6px solid #ffc107;
}

.navbar {
  background-color: #009B37;
  /*-webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;*/
}

.input-group {
  margin-top: 10px;
}
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*wscoopboton*/
.btn-wscoop { 
  color: #ffffff; 
  background-color: #009B37; 
  border-color: #FFFFFF; 
} 
 
.btn-wscoop:hover, 
.btn-wscoop:focus, 
.btn-wscoop:active, 
.btn-wscoop.active, 
.open .dropdown-toggle.btn-wscoop { 
  color: #ffffff; 
  background-color: #28a745; 
  border-color: #FFFFFF; 
} 
 
.btn-wscoop:active, 
.btn-wscoop.active, 
.open .dropdown-toggle.btn-wscoop { 
  background-image: none; 
} 
 
.btn-wscoop.disabled, 
.btn-wscoop[disabled], 
fieldset[disabled] .btn-wscoop, 
.btn-wscoop.disabled:hover, 
.btn-wscoop[disabled]:hover, 
fieldset[disabled] .btn-wscoop:hover, 
.btn-wscoop.disabled:focus, 
.btn-wscoop[disabled]:focus, 
fieldset[disabled] .btn-wscoop:focus, 
.btn-wscoop.disabled:active, 
.btn-wscoop[disabled]:active, 
fieldset[disabled] .btn-wscoop:active, 
.btn-wscoop.disabled.active, 
.btn-wscoop[disabled].active, 
fieldset[disabled] .btn-wscoop.active { 
  background-color: #009B37; 
  border-color: #FFFFFF; 
} 
 
.btn-wscoop .badge { 
  color: #009B37; 
  background-color: #ffffff; 
}

.btn-wscoop-v { 
  color: #ffffff; 
  background-color: #ffc107; 
  /*border-color: ;*/
} 
 
.btn-wscoop-v:hover, 
.btn-wscoop-v:focus, 
.btn-wscoop-v:active, 
.btn-wscoop-v.active, 
.open .dropdown-toggle.btn-wscoop-v { 
  color: #ffffff; 
  background-color: #00C244; 
  /*border-color: ; */
} 
 
.btn-wscoop-v:active, 
.btn-wscoop-v.active, 
.open .dropdown-toggle.btn-wscoop-v { 
  background-image: none; 
} 
 
.btn-wscoop-v.disabled, 
.btn-wscoop-v[disabled], 
fieldset[disabled] .btn-wscoop-v, 
.btn-wscoop-v.disabled:hover, 
.btn-wscoop-v[disabled]:hover, 
fieldset[disabled] .btn-wscoop-v:hover, 
.btn-wscoop-v.disabled:focus, 
.btn-wscoop-v[disabled]:focus, 
fieldset[disabled] .btn-wscoop-v:focus, 
.btn-wscoop-v.disabled:active, 
.btn-wscoop-v[disabled]:active, 
fieldset[disabled] .btn-wscoop-v:active, 
.btn-wscoop-v.disabled.active, 
.btn-wscoop-v[disabled].active, 
fieldset[disabled] .btn-wscoop-v.active { 
  background-color: #ffc107; 
  /*border-color: ; */
} 
 
.btn-wscoop-v .badge { 
  color: #ffc107; 
  background-color: #ffffff; 
}

/* Absolute Center Loading */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.responsive {
  width: 100%;
  height: auto;
}
.responsiveimg {
  width: auto;
  height: auto;
  float: center;
}
.responsivepdf {
  width: 100%;
  height: 70%;
}

.jumbotron2{
  padding: 2ch;
  align-items: center;
  background-color: #e9ecef;
  text-align: center;
  vertical-align: middle;
}
/*
.divcont::-webkit-scrollbar{
  width: 7px;
}

.divcont::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 5px;
}*/
.clsScroll{
  height: 500;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto
}

/* Círculos*/
span.green {
  background: #ffc107;
  border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 2.6em; 
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}