@font-face {
  font-family: 'open_sansregular';
  src: url(../fonts/OpenSans-Regular-webfont.eot);
  src: url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-Regular-webfont.woff) format('woff'), url(../fonts/OpenSans-Regular-webfont.ttf) format('truetype'), url(../fonts/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Montserrat Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat Regular'), url('../fonts/Montserrat-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat Bold'), url('../fonts/Montserrat-Bold.woff') format('woff');
}
.bg-login {
  background: url('../../assets/images/bgLogin.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

body {
  font-family: 'open_sansregular';
}

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat Bold';
}

h4 {
  color:#002762;
  position: relative;
}
h4::before {
  background: #D30640;
  height: 4px;
  width: 50px;
  position: absolute;
  bottom: -5px;
  display: block;
  content: "";
  left: 50%;
  transform: translate(-50%);
}

a {
  color: #143C7C;
  transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,border-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out;
}

a:hover {
  color: #D30547;
  text-decoration: none;
}


/* LOGIN */
#BG {
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  animation-name: animate;
  -moz-animation-name: animate;
  -o-animation-name: animate;
  animation-duration: 20s;
  -moz-animation-duration: 20s;
  -o-animation-duration: 20s;
  animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-play-state: running;
  background-image: url('../../assets/images/1.jpg');
}

@keyframes animate {
  0%, 100% {
    background-image: url('../../assets/images/1.jpg'), url('../../assets/images/2.jpg');
  }
  25% {
    background-image: url('../../assets/images/2.jpg'), url('../../assets/images/3.jpg');
  }
  50% {
    background-image: url('../../assets/images/3.jpg'), url('../../assets/images/4.jpg');
  }
  75% {
    background-image: url('../../assets/images/4.jpg'), url('../../assets/images/5.jpg');
  }
}

@-moz-keyframes animate {
  0%, 100% {
    background-image: url('../../assets/images/1.jpg'), url('../../assets/images/2.jpg');
  }
  25% {
    background-image: url('../../assets/images/2.jpg'), url('../../assets/images/3.jpg');
  }
  50% {
    background-image: url('../../assets/images/3.jpg'), url('../../assets/images/4.jpg');
  }
  75% {
    background-image: url('../../assets/images/4.jpg'), url('../../assets/images/5.jpg');
  }
}

.log-card{
margin-top: auto;
margin-bottom: auto;
width: 500px;
background: #fff;
border-radius: 5px;
}

.log-card .card-header {
  background:#FFF;
  border-bottom:none;
}
.log-card .card-footer {
  background:#FFF;
  border-top:none;
}

/* ESTILOS SOBRESCRITOS */
.bg-dark {
  background: #003374!important;
}

.dropdown-toggle:after {
    display: none!important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #002762;
    background-color: #002762;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.75);
}



.table .thead-dark th {
  background: #003374!important;
  font-weight: 400;
  color: #EEEEEE!important;
}

/* SIDEBAR */

.wrapper {
    margin-top: 56px;
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    height: calc(100vh - 56px);
    background-repeat: no-repeat;
    background-position: center 96%;
    background-image: url('../../assets/images/imgLogoDS.svg');
    background-size: 55%;
    /*z-index: 2;*/
    color: #003374;
    transition: all 0.3s;
    -webkit-box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.15);
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar ul.components {
    padding: 20px 0;
    position: fixed;
    width: 250px;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 15px;
    display: block;
    color:#003374;
    font-family: 'Montserrat Regular';
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.icon {
    display: inline-block;
    float: left;
    margin: 0px 10px;
    text-align: center;
    width: 25px;
}

#sidebar ul li a:hover {
    color: #003374;
    background-color: #F5F5F5;
    text-decoration: none;
}

#sidebar ul li.active>a {
    color: #003374;
    background: #F5F5F5;
    border-right: 5px solid #FFB32B;
}


/* CONTENEDOR o BODY */

#content {
    height: calc(100vh - 56px);
    width: 100%;
    padding: 15px;
    transition: all 0.3s;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    overflow-y: scroll;
}

/* MEDIAQUERIES */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -60px;
        background: #FFFFFF;
        min-width: 60px;
        max-width: 60px;
        box-shadow:none;
    }

    .label-menu {
      display: block;
      font-size: .4rem;
      text-align: center;
      
    }

    .icon {
    display: block;
    float: none;
    margin: 0px 0px 0px 7px;
    text-align: center;
    width: 25px;
    font-size: 20px;
    }

    #sidebar ul.components {
        width: 60px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

/*PERSONALIZADOS*/

/* BOTONES */

.uaa-btn-primary  {
  color: #fff;
  background-color: #143C7C;
  transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,border-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out;
}

.uaa-btn-primary:hover, .uaa-btn-primary:focus {
  background-color: #1C51A8;
  color: #FFF
}

.uaa-btn-outline  {
  color: #143C7C;
  background-color: #FFF;
  border: 1px solid #143C7C;
}

.uaa-btn-outline:hover, .uaa-btn-primary:focus {
  background-color: #1C51A8;
  color: #FFF
}

.uaa-btn-link {
  color: #143C7C!important;
  background: none;
  border: none;
  padding: 0rem .25rem;
  transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,border-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out;
}

.uaa-btn-link:hover {
  color: #D30547!important;
}

/* accordion */
.card-link {
  min-height: 190px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.card-link:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

/* COLOR TEXTO */
.c-white {
  color:#fff!important;
}

.c-navy {
  color:#002762;
}

.c-yellow {
  color:#f5af33;
}

.c-red {
  color:#d10047;
}

/* COLORES BACKGROUNDS */
.bg-body {
  background: #EEEEEE;
}

/* ACORDIONES HEADERS COLORES */
.ce-head {
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 98%;
  border-left:5px solid #F5AF33;
  padding: 5px 0px 0px;
}

.c-head {
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 98%;
  border-left:5px solid #DE0059;
  padding: 5px 0px 0px;
}

.fi-head {
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 98%;
  border-left:5px solid #003374;
  padding: 5px 0px 0px;
}

.border-title {
  border-bottom: 1px solid #b8b8b8
}

h5 button {
  color: #082450!important;
}

h5 button:hover, h5 button:focus {
  text-decoration: none!important;
}

input[type=search]{
  background-image: url('../../assets/images/icnSearch.svg');
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 10px;
  padding-left: 35px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.etiqueta {
  font-size: 11px;
  font-family: 'Montserrat Bold';
  color:#002762;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.res-section {
  display: none;
}

/* ICONOS */
.icn-yellow {
  color:#F5AF33;
  font-size: 26px;
  margin-bottom: 15px;
}

.icn-red {
  color:#DE0059;
  font-size: 26px;
  margin-bottom: 15px;
}

.icn-navy {
  color:#003374;
  font-size: 26px;
  margin-bottom: 15px;
}

.icn-grey {
  color:#B0B2CF;
  font-size: 26px;
  margin-bottom: 15px;
}

/* Estilo base para la tabla */
.table {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  width: 100%;
  border-collapse: collapse;
}

.table thead {
  background-color: #f9f9f9;
}

.table th,
.table td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
}


/*ESTILOS BOTONES PAGINACION*/
.page-link {
  border-radius: inherit !important;
  color: #143C7C;
  transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,border-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out;
}

.page-link:hover, .uaa-btn-primary:focus {
	border-radius: inherit !important;
  background-color: #1C51A8 !important;
  color: #FFF  !important;
}

.page-item.active .page-link {
  border-radius: inherit !important;
  z-index: 1;
  color: #fff;
  background-color: #143C7C;
  border-color: #143C7C;*/
}