.line_esgotado{
  background-color:#ff9d9d !important;
}

.cal_esgotado{
  position:absolute;
}

.cal-vagas{
  font-size:12px;
  position:absolute;
  
}

.cal-vagas > span{
  background-color:#497db4;
  display:inline-block;
  width:25px;
  height:25px;
  font-size:14px;
  padding-top:5px;
  color:white;
  text-align:center;
  border-radius:15px;
  
}

.container {
  display: flex;
  width: 100%;
  margin-bottom:5px;
}

.coluna1 {
  width: 200px !important;
  padding:0px 10px 0px 10px;
}

.coluna2 {
  flex: 1;
}

.title {
text-align:center;
  top: 39px;
  left: 705px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
}

div.grid-hours {
height: 45px;
display: flex !important;;         /* Garante que os filhos se alinhem horizontalmente */
align-items: stretch; 
}

div.grid-hours div.grid-item-over {
letter-spacing: 0;
line-height: normal;
display:flex;
flex:1;
margin: 0px 4px;
border-radius: 6px;
border: 1px solid;
padding-top:8px;
}

div.grid-hours div.grid-item-over > div {
margin:0px auto;
display:inline-block;
}

div.grid-hours .grid-item1 {
font-family: "Inter-Regular", Helvetica;
font-weight: 400;
color: #000000;
font-size: 22px;
text-align: center;

}

.grid-hours .grid-item2 {

font-family: "Inter-Bold", Helvetica;
font-weight: 700;
color: #bebebe;
font-size: 14px;
letter-spacing: 0;
line-height: normal;
}

.cal-item {
height:50px;
border-bottom:1px #dadada solid;
margin-bottom:20px;
}

.cal-item .cal-item-title {
  vertical-align: middle;
  text-align:left;
  font-family: "Inter-Regular", Helvetica;
  color: #000000;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 13px;
  overflow: hidden;
  display: table-cell;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height:30px;
  width: 180px; /* largura necessária para cortar o texto */
}

.cal-item .cal-item-link {
  background-color:#e8e8e8;
  position:absolute;
  text-align:right;
  margin-left:135px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #4358a4;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

div.cal-colmn {
height: 100%;
display: flex;         /* Garante que os filhos se alinhem horizontalmente */
align-items: stretch;  /* Estica os filhos verticalmente */
width: 100%;
}

div.cal-colmn div {
display:flex;
flex:1;
margin: 0 4px;
border-radius: 6px;
border: 1px solid #0000004c;
height: 100%;          /* Agora ocupará 100% da altura do pai */

}


div.cal-colmn div.cal-colmn-item-blue {
  background-color: #f4f5ff;
}


.cal-cal{
 height: 100%;
 display: flex;
position: relative;
 /* align-items: stretch; */
 /* width: auto; */
 /* flex: 1; */
}

.cal-colmn-line{

position:absolute;
height: 100%;

width:261%;
z-index: 999;

}

.cal-colmn-item-line{
margin-left: 20%;
height: 50px;
left:20px;
background-color: #497db5;
border-radius: 6px;
border-bottom:1px #dadada solid;
margin-bottom:20px;
width: 8%;
}

.cal-colmn-item-line span{
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  margin-left:5px;
margin-top:10px;
display:inline-block;
vertical-align:center;
  text-shadow:1px 1px black;
}

h1.cal-dia{
  font-size:30px;
  font-weight:bold;
  color:#ffffff;
  text-align:center;
}

.cal-barra{
  padding:15px 0px;
  width:100%;
  display:block;
  background-color:#1b66a5;
}

.cal-horas-title{
      font-size: 16px;
    width: 100%;
    display: block;
    border-radius: 7px;
    margin-top: 10px;
    background-color: #e2e2e2;
    padding:1px;
}