/*Para reemplazar font*/
body{
  font-family: 'Roboto', sans-serif !important;
}

/*Color sidebar*/
.skin-black .main-sidebar, .skin-black .left-side{
  background-color: #2E2F31 !important;
}

/*Para reemplazar el >> que aparecía a la izquierda de los items de la lista del sidebar*/
.fa-angle-double-right:before{
  content: "" !important;
}

/*Para reemplazar el >> por un punto rojo en el item activo de la lista del sidebar*/
.skin-black .treeview-menu>li.active>a .fa-angle-double-right:before{
  content: "\f111" !important;
  color: #ED0722 !important;
  font-size: 8px !important;
}

/*Quitar padding izquierdo en menú activo*/
.skin-black .sidebar-menu>li>.treeview-menu{
  padding-left: 0px !important;
}

/*Cambiar el color del texto en sidebar*/
.skin-black .sidebar a{
  color: #ADA8A8 !important;
}

/*Para reemplazar el borde azul de los container al correspondiente. */
.box.box-primary{
  border-top-color: #ED0722 !important;
}

/*Para reemplazar el cuadrado de "no hay resultados" */
 .info-box .bg-aqua{
  background-color: #D8071F !important;
}

/*Para reemplazar el color de los links y del "link actual"(active) del navbar*/
.skin-black .main-header .navbar .nav>li>a{
  color: #FFD0D0 !important;
}

.breadcrumb> li{
  color: #fff !important;
}

/*Para reemplazar el hover de los links del navbar */
.skin-black .main-header .navbar .nav>li>a:focus,
.skin-black .main-header .navbar .nav>li>a:hover{
  background: #ED0722 !important;
  color: #fff !important;
}

/*Para reemplazar el active de los links del navbar*/
.skin-black .main-header .navbar .nav>li>a:active{
  background: transparent !important;
}

/*Distancia entre cada <li> en sidebar y color del background*/
.sidebar-menu .treeview-menu>li{
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  background: #242526 !important;
}

/*Tamaño icons fontAwesome en sidebar(ir agregando íconos)*/
.sidebar-menu .fa-calendar,.sidebar-menu .fa-cogs{
  font-size: 18px !important;
}

/*Width de icon en sidebar*/
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion{
  width: 25px !important;
}

/*Tamaño y color font links sidebar*/
.skin-black .treeview-menu>li>a{
  font-size: 13px !important;
  color: #ADA8A8 !important;
}
.skin-black .treeview-menu>li.active>a, .skin-black .treeview-menu>li>a:hover{
  color: #fff !important;
}

/*Para cambiar el hover de los link "grupales" del sidebar*/
.skin-black .sidebar-menu>li:hover>a{
  background: #2E2F31 !important;
  color:  #fff !important;
}

/*Para cambiar el color del texto y del cuadrado "activo" del sidebar*/
.skin-black .sidebar-menu>li.active>a{
  color: #fff !important;
  background-color: #2E2F31 !important;
}

.breadcrumb>li+li:before{
  padding: 0 0px !important;
  color: #fff !important;
}

.sonata-ba-list-field-header .sonata-ba-list-field-header-choice a,
.sonata-ba-list-field-header .sonata-ba-list-field-header-integer a,
.sonata-ba-list-field-header .sonata-ba-list-field-header-text a,
.sonata-ba-list-field-header .sonata-ba-list-field-header-boolean a,
.sonata-ba-list-field-header .sonata-ba-list-field-header-datetime a,
.sonata-ba-list-field-header .sonata-ba-list-field-header-date a{
  color: #333 !important;
}


.skin-black .main-header .navbar{
  background-color: #ED0722 !important;
}

.skin-black .main-header>.logo{
  background-color: #ED0722 !important;
  border-right: 0px !important;
}
.skin-black .wrapper{
background-color: #ecf0f5 !important;
}

.skin-black .main-header .navbar>.sidebar-toggle{
  border-right: 0px !important;
  color: #fff !important;
}

.skin-black .main-header .navbar .sidebar-toggle:hover{
  background: #ED0722 !important ;
}

.logout-button{
  min-height: 50px;
  width: 100px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a{
  border-left: 0px !important;
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a:hover{

}

.logout-button-container{
  min-height: 50px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logout-icon{
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logout-text{
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  color: white;
  font-size: 14px;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #ED0722 !important;
}