.wrapper-menu{
  position:relative;
  height:100%;
}
.metismenu .arrow {
  float: right;
  line-height: 1.42857;
}
.metismenu .glyphicon.arrow:before {
  content: "\e079";
}
.metismenu .active > a > .glyphicon.arrow:before {
  content: "\e114";
}
.metismenu .fa.arrow:before {
  content: "\f104";
}
.metismenu .active > a > .fa.arrow:before {
  content: "\f107";
}
.metismenu .ion.arrow:before {
  content: "\f3d2";
}
.metismenu .active > a > .ion.arrow:before {
  content: "\f3d0";
}
.metismenu .fa.plus-minus:before,
.metismenu .fa.plus-times:before {
  content: "\f067";
}
.metismenu .active > a > .fa.plus-times {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.metismenu .active > a > .fa.plus-minus:before {
  content: "\f068";
}
.metismenu .collapse {
  display:none;
}
.metismenu .collapse.in {
  display:flex;
}
.collapsing {
    position: relative;
    height:auto;
    overflow:hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

/*.metismenu .collapsing {
  position:relative;
  height:0px;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
}*/
.mini-navbar .metismenu .collapse {
  opacity: 0;
}
.mini-navbar .metismenu .collapse.in {
  opacity: 1;
}
.mini-navbar .metismenu .collapse a {
  display: none;
}
.mini-navbar .metismenu .collapse.in a {
  display: block;
}


/* NAVBAR TOP */
.navbar{
  position:fixed;
  top:0px;
  left:0px;
  display:flex;
  width:100%;
  flex-direction:row;
  flex-wrap:nowrap; 
  justify-content:space-between;
  align-items:center;
  background:#181a55/*#031b4d #014580*/;
  margin:0px;
  padding:0px 15px;
  height:55px;
  border-radius:0px;
  z-index:3000;
  box-shadow:0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2)
}
.navbar:before{
  content:'';
  position:absolute;
  top:0px;
  right:0px;
  width:0px;
  height:0px;
  border-style: solid;
  border-width: 0 51px 51px 0;
  border-color: transparent rgb(0,0,0,0.5) transparent transparent;
}
.navbar > div {
  padding:0px;
  margin:0px;
}
.navbar > div:first-child{
  flex-basis:40%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap; 
  justify-content:flex-start;
  align-items:center;
}
.navbar > div:first-child > div:first-child > a{
  color:#FFFFFF;
  padding:5px;
  margin:0px 5px 0px 0px;
  font-size:12px;
  border:none;
  background:transparent;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer;
  border-radius:50%!important;
}
.navbar > div:first-child > div:first-child > a:hover{
  background:#01294D!important;
}
.navbar > div:first-child > div:nth-child(2){
  height:25px;
  margin-right:15px;
  padding-right:15px;
}
@media (max-width: 991px) {
  .navbar > div:first-child > div:nth-child(2){
    border:none;
  }
}
.navbar > div:first-child > div:nth-child(2) > a > img{
  height:25px;
}
.navbar > div:first-child > div:last-child{
  width:100%;
  position:relative;
}
.navbar > div:first-child > div:last-child > input{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  float:none;
  flex-basis:100%;
  height:25px;
  min-height:25px;
  background:transparent;
  font-size:12px;
  color:#FFFFFF;
  padding:0px 15px;
  margin:0px;
  border:1px solid #79fef3;
  border-radius:30px!important;
  vertical-align: middle;
  -webkit-transition: font-size .5s ease;
  -moz-transition: font-size .5s ease;
  -o-transition: font-size .5s ease;
  transition: font-size .5s ease;
}
.navbar::placeholder{
  color:#ced9e7;
}
.navbar > div:first-child > div:last-child > input:hover,
.navbar > div:first-child > div:last-child > input:active,
.navbar > div:first-child > div:last-child > input:focus{
  outline:none;
  font-size:16px;
}
.navbar > div:last-child{
  flex-basis:60%;
  display:flex;
  flex-direction:row;   
  flex-wrap:nowrap; 
  justify-content:flex-end;
  align-items:center;
}
.navbar > div:last-child > ul.nav{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap; 
  justify-content:flex-end;
  align-items:center;
  margin:0px;
  padding:0px;
  list-style:none;   
}
.navbar > div:last-child > ul > li{
  display:flex;
  flex-wrap:nowrap; 
  justify-content:center;
  align-items:center;
  position:relative;
  color:#FFFFFF;
  height:55px;
}
.navbar > div:last-child > ul > li > a{
  display:flex;
  flex-direction:row; 
  flex-wrap:nowrap; 
  justify-content:flex-start;
  align-items:center;
  height:55px;
  font-size:12px;
  color:#ced9e7;
  font-weight:400;
  cursor:pointer;
  padding:10px 15px;
  position:relative;
}
.navbar > div:last-child > ul > li > a:hover,
.navbar > div:last-child > ul > li > a:active,
.navbar > div:last-child > ul > li > a:visited,
.navbar > div:last-child > ul > li > a:focus{
  background-color:#282b6c;
  color:#FFFFFF;
  text-decoration:none;
}
.navbar > div:last-child > ul > li > a:hover > i,
.navbar > div:last-child > ul > li > a:active > i,
.navbar > div:last-child > ul > li > a:visited > i,
.navbar > div:last-child > ul > li > a:focus > i{
  color:#f9424b;
}
.navbar > div:last-child > ul > li:last-child > a{
  flex-direction:row;
}
.navbar > div:last-child > ul > li:last-child > a > i{
  font-size:14px;
}
.navbar > div:last-child > ul > li > a > i{
  font-size:14px;
}
.navbar > div:last-child > ul > li > a > small{
  margin-left:5px;
  font-size:12px;
}
.navbar > div:last-child > ul > li > a > span.label{
  position:absolute;
  display:block;
  width:10px;
  height:10px;
  padding:0px;
  border-radius:50%;
  right:25%;
  top:10px;
  background:#ffc700;
  background-image:linear-gradient(143.22deg,#ff0 22.25%,#ffc700 114.63%);
  color:#FFFFFF;
  -webkit-animation: beat .25s infinite alternate;
  -moz-animation: beat .25s infinite alternate;
  -ms-animation: beat .25s infinite alternate;
  -o-animation: beat .25s infinite alternate;
  animation: beat .25s infinite alternate;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@keyframes "beat" {
 to {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
 }
}
@-moz-keyframes beat {
 to {
   -moz-transform: scale(1.4);
   transform: scale(1.4);
 }
}
@-webkit-keyframes "beat" {
 to {
   -webkit-transform: scale(1.4);
   transform: scale(1.4);
 }
}
@-ms-keyframes "beat" {
 to {
   -ms-transform: scale(1.4);
   transform: scale(1.4);
 }
}
@-o-keyframes "beat" {
 to {
   -o-transform: scale(1.4);
   transform: scale(1.4);
 }
}
.navbar > div:last-child > ul > li > a > img{
  display:flex;
  flex-wrap:nowrap; 
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  border:2px #e5e5e5 solid;
  border-radius:50%;
}
/* DROPDOWN */
.navbar .inbox,
.navbar .notice{
  min-width:250px!important;
  max-width:250px!important;
}
.navbar .dropdown-menu.inbox > li:first-child{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  padding:10px 15px;
  border:#e5e5e5 solid 1px;
}
.navbar .dropdown-menu.inbox li:first-child small{
  font-size:12px;
  font-weight:600;
  color:#4b4f56;
}
.navbar .dropdown-menu.inbox > li:first-child a{
  font-size:12px;
  float:none;
  line-height:inherit;
  font-weight:400;
  color:#337ab7;
  border:none;
  padding:0px;
  width:auto;
}
.navbar .dropdown-menu.inbox li:first-child:hover a{
  background-color:transparent;
  text-decoration:underline;
}
.navbar .dropdown-menu.inbox li:last-child a{
  display:block;
  text-align:center;
  font-size:12px;
  font-weight:400;
  color:#337ab7;
  padding:10px 0px;
  line-height:inherit;
}
.navbar .dropdown-menu.inbox li:last-child:hover a{
  background-color:transparent;
  text-decoration:underline;
}
.navbar .dropdown-menu.inbox .media{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  overflow:hidden;
}
.navbar .dropdown-menu.inbox .media .media-left{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  padding:0px;
  width:40px;
}
.navbar .dropdown-menu.inbox .media .media-left img{
  width:40px;
  height:40px;
  border-radius:50%;
}
.navbar .dropdown-menu.inbox .media .media-body{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:auto;
  text-align:left;
  padding-left:5px;
  overflow:hidden;
}
.navbar .dropdown-menu.inbox .media .media-body p{
  font-weight:400;
  font-size:14px;
  line-height:16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  width:100%;
  margin-bottom:5px;
}
.navbar .dropdown-menu.inbox .media .media-body small{
  font-weight:400;
  font-size:12px;
  line-height:14px;
  font-style:italic;
  color:#90949C;
}
.navbar .dropdown-menu.inbox .unread {
  background-color:#f5f5f5;
}
.dropdown-menu.notice{
  top:56px!important;
  padding:10px;
  background:#181a55;
}
.navbar .dropdown-menu.notice > div{
  position:relative;
  max-height:240px;
  overflow-x:hidden;
  overflow-y:scroll;
}
.navbar .dropdown-menu.notice > div::-webkit-scrollbar-track{
  background-color:#181a55;
}
.navbar .dropdown-menu.notice > div::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.2);
}
.navbar .dropdown-menu.notice > div li#notifications-header{
  flex-wrap: nowrap!important;
  flex-direction: row!important;
  background: #181a55!important;
  position: sticky!important;
  top: 0px;
  z-index: 1;
}
.navbar .dropdown-menu.notice > div li#notifications-header small{
  width: 50%;
  padding: 5px 15px;
  font-size: 10px;  
  font-weight:500;
  color:#ced9e7;
}
.navbar .dropdown-menu.notice > div li small{
  color:#ced9e7;
}
.navbar .dropdown-menu.notice > div li#notifications-header a{
  width: 50%;
  padding: 5px 15px;
  font-size: 10px;  
  font-weight:500;
  color:#f9424b;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline!important;
}
.navbar .dropdown-menu.notice > div li{
  background:transparent!important;
  text-align:center;
}
.navbar .dropdown-menu.notice > div li a{
  display:flex!important;
  white-space:unset;
  text-overflow:unset;
  overflow:visible;
  border:none;
  color:#FFFFFF;
}
.navbar .dropdown-menu.notice > div li a:hover{
  background:hsla(0,0%,100%,.3);
}
.navbar .dropdown-menu.notice > div li#notifications-footer{
  background: #181a55!important;
  position: sticky!important;
  bottom: 0px;
}
.navbar .dropdown-menu.notice > div li#notifications-footer a{
  display: block!important;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  color: #f9424b;
}
.navbar .dropdown-menu.notice li a .fa-facebook-square{color:#3b5998;}
.navbar .dropdown-menu.notice li a .fa-twitter{color:#1da1f2;}
.navbar .dropdown-menu.notice li a .fa-instagram{color:#C82069;}
.navbar .dropdown-menu.notice li a .fa-pinterest{color:#bd081c;}
.navbar .dropdown-menu.notice li a .fa-youtube-square{color:#E42313;}
/* DROPDOWN MENU */

/* Responsive */
  @media (max-width: 991px) {
    .navbar > div:first-child{
      flex-basis:80%;
    }
    .navbar > div:last-child{
      flex-basis:20%;
    }
    .navbar > div:last-child > ul > li{
      display:none;
    }
    .navbar > div:last-child > ul > li:last-child,
    .navbar > div:last-child > ul > li:nth-last-child(2){
      display:flex;
    }
  }
/* Responsive */
/* NAVBAR TOP */


/* NAVBAR SIDE */ 
.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #wrapper-page,
.pace-done .footer {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.navside,
.mini-navbar .navside{
  position:fixed;
  width:200px;
  height:100%;
  background:#181a55;
  border:none;
  z-index:10000;
  display:flex!important;
  flex-direction:column;
  flex-wrap:nowrap; 
  justify-content:space-between;
  align-items:center;
}
.navside{
  overflow:hidden;
}
.navside:before{
  content:'';
  position:absolute;
  top:0px;
  right:0px;
  width:0px;
  height:0px;
  border-style: solid;
  border-width: 0 25px 25px 0;
  border-color: transparent rgb(0,0,0,0.5) transparent transparent;
  z-index:1;
}
@media (max-width: 768px) {
  .navside{
    width:100%;
  }
}
.navside ul{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap; 
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  position:relative;
}
.navside ul li{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap; 
  justify-content:center;
  align-items:center;
  width:100%;
  position:relative;
}
.navside ul li a{
  width:100%;
  color:#ced9e7;
  font-weight:400;
  font-size:12px;
  padding:10px 15px;
  display:block;
  position:relative;
  text-decoration:none;
}
.navside ul li a:hover,
.navside ul li a:active,
.navside ul li a:focus{
  background:#282b6c;
}
.navside ul li a:hover > i,
.navside ul li a:active > i,
.navside ul li a:focus > i{
  color:#f9424b;
}
.navside ul li.active > a{
  background:#282b6c;
}
.navside ul li.active > a i{
  color:#f9424b;
}
.navside ul li a i{
  margin-right:5px;
}
.navside ul  li  ul  li  a{
  font-size:12px;
  padding:7px 5px 7px 35px;
}
.navside .navside-header {
  padding: 15px;
  border-radius: 5px;
  width: 100%;
  z-index:1;
}
.navside .navside-header li {
  background: #282b6c;
  padding: 7px;
  border-radius: 10px;
  overflow: hidden;
}
.navside .navside-header li .navside-img{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap; 
  justify-content:flex-start;
  align-items:center;
  width:100%;
  position:relative;
  overflow:hidden;
  margin-bottom:5px;
}
.navside .navside-header li .navside-img > img{
  width:50px;
  height:50px;
  border-radius:50%;
}
.navside .navside-header li .navside-img .status{
  position:absolute;
  bottom:0px;
  left:45px;
  width:10px;
  height:10px;
  border-radius:50%;
  background-color:#009925;
}
.navside > ul > .navside-header li h1 {
    font-size: 12px;
    width: 100%;
    color: #FFF;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.navside > ul > .navside-header li h2 {
    font-size: 11px;
    width: 100%;
    color: #FFFF;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.navside > ul > .navside-header li p {
    font-size: 9px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff7a;
}
.navside div#side-searcher{
  display:none;
  visibility:hidden;
}
.navside > ul > .navside-header a:before{
  content:none;
}
.navside .navside-body{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap; 
  justify-content:flex-start;
  align-items:center;
  overflow-y:scroll;
  max-height:445px;
}
.navside .navside-body::-webkit-scrollbar-thumb, .navside .navside-body::-webkit-scrollbar-track, .navside .navside-body::-webkit-scrollbar{
  display:none;
  visibility:hidden;
}
.navside .navside-body h3{
  padding: 15px 15px 2px 15px;
  font-size: 9px;
  text-transform: uppercase;
  width:100%;
  color:#ced9e73d;
}
.navside .navside-footer{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap; 
  justify-content:flex-start;
  align-items:center;
  width:100%;
  position:absolute;
  bottom:-38px;
}
.mini-navbar .navside{
  width:50px;
  left:-50px;
}
.mini-navbar .navside ul > li{
  width:100%;
  text-align:center;
}
/*.mini-navbar .navside ul li ul {  Qué pasa cuando está la barra chica y se abre un segundo nivel 
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center; 
  left:50px;
  position: absolute;
  top: 0;
  left: 50px;
  width:160px;
  background-color: #2f4050;
  text-align:left;
  background:#FFFFFF;
  border:none;
  box-shadow:0 6px 12px rgba(0,0,0,.175);
}*/
.mini-navbar .navside ul li ul li:first-child a{
  border-top:none;
}
.mini-navbar .navside ul > li ul li a{
  flex-basis:100%;
  padding:10px 15px;
  text-align:left;
  border:none;
}
.mini-navbar .navside ul li a span{ /* Oculta los textos de la barra lateral cuando está reducida */
  display:none;
}
.mini-navbar .navside ul li a i{
  margin:0px;
}
@media (min-width: 768px) {
  .navside ul li .form-group{
    display:none;
    visibility:hidden;
  }
}
.navside ul li .form-group{
  display:flex;
  visibility:visible;
  margin:0px;
  padding:0px 15px 10px 15px;
}
.navside ul li .form-group input{
  border-radius:25px!important;
  background:transparent;
  opacity:0.75;
  padding:0px 25px 0px 5px;
  font-size:12px!important;
  border:1px solid #79fef3;
  color:#FFFFFF;
  min-height:25px;
}
.navside ul li .form-group .btn{
  position:absolute;
  top:5px;
  right:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  width:15px;
  height:15px;
  padding:0px;
  margin:0px;
  background:transparent;
  color:#1a73e8;
  border-radius:50%!important;
}
.navside ul li .form-group .btn i{
  font-size:7px;
}
/* Responsive Menu Lateral */
@media (min-width: 768px) {
  #wrapper-page{
    margin:0px 0px 35px 0px;
  }
}
@media (max-width: 768px){
  .navside > ul > li:first-child h1{
    font-size:18px;
  }
  .navside > ul > li:first-child h2{
    font-size:14px;
  }
  .navside ul > li a{
    font-size:14px;
  }
  .navside ul > li > ul > li > a{
    font-size:16px;
  }
  .navbar .notice{
    position:fixed!important;
    width:100%!important;
    max-width:100%!important;
  }
}
@media (max-width: 767px) {
    .navside #side-searcher{
      display:flex;
      visibility:visible;
    }
}
/* Responsive */
/* NAVBAR SIDE */