body{
    background-color: #fff;
}
.pages {
    margin: 0 auto;
}

.sidebar {
    height: 100vh;
    position: sticky;
}

.pages .title-pages {
    font-size: 25px;
    color: #87B988;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
}

.user-admin p {
    color: #474747;
    font-size: 14px;
}

.section-form .box .title {
    font-size: 20px;
    color: #333;
}

.label-form-panel {
    font-size: 14px;
    color: #444;
    margin-bottom: 5px;
}

#myField {
    font-size: 12px;
    color: #555;
    border-radius: 15px;
    padding: 12px;
    border: 1px solid #ddd;
    width: 100%;
}

#myField::placeholder {
    font-size: 12px;
    color: #777;
}

#myField:focus {
    border-color: #87B988;
    box-shadow: unset !important;
}

.select-panel-form {
    padding: 15Px;
    color: #777;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.textarea-form-panel {
    font-size: 12px;
    color: #555;
    border-radius: 15px;
    padding: 12px;
    border: 1px solid #ddd;
    width: 100%;
}

.textarea-form-panel::placeholder {
    font-size: 12px;
    color: #777;
}

.form-control:focus {
    border-color: #87B988;
    box-shadow: unset !important;
}

.file-form-panel{
    border-radius: 13px;
}

.check-form{
    width: 1.3rem !important;
    height: 1.3rem !important;
    margin-top: 0 !important;
    background-color: #ffffff !important;
    border-color: #87B988 !important;
}

.check-form:checked{
    background-color: #87B988 !important;
    border-color: #87B988 !important;
}

.form-check-input:focus {
  border-color: #87B988 !important;
  outline: 0;
  box-shadow: unset !important;
}

.radio-form{
    width: 1.3rem !important;
    height: 1.3rem !important;
    margin-top: 0 !important;
    background-color: #ffffff !important;
    border-color: #87B988 !important;
}

.radio-form:checked{
    background-color: #87B988 !important;
    border-color: #87B988 !important;
}

.form-select:focus {
  border-color: #87B988;
  outline: 0;
  box-shadow: unset !important;
}

.form-check-label {
  font-size: 14px;
  color: #333;
}

.panel .accordion-button{
    background-color: #87B988 !important;
    color: #fff !important;
    border-radius: 15px !important;
}

.sidebar-mobile .accordion-button::after {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(107%) contrast(104%) !important;
}

.sidebar-mobile .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: unset !important;
}

.sidebar-mobile .box-item-sidebar .link-item-sidebar-mobile{
background-color: #87B988;
  border-radius: 12px;
  color: #fff;
  width: 100%;
  display: flex;
  padding: 12px;
  font-size: 14px;
}

.sidebar-mobile .box-item-sidebar{
    margin-bottom: 7px;
}

.sidebar-mobile .box-item-sidebar:last-child{
    margin-bottom: 0;
}

.menu-panel .btn-primary{
    background-color: unset !important;
    border: 0 !important;
    padding: 0 !important;
}

.btn-close:focus {
  box-shadow: unset !important;
}

.departure{
    color: #FF1F1F;
    font-size: 14px;
}