@font-face {
    font-family: 'segoe-ui-bold'; /*a name to be used later*/
    src: url('./admin/fonts/Segoe-ui-bold.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'renner'; /*a name to be used later*/
    src: url('./admin/fonts/Renner.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'segoe-ui'; /*a name to be used later*/
    src: url('./admin/fonts/Segoe-ui.ttf'); /*URL to font*/
}


#body-row {
    margin-left:0;
    margin-right:0;
}
#sidebar-container {
    min-height: 100vh;   
    background-color:  white;
    box-shadow: 4px 0px 8px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 230px;
}
.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
    height: 50px;
    color: 2e2c2c;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
    background-color:  white;
    color: #0f42aa;
    
}
.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color:  white;
    height: 35px;
    color:#0f42aa;
}
.sidebar-separator {
    background-color:  white;
    height: 25px;
}
.logo-separator {
    background-color: white;    
    height: 60px;
    border: 0px solid black !important;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: " \f0d7";
  font-family: "segoe-ui-bold";
  display: inline;
  text-align: right;
  padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: " \f0da";
  font-family: "segoe-ui-bold";
  display: inline;
  text-align: right;
  padding-left: 10px;
}
.bgc-1{
    background: #0f42aa !important;
color: white;
}
.bgc-2{
    background: white!important;
}
.bg-primary{
    background: white !important;
    border: 0px solid black !important;
    font-family: "renner";
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background: #5394c4 !important;
  color: white !important;
  font-family: "segoe-ui-bold";
}
#submenu2{
    color: #0f42aa !important;
}
.menu-collapsed2{
    color: 2e2c2c;
}
.b1{
    color:2e2c2c !important;
    
}
.bb:hover span, .bb:hover .b1{
    color: white !important;
}
.bb:hover .b2{
color: #5394C4 !important;
}
.tbl-active{
    background: red !important;
}
.focus-highlight td:focus::before, .focus-highlight th:focus::before {
    background-color: white;
  }
  .active{
    color: white !important; 
    background: rgb(83,148,196);
    background: linear-gradient(90deg, rgba(83,148,196,1) 0%, rgba(15,66,170,1) 100%) !important;
    font-family: "segoe-ui-bold";
  }
  .active span, .active .b1{
    color: white !important;
}

a.bg-primary:hover span.badge{
    background-color: white !important;
    color: #0f42aa !important;
}
a.bg-primary span.badge{
    background: #0f42aa !important;
    color: white !important;
}
a.active span.badge{
    background-color: white !important;
    color: #0f42aa !important;
}
hr{
    height: 8px;
    background: rgb(83,148,196);
    background: linear-gradient(90deg, rgba(83,148,196,1) 0%, rgba(15,66,170,1) 100%);
    
    border: 0;
    height: 1px;
}
.bienvenida{
    background: -webkit-linear-gradient(#5394c4, #0f42aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:25px;
    font-family:"segoe-ui-bold";
    text-align: center;
    
}
.nombre{
    font-size:90%;
    font-family:"segoe-ui-bold";
    color: black;

}
.fecha{
    font-size:75%;
    font-family:"renner";
    color: gray;

}