/* General css */

body {
    background-color: hsl(0, 0%, 97%);
}

.inputOutline {
    border-width: 2px;
}



/* customer page */
.search_action_bar {
    display: flex;
    gap: 10px;
}
.search_action_bar button  {
    white-space: nowrap;
}

/* Applica la larghezza SOLO se gli elementi NON sono dentro .variantBox_tr */
.min_content {
    min-width: min-content !important;
}

:not(.variantBox_tr) .input_quantity {
    min-width: 200px !important;
}

/*  -----------------------------------  */

form.login {
    background-color: white;
}

@media(min-width: 768px){

    .body-container {
        padding-left: 100px;
        padding-right:100px;
    }

    form.signup{
        max-width: 570px;
    }

    form.login{
        max-width: 500px;
    }
}

/* Table style */
#tableData {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 18px; /* Increase font-size */
}

#tableData th, #tableData td {
    text-align: left; /* Left-align text */
    padding: 12px; /* Add padding */
}

#tableData tr {
    /* Add a bottom border to all table rows */
    border-bottom: 1px solid #ddd;
}

#tableData tr.header, #tableData tr:hover {
    /* Add a grey background color to the table header and on hover */
    background-color: #f1f1f1;
}

.tr_blocked {
    background-color: red !important;
}

.top-bar {
    padding: 0.75rem;
    font-size: 1rem;
}
.top-bar span {
    font-weight: 500;
}

/* Buttons */
.standard_btn {
    width: 100%;
}


/* Action tolbox */
.actionToolBox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.btnToolBox {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}


.dropdown-menu {
    z-index: 1021;
}

.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}

.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
.dropdown-menu li {
    position: relative;
    }

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.dropdown-hover:hover>.dropdown-menu {
    display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}