.bg-indigo {
    background-color: #009688 !important; /*#001394*/
    border-color: #009688;
    color: #fff;
}
.border-panel {
    border: 1px solid #ddd!important;
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
    color: #fff;
    background-color: #006ac1!important;
}
#navbar-logo{
    margin-top: 0px;
    height: 50px;
}
.navbar.bg-indigo {
  /*  background: linear-gradient(45deg, #0a325066 0%, #009688 100%);*/
    background-color: #009688;
}
.navigation li a>i, .info-empresa p > i, .label-form i, legend i, .color-indigo {
    color: #009688;
}
.navbar-header {
    min-width: 55px;
}
.sidebar-default {
    border-bottom: 0;
    border-right: 0!important;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
}
.panel, .navbar-component.navbar-default, .tab-content-bordered .tab-content:not([class*=bg-]), .thumbnail   {
    color: #0d3656;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.28);
    border: 0;
}
/* Media Queries Css
======================*/
@media (max-width: 768px){
    .nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus:after, .nav-tabs>li.active>a:hover:after {
        content: '';
        position: absolute;
        top: 0;
        left: -1px;
        bottom: 0;
        width: 2px;
        background-color: #009688;
    }
}
@media (min-width: 769px){
    .nav-tabs.nav-tabs-highlight>li.active>a, .nav-tabs.nav-tabs-highlight>li.active>a:focus, .nav-tabs.nav-tabs-highlight>li.active>a:hover {
        border-top-color: #006ac1;
    }
}
@media only screen and (max-width: 760px) and (min-width: 300px){
    #navbar-logo{
        margin-top: 2px;
        height: 60px;
    }

}

@media (max-width: 780px){
   
    #navbar-logo {
        height: 35px;
    }
    .heading-elements{
        display: none;
    }
    .breadcrumb-elements-toggle, .heading-elements-toggle {
        display: initial
    }
}


.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/sys_fact/img/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.menu_contiene_items{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.menu_contiene_items a{
  width: 100%;
}
.my_submenu{
  background-color: #024446 !important;
  border-radius: 10px;
  margin: 2px auto;
  width: 90%;

}
.my_submenu > li > a {
  color: white !important;
}

.mySubmenu_item a:hover > svg,
.mySubmenu_item a:hover > i.fa{
  -webkit-animation: rotate-vert-center 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both !important;
  animation: rotate-vert-center 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both !important;
}


@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}