@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;600;700;800&display=swap');

body{
   font-family: 'Abhaya Libre', serif; 
   background-color: transparent !important;
   border-radius: 20px;
}

form{
   padding: 36px;
}

input{
   border-radius: 8px !important
}


h1{
   font-family: 'Abhaya Libre', serif;   
   color: #783e68;
   font-weight: 800;
   font-size: 1.6em;
}

h3{
   font-family: 'Abhaya Libre', serif;   
   color: #783e68;
   font-size: 1.2em;
   font-weight: 700;
   margin-top: 20px;
}
label{
   color: #444;
   font-size: 14px;
   font-weight: 700;
}
.uk-button{
   background-color: #783e68;
   color: #fff;
   font-weight: 700;
   transition: all linear 160ms;
   border-radius: 8px;
}

.uk-button:hover{
   transform: scale(1.03);
}

input:focus{
   border-color: #783e68 !important;
}

.hidden{
   display: none !important;
}

.message{
   margin-bottom: 30px !important;
}

.message b{
   display: inline-block;
   margin-right: 6px;
}

h1 small{
   font-size: 17px;
   font-weight: lighter;
   color: #666;
}


#horarios tr{
   cursor: pointer;
   transition: all linear 160ms;
}

#horarios tr:hover{
   background-color: #783e68;
   transform: scale(1.03);
   color: #fff;
}

.selecionado{
   background-color: #783e68 !important;
   transform: scale(1.03);
   color: #fff !important

   
}

#msgSucesso{
   max-width: 100%;
   height: 230px;
   display: flex;
   flex-direction: column;
   margin: 10px;
   text-align: center;
   align-items: center;
   align-content: center;
   justify-content: center;
   padding: 20px;
   border-radius: 10px;

}

#msgSucesso span{
   display: inline-block;
   color: #fff;
   font-size: 30px;
   background-color: #783e68;
   padding: 10px;
   border-radius: 100%;
   margin-bottom: 20px;
}

#msgSucesso h1, #msgSucesso p{
   margin: 0;
   padding: 0;
}

#msgSucesso .uk-button{
   margin-top: 20px;
}

table{
   margin-bottom: 40px;
}

table tr td{
   font-weight: 700;
}

.campos{
   display: flex;
   align-items: center;
   align-content: center;
   justify-content: space-between;
   gap: 20px;
   padding: 0;   
}

.campos .uk-margin{
   width: 50% !important;
   padding: 0 !important;
   margin: 0 !important;
}