/*
    Created on : 22-sep-2016, 16:03:08
    Author     : leidy.ortiz
*/
/*
$bgPrincipal : #01A45D;
$bgPrincipalH : #01B768;
$bgSecundario : #01A45D;
$bgSecundarioH : #01B768;
$bgTerciario : #F19800;
$bgTerciarioH : #FFA50A;
$bgBlanco : #FFFFFF;
$bgGris : #ECECEC;
$brGris : #D1D1D1;
$txtBlanco : #F6F6F6;
$txtNegro : #262D33;


$bgMenu : #E0E0E0;
$bgMenuH : #D6D6D6;
$bgMenuPrincipal : #01A45D;
$bgMenuSecundario : #ECECEC;
$bgMenuSecundarioH : #E0E0E0;
$bgMenuTerciario : $bgBlanco;
$brMenu : $txtNegro;
$txtMenu : $txtNegro;

$rutaIconos: 'iconos/fenalco/';
*/
body, html {
  width: 100%;
  height: 100%;
  color: #F6F6F6;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px; }

::-moz-placeholder {
  text-align: center;
  color: #F6F6F6 !important; }

::-webkit-input-placeholder {
  /* WebKit */
  color: #F6F6F6 !important;
  text-align: center; }

.oculto {
  display: none; }

.fill {
  height: 100%;
  min-height: 100%; }

.imglogo {
  position: absolute;
  top: 24%;
  left: 14%;
  z-index: 100; }

#logo {
  height: 240px;
  margin-left: -47px; }

.bienvenidos {
  font-size: 36px;
  color: #262D33 !important; }

.subtituloBienvenidos {
  color: #262D33 !important; }

.txtIngreso {
  width: 100vh; }

.center-body {
  display: flex;
  align-items: center;
  justify-content: center; }

.cajas {
  border: none;
  background: transparent;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
  border-bottom: 1px solid #FFF;
  border-radius: 0px;
  width: 70%;
  color: #F6F6F6;
  margin-top: 25px;
  text-align: center;
  outline-color: transparent; }

.cajas:focus {
  outline-color: #189CD9; }

/*-----------------------------------------------------------------------------
                                Spinner
------------------------------------------------------------------------------*/
.spinner {
  position: fixed;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  z-index: 9999;
  background: #FFF;
  display: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center; }

.spinner-msg {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #262D33;
  width: 200px;
  position: relative !important; }

.spinner-img {
  width: 150px;
  height: 150px; }

.center-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; }

.div-spinner-img {
  position: relative !important; }

/*-----------------------------------------------------------------------------
                                Fin Spinner
------------------------------------------------------------------------------*/
.cabeceraModal {
  background-color: #189CD9; }

.letraModal {
  color: #262D33;
  font-weight: normal;
  font-size: 12px; }

.btn-modal {
  background-color: #222221;
  border-color: #222221;
  color: #F6F6F6; }

.btn-blue {
  background-color: #189CD9;
  border-color: #189CD9;
  color: #F6F6F6; }

.btn-blue:hover, .btn-blue:active, .btn-blue:focus {
  background-color: #42AEDF;
  border-color: #42AEDF;
  color: #F6F6F6; }

#restablecer {
  background-color: rgba(0, 0, 0, 0.5); }

#btnIngresar {
  border-radius: 10px;
  padding-bottom: 6px;
  width: 31.06%; }

#particle-canvasu546 {
  width: 100%;
  height: 100%;
  overflow: hidden; }

#logoFNA {
  max-height: 200px;
  max-width: 45vh;
  margin: 0 auto 25px auto;
  display: block; }

@media (max-height: 500px) {
  #logoFNA {
    display: none; } }
#saberMas {
  margin-top: 10px;
  width: 31.06%; }

.clearfix {
  background-color: #189CD9; }

.font19 {
  font-size: 19px; }

#btnIngresar {
  color: #262D33; }

.control-label {
  text-decoration: underline;
  cursor: pointer; }

.table-striped {
  font-size: 11px;
  width: 100%; }

/*@keyframes pathzr {
  75% {
    stroke-dashoffset: 0;
    stroke: $end;
  }
  100% {
    stroke-dashoffset: 0;
    stroke: $start;
  }
}

@keyframes colorzr {
  to {
    fill: $end;
  }
}*/
/*[class^='elipse-'] {
  fill: $start;
  stroke: $end;
  stroke-width: 1px;

  animation: pathzr 4000ms cubic-bezier(0.61, 0, 0.39, 1) forwards,
    colorzr 650ms 1 cubic-bezier(0.61, 0, 0.39, 1) 3500ms forwards;
  animation-play-state: running;
}

.elipse-1 {
    stroke-dashoffset: 450px;
    stroke-dasharray: 450px;
    animation-delay: 50ms, 3100ms;
}

.elipse-2 {
    stroke-dashoffset: 450px;
    stroke-dasharray: 450px;
    animation-delay: 100ms, 3150ms;
}*/
/*.svg-item {
    width: 300px;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
}*/

/*# sourceMappingURL=acceso.css.map */