.login {
        height: 40em;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #div-Alugar.block-clicks::after{
        content:"";
        position:absolute;
        inset:0;
        cursor:not-allowed;
    }

    .btn-val {
        border: 0;
        color: white;
        background-color: #64a064;
        padding: 3px 7px;
        border-radius: 50%;
        font-size: 0.7em;
        margin-left: 10px;
    }

    body {
        background-color: #feffff   !important;
        color: #7a7a7a   !important;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #0d0d0c ;
    }

    .inputLogin {

        border-bottom-color: orange;
    }

    .border-card {
        border-bottom: 6px solid #efbb1b   !important;

    }

    .bg-header {
        background-color: #000000


    }

    .text_footer {
        color: #fafafa


    }

    .bg_session1 {
        background-color: #efbb1b   !important;

    }

    .bg_session2 {
        background-color: #efbb1b   !important;

    }

    .session2_text {
        color: #1f1c1c   !important;
    }

    .session2_title {
        color: #1f1c1c   !important;
    }

    .bg_session1 a {
        color: white;
        text-decoration: none;
    }

    .bg_session1 a:hover {
        color: #0d0d0c;
        text-decoration: none;
    }

    .btn_session1 {
        background-color: #1b1b1b;
        color: white;
    }

    .btn_session1:hover {
        color: white;
    }

    .bg-tema {
        background-color: #efbb1b   !important;
    }

    .bg-default {
        background-color: #feffff   !important;
    }

    .wrap-2 {
    }

    .wrap-3 {
        height: auto;
        background-color: #343a40;

    }


    .footer-1 {
        background-color: #efbb1b;
    }

    .center {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nav-link {
        color: #efbb1b   !important
    }

    .topo-link {
        color: #efbb1b   !important
    }

    .equipaments-btn {
        color: #00080   !important
    }

    .equipaments {
        color: #efbb1b   !important
    }

    .category-title {
        color: #f39200   !important
    }

    .category-card:hover {

        border: solid 2px #f39200  !important


    }


    .nav-link:hover {
        color: #fde89b    !important;

    }


    .btn-store {
        color: #fcfcfd    !important;
        background-color: #efbb1b    !important;
        font-weight: bold;
    }

    .btn-store:hover {
        background-color: #fcfcfd    !important;
    }

    body .btn-primary {
        /* Define a cor de fundo como base (fallback) e para o gradiente */
        background-color: #efbb1b !important;

        /* Cria o gradiente suave de cima para baixo, escurecendo levemente */
        background-image: linear-gradient(to bottom,
            #efbb1b,
        rgba(0,0,0,0.15)
        ) !important;

        border-color: #efbb1b !important;
        color: #fcfcfd !important;
    }

    body .btn-primary:hover {
        background-color: #fcfcfd !important;

        /* Gradiente para o estado hover, um pouco mais escuro para dar feedback */
        background-image: linear-gradient(to bottom,
            #fcfcfd,
        rgba(0,0,0,0.25)
        ) !important;

        border-color: #fcfcfd !important;
        color: #fcfcfd !important;
    }

    .cart-link {
        color: #efbb1b   !important;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #efbb1b;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

    .dropdown-menu {
        position: absolute;
        -webkit-box-shadow: 3px 2px 9px -1px#efbb1b;
        box-shadow: 3px 2px 9px -1px#efbb1b;
        background-color: #000000   !important;
        border: 0;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #efbb1b   !important;
    }

    .form-control {
        border-bottom: 2px solid #efbb1b   !important;
        border-radius: 6px !important; /* Ajuste o valor para controlar o arredondamento */
        padding: 10px 10px !important;
        color: #4d7880 !important;
        background-color: #ffffff !important;
    }

    /* Corrige a cor de fundo do preenchimento automático do navegador */
    .form-control:-webkit-autofill,
    .form-control:-webkit-autofill:hover,
    .form-control:-webkit-autofill:focus,
    .form-control:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        -webkit-text-fill-color: #4d7880 !important;
    }

    .select2-container--default {
        border-bottom: 2px solid #efbb1b   !important;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #4d7880 !important;
    }

    .input-group-append {
        border-bottom-right-radius: 4px;
        border-bottom: 2px solid #efbb1b   !important;
    }

    .text-store {
        color: #efbb1b   !important;
        font-size: 2em;
    }

    .init-hidden {
        opacity: 0;
        transition: .3s;
    }

    .init-hidden-off {
        opacity: 1;
    }

    .page-link {
        color: #efbb1b   !important;
        background-color: #feffff  !important;
        border-color: #efbb1b;

    }

    .page-item.active .page-link {
        color: #fcfcfd    !important;
        background-color: #efbb1b    !important;
        border-color: #efbb1b


    }

    .dropzone {
        border: 1px solid rgb(0 0 0 / 19%);
        border-radius: 4px;
    }

    .dropzone .dz-preview .dz-image img {
        margin: auto; /* center the image inside the thumbnail */

    }

    .dropzone .dz-preview .dz-error-message {
        top: 0px; /* move the tooltip below the "Remove" link */

    }

    .dropzone .dz-preview .dz-error-message:after {
        left: 0px; /* move the tooltip's arrow to the left of the "Remove" link */
        bottom: 0px;
        border-bottom-width: 0px;
    }

    .dropzone .dz-preview .dz-remove {
        margin-top: 4px;
        font-size: 11px;
        text-transform: uppercase;
    }

    .btn-doc {
        color: white;
        background-color: #447396;
        font-weight: bold;
    }

    .no-top-border th {
        border-top: none;
    }

    .custom-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        background-color: transparent;
        z-index: -1 !important;
    }

    .custom-menu li {
        position: relative;
        white-space: nowrap;
    }

    .custom-menu li a {
        display: block;
        padding: 8px 20px;
        color: #efbb1b;
        text-decoration: none;
    }

    .custom-menu li a:hover {
        background-color: transparent;
        color: #fde89b    !important;
    }

    /* Estilo para o dropdown */
    .custom-menu li ul {
        position: absolute;
        z-index: 10000;
        top: 100%;
        left: 0;
        -webkit-box-shadow: 3px 2px 9px -1px#efbb1b;
        box-shadow: 3px 2px 9px -1px#efbb1b;
        background-color: #000000   !important;
        border: 0;
    }

    .custom-menu li ul li a {
        padding: 5px 20px;
    }

    .custom-menu ul.d-none {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .flex-column {
        flex-direction: column;
    }

    .custom-menu li a.dropdown-toggle::after {
        content: none !important;
        background-image: none !important; /* Remove a seta do dropdown */
    }

    
@media (max-width: 767px) {
        .login {
            height: 30em;
            display: flex;
            justify-content: center
        }


    }