.back_users {
    background: url("../img/logo/background_users.jpg") no-repeat center center fixed;
    background-size: cover;
    background-blend-mode: soft-light;
    background-color: #27276B;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.back_staff {
    background: url("../img/logo/background_staff.jpg") no-repeat center center fixed;
    background-size: cover;
    background-blend-mode: soft-light;
    background-color: #27276B;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#header {
    border-bottom: 1px solid rgba(68, 68, 68, 0.5) !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(184, 189, 192, 0.7) !important;

}

.navbar-static-top {
    background-color: #ffffff !important;
}

#footer {
    border-top: 1px solid #28a745 !important;
    background-color: #ffffff;
    padding: 10px 20px;
    width: 100%;
    left: 0;
    right: 0;

}

[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
}

@media screen {
    .d-print-block {
        display: none !important;
    }
}

.form-group > input:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;
}

.input-group > input:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;

}

.form-group > select:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;

}

.input-group > select:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;

}

textarea {
    max-height: 60px;
}
.form-group > textarea:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;

}

.input-group > textarea:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;

}

search:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;

}

.contact_bg:hover {
    background-color: rgba(196, 255, 208, 0.31) !important;;

}

label {
    margin-bottom: 0 !important;
    font-weight: bold;
}

/* ------------- Estilização do container de login ------------- */
.login-container {
    min-height: 400px;
}

.login-container h3 {
    position: relative;
    margin-bottom: 25px !important;
    font-size: 24px;
    text-align: center;
}

.login-container input {
    padding: 12px;
    position: relative;
    margin-bottom: 20px !important;
    font-size: 16px;
    border-radius: 25px;
    padding-left: 50px;
}

.login-container input:focus {
    background-color: rgba(65, 185, 117, 0.25) !important;
}

.login-container input::placeholder {
    color: #bbbbbb; /* Define a cor do placeholder */
    opacity: 0.7; /* Garante que a cor fique visível */
}

.login-container .captcha {
    margin-bottom: 20px !important;
}

.login-container button {
    padding: 12px;
    position: relative;
    margin-bottom: 20px !important;
    font-size: 16px;
    border-radius: 25px;
}

.login-container a {
    position: relative;
    margin-bottom: 20px !important;
}

.login-container .icon {
    position: absolute;
    left: 55px;
    transform: translateY(40%);
    z-index: 100;

}

/* HR Customizada */
.container_hr {
    display: flex;
    align-items: center;
}

.hr1 {
    flex-grow: 1;
    border-top: 1px solid #dbe8db;
    margin-right: 10px;
}

.hr2 {
    flex-grow: 1;
    border-top: 1px solid #dbe8db;
    margin-left: 10px;
}

/* Tabela */
table td {
  vertical-align: middle;
}


/* Tootip Customizado */
.tooltip {
    z-index: 99999 !important;
}
.custom-tooltip .tooltip-inner {
    min-width: 300px !important;
    max-width: 500px !important;
    white-space: normal !important;
    text-align: left !important;
}

/* Tamanhos fixos - Utilizados geralmente em <td> */
.mw-25 {
  width: 25px !important;
}

.mw-50 {
  width: 50px !important;
}

.mw-75 {
  width: 75px !important;
}

.mw-100 {
  width: 100px !important;
}

.mw-125 {
  width: 125px !important;
}

.mw-150 {
  width: 150px !important;
}

/* === Elementos do Cabeçalho === */
.navbar > .navbar-header {
    width: 500px !important;
    padding-right: 12px;
}

.navbar > .navbar-header > a {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

#top-search {
    height: 40px !important;
    margin-left: 10px;
}