html,
body {
   height: 100% !important;
   overflow-y: hidden;
   overflow-x: hidden;
}

header {
   height: auto;
}

footer {
   color: #9a9a9a;
   position: fixed;
   bottom: 0;
   width: 100%;
   height: 100px;
   margin-top: 50px;
   padding-top: 60px;
   background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(208, 209, 208));
}

.img-logo {
   width: 80%;
   margin: 15px 0px;
}

.logo {
   text-align: center;
}

.logo img {
   width: 120px;
   margin: 20px;
}

.sobre {
   height: (100% - 200px);
   position: relative;
}

.extras {
   position: absolute;
   bottom: -1600px;
   right: -500px;
   width: 1200px;
   height: 1200px;
   border-radius: 50%;
   background-color: rgb(144, 205, 240);
}

.extras img {
   position: absolute;
   top: 50px;
   left: -63px;
   width: 350px;
}

.box-tipo {
   width: 450px;
}

.box-tipo,
.box-calendario,
.box-horarios {
   margin-top: 60px;
   padding: 30px;
}

.box-tipo p,
.box-calendario p,
.box-horarios p {
   font-size: 13px;
   margin: 30px 0px 20px;
   padding: 0px;
}

.etapa {
   position: relative;
}

.etapa h3 {
   position: absolute;
   top: -49px;
   left: 79px;
   font-style: italic;
   color: #c2c2c2;
}


.finish {
   position: relative;
}

.finish h3 {
   position: absolute;
   top: -49px;
   font-style: italic;
   color: #c2c2c2;
   font-size: 4rem;
}

#resumo,
#resumo_consulta {
   width: 100%;
}

#resumo tbody {
   /* background-color: #f3f4ff; */
}

#resumo_consulta tbody {
   background-color: #eeeff750;
}

#resumo td,
#resumo_consulta td {
   padding: 5px 15px;
}

#resumo span,
#resumo_consulta span {
   color: #333;
   font-style: italic;
}

.numero {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   /* background-color: rgb(144, 205, 240); */
}

.numero p {
   color: #fff;
   font-size: 50px;
   font-weight: bold;
   margin-top: 10px;
   margin-left: 36px;
}

#horarios {
   width: 100%;
   min-height: 265px;
   max-height: 350px;
   height: auto;
   padding: 10px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: rgb(189, 189, 190) rgb(226, 225, 225);
   display: none;
}

.box-1 {
   display: flex;
   justify-content: center;
}

.box-2 {
   display: inline-block;
   margin-top: 1000px;
   margin-left: -1000px;
}

.box-3 {
   display: inline-block;
   margin-top: 1000px;
   margin-left: -1000px;
}

.box-4 {
   display: inline-block;
   margin-top: 1000px;
   margin-left: -1000px;
}

.card-body {
   display: flex !important;
   flex-wrap: wrap !important;
   justify-content: flex-start !important;
   column-gap: 5px !important;
   padding: 13px !important;
   flex-direction: column !important;
}

#loading {
   display: flex;
   justify-content: center;
}

.fc-toolbar-chunk{
   text-align: right;
   margin: -18px;
}

.fc-toolbar-title{
   font-size: 1.5rem;
}

@media (max-width: 600px) {

   html,
   body {
      height: 100% !important;
      overflow-y: auto;
      overflow-x: auto;
   }

   header {
      height: auto;
   }

   .logo {
      text-align: center;
   }

   .logo img {
      width: 250px;
   }

   .extras,
   .extras img {
      display: none;
   }

   .fc-toolbar-chunk{
      margin-top: 20px;
   }
}