/*-- CSS DA PAGINA DE AGENDAMENTO E HISTORICO DO CLIENTE --*/
.pace-active{
    display: none;
}
.notes-blue {
background-color: #f5f5f5;
border-left: 8px solid #36B0C9;
border-radius: 6px;
margin-bottom: 1%;
}

.notes-blue h3 {
margin: 10px 0;
font-weight: bolder;
color: #36B0C9;
}

 .notes-blue p{
    font-weight: bold;
 }

.notes-orange {
background-color: #f5f5f5;
border-left: 8px solid #f0ad4e;
border-radius: 6px;
margin-bottom: 1%;
}

.notes-orange h3 {
margin: 10px 0;
font-weight: bolder;
color: #f0ad4e;
}

.notes-orange p{
    font-weight: bold;
}

.notes-green {
    background-color: #f5f5f5;
    border-left: 8px solid #028122;
    border-radius: 6px;
    margin-bottom: 1%;
}

.notes-green h3 {
margin: 10px 0;
font-weight: bolder;
color: #028122;
}

.notes-green p{
    font-weight: bold;
}

.hr{
    opacity: 0.3;
}

.btn-up{
    margin-bottom: 3%;
}

/*-----------------------------------------------------------------------------------------------------*/
 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* Firefox */
 input[type=number] {
     -moz-appearance:textfield;
 }

 /* CSS DO SELECT2 PERSONALIZADO */
 .select-box{
    background-color: #f5f5f5; 
    padding: 10px; 
    border: 1px solid rgba(0,0,0,0.3); 
    border-top: none; 
    z-index: 99; 
    position: absolute; 
    width: 93.8%;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ul-select-box{
    list-style: none; 
    padding: 0;
}
.ul-select-box li:hover{
    background-color: #3c8dbc;
    color: #f5f5f5;
    cursor: context-menu;
}