/*@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');*/
/*font-family: 'Dancing Script', cursive;*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";


/*#eac8d3    Rosa  si
#07766d    Verde
#fadd66    Amarillo  si
#d76e52    Naranja
#8c8084    Gris Oscuro  si
#f3f5f8    Gris Claro
#353535    Negro
#ffffff    Blanco*/

:root{
--verde:#07766D;
--verdee:#0F8E84;
--rosa:#eac8d3;
--gris:#ACB2C3;
--gris-leve:#f9f9f9;
--gris-suave:#F3F5F8;
--negro:#353535;
--negroeleg:#37474F;
}
/* card #5e939e
 labell #12a6ca*/
.rosa{background-color:#eac8d3 }
.verde{background-color:#07766D }
.gris-leve{background-color:#f9f9f9 }
.gris-suave{background-color:#F3F5F8 }
.gris{background-color:#6C757D }
.negro{background-color:#353535 }
.negroeleg{background-color:#37474F }

.text-rosa{color:#eac8d3 }
.text-verde{color:#07766D }
.text-gris{color:#6C757D }
.text-gris-leve{color:#f9f9f9 }
.text-gris-suave{color:#F3F5F8 }
.text-negroeleg{color:#37474F }
.text-intranet{color:#398468}


body ,html{
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
    /*height: 100vh;*/
    position: relative;
}
a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 5px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    /*margin-bottom: 10px;*/
    /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
}
.bg-light-qd{
    /*background: var(--gris);*/
    background: linear-gradient(to right, #5dbf9b 20%, #79acd2 60%, #5281a5 80%);
    border-radius: 5px;
}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #fff;
}
.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #fff;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
ol.breadcrumb{
  margin-top:10px;
  padding: 0.40rem 1rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) ;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
  background-image: -webkit-linear-gradient(bottom, #cfd9df 0%, #e2ebf0 100%);
  background-image: -o-linear-gradient(bottom, #cfd9df 0%, #e2ebf0 100%);
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- position: relative;*/
.wrapper{height: 100vh;}
#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    /*background: linear-gradient(rgba(172, 178, 195, 0.5), rgba(55, 71, 79, 0.5)), url('../img/iconos.png');*/
    /*background: linear-gradient(to right, rgba(52, 156, 117, 0.71), rgba(25, 90, 154, 0.7490196078431373)), url(../img/iconos.png);*/
    background: linear-gradient(to right,rgba(25, 90, 154, 0.7490196078431373), rgba(52, 156, 117, 0.71)), url(../img/iconos.png);
    background-position: center center;
    background-size: contain;

    /*background-color: rgba(55, 71, 79,0.5);*/
     background-color: rgba(144, 152, 176,0.8);
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background:transparent;
    border: 1px solid #fff;
    color:#fff;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1030;
    cursor: pointer;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
     box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12); 
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}

#dismiss:hover {
   background-image: linear-gradient(to right, rgba(93,191,155,0.7) 20%, rgba(121,172,210,0.7) 60%, rgba(82,129,165,0.7) 80%);
    color:#fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.35);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
     padding: 20px 20px 0 20px; 
    text-align: center;
}
#sidebar .sidebar-header img{
   webkit-filter: invert(1); 
   filter: invert(1);
}

#sidebar ul.components {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}
#sidebar ul.components p.texto_bienvenido{
  text-align: center;
    color: #fff;
    padding: 0 10px;
}
.hoverable_btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.55s ease-in-out;
  -o-transition: all 0.55s ease-in-out;
  transition: all 0.55s ease-in-out; }
  .hoverable_btn:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(55, 71, 79, 0.2), 0 6px 20px 0 rgba(55, 71, 79, 0.19);
    box-shadow: 0 8px 17px 0 rgba(55, 71, 79, 0.2), 0 6px 20px 0 rgba(55, 71, 79, 0.19);
    -webkit-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;
    border-radius: 5px;
     }

#sidebar ul li ul{
  background-color: rgba(55, 71, 79,0.3);
}
#sidebar ul li ul a:hover{
    color: #fff;
    background-color:rgba(196, 196, 196,0.5)
    box-shadow: 0 2px 5px 0.015px rgba(55, 71, 64, 0.16), 0 2px 10px 0.015px rgba(55, 71, 64, .25) !important; 
   -webkit-box-shadow: 0 2px 5px 0.015px rgba(55, 71, 64, 0.16), 0 2px 10px 0.015px rgba(55, 71, 64, .25) !important; 
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1em;
    display: block;
    background-size: 200% auto;
    border-radius:5px;
}

#sidebar ul li a:hover {
    color: #fff;
   background-image: linear-gradient(to right, rgba(93,191,155,0.7) 20%, rgba(121,172,210,0.7) 60%, rgba(82,129,165,0.7) 80%);
    background-position: right center; 
  transition: 0.4s;
    box-shadow: 0 2px 5px 0.015px rgba(55, 71, 64, 0.16), 0 2px 10px 0.015px rgba(55, 71, 64, .25) !important; 
   -webkit-box-shadow: 0 2px 5px 0.015px rgba(55, 71, 64, 0.16), 0 2px 10px 0.015px rgba(55, 71, 64, .25) !important; 
}



#sidebar ul li a i{
  color:#fff;
  font-size:15px;
}
#sidebar ul li a.active {
  background-image: linear-gradient(to right, rgba(93,191,155,0.7) 20%, rgba(121,172,210,0.7) 60%, rgba(82,129,165,0.7) 80%);
  transition: 0.4s;
    box-shadow: 0 2px 5px 0.015px rgba(55, 71, 64, 0.16), 0 2px 10px 0.015px rgba(55, 71, 64, .25) !important; 
   -webkit-box-shadow: 0 2px 5px 0.015px rgba(55, 71, 64, 0.16), 0 2px 10px 0.015px rgba(55, 71, 64, .25) !important; 
}



#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    /*background-color:rgba(55, 71, 79,0.5);*/
   background-image: linear-gradient(to right, rgba(93,191,155,0.7) 20%, rgba(121,172,210,0.7) 60%, rgba(82,129,165,0.7) 80%);
   
}

a[data-toggle="collapse"] {
    position: relative;

}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.dropdown-toggle::after {
  /*position: absolute;*/
/*  top: 0px;
  right: 0px;*/
/*  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);*/
  /*content: '\f105';*/
 /*color:var(--negroeleg);*/
  font-family: "Font Awesome 5 Free";
 font-size:20px;
 font-weight: bold;
}


#sidebar .components .navbar-sidenav .nav-link-collapse.collapsed:after {
  content: '\f105';
 color:rgba(255,255,255, 0.8);
}
#sidebar .components .navbar-sidenav .nav-link-collapse:after {
 content: "\f107";
 color:#fff;
 
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    /*background:var(--gray-suave) */
}
ul ul ul a {
    font-size: 0.9em !important;
    padding-left: 45px !important;
    /*background:red;*/
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 10px;
    /*min-height:100vh;*/
    /*height: 100vh;*/
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    /*background-color: blue;*/
}

/*enchiladas verdes de pollo sin crema pero con queso*/

/*-------------------------------- Estilos del carousel del login --------------------------------*/
.carousel-indicators {
    padding: 22px 20px;
    margin: 0;
}
.carousel-indicators div{background-color:transparent!important;}
.carousel-indicators div.active{
    transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  border-radius: 5px;

}
.carousel-indicators div{
    transition: all 500ms;
  -webkit-transition: all 500ms ;
  -moz-transition: all 500ms ;
  -ms-transition: all 500ms ;
  -o-transition: all 500ms ;
  border-radius: 5px;
}
.carousel-indicators div.active img{
  filter:grayscale(0%);
  border-radius: 5px;
}
.carousel-indicators div img{
  filter:grayscale(100%);
  border-radius: 5px;
}
.carousel-control-prev, .carousel-control-next {
    height: 76%;
}
/*-------------------------------- fin de los Estilos del carousel del login --------------------------------*/

/*------------------------------------ Modal effect 6  modal_salir  popover------------------------------------*/
.popover {
  font-size: 0.875rem;
  border-radius: 0.5rem;
    background: linear-gradient(to right,rgba(52, 156, 117, 0.71), rgba(25, 90, 154, 0.7490196078431373)), url(../img/iconos.png);

  /*background-repeat: no-repeat;*/
  background-position: center center;
  background-size: contain;
  background-color: rgb(144, 152, 176);
   /*-webkit-background-color: rgba(144, 152, 176,0.9);*/
  color: #fff;
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
}

.modal.fade .modal-dialog.modal-dialog-zoom {
  -webkit-transform: translate(0,0)scale(.5);
  transform: translate(0,0)scale(.5);
/*  
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);*/
}
.modal.show .modal-dialog.modal-dialog-zoom {
  -webkit-transform: translate(0,0)scale(1);
  transform: translate(0,0)scale(1);
}
.modal-backdrop.show {
  opacity: 0.4;
}
/*.modal{
      -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
*/
.modal-content.login {
    /*background-image: linear-gradient(rgba(12, 38, 97, 0.77), rgba(255, 255, 255, 0.58)), url("../img/MOTIVO-MEDICO-HOMECARE.png");*/
  /*background-image: linear-gradient(rgba(12, 38, 97, 0.77), rgba(255, 255, 255, 0.58)), url("../img/iconos.png");*/
    
  background: linear-gradient(to right,rgba(52, 156, 117, 0.71), rgba(25, 90, 154, 0.7490196078431373)), url(../img/iconos.png);

  /*background-repeat: no-repeat;*/
  background-position: center center;
  background-size: contain;
  background-color: rgba(144, 152, 176,0.8);
   /*-webkit-background-color: rgba(144, 152, 176,0.9);*/
  color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
}

.modal-dialog .modal-content {
    -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
    box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
    border: 0;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.modal-footer {
    border-top: none;
}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: none;
}
.modal-header .modal-title {
    margin-left: auto;
}
.close {
    float: right;
    font-size: 1.5rem;
     font-weight: 300; 
    line-height: 1;
    color:var(--negroeleg);
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.cerrar {
    color:#fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

button.cerrar:hover {
    color:#fff;
    text-shadow: 0 2px 1px #fff;
    opacity: 0.5;
}

button.cancelar_btn{
  background-color: var(--gris);
     -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
    box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
}


.salir_btn{
  background-image: linear-gradient(to right, #43cea2 0%, #185a9d 51%, #43cea2 100%);
     background-size: 200% auto;
      transition: 0.4s;
      -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      border-radius: 5px;
}
.salir_btn:hover{
  background-position: right center;
  color: #fff;
}


.login_btn{
  background-image: linear-gradient(to right, #00d2ff 0%, #928DAB 51%, #00d2ff 100%);
  background-size: 200% auto;
  transition: 0.4s;
 -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
  box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
  border-radius: 5px;
}
.login_btn:hover{
  background-position: right center; 
  -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
  box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
}

  .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
   background: linear-gradient(to right, #5dbf9b 20%, #79acd2 60%, #5281a5 80%);
  }



button.entrar{
  /*background-image: linear-gradient(to right,rgba(25, 90, 154, 0.7490196078431373), rgba(52, 156, 117, 0.71));*/
  background-image: linear-gradient(to right, #00d2ff 0%, #928DAB 51%, #00d2ff 100%);
     background-size: 200% auto;
      transition: 0.4s;
      -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      border-radius: 5px;
}
button.entrar:hover{background-position: right center;}


.border-bottom-login{
  border-bottom: 1px solid #fff!important;
}
button.btn_menu{
    /*background:var(--negroeleg);*/
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 0.5rem 1.6rem;
    font-size: 0.64rem;
}

button.btn_menu_reponsive{
    /*background:var(--negroeleg);*/
    background: transparent;
    border:1px solid #fff;
    border-radius: 5px;
    padding: 0.5rem 1.6rem;
    font-size: 0.64rem;  
}
.btn_formulario {
  background-image: -webkit-linear-gradient(left, #43cea2 0%, #185a9d 51%, #43cea2 100%);
  background-image: -o-linear-gradient(left, #43cea2 0%, #185a9d 51%, #43cea2 100%);
  background-image: linear-gradient(to right, #43cea2 0%, #185a9d 51%, #43cea2 100%);
     background-size: 200% auto;
      transition: 0.4s;
      -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      border-radius: 5px;
}
.btn_formulario:hover {
      background-position: right center;
}
/**-----------------------------------------Fin de los diseños del modal-------------------------------------- */

/* ------------------------------------ Estilos del carousel del index owl carosusel -------------------------- */
.menuslider{margin: 15px 50px 10px 50px;}
.custom1{padding: 0 15px}
.owl-carousel .owl-item img{border-radius: 5px;}
.owl-carousel  .owl-stage-outer{
    border-radius: 5px;
    /*background: linear-gradient(rgba(172, 178, 195, 0.5), rgba(55, 71, 79, 0.5)), url('img/iconos.png');*/
    /*background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), url("img/iconos.png");*/
    background-image: linear-gradient(rgba(12, 38, 97, 0.77), rgba(255, 255, 255, 0.58)), url("../img/iconos.png");
    /*background-repeat: no-repeat;*/
    background-position: center center;
    background-size: contain;
    background-color: rgba(55, 71, 79,0.5);
     /*background-color: rgba(144, 152, 176,0.9);*/
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
     -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
}
.z-depth-menu {
  border-radius: 5px;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}
.z-depth-menu img{border-radius: 5px}
/**-----------------------------------------Fin de los diseños del carousel del index owl carosusel ---------- */


/* ---------------------------------- estilos de los input de los formularios ----------------------------------*/
.card-header{
  text-align: center;
  border: none;
  background-color: #5dbf9b;
  color:#fff;
}


.form-control {
    color: #37755e;
    border: 1px solid #ced4da;
}
.form-control:focus {
  color: #495057;
  border-color: #45a07e;
}
.md-form input[type=text]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]),
.md-form input[type=email]:focus:not([readonly]),
.md-form input[type=url]:focus:not([readonly]),
.md-form input[type=time]:focus:not([readonly]),
.md-form input[type=date]:focus:not([readonly]),
.md-form input[type=datetime-local]:focus:not([readonly]),
.md-form input[type=tel]:focus:not([readonly]),
.md-form input[type=number]:focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form input[type=search]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
  -webkit-box-shadow: 0 1px 0 0 #5dbf9b;
  box-shadow: 0 1px 0 0 #5dbf9b;
  border-bottom: 1px solid #5dbf9b;
}
.selectp select{
    cursor: pointer;
    background-color: transparent;
    border:none;
    border-bottom: 1px solid #45a07e;;
    border-radius:0%;
}
.selectp select:hover{
    cursor: pointer;
    background-color:transparent;
}
   .selectp select:focus {
        -webkit-box-shadow: 0 0 3px 1px transparent;
        -moz-box-shadow: 0 0 3px 1px transparent;
        box-shadow: 0 0 3px 1px transparent;
    }

  .md-form input[type=text],
  .md-form input[type=password],
  .md-form input[type=email],
  .md-form input[type=url],
  .md-form input[type=time],
  .md-form input[type=date],
  .md-form input[type=datetime-local],
  .md-form input[type=tel],
  .md-form input[type=number],
  .md-form input[type=search-md],
  .md-form input[type=search],
  .md-form textarea.md-textarea {
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    /*border-bottom: 1px solid var(--negroeleg);*/
    border-bottom: 1px solid #89c1ac;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent; }
  .md-form label {
    position: absolute;
    top: 0.65rem;
    left: 0;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: text;
    /*color: var(--negroeleg);*/
     }

/* ------------------------------Estilos para las tablas y boton de subir archivo ------------------------------*/
.file-path-wrapper .file-path  {
 box-sizing: border-box;
   max-width:100%;
  }
.form-group div.btn_archivo{background-color:#5dbf9b}
    .boton-file  input {
      cursor: pointer;
      height: 100%;
      right: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      z-index: 4;
}
  .pagination.pg-blue-smo .page-item.active .page-link {
  background-color:rgb(93, 191, 155); color:#fff }
  .pagination.pg-blue-smo .page-item.active .page-link:hover {
    background-color:rgb(93, 191, 155);color:#fff }
table.table-hover tbody tr:hover{
/*  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;*/
/*
  background-image: linear-gradient(to right, #43cea2 0%, #185a9d 51%, #43cea2 100%);*/
   background: -webkit-linear-gradient(left, #5dbf9b 20%, #79acd2 50%, #5281a5 70%);
   background: -o-linear-gradient(left, #5dbf9b 20%, #79acd2 50%, #5281a5 70%);
   background: linear-gradient(to right, #5dbf9b 20%, #79acd2 50%, #5281a5 70%);

  background-position: center right;
  background-size: 200% auto;
  transition: 0.4s;
  color:#fff!important;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
table.table-hover tbody tr i{color:#5281a5}
table.table-hover tbody tr:hover i{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color:#fff!important;
}
table.table thead tr {
background-color:#5281a5;
color: #fff;
}
/*table.table a {}*/
/*.btn_formulario {
  background-image: linear-gradient(to right, #43cea2 0%, #185a9d 51%, #43cea2 100%);
     background-size: 200% auto;
      transition: 0.4s;
      -webkit-box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      box-shadow: 0 5px 11px 0 rgba(55, 71, 79, 0.18), 0 4px 15px 0 rgba(55, 71, 79, 0.15);
      border-radius: 5px;
}
.btn_formulario:hover {
      background-position: right center;
}*/

.tooltip-inner {background-color: #5dbf9b;}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #5dbf9b;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #5dbf9b;
}

/* ------------------------------ finde los estilos para las tablas y boton de subir archivo ------------------------------*/

/* .------------------------------ESTILO DEL FOOTER .------------------------------*/
/*footer{position: absolute;bottom:0;width: 100%}*/
/* .------------------------------ESTILO DEL FOOTER .------------------------------*/

/*================Estilos del fomularios fieldset================*/
#msform {
  text-align: center;
  position: relative;
}
#msform fieldset {
    width: 100%;
    padding:10px;
  background: white;
  border: 0 none;
  border-radius: 3px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  box-sizing: border-box;
  position: relative;
}
#msform fieldset:not(:first-of-type) {
  display: none;
}
/*================ fin de los Estilos del fomularios fieldset================*/

/*
#msform input, #msform textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 13px;
}*/

/*==========================Estilos de los botones previus y next==========================0*/
#msform .action-button {
  width: 100px;
  background: var(--negroeleg);
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
}
#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px var(--negroeleg);
}

/*==========================0Estilos de los botones previus y next==========================0*/

/*======================Titulos de las secciones de una en una======================*/
.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 10px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}
/*======================Fin de los Titulos de las secciones de una en una======================*/


/*====================Barra progresiva de los formularios====================*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: var(--negroeleg);
  text-transform: uppercase;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative;
}
/*numero en el li faltante*/
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #000;
  background: var(--gris);
  border-radius: 3px;
  margin: 0 auto 5px auto;
}
/*linea despues del numero*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background:var(--gris);
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1;
}
#progressbar li:first-child:after {
  content: none; 
}
#progressbar li.active:before,  #progressbar li.active:after{
  background: var(--negroeleg);
  color: #fff;
}
/*------------------fin de la barra progresiva---------------------


/* ----------------------------------------------------------------------
  Material Design Checkbox - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-checkbox .input-checkbox {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align:-0.6rem;
  cursor: pointer;
margin:0;
}
.rkmd-checkbox .input-checkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
  left: 9px;
  bottom: 8px;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  opacity:0;
}
.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox {
  cursor: pointer;
}
.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox:before {
  content: "";
  position: absolute;
  left: 7px;
  bottom: 7px;
  width: 16px;
  height: 16px;
  border: 2px solid #5dbf9b;
  border-radius: 3px;
  transition: all 0.2s ease;
  z-index: 1;
}
.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
  left: 11px;
  width: 11px;
  height: 18px;
  border-width:0.15rem;
  border-style: solid;
  border-top: transparent;
  border-left: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 1px;
  margin:0;
}
.rkmd-checkbox.checkbox-rotate .checkbox-lightBlue input[type="checkbox"]:checked + .checkbox:before {
  border-color:#5281a5;
}
.rkmd-checkbox.checkbox-ripple .ripple {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.rkmd-checkbox.checkbox-ripple .ripple.animated {
  display: block;
  -webkit-animation-name: checkbox-ripple;
          animation-name: checkbox-ripple;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes checkbox-ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes checkbox-ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
.rkmd-checkbox .checkbox-lightBlue .ripple {
  background-color: #5dbf9b !important;
}
.titulo_modulo{
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius:5px;
  /*background-color:rgb(255,255,255);*/
  text-align: center;
  color:#fff;
  background: linear-gradient(to right, #5dbf9b 20%, #79acd2 50%, #5281a5 70%);
  background-position: center right;
  background-size: 200% auto;
  transition: 0.4s;
}

/* ----------------------------------Modulo RH ----------------------------------*/
    .btn-floating{
      border-radius:50%;
      width:3rem;
      height:3rem;
      -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
      margin: auto;
      }
      .list-inline-item {display: inline-grid!important;margin: inherit;}

/*ul.list-unstyled.list-inline.text-center.botones_depto{margin-bottom: 50px}*/
      ul li.compras, ul li.almacen, ul li.ventas, ul li.licitaciones, ul li.direccion, ul li.finanzas, ul li.administracion, ul li.rh, ul li.juridico, ul li.dmkt, ul li.it{position: relative;}
      
      ul li.compras:before, ul li.almacen:before, ul li.ventas:before, ul li.licitaciones:before, ul li.direccion:before, ul li.finanzas:before, ul li.administracion:before, ul li.rh:before, ul li.juridico:before li.dmkt:before, ul li.it:before{position: absolute;bottom: -22px; }
         
      ul li.direccion:before{content: "Dirección";left: -15px;}
      ul li.compras:before{content: "Compras";left: -15px;}
      ul li.almacen:before{content: "Almacen";left: -10px;}
      ul li.ventas:before{content: "Ventas";left: -3px;}
      ul li.licitaciones:before{content: "Licitaciones";left: -10px;}
      ul li.finanzas:before{content: "Finanzas";left: -5px;}
      ul li.administracion:before{content: " Administración";left: -5px;}
      ul li.rh:before{content: "RH";left: -15px;}
      ul li.juridico:before{content: "Juridico";left: -5px;}
      ul li.dmkt:before{content: "Diseño & Marketing";left: -15px;}
      ul li.it:before{content: "TI";left: -5px;}

      .btn-fb{ background-color: #5281A5;}
      .btn-tw{ background-image: linear-gradient(to right, #00d2ff 0%, #928DAB 0%, #00d2ff 100%)}
      .btn-wsp{ background-color: #5dbf9b;}
      .btn-lici{ background-color: #79acd2;}
      .btn-ti{background: -webkit-linear-gradient(220deg, #45cafc, #303f9f) !important;
        background: -o-linear-gradient(220deg, #45cafc, #303f9f) !important;
        background: linear-gradient(310deg, #45cafc, #303f9f) !important;}
      .btn-dm{background: -webkit-linear-gradient(320deg, #2096ff, #05ffa3) !important;
        background: -o-linear-gradient(320deg, #2096ff, #05ffa3) !important;
        background: linear-gradient(50deg, #2096ff, #05ffa3) !important;}
      .btn-admin{background: -webkit-linear-gradient(130deg, #FFD86F, #FC6262) !important;
        background: -o-linear-gradient(130deg, #FFD86F, #FC6262) !important;
        background: linear-gradient(220deg, #FFD86F, #FC6262) !important;}
       .btn-jur{background: -webkit-linear-gradient(320deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important;
        background: -o-linear-gradient(320deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important;
        background: linear-gradient(50deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important;}
      .btn-rh{background-image: linear-gradient(to right, #1A2980 0%, #26D0CE 0%, #1A2980 100%)}
      .btn-peli{background-image: linear-gradient(to right, #FF512F 0%, #DD2476 0%, #FF512F 100%)}

      .btn-floating i.fa-wine-bottle{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-shopping-cart{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-truck-moving{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-hand-holding-usd{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-archive{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-money-bill-wave{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-folder-open{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-handshake{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-gavel{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-images{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-angry{color:#fff;font-size:1.5rem;margin-top:0.8rem;}

      .btn-floating i.fa-building{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-hand-holding-usd{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-copy{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
      .btn-floating i.fa-shopping-cart:hover{color:#fff;}
      .btn-floating i.fa-building:hover{color:#fff;}
      .btn-floating i.fa-hand-holding-usd:hover{color:#fff;}
      .btn-floating i.fa-copy:hover{color:#fff;}

      .list-inline-item:not(:last-child) {
          margin-right: 2.8rem;
        }
        @media (max-width: 576px) {
        ul li.compras:before{content: "Compras";left: -15px;}
        ul li.almacen:before{content: "Almacen";left: -8px;}
        ul li.ventas:before{content: "Ventas";left: -2px;}
        ul li.licitaciones:before{content: "Licitacion";left: -10px;}
        .list-inline-item:not(:last-child) { margin-right: 1.5rem; }
      }