@media (min-width: 576px){
	.modal-dialog {
	    max-width: 580px;
	}
}
.modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none !important;
    height: 100%;
    margin: 0;
}



.modal-lg {
    max-width: 920px;
}

.modal-xl {
    max-width: 1080px;
}
.modal-sm {
    max-width: 300px;
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
@media (min-width: 1200px){
    .modal-xl {
        max-width: 1140px;
    }
}
.btn-xs{
    padding: 3px 5px;
    font-size: .8em;
}

.form-floating label{
    font-weight: 500;
    color: #6c757d;
    font-size: .75rem;
}

label{
	font-weight: 600;
    color: #051937;
    font-size: 11px;
}

.dark-theme label{
    font-weight: 600;
    color: #ffffff;
    font-size: 11px;
}

.dark-theme .ng-star-inserted{
    color: #051937 !important;
}

.compose-body {
    margin-right: 1rem;
    margin-left: 1rem;
}

.form-group {
    margin-bottom: 16px;
}

.compose-body {
    margin-right: 1rem;
    margin-left: 1rem;
}

.modal-badoon-titulo{
	padding-left: 2rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}
.badoon-mesas {
    padding-right: 3px;
    padding-left: 3px;
    cursor: pointer;
}
.badoon-libre {
    background: #f2f2f2;
    color: #36404e;
    padding: 2px;
    text-align: center;
    margin-bottom: 5px;
}
.badoon-libre:hover {
    background: #ccc;
}
.badoon-ocupada {
    background: #d9534f;
    color: #fff;
    padding: 2px;
    text-align: center;
    margin-bottom: 5px;
}
.badoon-ocupada h3, .badoon-ocupada h6{
    color: #fff;
    font-weight: 700
}

.mesa-activa {
    background: #595ad4;
}
.mesa-activa h3, .mesa-activa h6{
    color: #fff;
    font-weight: 700
}
.offcanvas-header{
    background-color: #f1f1f1;
    border-bottom: 2px solid #bbb;
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 2px solid #ccc; margin-bottom: 10px;}

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align:left;
        font-size: 12px !important;
    }

    #no-more-tables tbody td input{
        width: 24px;
        height: 24px;
        border: 1px solid rgb(0 0 0 / 60%) !important;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}

.select2-container{
    width: 100% !important;
}

.tablaindex tbody tr td{
    padding: 0.8rem 0.7rem !important;
}

#detalle > tbody > tr > td > input{
    padding: 2px;
    min-height: 15px;
}
#detalle2 > tbody > tr > td > input{
    min-height: 15px;
}
#detalle > tbody > tr > td > select{
    padding: 2px;
    height: 27px !important;
}
#detalle > thead > tr > th { 
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff;
    font-size: 12px !important;
}
#detalle > tbody > tr > td {
    padding: .5rem !important;
}

#detalle1 > thead > tr > th { 
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff;
    font-size: 11px !important;
}
#detalle1 > tbody > tr > td {
    font-size: 11px !important;
}

.ln_solid{
    padding-top: 2rem;
    border-bottom: 2px solid #ccc;
    margin-bottom: 2rem;
}

.nav-index{
    font-size: 16px;
    color: #2a3f6e;
    font-weight: 500;
}

.badoon_stockminimo{
    background-color: #f5d0d0 !important;
}

.spinner-border-lg {
    width: 4rem;
    height: 4rem;
    border-width: 0.3em;
}
.text-naranja{
    color: #e52d03 !important;
}

.select2-container--default .select2-selection--single {
    background-color: white;
    border: 1px solid #bbbbbb !important;
    border-radius: 8px !important;
    height: calc(1.5em + 0.75rem + 9px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.75rem + 6px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
    inset-inline-end: 0px !important;
    width: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent transparent transparent !important;
}