@import url(https://fonts.googleapis.com/css?family=Dosis);
.login-overlay .panel-body{
    min-height: 244px;
}
.has-feedback{
    position: relative;
}
.form-control-feedback{
    right: 10px;
    left: auto;
    top: 10px;
    position: absolute;
}
.login{
    background: url(/assets/705d65005a9f26db0f003fb99c2ae425.png) #e5f5fd;
    background-color:#e5f5fd;
    background-repeat: no-repeat;
    position: fixed;
    background-size: cover;
}
.login-container{

    width: 80vw;
}
.login-form{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -ms-flex-item-align: center;
        align-self: center;
    opacity: 0;
    height: 60%;
    padding-right: 1em;
}
.login-form img{
     width: 85%;
}
.expand{
    -webkit-animation: expandForm 0.35s ease forwards;
            animation: expandForm 0.35s ease forwards;
}
.collapsed{
    width: 0px !important;
    opacity: 0;
}
.visible{
    visibility: hidden;
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-name: expand;
            animation-name: expand;
    -webkit-animation-delay: .5;
            animation-delay: .5;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
.invisible{
    display: none !important;
}
.login_formulario{
    height: 400px;
    width: 360px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 10;
    -ms-flex-line-pack: center;
        align-content: center;
    background: #0075d1;
    -webkit-box-shadow: 19px 21px 72px -27px rgba(77,77,77,1);
    box-shadow: 19px 21px 72px -27px rgba(77,77,77,1);
}
.login_logo img {
    width: 250px;
}

.login-form .panel-body{
    width: 350px;
}

.ver_isotipo{
    display: none !important;
}

@media (min-width: 1222px){
    @-webkit-keyframes expand {
        0% {
            opacity: 0;
        }
        75%{
            visibility: visible;
            opacity: 0;
            width: 0px;
        }
        100%{
            opacity: 1;
            width: 350px;
        }
    }
    @keyframes expand {
        0% {
            opacity: 0;
        }
        75%{
            visibility: visible;
            opacity: 0;
            width: 0px;
        }
        100%{
            opacity: 1;
            width: 350px;
        }
    }
    @-webkit-keyframes expandForm{
        0%{
            opacity: 0;
            width: 0;
        }
        100%{
            opacity: 1;
            width: 700px;
        }
    }
    @keyframes expandForm{
        0%{
            opacity: 0;
            width: 0;
        }
        100%{
            opacity: 1;
            width: 700px;
        }
    }
}
@media (max-width: 1221px) {
    .ver_isotipo{
        display: block !important;
    }
    .login-container{
    }
    .login{
        overflow-y: auto;
    }
    .login-form{
        display: none !important;
        height: 0px;
    }
}

.card-head-dashboard{
    background: #387CD0;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    text-align: left;
}

.card-textoCantidad{
    margin-top: 15px;
}

.text-cantidad-card-first{
    color: rgb(41, 80, 128) !important;
    margin-bottom: 0;
    margin-bottom: initial;
}

.text-text-card-first{
    color: rgb(108, 145, 66) ;
}

.contenedor-card-texto{
    padding-right: 40px;
}

.imagen-card-dashboard{
    height: 100px;
    width: 100px;
}

.imagen-logo-dashboard{
    width: 200px;
    height: 75px;
}

.imagen-card-ventas-area-dashboard{
    height: 100px;
    width: 100px;
}

.card-vencidos-dashboard{
    height: 100px;
    width: 100px;
}

.color-cantidad-por-vencer-2{
    color: #387CD0 !important;
}

.color-cantidad-por-vencer-1{
    color: orange;
}

.color-cantidad-vencidos{
    color: red;
}
.card-head-dashboard{
    background: #387CD0;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    text-align: left;
}

.card-textoCantidad{
    margin-top: 15px;
}

.text-cantidad-card-first{
    color: rgb(41, 80, 128) !important;
    margin-bottom: 0;
    margin-bottom: initial;
}

.text-text-card-first{
    color: rgb(108, 145, 66) ;
}

.contenedor-card-texto{
    padding-right: 40px;
}

.imagen-card-dashboard{
    height: 100px;
    width: 100px;
}

.imagen-logo-dashboard{
    width: 200px;
    height: 75px;
}

.imagen-card-ventas-area-dashboard{
    height: 100px;
    width: 100px;
}

.card-vencidos-dashboard{
    height: 100px;
    width: 100px;
}

.color-cantidad-por-vencer-2{
    color: #387CD0 !important;
}

.color-cantidad-por-vencer-1{
    color: orange;
}

.color-cantidad-vencidos{
    color: red;
}
.celeste-dark{
    color: #175073;
}
/**
* ----------------------------------------------
* Demo styles
* ----------------------------------------------
**/
.u-position-absolute {
    position: absolute;
}

.u-position-relative {
    position: relative;
}

.accordion {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.accordion__item + .accordion__item {
    margin-top: 15px;
}

.accordion__item--has-icon {
    position: relative;
}

.accordion__title {
    cursor: pointer;
    padding-top: 2px;
    /*padding-bottom: 2px;*/
    width: 100%;
    border: none;
    position: relative;
    text-decoration: none !important;
}

.accordion__title em {
    margin-top: 3px;
}

.accordion__title:hover {
    text-decoration: underline;
}
.accordion__title:focus{
    outline: none !important;
}
.accordion__body {
    display: block;
    -webkit-animation: fadein 0.35s ease-in;
            animation: fadein 0.35s ease-in;
}

.accordion__body--hidden {
    display: none;
    opacity: 0;
    -webkit-animation: fadein 0.35s ease-in;
            animation: fadein 0.35s ease-in;
}

.accordion__title > *:last-child,
.accordion__body > *:last-child {
    margin-bottom: 0;
}
.accordion__body .sidebar-item{
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 4px solid #0075d1;
    text-align: left !important;
}

.accordion__arrow {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
}

.accordion__arrow::after,
.accordion__arrow::before {
    display: block;
    position: absolute;
    top: 50%;
    width: 10px;
    height: 2px;
    background-color: currentColor;
    content: '';
}

.accordion__arrow::before {
    left: 4px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

[aria-expanded='true'] .accordion__arrow::before, [aria-selected='true'] .accordion__arrow::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.accordion__arrow::after {
    right: 4px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

[aria-expanded='true'] .accordion__arrow::after, [aria-selected='true'] .accordion__arrow::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.accordion__arrow::before,
.accordion__arrow::after {
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

/* -------------------------------------------------- */
/* ---------------- Animation part ------------------ */
/* -------------------------------------------------- */

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes move-down {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
    }
    30% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes move-down {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
    }
    30% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes move-up {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
    30% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes move-up {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
    30% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

.accordion__title--animated:hover .accordion__arrow {
    -webkit-animation-name: move-down;
            animation-name: move-down;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
}

.accordion__title--animated[aria-expanded='true']:hover .accordion__arrow {
    -webkit-animation-name: move-up;
            animation-name: move-up;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
}

.blue-hover{
    color: #0075d1;
    text-decoration: none !important;
}
.activo .blue-hover{
    color: #0075d1;
}
.blue-hover:hover{
    color: #0056b3;
}
.activo .blue-hover:hover{
    color: #0075d1;
}

@media only screen and (max-width: 768px) {
    .accordion__body .sidebar-item {
        text-align: center !important;
    }
}

.celeste-dark{
    color: #175073;
}

.v-menu{
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: calc(100vh - 80px);
    -webkit-transition: width 0.4s;
    transition: width 0.4s;

}
.v-menu.collapsed{
    width: 0;
}

.v-menu-sucursal{
    border-bottom: #717981 2px solid;
    color: #0075d1 !important;
}
.v-opcion{
    color: #516060;
    padding: 10px 25px;
    text-decoration: none !important;
}
.v-opcion.active{
    color: #0075d1;
}
.sidebar-item:focus{
    /* outline: none !important; */
}

.celeste-dark{
    color: #175073;
}

.panel-body img{
    max-width: 75%;
    margin-left: 0;
}
.reset-caption{
    font-size: 25px;
    font-weight: bold;
}
.txt{
  margin-bottom: 3%;
  margin-right: 10%;
  margin-left: 10%;
  color: #727c8d;
}
.later{
  margin-right: 5%;
  color: #373a47;
  background-color: #5D6167;
  color: white;
}
.botones{
    margin-bottom: 85px;
}
.alert-permitir{
  width: 950px;
  height: 200px;
}
/*Notificaciones*/
.icono {
  padding: 0.25rem;
  border-radius: 0.25rem;
  height: auto;
}
.titulo{
  margin-bottom: .4rem;
}

.celeste-dark{
    color: #175073;
}
/* ========================================================================
     Component: top-navbar
 ========================================================================== */
.topnavbar-wrapper{
    position: fixed;
    width: 100%;
    z-index: 50;
}
.topnavbar {
  -webkit-backface-visibility: hidden;
  /* fixes chrome jump */
  margin-bottom: 0;
  border-radius: 0;
  background-color: #fff;
  z-index: 1000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.navbar{
    padding-bottom: 0.5rem !important;
    background: #579acb !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, #0075d1), color-stop(100%, #579acb)) !important;
    background: -webkit-gradient(linear, left top, right top, from(#0075d1), to(#579acb))  !important;
    background: linear-gradient(to right, #0075d1  0%, #579acb 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075d1', endColorstr='#579acb', GradientType=1 ) !important;
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    width: 220px;
    text-align: center;
  }
  .topnavbar .navbar-header .navbar-brand {
    width: 100%;
  }
}

.topnavbar {
  position: fixed;
  width: 100%;
}
.topnavbar .navbar-header {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
  background-image: linear-gradient(to right, #fff 0%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(255, 255, 255)', endColorstr='rgb(255, 255, 255)', GradientType=1);
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    background-image: none;
  }
}
.topnavbar .navbar-header {
  position: relative;
  z-index: 11;
}
.topnavbar .navbar-header .navbar-brand {
  padding: 0;
}
.topnavbar .navbar-header .brand-logo > img,
.topnavbar .navbar-header .brand-logo-collapsed > img {
  margin: 0 auto;
}
.topnavbar .navbar-header .brand-logo {
  display: block;
  padding: 10px 15px;
}
.topnavbar .navbar-header .brand-logo-collapsed {
  display: none;
  padding: 6px 15px;
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  color: #000;
}
.topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus {
  color: #cccccc;
}
.topnavbar .navbar-nav > .active > a, .topnavbar .navbar-nav > .active > a:hover, .topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  font-size: 16px;
  line-height: 85px;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.sidebar-toggle {
    position: absolute !important;
    margin-top: 13px;
    margin-left: 15px;
    /*right: 0;*/
    color: white !important;
    /*z-index: 3001;*/
}
.bm-menu {
    background: #717981;
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
    color: #515253;
  }
}


.nav-wrapper {
  background-color: transparent;
  /*height: 48px !important;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-wrapper .nav.navbar-nav {
  float: left;
}
.nav-wrapper .nav.navbar-nav.navbar-right {
  float: right;
}
.nav-wrapper .nav > li {
  position: static;
  float: left;
}
.nav-wrapper .navbar-nav .open .dropdown-menu {
  position: absolute;
  background-color: white;
  left: 0px;
  right: 0px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.navbar-nav {
  margin: 0 !important;
}

.topnavbar .navbar-form {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 85px;
  z-index: 9001;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #e1e2e3;
}
.topnavbar .navbar-form .form-group {
  height: 100%;
  width: 100%;
}
.topnavbar .navbar-form .form-control, .topnavbar .navbar-form body .bootstrap-tagsinput, body .topnavbar .navbar-form .bootstrap-tagsinput {
  height: 100%;
  border: 0;
  border-radius: 0;
  width: 100%;
}
.topnavbar .navbar-form.open {
  top: 0;
}
.topnavbar .navbar-form .has-feedback .form-control-feedback {
  height: 30px;
  cursor: pointer;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  margin-right: 10px;
  color: #c1c2c3;
  font-size: 1.5em;
  pointer-events: auto;
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-form {
    left: 220px;
  }
}

@media only screen and (min-width: 768px) {
  .topnavbar {
    border: 0;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(255, 255, 255)', endColorstr='rgb(255, 255, 255)', GradientType=1);
  }
  .topnavbar .navbar-header {
    background-image: none;
    background-repeat: no-repeat;
    -webkit-filter: none;
            filter: none;
  }
  .topnavbar .navbar-nav > a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .open > a:focus {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .topnavbar .navbar-nav > li > a,
  .topnavbar .navbar-nav > .open > a {
    color: #515253;
  }
  .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > li > a:focus,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > .open > a:focus {
    color: #cccccc;
  }
  .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
    position: static;
  }

  .nav-wrapper {
    position: relative;
    z-index: 10;
  }
  .nav-wrapper:before, .nav-wrapper:after {
    content: " ";
    display: table;
  }
  .nav-wrapper:after {
    clear: both;
  }
  .nav-wrapper .nav > li {
    position: relative;
  }
  .nav-wrapper .navbar-nav .open .dropdown-menu {
    left: auto;
    right: auto;
  }
  .nav-wrapper .navbar-nav.navbar-right .open .dropdown-menu {
    left: auto;
    right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .aside-collapsed .topnavbar .navbar-header .brand-logo {
    display: none;
  }
  .aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed {
    display: block;
  }
  .aside-collapsed .topnavbar .navbar-header {
    width: 70px;
  }
  .aside-collapsed .topnavbar .navbar-form {
    left: 70px;
  }
}
.topnavbar-wrapper img{
    max-height: 48px;
}

.perfil{
    color: white;
}

.dashboard-blank{
    background: white;
    border-radius: 7rem;
    padding: 15px;
    -webkit-box-shadow: 0px 6px 20px 3px rgba(0,0,0,0.28);
    box-shadow: 0px 6px 20px 3px rgba(0,0,0,0.28);
}
.dashboard-blank img{
    width: 70%;
}

.celeste-dark{
    color: #175073;
}

/* Position and sizing of burger button */
.bm-burger-button {
    position: fixed;
    width: 36px;
    height: 30px;
    left: 15px;
    top: 15px;
    z-index: 500 !important;
}
.sidebar-toggle{
    margin-top: 7px;
    margin-left: 5px;
}
@media only screen and (max-width: 800px) {
    .bm-burger-button {
        width: 40px;
    }
    .nav-logo{
        display: none;
    }
    .topnavbar{
        min-height: 61px;
    }
    .sidebar-toggle{
        margin-top: 7px;
        margin-left: 5px;
    }
    .nav .dd-menu{
        margin-top: 6px !important;
    }
}
.sidebar-toggle {
    position: absolute !important;
    margin-top: 2px;
    margin-left: 15px;
    /*right: 0;*/
    color: white !important;
    /*z-index: 3001;*/
}

@media only screen and (min-width: 801px) {
    .sidebar-toggle{
        display: none !important;
    }
    .bm-burger-button{
        display: none !important;
    }
}
/* Color/shape of burger icon bars */
.bm-burger-bars {
    background: white;
}

/* Position and sizing of clickable cross button */
.bm-cross-button {
    height: 24px;
    width: 24px;
}

/* Color/shape of close button cross */
.bm-cross {
    background: #717981;
}

/* General sidebar styles */
.bm-menu {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#509aae', GradientType=0);
    background-color: #f2f2f2;
    padding: 0;
    font-size: 1.15em;
}

.bm-menu {
    color: #175073 !important;
}

.bm-menu .img-activo {
    display: none;
  }

.bm-menu .activo {
    /*color: #fff;*/
    background-color: #e5f5fd;
    font-weight: normal;
    border-right: 4px solid #88A530;
    color: #88A530;
  }

.bm-menu .activo .img-activo {
      display: inline;
    }

.bm-menu .activo .img-inactivo {
      display: none;
    }

.bm-menu .activo-subitem{
    color: #fff;
    background-color: #aacfda !important;
    font-weight: normal;
    border-right: 4px solid #88A530 !important;
  }

.bm-menu .activo-subitem .img-activo {
      display: inline;
    }

.bm-menu .activo-subitem .img-inactivo {
      display: none;
    }

.bm-menu .sidebar-subitem{
      background-color: #e5f5fd;
      color: #0075d1;
  }

/* Morph shape necessary with bubble or elastic */
.bm-morph-shape {
    fill: #373a47;
}

/* Wrapper for item list */
.bm-item-list {
    color: #b8b7ad;
    padding: 0;
}

.menu-item{
    color: #717981;
    /* margin: 14px 0 !important; */
}
.bm-item-list .active{
    color: #0075d1;
}
.bm-item-list em{
    margin-right: 12px;
    min-width: 20px;
}
.prenda img{
    max-height: 58px;
    position: absolute;
    top: 0;
}
.menu-item img{
    width: 25px;
}
.menu-item img.sub-item{
    margin-right: 5px;
}
.menu-item em{
    color: #0075d1;
}

/* Styling of overlay */
.bm-overlay {
    background: rgba(0, 0, 0, 0.3);
}

.celeste-dark{
    color: #175073;
}
/* overwrites */

.nav .dd-menu{
    color: white;
    cursor: pointer;
}
.nav .dd-menu em{
    margin-right: 12px;
    margin-left: 8px;
}
/*
    REACT DD MENU
*/
#bubble{
    width: 200px !important;
}
.grow-from-left-enter {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
}

.grow-from-left-enter.grow-from-left-enter-active {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}


.grow-from-left-leave {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  transition: -webkit-transform 0.15s ease-out;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.grow-from-left-leave.grow-from-left-leave-active {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
}


.grow-from-right-enter {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: 100% 0;
          -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
}

.grow-from-right-enter.grow-from-right-enter-active {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}


.grow-from-right-leave {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transform-origin: 100% 0;
          -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
  transition: -webkit-transform 0.15s ease-out;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.grow-from-right-leave.grow-from-right-leave-active {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
}


.grow-from-center-enter {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: 50% 0;
          -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
}

.grow-from-center-enter.grow-from-center-enter-active {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}


.grow-from-center-leave {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transform-origin: 50% 0;
          -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  transition: -webkit-transform 0.15s ease-out;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.grow-from-center-leave.grow-from-center-leave-active {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
}


.grow-from-up-left-enter {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: 0 100%;
          -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
}

.grow-from-up-left-enter.grow-from-up-left-enter-active {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}


.grow-from-up-left-leave {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transform-origin: 0 100%;
          -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
  transition: -webkit-transform 0.15s ease-out;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.grow-from-up-left-leave.grow-from-up-left-leave-active {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
}


.grow-from-up-center-enter {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
}

.grow-from-up-center-enter.grow-from-up-center-enter-active {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}


.grow-from-up-center-leave {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  transition: -webkit-transform 0.15s ease-out;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.grow-from-up-center-leave.grow-from-up-center-leave-active {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
}


.grow-from-up-right-enter {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: 100% 100%;
          -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
}

.grow-from-up-right-enter.grow-from-up-right-enter-active {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}


.grow-from-up-right-leave {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transform-origin: 100% 100%;
          -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
  transition: -webkit-transform 0.15s ease-out;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.grow-from-up-right-leave.grow-from-up-right-leave-active {
  -webkit-transform: scale(0);
          -ms-transform: scale(0);
      transform: scale(0);
}


.dd-menu {
  display: inline-block;
  position: relative;
}

.dd-menu.dd-menu-center .dd-menu-items {
  left: 50%;
  -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.dd-menu.dd-menu-left .dd-menu-items {
  left: 0;
}

.dd-menu.dd-menu-left .dd-menu-items [class^='nested-']:not(.nested-reverse) > span {
  right: 100%;
  padding-right: 0.5em;
}

.dd-menu.dd-menu-left .dd-menu-items .nested-reverse > span {
  left: 100%;
  padding-left: 0.5em;
}

.dd-menu.dd-menu-left.dd-menu-inverse .dd-menu-items [class^='nested-']:not(.nested-reverse) > span {
  right: 100%;
  padding-right: 0.3em;
}

.dd-menu.dd-menu-left.dd-menu-inverse .dd-menu-items .nested-reverse > span {
  left: 100%;
  padding-left: 0.3em;
}

.dd-menu.dd-menu-right .dd-menu-items {
  right: 0;
}

.dd-menu.dd-menu-right .dd-menu-items [class^='nested-']:not(.nested-reverse) > span {
  left: 100%;
  padding-left: 0.5em;
}

.dd-menu.dd-menu-right .dd-menu-items .nested-reverse > span {
  right: 100%;
  padding-right: 0.5em;
}

.dd-menu.dd-menu-right.dd-menu-inverse .dd-menu-items [class^='nested-']:not(.nested-reverse) > span {
  left: 100%;
  padding-left: 0.3em;
}

.dd-menu.dd-menu-right.dd-menu-inverse .dd-menu-items .nested-reverse > span {
  right: 100%;
  padding-right: 0.3em;
}

.dd-menu .dd-menu-items {
  position: absolute;
  z-index: 7;
  margin: 0.5em 0 0 0;
}

.dd-menu .dd-menu-items.dd-items-upwards {
  bottom: 100%;
  margin: 0 0 0.5em;
}

.dd-menu .dd-menu-items ul, .dd-menu .dd-menu-items ol {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #000;
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.29);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.29);
}

.dd-menu .dd-menu-items ul.dd-items-right li > *, .dd-menu .dd-menu-items ol.dd-items-right li > * {
  text-align: right;
}

.dd-menu .dd-menu-items ul.dd-items-left li > *, .dd-menu .dd-menu-items ol.dd-items-left li > * {
  text-align: left;
}

.dd-menu .dd-menu-items ul.dd-items-center li > *, .dd-menu .dd-menu-items ol.dd-items-center li > * {
  text-align: center;
}

.dd-menu .dd-menu-items ul li:hover:not([role="separator"]):not(.separator),
.dd-menu .dd-menu-items ul li > *:focus, .dd-menu .dd-menu-items ol li:hover:not([role="separator"]):not(.separator),
.dd-menu .dd-menu-items ol li > *:focus {
  color: #3A7EFD !important;
  outline: none;
}

.dd-menu .dd-menu-items ul li > *:not(.dd-item-ignore), .dd-menu .dd-menu-items ol li > *:not(.dd-item-ignore) {
  display: block;
  width: auto;
  min-width: 100%;
  padding: 1em 1.5em;
  white-space: pre;
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}

.dd-menu .dd-menu-items ul li > button, .dd-menu .dd-menu-items ol li > button {
  border: none;
  background: transparent;
}

.dd-menu.dd-menu-inverse .dd-menu-items ul, .dd-menu.dd-menu-inverse .dd-menu-items ol {
  color: #fff;
  background-color: #2c3e50;
}

.dd-menu.dd-menu-inverse .dd-menu-items ul li:hover:not([role="separator"]):not(.separator),
.dd-menu.dd-menu-inverse .dd-menu-items ul li > *:focus, .dd-menu.dd-menu-inverse .dd-menu-items ol li:hover:not([role="separator"]):not(.separator),
.dd-menu.dd-menu-inverse .dd-menu-items ol li > *:focus {
  color: #fff;
  background-color: #34495e;
}

.dd-menu.dd-menu-inverse [role="separator"], .dd-menu.dd-menu-inverse .separator {
  background-color: #45595e;
}

.dd-menu [role="separator"], .dd-menu .separator {
  content: '';
  display: block;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.15);
  margin: 0.5em 0 0.5em 0;
}

.dd-menu .dd-items-upwards li.nested-dd-menu > span {
  bottom: 0;
  top: auto;
  top: initial;
}

.dd-menu li.nested-dd-menu {
  position: relative;
}

.dd-menu li.nested-dd-menu > span {
  position: absolute;
  top: 0;
}
.dd-menu input{
        padding: 0 0 0 1em !important;
        width: 176px;
        margin-bottom: 3px;
        min-width: 100%;
    }

.celeste-dark{
    color: #175073;
}
.sidebar {
    position: fixed;
    top: 61px;
    width: 160px;
    bottom: 0;
    z-index: 500;
    height: calc(100% - 61px);
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: bold;
    -webkit-transition: width linear 0.2s;
    transition: width linear 0.2s;
    background-color: white;
    color: #175073 !important;
    -webkit-box-shadow: 12px 4px 23px -16px rgba(112,106,112,1);
    box-shadow: 12px 4px 23px -16px rgba(112,106,112,1);
}
.sidebar .img-activo {
        display: none;
    }
.sidebar .activo {
        /* color: #fff; */
        font-weight: bold;
        background-color: #e5f5fd;
        font-weight: normal;
        border-right: 4px solid #88A530;
        color: #88A530 !important;
    }
.sidebar .activo .img-activo {
            display: inline;
        }
.sidebar .activo .img-inactivo {
            display: none;
        }
.sidebar .activo-subitem{
        /* color: #fff; */
        font-weight: bold;
        background-color: #aacfda;
        font-weight: normal;
        border-right: 4px solid #88A530;

    }
.sidebar .activo-subitem .img-activo {
            display: inline;
        }
.sidebar .activo-subitem .img-inactivo {
            display: none;
        }
.sidebar-small{
    width: 60px !important;
}
.sidebar img.sub-item {
    margin-right: 5px;
}

.sidebar img {
    width: 30px;
}
.accordion__title:active{
    background-color: #e5f5fd;
}
.sidebar-item {
    /* border-left: 4px solid transparent; */
    /* display: grid; */
    /* grid-template-columns: 35px 1fr; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 2px;
    color: #0075d1;
}
.sidebar-subitem{
    display: grid;
    grid-template-columns: 35px 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 10px;
    background-color: #e5f5fd;
    color: #0075d1;
    height: 40px;
}
.blue-hover{
    /* grid-template-columns: 35px 1fr; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* padding: 4px 10px; */
}

.imagen-sidebar img {
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 1);
                box-shadow: 0 0 3px 0 rgba(0, 0, 0, 1);
        border-radius: 50%;
        width: 90px;
    }

@font-face {
  font-family: "YourFavoriteFont";
  src: url(/assets/YourFavoriteFont.eot) format("embedded-opentype");
  src: url(/assets/YourFavoriteFont.otf) format("opentype");
  
  font-weight: normal;
  font-style: normal;
}

.load-mask {
    position: relative;
}

.load-mask-content.blur {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transition: -webkit-filter 0.2s ease-out;
    transition: -webkit-filter 0.2s ease-out;
    transition: filter 0.2s ease-out;
    transition: filter 0.2s ease-out, -webkit-filter 0.2s ease-out;
}

.load-mask-content.blur.loading {
    -webkit-filter: blur(5px);
            filter: blur(5px);
}

.loader-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.loader-container p {
    font-size: 1.3rem;
    margin: 0;
}

.loader-container.radius {
    border-radius: 10px;
}

.loader-container.dark {
    background: rgba(40, 40, 40, 0.1)
}

.loader-container.light {
    background: rgba(255, 255, 255, 0.5)
}

.celeste-dark{
    color: #175073;
}


.toolbar{
    color: white;
    font-size: 23px;
    font-weight: bold;
}
.toolbar img{
    max-width: 20px;
}
.toolbar .btn{
    border: white solid 2px;
    color: white;
}
.toolbar .btn:hover{
    border: white solid 2px;
}
.toolbar .btn a:hover{
    text-decoration: none;
}

.toolbar-search span{
  color: #516060;
}
.toolbar-search img{
    max-width: 20px !important;
}

.toolbar-search {
    font-size: 18px;
}
.toolbar-search .fa{
    right: 20px !important;
}
.toolbar-search input{
    background-color: white !important;
    color: #516060 !important;
}
.toolbar-search input:focus{
    background-color: white !important;
    color: #516060 !important;
}
.toolbar .filtro{
    font-size: 15px;
    font-weight: normal;
}
.contenedor-search{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contenedor-search input[type="text"] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius:  1em;
}
.contenedor-search button {
    position: absolute;
    right: 3px !important;
    top: 4px !important;
    background: white !important;
    position: absolute;
    top: 0px;
    border-radius: 1em;
    /* height: calc(2.25rem + 4px); */
    width: 3em;
    border: 0px;
}
.titulo{
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding-left: 2em;
}
.subtitulo{
    padding-left: 6px;
    padding-top: 5px;
    font-weight: 200;
    font-style: italic;
    text-transform: uppercase;
    color: #516060;
}
.search{
    padding-left: 0px;
}
.form-control-feedback{
    background-color: white !important;
}
.boton-busqueda{
    background: white;
}
.text-titulo{
    font-size: 1.3em;
    color: #175073;
}
@media only screen and (max-width: 768px){
    .titulo{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .search{
        padding-left: 6px;
        padding-right: 6px;
    }
}
@media only screen and (max-width: 576px) {
    .titulo{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0px;
        width: 100%;
    }
    .titulo h3{
        margin: 0px;
    }
    .subtitulo{
        padding: 0px;
        width: 100%;
        display: block;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }
    .search{
        padding-left: 6px;
        padding-right: 6px;
    }
}

.action-img{
    max-width: 25px;
    max-height: 25px;
    margin: 0 .30rem !important;
    cursor: pointer;
}

.boton-pequenio{
    height: 30px !important;
    font-size: 0.75rem !important;
    min-width: 80px !important;
    padding: 2px !important;
}

@media (max-width: 1280px) {
    #monedas .billete {
            height: 50px !important;
    }
}

/* @import "../../node_modules/react-select/dist/react-select.css";
@import "../../node_modules/react-bootstrap-table/dist/react-bootstrap-table.min.css";
@import "_override.css"; */

/* @import "../../node_modules/react-select/dist/react-select.css"; */
.react-bs-table .react-bs-container-header .sort-column,td.react-bs-table-expand-cell,th.react-bs-table-expand-cell>div{cursor:pointer}
.react-bs-table-container .react-bs-table-search-form{margin-bottom:0}
.react-bs-table-bordered{border:1px solid #ddd;border-radius:5px}
.react-bs-table table{margin-bottom:0;table-layout:fixed}
.react-bs-table table td,.react-bs-table table th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.react-bs-table-pagination{margin-top:10px}
.react-bs-table-tool-bar{margin-bottom:5px}
.react-bs-container-footer,.react-bs-container-header{overflow:hidden;width:100%}
.react-bs-container-body{overflow:auto;width:100%}
.react-bootstrap-table-page-btns-ul{float:right;margin-top:0}
.react-bs-table .table-bordered{border:0;outline:0!important}
.react-bs-table .table-bordered>thead>tr>td,.react-bs-table .table-bordered>thead>tr>th{border-bottom-width:2px}
.react-bs-table .table-bordered>tbody>tr>td{outline:0!important}
.react-bs-table .table-bordered>tbody>tr>td.default-focus-cell{outline:#6495ed solid 3px!important;outline-offset:-1px}
.react-bs-table .table-bordered>tfoot>tr>td,.react-bs-table .table-bordered>tfoot>tr>th{border-top-width:2px;border-bottom-width:0}
.react-bs-table .table-bordered>tbody>tr>td:first-child,.react-bs-table .table-bordered>tbody>tr>th:first-child,.react-bs-table .table-bordered>tfoot>tr>td:first-child,.react-bs-table .table-bordered>tfoot>tr>th:first-child,.react-bs-table .table-bordered>thead>tr>td:first-child,.react-bs-table .table-bordered>thead>tr>th:first-child{border-left-width:0}
.react-bs-table .table-bordered>tbody>tr>td:last-child,.react-bs-table .table-bordered>tbody>tr>th:last-child,.react-bs-table .table-bordered>tfoot>tr>td:last-child,.react-bs-table .table-bordered>tfoot>tr>th:last-child,.react-bs-table .table-bordered>thead>tr>td:last-child,.react-bs-table .table-bordered>thead>tr>th:last-child{border-right-width:0}
.react-bs-table .table-bordered>thead>tr:first-child>td,.react-bs-table .table-bordered>thead>tr:first-child>th{border-top-width:0}
.react-bs-table .table-bordered>tfoot>tr:last-child>td,.react-bs-table .table-bordered>tfoot>tr:last-child>th{border-bottom-width:0}
.react-bs-table .react-bs-container-footer>table>thead>tr>th,.react-bs-table .react-bs-container-header>table>thead>tr>th{vertical-align:middle}
.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .filter{font-weight:400}
.react-bs-table .react-bs-container-header>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}
.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}
.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']),.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']){color:#000;color:initial;font-style:normal;font-style:initial}
.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter{display:-webkit-box;display:-ms-flexbox;display:flex}
.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input{margin-left:5px;float:left;width:calc(100% - 67px - 5px)}
.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-comparator{width:67px;float:left}
.react-bs-container .textarea-save-btn{position:absolute;z-index:100;right:0;top:-21px}
.react-bs-table-no-data{text-align:center}
.ReactModal__Overlay{-webkit-perspective:600;perspective:600;opacity:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.5);z-index:101}
.ReactModal__Overlay--after-open{opacity:1;-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out}
.ReactModal__Content{-webkit-transform:scale(.5) rotateX(-30deg);transform:scale(.5) rotateX(-30deg)}
.ReactModal__Content--after-open{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0);-webkit-transition:all 150ms ease-in;transition:all 150ms ease-in}
.ReactModal__Overlay--before-close{opacity:0}
.ReactModal__Content--before-close{-webkit-transform:scale(.5) rotateX(30deg);transform:scale(.5) rotateX(30deg);-webkit-transition:all 150ms ease-in;transition:all 150ms ease-in}
.ReactModal__Content.modal-dialog{border:none;background-color:transparent}
.animated{-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
.animated.shake{-webkit-animation-duration:.3s;animation-duration:.3s}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,50%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}30%,70%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,50%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}30%,70%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
.container {
    padding: 15px;
}
.select-reset div{

}
.select-reset > div {
    border-width: 0 !important;
    background-color: #FFF !important;
}
.form-control.is-invalid.select-reset > div {
    border-color: #dc3545;
}
.form-control {
    height: calc(2.25rem + 4px);
}
.form-control.disabled{
    background-color: #e9ecef;
    opacity: 1;
}
.is-invalid .invalid-feedback{
    display: block;
}
div.is-invalid label.uploader{
	outline-color: #dc3545 !important;
    border-radius: 5px !important;
}
.celeste-dark{
    color: #175073;
}
@media only screen and (max-width: 768px) {
  .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
@keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
.fade-enter {
    opacity: 0.01;
  }
.fade-enter.fade-enter-active {
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
  }
.fade-leave {
    opacity: 1;
  }
.fade-leave.fade-leave-active {
    opacity: 0.01;
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
  }
/* ESTILOS PARA LAS MODALES */
.celeste-dark{
    color: #175073;
}
body,
html {
    font-family: 'Dosis', sans-serif;
    background-color: #e5f5fd;
    font-weight: bold;
}
.styles_modal__gNwvD {
    /* border-radius: 15px; */
    padding: 0px;
    max-width: 80% !important;
    min-width: 770px;
}
.content-wrapper {
    /* background-color: white; */
    position: absolute;
    padding: 15px;
    top: 61px;
    left: 160px;
    min-height: calc(100vh - 61px);
    right: 0;
    -webkit-transition: left linear 0.2s;
    transition: left linear 0.2s;
}
.contenido-principal {
    max-width: 100%;
    -webkit-box-shadow: 0px 6px 20px 3px rgba(0,0,0,0.28);
    box-shadow: 0px 6px 20px 3px rgba(0,0,0,0.28);
    background-color: white;
}
.fondo-dashboard1{
    background: url(/assets/6fe954a88cadda8f46b19186725e2d79.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 91vh;
    width: 103%;
    margin-top: -15px;
    margin-left: -20px;
    margin-bottom: -15px;
    margin-right: -17px;

}
@media (max-width: 991.98px) {
.fondo-dashboard1{height: 92vh}}
@media (max-width: 575.98px) {
.fondo-dashboard1{height: 90vh;width: 100%;margin-top: -5px;margin-left: 0px;margin-bottom: 0;margin-right: 0}}
.menu-small-content-wrapper{
    left: 70px !important;
}
.styles_overlay__CLSq- {
    background: rgba(0, 0, 0, 0.45);
    z-index: 998 !important;
}
.custom-modal {
    background: #FFF;
    width: 100%;
}
.modal-width-50 {
    width: 50% !important;
}
.modal-width-40 {
    width: 40% !important;
}
.modal-header{
    font-weight: bold;
    text-transform: uppercase;
    color: #175073;
    border: 0px;
}
.modal-container {
    /* border-radius: 10px; */
    border: 2px solid #E8EBEE;
    margin: 0;
    background-color: #FFFFFF;
}
.modal-body {
    height: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
}
.modal-footer {
    padding: 15px 0;
    width: 100%;
}
.styles_closeIcon__1QwbI{
    fill: white;
}
.reset-caption{
    font-size: 1.1rem;
}
/*Estilos de borde contendor*/
.borde-superior {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: 3px solid #717981;
    border-bottom: none;
}
.border-completo{
    border-radius: 20px !important;
    border: 3px solid #717981 !important;
}
/* Estilos del card*/
.card{
    padding: 0px;
    border: 0px !important;
  }
.card-header {
    padding: 0.3rem 0.15rem;
    background-color: white !important;
    border-bottom: 2px solid #0075d1 !important;
    /* color: white !important; */
  }
.card-header h3{
      /* color: white !important; */
  }
.card-header:first-child {
    font-weight: bold;
    color: #175073 !important;
  }
.fondo-secundario{
      background: #aacfda !important;
  }
.fondo-gris{
      background: #717981 !important;
  }
.fondo-celeste{
      background: #509aae !important;
  }
.card-text {
    font-size: 11px;
  }
.borde-abajo{
    border-bottom: 1px solid #0075d1;
  }
h2{
    font-weight: bold !important;
    color: #175073 !important;
}
h3 {
    font-weight: bold !important;
    color: #175073;
}
h1 {
    font-weight: bold !important;
    color: #175073;
}
h4{
    font-weight: bold !important;
    color: #175073;
}
h5{
    font-weight: bold !important;
    color: #175073;
}
h6{
    font-weight: bold !important;
    color: #175073;
}
.h1, .h2, .h3, .h4 {
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: #175073 !important;
    font-family: 'Dosis', sans-serif !important;
}
.h5{
    font-weight: bold !important;
}
.text-verde{
    color: #88A530 !important;
}
.text-primary{
    color: #175073 !important;
}
.text-azul{
    color: #0075d1 !important;
}
.text-secondary{
    color: #aacfda !important;
}
.text-danger{
    color: #9e0b0f !important;
}
.text-gris{
    color: #516060 !important;
}
.text-danger-dark{
    color: #e24647;
}
.text-rosado{
    color: #e24647;
}
.text-celeste{
    color: #509aae !important;
}
.text-verde-claro{
    color: #B5CD6A !important;
}
.text-derecha{
    text-align: right !important;
}
.ver-movil{
    display: none;
}
.ver-movil-flex{
    display: none;
}
.ver-escritorio{
    display: block;
}
.ver-escritorio-cell{
    display: table-cell;
}
.ver-escritorio-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*etiquetas globlase*/
.display-grid{
    display: none;
}
/*CONFIGURACIÓN DE POPOVERS*/
.popover-inner{
    border-radius: 10px !important;
}
.popover-header{
    color: white !important;
    background: #aacfda;
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after{
    border-bottom-color: #aacfda;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom: 0px;
}
/*Estilos para tabs*/
.nav-tabs .nav-link.active{

    background: #0075d1;
    color: white !important;
}
.nav-tabs .nav-link.active h5{
    color: white !important;
}
.nav-tabs .nav-link {
    height: 100%;
    background: #ebebeb;
    text-transform: uppercase;
    color: #175073 !important;
}
.nav-tabs .nav-link h5 {
    font-size: 1.1em;
    font-weight: 600;
}
.nav-tabs{
    border-bottom: 0px !important;
}
.nav-tabs .nav-item{
    cursor: pointer;
}
.nav-link .active a:hover{
    color: white !important;
}
a.active.nav-link:hover {
    color: white;
}
.nav-item{
    cursor: pointer;
}
.tabs-caja-chica li:nth-last-child(2) a{
        border-top-right-radius: 20px;
    }
.tabs-caja-chica li:last-child a {
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
.cursor-pointer{
    cursor: pointer;
}
.chart-container {
    position: relative;
    height:90px;
    width:100%;
}
@media (min-width: 1200px)
{
    .contenido-principal {
        max-width: 100%;
    }
}
@media only screen and (min-width: 768px){
    .np-r{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 768px) {
    .card-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    .label{
        margin:0px !important;
    }

}
@media only screen and (max-width: 576px) {
    .styles_modal__gNwvD{
        max-width: 95% !important;
    }
    .sin-padding{
        padding: 0 !important;
    }
    .modal-body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ver-movil{
        display: block !important;
    }
    .ver-movil-flex{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .ver-escritorio-cell{
        display: none !important;
    }
    .display-grid{
        display: grid
    }
    .ver-escritorio{
        display: none !important;
    }
    .ver-escritorio-flex{
        display: none !important;
    }
    [class*="nav-tabs"] li a h5 {
        font-size: .6em !important;
    }
    .styles_modal__gNwvD {
        min-width: 0;
    }
    .borde-lateral{
        border: 0px !important;
    }
}
.bordes-izquierdos{
    border-radius: 20px 0 0 20px !important;
    border: 3px solid #ebebeb !important;
}
.bordes-derechos{
    border-radius: 0 20px 20px 0 !important;
    border: 3px solid #ebebeb !important;
}
.borde-extremo-y{
    border-bottom: 2px solid #0075d1;
}
.required-text {
    display: block;
    font-weight: bold;
    font-style: italic;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #9e1d20;
}
/*Manejo de bordes*/
.sin-borde {
    border: 0 !important;
}
.borde-primario{
    border-color: #0075d1  !important;
}
.borde-gris{
    border-radius: 1em !important;
    border: 2px solid #e5f5fd !important;
}
.border-2x{
    border: 1px solid !important;
}
.rojo{
    color: #D05452 !important;
}
.violeta{
    color: #3F3456 !important;
}
.text-m{
    font-size: 1.1rem !important;
}
.texto-monedas{
    font-weight: bold !important;
    font-style: italic !important;
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    color: #D05452 !important;
}
.tachar{
    text-decoration:line-through !important;
}
.select-rosado{
    font-style: italic;
    font-size: 1.2em;
    color: #e24647;
    border: 0.1em solid #0075d1 !important;
}
.icons-oc{
    font-size: 1.7rem !important
}
.ocultar{
    display: none !important;
}
.quit-uppercase {
    text-transform: none !important;
    text-transform: initial !important;
}
.borde-lateral{
    border-left: 0.1em solid #717981;
}
/*Manejo de estilos para los gallineros*/
.borde-radius{
    border-radius: 10px;
}
.imagen-inicio{
    /* background: url('../assets/img/backdashboard.png') white; */
    background-size: 100vh;
    background-size: cover;
    height: 100vh;
    margin-left: -1rem;
    margin-right: -1rem;
}
.inicio-logo{
      max-width: 100vw;
}
.img-cont{
   height: 70%;
}
.img-cont2{
   height: 40%;
}
.flecha_fracciones{
    width: 20px;
    height: 35px;
}
.flex-1{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
 }
.flex-2{
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
 }
.dot{
    height: 20px;
    width: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
.background-danger{
    background: #eba65e !important;
}
.background-success{
    background: #b5d587 !important;
}
.tamanio-cuadrado{
    width: 90px !important;
}
.dot-naranja{
    background: #eba65e;
}
.dot-verde{
    background: #b5d587;
}
.background-secondary{
    background-color: #aacfda !important;
}
.fondo-autorizacion{
    background: rgba(229,245,253,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,245,253,1)), color-stop(100%, rgba(170,207,218,1)));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229,245,253,1)), to(rgba(170,207,218,1)));
    background: linear-gradient(to bottom, rgba(229,245,253,1) 0%, rgba(170,207,218,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f5fd', endColorstr='#aacfda', GradientType=0 );
}
.fondo-inverso-navbar{
    background: rgba(170,207,218,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170,207,218,1)), color-stop(100%, rgba(34,112,160,1)));
    background: -webkit-gradient(linear, left top, right top, from(rgba(170,207,218,1)), to(rgba(34,112,160,1)));
    background: linear-gradient(to right, rgba(170,207,218,1) 0%, rgba(34,112,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aacfda', endColorstr='#2270a0', GradientType=1 );
}
.h85{
    height: 85vh !important;
    overflow-y: auto;
}
.h35{
    height: 35 !important;
    overflow-y: auto;
}
.header-dashboard{
    background-color: white;
    padding: 2rem;
}
.card-header-dashboard{
    background-color: #aacfda;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
    color: #175073;
}
.SingleDatePicker {
    width: 100%;
  }
.SingleDatePickerInput {
    width: 100%;
  }
.DateInput {
    width: 100%;
  }
.DateInput_input {
    height: calc(2.25rem + 4px);
  }
.is-invalid .SingleDatePickerInput {
      border-color: #dc3545;
  }
.is-invalid .invalid-feedback{
      display: block;
  }
.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0
  }
.DateInput_input::-webkit-input-placeholder {
      color: #aaaaaa;
  }
.DateInput_input::-moz-placeholder {
      color: #aaaaaa;
  }
.DateInput_input:-ms-input-placeholder {
      color: #aaaaaa;
  }
.DateInput_input::-ms-input-placeholder {
      color: #aaaaaa;
  }
.DateInput_input::placeholder {
      color: #aaaaaa;
  }
.celeste-dark{
    color: #175073;
}
.react-bs-container-header {
    font-weight: bold;
    font-family: 'Dosis', sans-serif !important;
    color: #175073;
    font-size: 1em !important;
    text-transform: uppercase;
    background: #aacfda;
    border: 0px !important;
}
.react-bs-container-header  th{
    font-size: 1.2em !important;
}
.header-tabla{
    font-family: 'Dosis', sans-serif !important;
    height: 43px !important;
    font-size: 1em;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    color: #175073 !important;
    background: #aacfda !important;
}
.table-bordered th, .table-bordered td {
    border: 0 !important;
}
.react-bs-container-body tr:nth-child(even){
    background-color: #ebebeb;
}
.no-striped .react-bs-container-body tr:nth-child(even){
    background-color: #ebebeb;
}
.con-hijos .react-bs-container-body tr:nth-child(even){
    background-color: white;
}
.con-hijos .react-bs-container-body > tr:nth-child(even) > td{
    padding: 0;
}
.con-hijos .react-bs-container-body tr:nth-child(4n+3){
    background-color: #ebebeb !important;
}
.react-bs-container-body{
    font-weight: bold;
    color: #717981;
}
.react-bs-table-bordered{
    border: none !important;
    border-radius: 0 !important;
}
.react-bs-table-tool-bar {
    background-color: #717981;
    /* border-radius: 5px; */
    padding: 8px 10px 10px 10px;
}
.react-bs-table{
    font-style: normal !important;
    /*border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    border: 3px solid $gris !important;
    border-top: 0px !important; */

}
.td-column-string-example {
    width: 250px !important;
}
.td-header-string-example{
    width: 250px !important;
}
.td-column-descripcion-gastos {
    width: 50% !important;
    min-width: 250px !important;
}
.td-header-descripcion-gastos{
    width: 50% !important;
    min-width: 250px !important;
}
.react-bs-table-container {
    font-size: 13px !important;
  }
.react-bs-table-container .react-bs-table table td, .react-bs-table-container .react-bs-table table th {
      text-overflow: unset;
      word-wrap: break-word;
      width: 130px;
    }
.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 2px solid red;
    width: 100%;
  }
/* Paginaciones */
.page-item:last-child .page-link{
    font-style: normal !important;
}
.page-item:first-child .page-link {
    font-style: normal !important;
}
.page-link{
    font-style: italic !important;
    color: #0075d1;
}
.page-item.active .page-link {
    z-index: 1;
    border-color: transparent;
    color: #516060;
    background-color: #88A530;
}
.sin-borde-top {
    border-top: 0px !important;
}
/* .table-hover > tbody > tr:hover{
    background-color: inherit;
}
.table-hover> tbody> tr:hover:nth-child(even){
    background-color: #ebebeb;
} */
.tabla-70 .react-bs-container-body{
        max-height: 70vh !important;
    }
.tabla-5p .react-bs-container-body {
    max-height: 31vh !important;
}
.tabla-103 .react-bs-container-body{
        max-height: 135vh !important;
    }
.resumen-cf .react-bs-table {
        font-style: italic;
        /* border-bottom-left-radius: 20px !important; */
        /* border-bottom-right-radius: 20px !important; */
        /* border: 3px solid #ebebeb !important; */
        border: 0px !important;
    }
.resumen-cf .react-bs-container-header {
        border-top-left-radius: 1em !important;
        border-top-right-radius: 1em !important;
    }
/**
* Para quitar el scroll horizontal de la tabla
*/
.tabla-auto .table-bordered {
        min-width: auto !important;
    }
/*
    Estilos de la tabla fija
*/
.tabla-adentro{
    padding-left: 20% !important;
}
.tabla-adentro .react-bs-container-header table thead {
    text-transform: none !important;
    color: #175073;
    background-color: #e5f5fd;
}
.tabla-adentro .react-bs-container-body tr:nth-child(even){
    background-color: #ebebeb !important;
}
.tabla-adentro .react-bs-container-body tr:nth-child(odd){
    background-color: white !important;
}
.header-tabla{
    border: 0px;
    color: #175073;
    background: #aacfda;
}
.background-row-selected{
    background-color: #ebebeb;
}
.tabla-gris .react-bs-container-header {
    background: #717981 !important;
    color: #0075d1 !important;
    border: 0px !important;
}
.tabla-gris .react-bs-table{
    border: 0px !important;

}
.tabla-gris .header-tabla{
    background: #717981 !important;
    color: #0075d1 !important;
    height: 43px !important;
}
@media only screen and (max-width: 576px) {
    .td-column-descripcion-gastos {
        width: 250px !important;
    }
        .tabla-103 .react-bs-container-body{
            max-height: 60vh !important;
        }
}
tr.clickable{
    cursor: pointer;
}
.borde-derecho .react-bs-table{
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    border: 3px solid #717981 !important;
}
.borde-derecho .react-bs-container-header {
    border-top-right-radius: 1em !important;
}
.background-noleido{
    background: #b5d587 !important;
}
.celeste-dark{
    color: #175073;
}
button:focus{
    outline: 1px auto;
    outline-color: transparent;
}
button img{
    margin-right: 5px;
}
.btn-estadocuenta{
    width: 170px;
    height: 37px;
}
.btn-normal {
    width: auto !important;
    min-width: 0 !important;
}
.btn-xs{
    font-size: 1em;
    height: 30px;
    padding: 0.1rem 0.75rem;
    min-width: 10px !important;
}
.btn {
    border-radius: 2rem;
    min-width: 120px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-with-all{
    border-radius: 0px !important;
    width: 100% !important;
    -webkit-box-shadow: inset -1px 11px 19px -2px rgba(217,214,217,0.75);
    box-shadow: inset -1px 11px 19px -2px rgba(217,214,217,0.75);
}
.btn-force {
    border-radius: 2rem !important;
    min-width: 120px !important;
    font-weight: bold !important;
}
.btn-link{
    background-color: transparent !important;
    color: #88A530;
}
.btn-link:hover{
    background-color: transparent !important;
    color: #88A530;
}
.btn-link:active{
    background-color: transparent !important;
    color: #88A530;
}
.btn-gray{
    background-color: #717981 !important;
    color: #88A530;

}
.btn-gray:hover{
    background-color: #717981 !important;
    color: #aacfda;
}
.btn-gray:active{
    background-color: #717981 !important;
    color: #88A530;
}
.btn-white{
    background-color: white !important;
    color: #88A530;

}
.btn-white:hover{
    background-color: #88A530 !important;
    color: white;
}
.btn-white:active{
    background-color: white !important;
    color: #88A530;
}
/* ESTILO DE BOTON PRIMARIO*/
.btn-primary{
    background-color: #0075d1 !important;
    color: white !important;
    border: 0px !important;
}
.btn-primary:hover{
    background-color: #88A530 !important;
    border: 0px !important;
}
.btn-primary:active{
    background-color: #aacfda !important;
    border: 0px;
}
.btn-primary:focus{
    background-color: #0075d1 !important;
    border: 0px;
}
/* ESTILO DE BOTÓN SECUNDARIO*/
.btn-secondary{
    background-color: #aacfda !important;
    color: #0075d1 !important;
    border: 0px !important;
}
.btn-secondary:hover{
    background-color: #88A530 !important;
    color: white !important;
    border: 0px !important;
}
.btn-secondary:active{
    background-color: #0075d1 !important;
    border: 0px !important;
}
.btn-secondary:focus{
    background-color: #aacfda !important;
    border: 0px !important;
}
/* ESTILO DE BOTÓN SECUNDARIO*/
.btn-fondo{
    background-color: #e5f5fd !important;
    color: #0075d1;
    border: 2px solid #aacfda;
}
.btn-fondo:hover{
    background-color: #88A530 !important;
    color: white !important;
    border: 0px !important;
}
.btn-fondo:active{
    background-color: #0075d1 !important;
    border: 0px !important;
    color: white;
}
.btn-fondo:focus{
    background-color: #0075d1 !important;
    border: 0px !important;
    color: white !important;
}
.btn-danger{
    background-color: #9e0b0f;
    border-color: transparent;
    color: #ffffff;
}
.btn-danger:hover{
    background-color: #aacfda !important;
    border-color: transparent !important;
    color: #ffffff;
}
.btn-danger:active{
    background-color: #9e0b0f !important;
    border-color: transparent !important;
    color: #ffffff;
}
.btn-success{
    background-color: #88A530;
    border-color: transparent;
    color: white;
}
.btn-success:hover{
    background-color: #0075d1 !important;
    border-color: transparent !important;
    color: #ffffff;
}
.btn-success:active{
    background-color: #88A530 !important;
    border-color: transparent !important;
    color: white;
}
.btn-success-outline{
    background-color: white;
    color: #0075d1;
    border: 2px solid #88A530;
}
.btn-success-outline:hover{
    background-color: #0075d1;
    border-color: transparent;
    color: white;
}
.btn-success-outline:active{
    background-color: white;
    color: #0075d1;
    border-color: #88A530;
    border: 2px solid #88A530;
}
.btn-rosado{
    background-color: #e24647;
    border-color: transparent;
    color: #ffffff;
}
.btn-rosado:hover{
    background-color: #aacfda !important;
    border-color: transparent !important;
    color: #ffffff;
}
.btn-rosadoo:active{
    background-color: #e24647 !important;
    border-color: transparent !important;
    color: #ffffff;
}
.btn-celeste{
    background-color: #509aae;
    border-color: transparent;
    color: #ffffff;
}
.btn-celeste:hover{
    background-color: #aacfda !important;
    border-color: transparent !important;
    color: #ffffff;
}
.btn-celeste:active{
    background-color: #9e0b0f !important;
    border-color: transparent !important;
    color: #ffffff;
}
.btn-blanco{
    background-color: white;
    border-color: transparent;
    color: #0075d1;
}
.btn-blanco:hover{
    background-color: #0075d1 !important;
    border-color: transparent !important;
    color: white;
}
.btn-blanco:active{
    background-color: white;
    border-color: transparent;
    color: #0075d1;
}
.btn-verde{
    background-color: #88A530;
    border-color: transparent;
    color: white;
}
.btn-verde:hover{
    background-color: #B5CD6A !important;
    border-color: transparent !important;
    color: #0075d1;
}
.btn-verde:active{
    background-color: #B5CD6A;
    border-color: transparent;
    color: #0075d1;
}
.btn-tabla{
    border-radius: 5px;
    height: 28px !important;
    width: 28px !important;
    font-weight: bold;
    text-transform: uppercase;
}
/* .btn-info{
  background-color: $color-amarillo;
  border-color: transparent !important;
  color: white;
}
.btn-info:hover{
  background-color: $color-amarillo-dark;
  border-color: transparent !important;
}
.btn-info:active{
  background-color: $color-amarillo-dark;
  border-color: transparent !important;
}
.padding-0{
    padding: 0 !important;
}
.btn a{
    color: white;
    text-decoration: none;
    display: block;
    padding: 6px 12px;
} */
.btn-s {
    border-radius: 2rem;
    min-width: 121px;
    height: 28px;
    font-weight: bold;
    padding: 0.315rem 0.75rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-size: .8rem;
    line-height: 1.5;
}
.btn-s:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.celeste-dark{
    color: #175073;
}
input
{
  -webkit-box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
}
.form-control {
    border-radius: 1em;
    border: 0.1em solid #aacfda;
}
.form-control:focus {
    border: 0.1em solid #509aae;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.form-control:active {
    border: 0.1em solid #509aae;
}
.form-group label {
    margin-top: 0px;
    font-weight: bold;
    font-size: 0.8rem;
    color: #516060;
}
.label-radio {
    padding: 0 10px;
}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #9e0b0f;
}
.invalid-feedback {
    display: none;
    font-weight: bold;
    font-style: italic;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #9e0b0f;
}
/* Configuración de selects*/
.Select-control{
    border-radius: 1em;
    border: 0.1em solid #717981;
    height: calc(2.25rem + 4px);
}
.Select-menu-outer {
    display: block !important;
  border-bottom-right-radius: 1em !important;
  border-bottom-left-radius: 1em !important;
  background-color: #fff;
  border: 1px solid #717981 !important;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-option:last-child {
  border-bottom-right-radius: 1em !important;
  border-bottom-left-radius: 1em !important;
  border-bottom: 1px solid #717981 !important;
}
.Select-menu{
    border-bottom-right-radius: 1em !important;
    border-bottom-left-radius: 1em !important;
    border-bottom: 1px solid #717981 !important;
}
.Select-option.is-selected {
  color: #717981;

  background-color: #88A530 !important;
  /* Fallback color for IE 8 */
  /* background-color: rgba(0, 126, 255, 0.04); */
}
.Select-option:hover {
    background-color: #88A530 !important;
    color: #717981 !important;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    border: 0px;
    border-color: #717981 !important;
}
.Select-value{
    font-weight: normal !important;
    color: #aaa !important;
    padding-left: 10px !important
}
.select-reset > div{
    background-color: transparent !important;
}
.Select-control:hover{
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, .06);
}
.Select-option.is-focused{
    background-color: white;
}
/*Configuración datepicker*/
.SingleDatePickerInput__withBorder {
    border-radius: 1em !important;
    border: 0.1em solid #aacfda;
}
.DateInput{
    background: transparent !important;
}
.CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover {
    background: #0075d1;
    border: 1px double #0075d1;
    color: #fff;
}
.DayPickerKeyboardShortcuts_show__bottomRight{
    display: none;
}
.DateInput_input__focused {
    border-radius: 1em !important;
}
.DateInput_input{
    border-radius: 1em !important;
    font-size: 1rem !important;
}
.is-invalid .SingleDatePickerInput{
    border-color: #717981;
}
/* Radio buttons*/
.form-check label{
    margin-right: 4px !important;
}
/*React-Select v2.1.1*/
.react-select__menu{
    border-bottom-left-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
    margin: 0px !important;

    background: white !important;
    color: #717981 !important;

}
.react-select__single-value{
    font-family: 'Dosis', sans-serif !important;
    font-weight: normal !important;
}
.react-select__control--is-disabled{
    background-color: #e9ecef !important;
    opacity: 1 !important;
}
.react-select--is-disabled{
    background-color: #e9ecef !important;
    opacity: 1 !important;
}
.select-reset > div .react-select__menu{
    background: white !important;
}
.react-select__control{
    border-color: transparent !important;
    background: transparent !important;
    -webkit-box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
            box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
}
.react-select__control--is-focused{
    border: transparent !important;
}
.react-select__value-container{
    color: #717981 !important;
}
.react-select__option{
    font-family: 'Dosis', sans-serif !important;
    font-weight: normal !important;
}
.react-select__option:active{
    background: #a6cec2 !important;
}
.react-select__menu-list:first-child{
    border-top-left-radius: 1em !important;
    border-top-right-radius: 1em !important;
}
.react-select__menu-list:last-child{
    border-bottom-left-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
}
/*Select normal estilos*/
select{
    -webkit-appearance: menulist !important;
    border-radius: 1em !important;
}
select {
    border-radius: 1em;
}
/*Colores del radiobutton*/
input[type='radio'] {
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    outline: none;
    /* background: $verde; */
    border: 3px solid #717981;
}
input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
input[type="radio"]:checked:before {
    background: white;

}
input[type="radio"]:checked {
  border-color: #88A530;
  background: #88A530;
}
/*  Checkbox */
/**
 * Custom form elements
 *    - Checkbox
 *    - Radios
 *    - Switch
 *    - Rounded inputs
 */
.c-checkbox,
 .c-radio {
   margin-right: 4px;
 }
.c-checkbox *,
 .c-radio * {
   cursor: pointer;
 }
.c-checkbox input,
 .c-radio input {
   opacity: 0;
   position: absolute;
   margin-left: 0 !important;
 }
.c-checkbox span,
 .c-radio span {
   position: relative;
   display: inline-block;
   vertical-align: top;
   width: 20px;
   height: 20px;
   border: 1px solid #ccc;
   text-align: center;
 }
.c-checkbox span:before,
 .c-radio span:before {
   margin-left: 1px;
 }
.c-checkbox:hover span,
 .c-radio:hover span {
   border-color: #717981;
 }
.form-inline .c-checkbox span, .form-inline
 .c-radio span {
   margin-left: 0;
 }
.c-checkbox.c-checkbox-rounded span, .c-checkbox.c-radio-rounded span,
 .c-radio.c-checkbox-rounded span,
 .c-radio.c-radio-rounded span {
   border-radius: 500px;
 }
/* override for radio */
.c-radio span {
   border-radius: 500px;
 }
/* the icon */
.c-checkbox span:before,
 .c-radio span:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0;
   text-align: center !important;
   font-size: 12px;
   line-height: 18px;
   vertical-align: middle;
 }
/* Checked state */
.c-checkbox,
 .c-radio {
   /* override for radio */
   /* Disable state */
   /* override for radio */
 }
.c-checkbox input[type=checkbox]:checked + span:before,
 .c-checkbox input[type=radio]:checked + span:before,
 .c-radio input[type=checkbox]:checked + span:before,
 .c-radio input[type=radio]:checked + span:before {
   color: white;
   opacity: 1;
   -webkit-transition: color .3s ease-out;
   transition: color .3s ease-out;
 }
.lectura input[type=checkbox]:checked + span:before,
 .lectura input[type=radio]:checked + span:before,
 .lectura input[type=checkbox]:checked + span:before,
 .lectura input[type=radio]:checked + span:before {
   color: #717981;
   opacity: 1;
   -webkit-transition: color .3s ease-out;
   transition: color .3s ease-out;
   cursor: auto;
   cursor: initial;
 }
.c-checkbox input[type=checkbox]:checked + span,
 .c-checkbox input[type=radio]:checked + span,
 .c-radio input[type=checkbox]:checked + span,
 .c-radio input[type=radio]:checked + span {
   border-color: #717981;
   background-color: #0075d1;
 }
.lectura input[type=checkbox]:checked + span,
 .lectura input[type=radio]:checked + span,
 .lectura input[type=checkbox]:checked + span,
 .lectura input[type=radio]:checked + span {
   border-color: #fff !important;
   background-color: #0075d1 !important;
   cursor: auto;
   cursor: initial;
 }
.lectura{
   cursor: auto !important;
   cursor: initial !important;
 }
.lec{
     border: 0px solid #eff3f6 !important;
 }
.c-checkbox input[type=radio]:checked + span,
 .c-radio input[type=radio]:checked + span {
   background-color: #fff;
 }
.c-checkbox input[type=radio]:checked + span:before,
 .c-radio input[type=radio]:checked + span:before {
   color: #717981;
 }
.c-checkbox input[type=checkbox]:disabled + span,
 .c-checkbox input[type=radio]:disabled + span,
 .c-radio input[type=checkbox]:disabled + span,
 .c-radio input[type=radio]:disabled + span {
    background: #0075d1;
   background: #0075d1;
 }
.c-checkbox input[type=radio]:disabled + span,
 .c-radio input[type=radio]:disabled + span {
    background: #0075d1;
 }
.c-checkbox input[type=radio]:disabled + span:before,
 .c-radio input[type=radio]:disabled + span:before {
    background: #0075d1;
 }
input[type='checkbox'] {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border: 3px solid gray;
}
input[type='checkbox']:before {
    display: block;
}
input[type="checkbox"]:checked:before {
    content: '\2714';
    position: absolute;
    height: 15px;
    width: 15px;
    top:0;
    left: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: .8em;
    background: #0075d1;

}
input[type="checkbox"]:checked {
    background: #0075d1;
  border-color: white;
}
.role {
    margin-right: 80px;
    margin-left: 20px;
    font-weight: normal;
}
.checkbox label {
    margin-bottom: 20px !important;
}
.roles {
    margin-bottom: 40px;
}
label{
    color: #717981 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background: #fff !important;
}
.custom-error{
    font-weight: bold;
    font-style: italic;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #9e0b0f;
}
.celeste-dark{
    color: #175073;
}
.react-time-picker__wrapper {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   background-color: #fff;
   background-clip: padding-box;
   border-radius: 1em;
   border: 0.1em solid #aacfda;
   font-size: 1rem;
    line-height: 1.5;
    font-family: 'Dosis', sans-serif !important;
    font-weight: normal !important;
}
.react-time-picker__inputGroup__input:invalid {
   background: rgba(255, 0, 0, 0.2);
}
.table-detalle tr:last-child {
   border-bottom: solid 1px red;
}
.titulo-dias.table thead th, .table th, .titulo-dias.table td{
   /* border-top: 1.3px solid #014955 !important;
   border-bottom: 1.3px solid #014955; */
}
.titulo-tabla{
   /* border-top: 1.3px solid #014955 !important;
   border-bottom: 1.3px solid #014955; */
}
.react-date-picker__wrapper {
   width: 100%;
   height: calc(2.25rem + 2px);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #aacfda;
   border-radius: 0.25rem;
}
.react-date-picker
{
   width: 100%;
}
.react-calendar__year-view .react-calendar__tile, .react-calendar__decade-view .react-calendar__tile, .react-calendar__century-view .react-calendar__tile {
   padding: 1em 0.5em;
}
.react-calendar{
   font-size: 13px;
}
.react-calendar__tile--active {
   background: #aacfda;
   color: white;
}
.react-date-picker__calendar {
   max-width: 80vw;
   position: absolute;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #E8E8E8;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #bebebe;
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #9a9a9a;
}
/* nvd3 version 1.8.4 (https://github.com/novus/nvd3) 2016-07-03 */
.nvd3 .nv-axis {
    pointer-events:none;
    opacity: 1;
}
.nvd3 .nv-axis path {
    fill: none;
    stroke: #000;
    stroke-opacity: .75;
    shape-rendering: crispEdges;
}
.nvd3 .nv-axis path.domain {
    stroke-opacity: .75;
}
.nvd3 .nv-axis.nv-x path.domain {
    stroke-opacity: 0;
}
.nvd3 .nv-axis line {
    fill: none;
    stroke: #e5e5e5;
    shape-rendering: crispEdges;
}
.nvd3 .nv-axis .zero line,
    /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
    stroke-opacity: .75;
}
.nvd3 .nv-axis .nv-axisMaxMin text {
    font-weight: bold;
}
.nvd3 .x  .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
    text-anchor: middle
}
.nvd3 .nv-axis.nv-disabled {
    opacity: 0;
}
.nvd3 .nv-bars rect {
    fill-opacity: .75;

    transition: fill-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear;
}
.nvd3 .nv-bars rect.hover {
    fill-opacity: 1;
}
.nvd3 .nv-bars .hover rect {
    fill: lightblue;
}
.nvd3 .nv-bars text {
    fill: rgba(0,0,0,0);
}
.nvd3 .nv-bars .hover text {
    fill: rgba(0,0,0,1);
}
.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
    stroke-opacity: 0;

    transition: fill-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear;
}
.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-candlestickBar .nv-ticks rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover {
    fill-opacity: 1;
}
.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
    font-weight: bold;
    fill: rgba(0,0,0,1);
    stroke: rgba(0,0,0,0);
}
/* boxplot CSS */
.nvd3 .nv-boxplot circle {
  fill-opacity: 0.5;
}
.nvd3 .nv-boxplot circle:hover {
  fill-opacity: 1;
}
.nvd3 .nv-boxplot rect:hover {
  fill-opacity: 1;
}
.nvd3 line.nv-boxplot-median {
  stroke: black;
}
.nv-boxplot-tick:hover {
  stroke-width: 2.5px;
}
/* bullet */
.nvd3.nv-bullet { font: 10px sans-serif; }
.nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
.nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
.nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
.nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
.nvd3.nv-bullet .nv-markerLine { stroke: #000; stroke-width: 1.5px; }
.nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
.nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
.nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
.nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
.nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
.nvd3.nv-bullet .nv-subtitle { fill: #999; }
.nvd3.nv-bullet .nv-range {
    fill: #bababa;
    fill-opacity: .4;
}
.nvd3.nv-bullet .nv-range:hover {
    fill-opacity: .7;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick {
    stroke-width: 1px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
    stroke-width: 2px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
    stroke: #2ca02c;
    fill: #2ca02c;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
    stroke: #d62728;
    fill: #d62728;
}
.with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
    transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;

}
.nvd3.nv-candlestickBar .nv-ticks line {
    stroke: #333;
}
.nv-force-node {
  stroke: #fff;
  stroke-width: 1.5px;
}
.nv-force-link {
  stroke: #999;
  stroke-opacity: .6;
}
.nv-force-node text {
  stroke-width: 0px
}
.nvd3 .nv-legend .nv-disabled rect {
    /*fill-opacity: 0;*/
}
.nvd3 .nv-check-box .nv-box {
    fill-opacity:0;
    stroke-width:2;
}
.nvd3 .nv-check-box .nv-check {
    fill-opacity:0;
    stroke-width:4;
}
.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
    fill-opacity:0;
    stroke-opacity:0;
}
.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
    opacity: 0;
}
/* line plus bar */
.nvd3.nv-linePlusBar .nv-bar rect {
    fill-opacity: .75;
}
.nvd3.nv-linePlusBar .nv-bar rect:hover {
    fill-opacity: 1;
}
.nvd3 .nv-groups path.nv-line {
    fill: none;
}
.nvd3 .nv-groups path.nv-area {
    stroke: none;
}
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    fill-opacity: 0;
    stroke-opacity: 0;
}
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
    fill-opacity: .5 !important;
    stroke-opacity: .5 !important;
}
.with-transitions .nvd3 .nv-groups .nv-point {
    transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;

}
.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
    stroke-width: 7px;
    fill-opacity: .95 !important;
    stroke-opacity: .95 !important;
}
.nvd3 .nv-point-paths path {
    stroke: #aaa;
    stroke-opacity: 0;
    fill: #eee;
    fill-opacity: 0;
}
.nvd3 .nv-indexLine {
    cursor: ew-resize;
}
/********************
 * SVG CSS
 */
/********************
  Default CSS for an svg element nvd3 used
*/
svg.nvd3-svg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
    width:100%;
    height:100%;
}
/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border-radius: 5px;
}
.nvd3 text {
    font: normal 12px Arial;
}
.nvd3 .title {
    font: bold 14px Arial;
}
.nvd3 .nv-background {
    fill: white;
    fill-opacity: 0;
}
.nvd3.nv-noData {
    font-size: 18px;
    font-weight: bold;
}
/**********
*  Brush
*/
.nv-brush .extent {
    fill-opacity: .125;
    shape-rendering: crispEdges;
}
.nv-brush .resize path {
    fill: #eee;
    stroke: #666;
}
/**********
*  Legend
*/
.nvd3 .nv-legend .nv-series {
    cursor: pointer;
}
.nvd3 .nv-legend .nv-disabled circle {
    fill-opacity: 0;
}
/* focus */
.nvd3 .nv-brush .extent {
    fill-opacity: 0 !important;
}
.nvd3 .nv-brushBackground rect {
    stroke: #000;
    stroke-width: .4;
    fill: #fff;
    fill-opacity: .7;
}
/**********
*  Print
*/
@media print {
  .nvd3 text {
    stroke-width: 0;
    fill-opacity: 1;
  }
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
    stroke-width: 1px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
    stroke-width: 2px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
    stroke: #2ca02c;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
    stroke: #d62728;
}
.nvd3 .background path {
    fill: none;
    stroke: #EEE;
    stroke-opacity: .4;
    shape-rendering: crispEdges;
}
.nvd3 .foreground path {
    fill: none;
    stroke-opacity: .7;
}
.nvd3 .nv-parallelCoordinates-brush .extent
{
    fill: #fff;
    fill-opacity: .6;
    stroke: gray;
    shape-rendering: crispEdges;
}
.nvd3 .nv-parallelCoordinates .hover  {
    fill-opacity: 1;
	stroke-width: 3px;
}
.nvd3 .missingValuesline line {
  fill: none;
  stroke: black;
  stroke-width: 1;
  stroke-opacity: 1;
  stroke-dasharray: 5, 5;
}
.nvd3.nv-pie path {
    stroke-opacity: 0;
    transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;

}
.nvd3.nv-pie .nv-pie-title {
    font-size: 24px;
    fill: rgba(19, 196, 249, 0.59);
}
.nvd3.nv-pie .nv-slice text {
    stroke: #000;
    stroke-width: 0;
}
.nvd3.nv-pie path {
    stroke: #fff;
    stroke-width: 1px;
    stroke-opacity: 1;
}
.nvd3.nv-pie path {
    fill-opacity: .7;
}
.nvd3.nv-pie .hover path {
    fill-opacity: 1;
}
.nvd3.nv-pie .nv-label {
    pointer-events: none;
}
.nvd3.nv-pie .nv-label rect {
    fill-opacity: 0;
    stroke-opacity: 0;
}
/* scatter */
.nvd3 .nv-groups .nv-point.hover {
    stroke-width: 20px;
    stroke-opacity: .5;
}
.nvd3 .nv-scatter .nv-point.hover {
    fill-opacity: 1;
}
.nv-noninteractive {
    pointer-events: none;
}
.nv-distx, .nv-disty {
    pointer-events: none;
}
/* sparkline */
.nvd3.nv-sparkline path {
    fill: none;
}
.nvd3.nv-sparklineplus g.nv-hoverValue {
    pointer-events: none;
}
.nvd3.nv-sparklineplus .nv-hoverValue line {
    stroke: #333;
    stroke-width: 1.5px;
}
.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
    pointer-events: all;
}
.nvd3 .nv-hoverArea {
    fill-opacity: 0;
    stroke-opacity: 0;
}
.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
    stroke-width: 0;
    font-size: .9em;
    font-weight: normal;
}
.nvd3.nv-sparklineplus .nv-yValue {
    stroke: #f66;
}
.nvd3.nv-sparklineplus .nv-maxValue {
    stroke: #2ca02c;
    fill: #2ca02c;
}
.nvd3.nv-sparklineplus .nv-minValue {
    stroke: #d62728;
    fill: #d62728;
}
.nvd3.nv-sparklineplus .nv-currentValue {
    font-weight: bold;
    font-size: 1.1em;
}
/* stacked area */
.nvd3.nv-stackedarea path.nv-area {
    fill-opacity: .7;
    stroke-opacity: 0;
    transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-stackedarea path.nv-area.hover {
    fill-opacity: .9;
}
.nvd3.nv-stackedarea .nv-groups .nv-point {
    stroke-opacity: 0;
    fill-opacity: 0;
}
.nvtooltip {
    position: absolute;
    background-color: rgba(255,255,255,1.0);
    color: rgba(0,0,0,1.0);
    padding: 1px;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 10000;
    display: block;

    font-family: Arial;
    font-size: 13px;
    text-align: left;
    pointer-events: none;

    white-space: nowrap;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nvtooltip {
    background: rgba(255,255,255, 0.8);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 4px;
}
/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
    transition: opacity 50ms linear;
    -moz-transition: opacity 50ms linear;
    -webkit-transition: opacity 50ms linear;

    transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}
.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
    padding: 8px;
}
.nvtooltip h3 {
    margin: 0;
    padding: 4px 14px;
    line-height: 18px;
    font-weight: normal;
    background-color: rgba(247,247,247,0.75);
    color: rgba(0,0,0,1.0);
    text-align: center;

    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.nvtooltip p {
    margin: 0;
    padding: 5px 14px;
    text-align: center;
}
.nvtooltip span {
    display: inline-block;
    margin: 2px 0;
}
.nvtooltip table {
    margin: 6px;
    border-spacing:0;
}
.nvtooltip table td {
    padding: 2px 9px 2px 0;
    vertical-align: middle;
}
.nvtooltip table td.key {
    font-weight: normal;
}
.nvtooltip table td.key.total {
    font-weight: bold;
}
.nvtooltip table td.value {
    text-align: right;
    font-weight: bold;
}
.nvtooltip table td.percent {
    color: darkgray;
}
.nvtooltip table tr.highlight td {
    padding: 1px 9px 1px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
}
.nvtooltip table td.legend-color-guide div {
    width: 8px;
    height: 8px;
    vertical-align: middle;
}
.nvtooltip table td.legend-color-guide div {
    width: 12px;
    height: 12px;
    border: 1px solid #999;
}
.nvtooltip .footer {
    padding: 3px;
    text-align: center;
}
.nvtooltip-pending-removal {
    pointer-events: none;
    display: none;
}
/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
    pointer-events:none;
}
.nvd3 line.nv-guideline {
    stroke: #ccc;
}
.celeste-dark{
    color: #175073;
}
.react-date-picker__wrapper {
    font-family: 'Dosis', sans-serif !important;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.1em solid  #aacfda;
    border-radius: 1em;
    -webkit-box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
            box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    height: calc(2.25rem + 4px);
}
.is-invalid .react-date-picker__wrapper {
    border: 0.1em solid  #9e0b0f;
}
.react-date-picker__wrapper input{
    -webkit-box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0) !important;
            box-shadow:inset 0 3px 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
}
.react-date-picker
{
    width: 100%;
}
.react-calendar__year-view .react-calendar__tile, .react-calendar__decade-view .react-calendar__tile, .react-calendar__century-view .react-calendar__tile {
    padding: 1em 0.5em;
}
.react-calendar{
    font-size: 13px;
    font-family: 'Dosis', sans-serif !important;
}
.react-calendar__tile--active {
    background: #0075d1;
    color: white;
}
.react-date-picker__calendar {
    max-width: 80vw;
    position: absolute;
}
.react-date-picker__inputGroup__input{
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    font-weight: 500;
}
.react-date-picker__button:enabled:hover svg g, .react-date-picker__button:enabled:focus svg g {
    stroke: #0075d1;
}
.react-date-picker__button svg g, .react-date-picker__button svg g {
    stroke: #717981;
}
.react-calendar__tile--active:enabled:hover, .react-calendar__tile--active:enabled:focus {
    background: #0075d1;
}
.celeste-dark{
    color: #175073;
}
.card-ingreso{
    border: 1px solid #aacfda;
    -webkit-box-shadow: 2px 6px 20px -2px rgba(199,199,199,1);
    box-shadow: 2px 6px 20px -2px rgba(199,199,199,1);
}
.card-ingreso .header-azul{
    height: 15px;
    background: rgba(32,112,158,1) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(32,112,158,1)), color-stop(100%, rgba(170,207,218,1))) !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(32,112,158,1)), to(rgba(170,207,218,1)))  !important;
    background: linear-gradient(to right, rgba(32,112,158,1) 0%, rgba(170,207,218,1) 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20709e', endColorstr='#aacfda', GradientType=1 ) !important;
}
.card-ingreso .header-verde{
    height: 15px;
    background: rgba(169,186,58,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(169,186,58,1)), color-stop(100%, rgba(170,207,218,1)));
    background: -webkit-gradient(linear, left top, right top, from(rgba(169,186,58,1)), to(rgba(170,207,218,1)));
    background: linear-gradient(to right, rgba(169,186,58,1) 0%, rgba(170,207,218,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9ba3a', endColorstr='#aacfda', GradientType=1 );
}
@page {
    size: portrait;
    margin: 0 0 0 0;
}
.print-only {
    display: none !important;
}
@media print {
    .sidebar,
    .topnavbar,
    .offsidebar,
    .nav-justified, .nav-tabs.nav-justified,
    .toolbar,
    .react-tabs__tab-list,
    .rc-tabs-bar,
    footer,
    .btn {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .react-tabs__tab-panel--selected{
        border: none !important;
    }
    .react-tabs__tab-panel--selected{
        margin: 0 !important;
        padding: 0 !important;
    }
    .content-wrapper {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
    }
    .form-group{
        display: none !important;
    }
    .react-bs-table-container{
        display: none !important;
    }
    .fondo-inverso-navbar{
        display: none !important;
    }
    .no-print {
        display: none !important;
    }
    .print-only {
        display: block !important;
    }
    .print {
        display: block !important;
    }
    .contrato-container{
        padding: 0;
    }
    .no-print-margin{
        margin: 0 !important;
    }
    .no-print-padding{
        padding: 0 !important;
    }
    .react-bs-table-container .table-bordered{
        min-width: 2cm !important;
        max-width: 20cm !important;
    }
    .print-scale{
        width: 21.6cm;
        padding: .2cm;
        font-size: 14px;
    }
    .rc-tabs-tabpane{
      border: none !important;
    }
    .contrato{
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
    }
    body{
      background-color: white !important;
    }

    .print-big-text{
        font-size: 16px !important;
    }
    .print-medium-text{
        font-size: 11pt !important;
    }

    .print-small-text{
        font-size: 9.5pt !important;
    }

    .contenedor-detalle {
        width: 21.2cm;
        position: relative;
        min-height: 27.5cm;
        overflow: hidden;
        padding-left: 0.3cm !important;
        margin-bottom:0cm;
    }

    .print-margin-top-1{
        margin-top:1cm;
    }

    .print-padding-bottom-3{
        padding-bottom:3cm;
    }
    .tabla-impresion{
     max-width: 20cm;
    }

    .tabla-impresion td{
        padding: 3pt 5px 2pt 3px !important;
    }

    .vista-recibo{
        padding: 6mm !important;
        width: 100mm !important;
    }
}
.page-break {
  page-break-before: always !important;
}
.dont-break{
    page-break-inside: avoid;
}
.print-shadow {
    font-family: sans-serif;
    background-color: white;
    position: relative;
    -webkit-print-color-adjust: exact;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mb05 {
    margin-bottom: 0.5em;
}
.fnt-12 {
    font-size: 16px !important;
}
.fnt-14 {
    font-size: 20px !important;
}
.fnt-11 {
    font-size: 16px !important;
}
/* @import "impresion.css"; */

br {
    border-top: 3px solid #3f87a6;
    content: '';
    display: block;
    width: 100%;
    margin: 5px 0 15px 0;
}

.container {
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    margin-left: 60px;
    margin-right: 60px;
}

@media only screen and (max-width: 768px) {
    .container {
        margin-left: 0;
        margin-right: 0;
    }
}

/* .content-wrapper {
  position: absolute;
  top: 76px;
  width: 100%;
} */



h1,
h2,
h3 {
    font-family: 'Dosis', sans-serif;
    text-align: center;
}
.pt-15{
    padding-top: 21px !important;
}
.pt-18{
    padding-top: 18px !important;
}
.mt-15{
    margin-top: -17px;
}
.mt-40{
    margin-top: -43px !important;
}
/*Style preloader*/
.loader-container {
    min-height: 140px;
}

.loader {
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #3498db;
    width: 60px;
    height: 60px;
    left: 50%;
    background-color: #e0e0e0;
    position: absolute;
    margin: 1rem 1rem 1rem -30px;
    padding: 1rem;
    -webkit-animation: spin 1.5s linear infinite;
    /* Safari */
    animation: spin 1.5s linear infinite;
}

.small-loader {
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #3498db;
    width: 30px;
    height: 30px;
    background-color: #e0e0e0;
    position: absolute;
    padding: 1rem;
    -webkit-animation: spin 1.5s linear infinite;
    /* Safari */
    animation: spin 1.5s linear infinite;
    margin: 1rem 1rem 1rem -30px;
    left: 40%;
}

/**/
.border-naranja {
    border-radius: 1em;
    border: 1px solid #0075d1;
}

.border-naranja-movil {
    border-radius: 0;
    border: 0;
}

/*Aplicar los estilos en movil*/
@media only screen and (max-width: 576px) {
    .border-naranja-movil {
        border-radius: 1em;
        border: 1px solid #0075d1;
    }
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@media only screen and (min-width: 801px) {
    .sidebar-toggle {
        display: none !important;
    }

    .bm-burger-button {
        display: none !important;
    }
}

@media only screen and (max-width: 800px) {
    .container {
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar {
        display: none !important;
    }

    .content-wrapper {
        left: 0 !important;
        width: 100%;
        padding: 5px 0 0;
    }
    .h85{
        height: auto !important;
        padding-bottom: 10px !important;
    }
}

.fixed-size-square-ganancias {
    display: table;
    width: 20px;
    height: 20px;
    background: #0075d1;
}

.fixed-size-square-costos {
    display: table;
    width: 20px;
    height: 20px;
    background: #e24647;
}

.horizontal-scroll {
    max-width: 100%;
    overflow-x: auto;
}

.over-h {
    overflow: hidden;
}

.num-alert {
    height: 25px;
    width: 25px;
    font-weight: bold;
    background-color: #9e0b0f;
    border-radius: 50%;
    color: white;
    text-decoration: none !important;
    z-index: 10;
    position: absolute;
    bottom: -8px;
    right: 0;
    -webkit-box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
}

.btn .bubble-alert-danger {
    padding-left: 4px;
    height: 15px;
    width: 15px;
    padding-right: 4px;
    background-color: #9e0b0f;
    border-radius: 50%;
    color: white;
    text-decoration: none !important;
    z-index: 10;
    position: absolute;
    top: -8px;
    right: 10px;
    -webkit-box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
}

.bubble-alert-danger {
    padding-left: 4px;
    height: 15px;
    width: 15px;
    padding-right: 4px;
    background-color: #9e0b0f;
    border-radius: 50%;
    color: white;
    text-decoration: none !important;
    z-index: 10;
    position: absolute;
    top: -8px;
    right: 10px;
    -webkit-box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
}

.bubble-alert-success {
    padding-left: 4px;
    padding-right: 4px;
    background-color: #88A530;
    border-radius: 50%;
    color: white;
    height: 15px;
    width: 15px;
    text-decoration: none !important;
    z-index: 10;
    position: absolute;
    top: -8px;
    right: 10px;
    -webkit-box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.75);
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

@-webkit-keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.btn-tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
@media only screen and (max-width: 768px) {
    .btn-tablet {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}



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