@CHARSET "ISO-8859-1";

/* ===================================
   ESTILOS LEGADO DO PROJETO
   =================================== */
div.botoes-panel__parametros {
    position: fixed;
    right: 25px;
    bottom: 20px;
    z-index: 999;
}

div.botoes {
    position: absolute;
    right: 25px;
    bottom: 20px;
}

.botoesbody {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    gap: 10px;
    z-index: 1000;
}

div.botoesleft {
    position: absolute;
    left: 25px;
    bottom: 20px;
}

.botoes-dialog__reembolso {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.8rem;
    margin-top: 1rem;
    border-top: 1px solid #e0e0e0;
}

.dialog__Rede-Credenciada .legenda-rede,
.dialog__Rede-Credenciada .botoes {
    flex-shrink: 0;
}

.dialog__Rede-Credenciada .botoes {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

.dialog30-full div.botoes-sticky {
    position: sticky;
    bottom: 0;
    margin: 0;
    padding-top: 8px;
    background: #fff;
    text-align: right;
    flex-shrink: 0;
}

.rc-form .botoes {
    flex-shrink: 0;
    padding-top: 8px;
    display: flex;
    justify-content: flex-end;
}

.sol-botoes {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding: 8px 0;
    border-top: 1px solid #e0e0e0;
}

.sc-botoes {
    border-top: 1px solid #e0e0e0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 4px;
    padding-top: 12px;
}

.botaoexibe {
    border: none !important;
    height: 30px;
    width: 30px !important;
}

.botaoParecer {
    min-height: 35px;
    min-width: 170px;
    border: none !important;
    background: #ffffff url("/amha_portal/javax.faces.resource/orange.png.jsf?ln=imagens") 50%
    50% repeat !important;
}


.botaoselect {
    height: 20px;
}

.botaologin {
    height: 40px;
    width: 100px;
    border: none !important;
    padding: 0 !important;
    border: none !important;
    font-size: 15pt;
    background: #4682B4 !important;
}

.botaosalvar {
    min-height: 35px;
    min-width: 170px;
    font-family: "LiberationSans-Regular", sans-serif !important;
    background: #4682B4 !important;
}

.botaosalvar:hover {
    border-color: #aaaaaa !important;
    color: black !important;
}

.botaolimpar {
    min-height: 35px;
    min-width: 170px;
    background: rgb(255, 102, 102) !important;
}

.botaolimpar:hover {
    border-color: #aaaaaa !important;
    color: black !important;
}

.botao-pesquisa-limpar {
    min-height: 30px;
    min-width: 30px;
    border: none !important;
    background: rgb(255, 102, 102) !important;
}

.botao-pesquisa {
    min-height: 30px;
    min-width: 30px;
    border: none !important;
}

.botaoexcluir {
    min-height: 35px;
    min-width: 170px;
    border: none !important;
    background-color: red !important;

}

.botaoagendar .ui-button-text {
    font-family: OpenSans !important;
    text-transform: capitalize !important;
    font-size: 13px !important;
    font-weight: bold !important;
    border-radius: 4px;
    min-height: 25px;
    line-height: 25px !important;
}

.bank-option-button__reembolso:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    border-color: #007bff !important;
}

.bank-option-button__reembolso.bank-option-active {
    background: #e7f3ff !important;
    border-color: #007bff !important;
    transform: translateY(-2px) !important;
}

.bank-option-button__reembolso .ui-button-icon-left {
    font-size: 15px;
    margin-bottom: 8px;
    color: #6c757d !important;
    transition: color 0.2s !important;
    margin-left: 1px;
    width: 20px;

}

.bank-option-button__reembolso.bank-option-active .ui-button-icon-left {
    color: #007bff !important;
}

.bank-option-button__reembolso .ui-button-text {
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    color: #495057 !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}

.bank-option-button__reembolso.bank-option-active .ui-button-text {
    color: #007bff !important;
}


.fileupload-clean__reembolso .ui-fileupload-buttonbar {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.fileupload-clean__reembolso .ui-fileupload-choose.ui-button {
    border: none !important;
    box-shadow: none !important;

    padding: 4px 30px !important;
    font-size: 12px !important;
    color: #FFF !important;
}

.fileupload-clean__reembolso .ui-button-text {
    padding: 0 !important;
}

.fileupload-clean__reembolso .ui-fileupload-choose.ui-button:hover {
    color: #000 !important;
}

.bank-option-button__reembolso {
    flex: 1;
}

.bank-option-button__reembolso {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem 1.5rem !important;
    border: 2px solid #dee2e6 !important;
    border-radius: 0.5rem !important;
    background: #fff !important;
    transition: all 0.2s !important;
    min-width: 128px !important;
    flex: 1;
    text-align: center !important;
    height: 40px;
}


.sol-proc-card__btn-icon.ui-button,
.sol-proc-card__btn-icon.ui-button:enabled:hover,
.sol-proc-card__btn-icon.ui-button:enabled:focus {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    height: 28px !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    border: 0.5px solid #c2d8f8 !important;
    background: #f0f6ff !important;
    color: #4186e8 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.sol-proc-card__btn-icon.ui-button:enabled:hover {
    background: #dceeff !important;
    border-color: #4186e8 !important;
}

.sol-proc-card__btn-icon .ui-button-icon,
.sol-proc-card__btn-icon .ui-button-icon-left {
    color: graytext;
    font-size: 13px !important;
    margin-right: 0 !important;
    position: static !important;
    top: auto !important;
    margin-top: 0 !important;
}

.sol-proc-card__btn-icon .ui-button-text {
    padding: 0 !important;
    line-height: 1 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    color: graytext !important;
}

.sol-proc-card__btn-icon .ui-button-text {
    padding: 0 !important;
    line-height: 1 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: graytext !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.sol-proc-card__btn-icon.ui-button {
    font-family: inherit !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.gerenciadorLogin_botaoPesquisa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
    border: 2px solid #cdcbcb;
    border-radius: 16px;
    width: 240px;
    padding: 0px 8px 0px 4px;
}

.gerenciadorLogin_botaoPesquisa img {
    width: 16px;
    height: 16px;
}

.sc__botoes-confirmar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-top: auto;
}

/* ===================================
   BASE COMUM PARA TODOS OS BOTÕES
   =================================== */
.ui-button {
    font-family: Arial, sans-serif !important;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    width: auto;
    min-height: 35px;
    height: 35px;
    white-space: nowrap;
}

/* ===================================
   OPÇÕES SECUNDÁRIAS
   =================================== */
.btn-secundario,
.btn-secundario.ui-state-default {
    background: #FBFBFB !important;
    border: 2px solid #E1E1E1 !important;
    color: #A0A0A0 !important;

    &:hover,
    &.ui-state-hover {
        background: #F5F5F5 !important;
        border-color: #D0D0D0 !important;
        color: #909090 !important;
    }

    &:active,
    &.ui-state-active {
        background: #F0F0F0 !important;
        transform: scale(0.98);
    }

    .ui-button-text {
        color: #A0A0A0 !important;
        text-shadow: none !important;
    }

    &:hover .ui-button-text {
        color: #909090 !important;
    }
}

/* ===================================
   OPÇÕES DE AÇÃO COMUM
   =================================== */
.btn-comum,
.btn-comum.ui-state-default {
    background: #428BCA !important;
    border: 2px solid #428BCA !important;
    color: #FFFFFF !important;

    &:hover,
    &.ui-state-hover {
        background: #3A7AB8 !important;
        border-color: #3A7AB8 !important;
        color: #FFFFFF !important;
    }

    &:active,
    &.ui-state-active {
        background: #2E6BA0 !important;
        border-color: #2E6BA0 !important;
        transform: scale(0.98);
    }

    .ui-button-text {
        color: #FFFFFF !important;
        text-shadow: none !important;
    }
}

/* ===================================
   OPÇÕES DE AÇÃO NEGATIVA
   =================================== */
.btn-negativo,
.btn-negativo.ui-state-default {
    background: #FBFBFB !important;
    border: 2px solid #FF2F2F !important;
    color: #FF2F2F !important;

    &:hover,
    &.ui-state-hover {
        background: #FFF5F5 !important;
        border-color: #E62929 !important;
        color: #E62929 !important;
    }

    &:active,
    &.ui-state-active {
        background: #FFEDED !important;
        border-color: #E62929 !important;
        transform: scale(0.98);
    }

    .ui-button-text {
        color: #FF2F2F !important;
        text-shadow: none !important;
    }

    &:hover .ui-button-text {
        color: #E62929 !important;
    }
}

/* ===================================
   OPÇÕES DE AÇÃO POSITIVA
   =================================== */
.btn-positivo,
.btn-positivo.ui-state-default {
    background: #5CB85C !important;
    border: 2px solid #5CB85C !important;
    color: #FFFFFF !important;

    &:hover,
    &.ui-state-hover {
        background: #4FA34F !important;
        border-color: #4FA34F !important;
        color: #FFFFFF !important;
    }

    &:active,
    &.ui-state-active {
        background: #458E45 !important;
        border-color: #458E45 !important;
        transform: scale(0.98);
    }

    .ui-button-text {
        color: #FFFFFF !important;
        text-shadow: none !important;
    }
}

/* ===================================
   ESTILOS PRIMEFACES
   =================================== */
.ui-selectbooleanbutton.ui-button.ui-state-active,
.ui-selectonebutton .ui-button.ui-state-active,
.ui-selectmanybutton .ui-button.ui-state-active .ui-selectbooleanbutton.ui-button.ui-state-default,
.ui-selectonebutton .ui-button.ui-state-default,
.ui-selectmanybutton .ui-button.ui-state-default .botaolimpar:hover {
    border-color: #aaaaaa !important;
    color: black !important;
}

.ui-button,
button.ui-button.ui-state-default,
.ui-button.ui-state-default {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.ui-button-icon-only {
    height: 25px;
    vertical-align: middle;
}

.ui-icon.pi {
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0 !important;
    font-size: 13px;
    padding: 1px 1px;
}

.ui-button .ui-button-text {
    text-shadow: none !important;
}

.ui-button-text {
    text-transform: uppercase;
    font-family: "BebasNeue", sans-serif;
    font-size: 15pt !important;
    font-weight: normal !important;
}

.ui-button .ui-button-text {
    text-shadow: none !important;
}

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default
{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
