@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

body{font-family: 'Oxygen', sans-serif; }

.blue-bkg{
 background: #2EACCD;
}

/*Cabezote menú lateral*/
#sidebar-wrapper .sidebar-heading {
    padding: 0.5rem 1.25rem;
    font-size: 1.2rem;
}

/*Logo Cabezote menú lateral*/
#sidebar-wrapper .sidebar-heading img {
max-height:50px;
}

/*Cabezote principal*/

.navbar {
    padding: 0rem;
    display: flex;
      flex-direction: row; 
      justify-content: space-between;
}
.navbar button, .navbar a {
    border:0;
    border-left:rgba(0,0,0,0.1) solid 1px;
     border-right:rgba(0,0,0,0.1) solid 1px;
    padding:0 15px;
 color:white;
    background:none;
    font-size:15px;
    display:inline-block;
    height:66px;
  line-height:66px;
}
.navbar button:hover, .navbar a:hover {
text-decoration: none;
}
.navbar a {}

/*Ítem de lista sidebar menu*/
.list-group-item:first-child {
    border-top: 0px solid rgba(0,0,0,.1);     
}
.list-group-item {
    border: 1px solid rgba(0,0,0,.1);   
    font-size:15px;
    line-height: 120%;
}

.current-lesson {
    background-color: #dae0e5 !important;
}

/*Tabs*/
/*Let´s get started with this color change*/
.gray-tabs{
  
}
/*Let´s change the border of the tab buttons group*/
.gray-tabs .nav-tabs{
  border-bottom-color:white;
}
/*Styles for the inactive buttons*/
.gray-tabs .nav-tabs .nav-item{
background:#f8f8fb;
  border:solid 2px white;
}

.gray-tabs .nav-tabs .nav-item .nav-link{
color:#333;
}


/*For the active button*/

.gray-tabs .nav-tabs .nav-item .active{
 background:#f0f1f5;
border:none;
  color:#0975c2;
}

/*Background and styling for the content of each tab*/
.gray-tabs .tab-content{
  /*background:#f0f1f5;
  padding:1em 1em;
  border:0;*/
  padding:1em 0 0 0;
}