/* Nav */
.nav-side-menu {
    position: fixed;
    top: 0;
    z-index: 1031;
    width: 250px;
    height: 100vh;
    background-color: #0f4c81;
    background-image: url('../img/navbar_background.png');
    font-size: medium;
    font-weight: 300;
    -webkit-box-shadow: 1px 0px 5px 0px rgba(132,137,140,.36);
    -moz-box-shadow: 1px 0px 5px 0px rgba(132,137,140,.36);
    box-shadow: 1px 0px 5px 0px rgba(132,137,140,.36);
    overflow-y: auto;
}
.nav-side-menu .nav-side-menu-content{
    position: relative;
    z-index: 2;
    width: 250px;
    height: 100vh;
    background: rgb(15,76,129);
    background: -moz-linear-gradient(180deg, rgba(15,76,129,.5) 50%, rgba(101, 141, 198,.1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(15,76,129,.5) 50%, rgba(101, 141, 198,.1) 100%);
    background: linear-gradient(180deg, rgba(15,76,129,.5) 50%, rgba(101, 141, 198,.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f4c81",endColorstr="#ffffff",GradientType=1);
}
.nav-side-menu .brand{
    background-color: transparent;
    /* line-height: 60px; */
    display: block;
    text-align: center;
    font-size: medium;
    padding-top: .48em;
    padding-bottom: .48em;
}
.nav-side-menu .logoTextSection{
    text-decoration: none!important;
    font-size: large;
}
.nav-side-menu .logoText{
    padding-top: 10px;
    margin-bottom: 10px;
}
.nav-side-menu .brand .rounded{
    border: 5px solid #E4EDF2;
}
.nav-side-menu .toggle-btn {
    display: none;
}
.feader-navbar{
    display: none;
}
.nav-side-menu ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.nav-side-menu li{
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.nav-side-menu li.active {
    position: relative;
    border-left: 5px solid #E4EDf2;
    background: rgb(101,141,198);
}
.nav-side-menu li.active::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid #658DC6;
    border-right: 0;
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    height: 5px;
    margin: auto;
}
.nav-side-menu li a,
.nav-side-menu li a:link,
.nav-side-menu li a:active,
.nav-side-menu li a:focus,
.nav-side-menu li a:hover,
.nav-side-menu li a:visited{
    color: #FFF !important;
    text-decoration: none !important;
}
.nav-side-menu li.active a{
    font-weight: 700;
}
.nav-side-menu ul .sub-menu li.active:hover,
.nav-side-menu li .sub-menu li.active:hover,
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    background-color: #84898C;
    border-left: #84898C;
}
.nav-side-menu .sub-menu li.active::after{
    border-left-color: #84898C;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #FFF;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #082640;
    border-left: 5px solid transparent;
    line-height: 28px;
    margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    /* background-color: #84898C; */
    border-left: 5px solid #658DC6;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 7px;
    color: #FFF;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-right: 7px;
    padding-left: 7px;
}
.nav-side-menu li {
    padding: 0 10px;
    border-left: 5px solid #0F4C81;
}
.nav-side-menu li a {
    text-decoration: none;
    color: white;
    display: block;
}
.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 30px;
}
.nav-side-menu li:hover {
    border-left: 5px solid #658DC6;
}
.nav-side-menu #menu-content .d-flex{
    height: calc(100vh - 340px);
}
.nav-side-menu #items-menu{
    margin-top: 0;
    margin-bottom: auto;
}
.nav-side-menu #items-menu-down{
    margin-top: auto;
    margin-bottom: 0;
}

/* Tabs */
.nav-tabs{
    border-bottom: 1px solid #E4EDF2;
}
.nav-tabs .nav-link{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
    background-color: transparent;
    border-bottom: 3px solid #A58D7F;
    color: #0F4C81 !important;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover{
    border-bottom: 3px solid #A58D7F;
}
#logoCompany{
    object-fit: contain;
    -o-object-fit: contain;
}

/* Table */
.table{
    border: 0 !important;
    font-weight: 300;
    font-size: medium;
    z-index: 99;
}
.td-budget{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.table td,
.table th{
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
}

.table td,
.table th{
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
}

#drinksTable td, #drinksTable th{
    padding: .45rem!important;
}

.table td.no-padding-td{
    padding-top: 0!important;
}

.table thead, .simulated-th{
    background-color: #0f4c81;
    color: #FFF;
    font-weight: 700;
    font-size: small;
    text-transform: uppercase;
}
table > tbody > tr.odd{
    background-color: #E4EDF2 !important;
}
table > tbody > tr.even{
    background-color: #FFF !important;
}
table th,
table td{
    border: 0 !important;
}
.table-100{
    width: 100%;
}

tr.footer-grand-total td{
    font-size: 1.05rem;
}

.border-top-1px{
    border-top: 1px groove!important;
}

.underline{
    text-decoration: underline;
}

.list-style-none{
    list-style-type: none;
}

#supplierListTable, #supplierListTable #suppliers{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}

.font-size-table-select2{
    font-size: 12px!important;
}

/* Card */ 
.cardConfiguration{
    height: 275px;
    overflow-y: auto;
}
.confDescription{
    margin-bottom: 10px;
}
.cardHeaderAccordion{
    cursor: pointer;
    padding-left: 12px;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
}
.cardBodyAccordion{
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 0px;
}

.css-selector{
    padding:5px;
    background-color: white;
    -webkit-animation: AnimationName 2s ease infinite;
    -moz-animation: AnimationName 2s ease infinite;
    animation: AnimationName 2s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-color: white}
    100%{background-color: #0f4c81}
}
@-moz-keyframes AnimationName {
    0%{background-color: white}
    100%{background-color: #0f4c81}
}
@keyframes AnimationName {
    0%{background-color: white}
    100%{background-color: #0f4c81}
}

/* Custom checkboxs */
.custom-control-input,
.custom-control-label{
    cursor: pointer !important;
}

/* Icons */
i.view,
i.edit,
i.lock,
i.password,
i.view-supplier,
i.send,
i.pdf,
i.delete{
    cursor: pointer;
    color: #212529;
    z-index: 1000;
}

/* Buttons */
button.fas{
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: inherit;
}
.btn{
    border-radius: .64rem;
    -moz-border-radius: .64rem;
    -webkit-border-radius: .64rem;
    font-weight: 300;
    font-size: small;
    text-transform: uppercase;
    cursor: pointer !important;
}
.btn-primary{
    color: #fff !important;
    background-color: #0F4C81 !important;
    border-color: #0F4C81 !important;
}
.btn-primary:hover{
    color: #fff !important;
    background-color: #658DC6 !important;
    border-color: #658DC6 !important;
}
.btn-primary.btn-sm::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.btn-secondary,
.btn-dark{
    background-color: #84898c;
    border-color: #84898c;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle,
.btn-dark:hover{
    color: #fff;
    background-color: #0F4C81;
    border-color: #0F4C81;
}
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show>.btn.dropdown-toggle:focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.btnLabel{
    padding: 0.1rem 0.6rem !important;
    margin-left: -20px;
    margin-right: 30px;
    margin-top: -4px;
}
 
.btn-danger{
    background-color: #dc3545;
    border-color: #dc3545;
    color: #FFF !important;
    border: 0;
} 
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover{
    background-color: #c82333;
    border-color: #bd2130;
    color: #FFF !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-info{
    background-color: #658DC6;
    color: #FFF !important;
    border: 0;
}
.btn-info:focus,
.btn-info:hover{
    background-color: #0F4C81;
}
.btn-append-select2.btn-info{
    border-radius: 0px;
}
.btn-paste{
    color: #fff !important;
    background-color: #A58D7F !important;
    border-color: #A58D7F !important;
}
.btn-paste:hover{
    color: #fff !important;
    background-color: #74655b !important;
    border-color: #74655b !important;
}
.btn-paste.btn-sm::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.btn-eraser{
    color: #fff !important;
    background-color: #B5C7D3 !important;
    border-color: #B5C7D3 !important;
}
.btn-eraser:hover{
    color: #fff !important;
    background-color: #95ADBD !important;
    border-color: #95ADBD !important;
}
.btn-eraser.btn-sm::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.fa-recycle{
    font-size: 15px;
}

/* Dropdown */
.dropdown-menu{
    border-top-left-radius: .48rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .48rem;
    -webkit-border-top-left-radius: .48rem;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: .48rem;
    -moz-border-top-left-radius: .48rem;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: .48rem;
    border: 2px solid #0F4C81;
}
.dropdown-item{
    font-size: medium;
    font-weight: 300;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #84898C;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #E4EDF2;

}

/* Forms */
label{
    color: #0F4C81;
    font-weight: 300;
    font-size: small;
    text-transform: uppercase;
}
.form-control{
    border-color: #E4EDF2;
    color: #84898C;
    border-radius: .64rem;
    -moz-border-radius: .64rem;
    -webkit-border-radius: .64rem;
}
.form-control:focus {
    background-color: #fff;
    border-color: #E4EDF2;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(101, 141, 198,.25);
}

/* List group */
.list-group-item .badge{
    position: absolute;
    top: 10px;
    right: 10px;
}
.list-group-item-primary.list-group-item:last-child,
.list-group-item-primary.list-group-item:first-child,
.list-group-item-primary.list-group-item{
    border-top-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 1rem;
    -moz-border-top-left-radius: 1rem;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 1rem;
    background-color: #FFF;
    border: 5px solid #0F4C81;
    color: #0F4C81 !important;
    font-size: medium;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none !important;
}
.list-group-item-primary.list-group-item i{
    color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 0;
    background-color: #658DC6;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: .36rem auto;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #FFF !important;
    background-color: #0F4C81 !important;
}

/* Colors */
.bg-dark{
    background-color: #84898C !important;
}

/* Alert */ 
#alertMessage{
    margin-bottom: 11px;
}
.alert-primary{
    background-color: #D8E0E6;
}
.alert-success{
    background-color: #a2dacc;
}
.alert-danger{
    background-color: #FFDAC4;
}
.new-section{
    margin-top:2%;
}

/* Modal */
.modal-header{
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0;
    color: #212529;
}
.modal-header .close{
    padding: 7px 10px 10px 10px !important;
    margin: -10px -10px -10px auto !important;
}
.modal-content{
    border-top-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 1rem;
    -moz-border-top-left-radius: 1rem;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 1rem;
}
.modal-exit{
    color: #658DC6;
}
.modal-footer{
    padding-top: 5px;
    padding-bottom: 5px;
}
.modal .btn-primary.btn-sm::before{
    content: "";
}
/* Booking budget message */
#editBookingModal #sectionMsgBudget {
    font-size: 1.1rem;
}
#editBookingModal #sectionMsgBudget a {
    font-weight: 700;
}

.bigModal{
    margin-left: auto !important;
    max-width: 100% !important;
    width: 95%!important;
    margin-right: auto !important;
}

/* Text editor */
.trumbowyg{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
}

.invalid-trumbowyg-border{
    border-color : #dc3545 !important;
}

/* Datepicker */
.datepicker{
    cursor: text !important;
}
.picker__select--month,
.picker__select--year{
    height: calc(1.5em + .75rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

/* Time picker */
.picker__input {
    cursor: text!important;
}
.picker__list {
    padding: .75em 0 0.6em!important;
}
.picker--time .picker__button--clear {
    width: 90%!important;
}
.picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover{
    background: none!important;
    border-color: transparent!important;
    color: #666!important;
}
.picker--time .picker__button--clear:focus:before, .picker--time .picker__button--clear:hover:before{
    color: #666!important;
    border-color: #666!important;
}

/* Select2 */
.select2{
    width:100%!important;
}
.select2-search__field{
    cursor: pointer;
    padding-left: 4px !important;
}
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true]{
    background-color: #0F4C81 !important;
}
/* .d-flex .select2-selection.select2-selection--single{
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
} */

#blocksSection .selection .select2-selection--single{
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.d-flex.select-width-suppliers .select2-selection.select2-selection--single{
    border-top-right-radius: 0.64rem!important;
    border-bottom-right-radius: 0.64rem!important;
}

/* Datatables */
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    background-color: #658DC6 !important;
    border: 0px !important;
    color: #FFF !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    border-radius: .64rem;
    -moz-border-radius: .64rem;
    -webkit-border-radius: .64rem;
    font-size: small;
    font-weight: 300;
    text-transform: uppercase;
}
div.dataTables_paginate ul.pagination .page-item a.page-link,
div.dataTables_paginate ul.pagination .page-item a.page-link:link,
div.dataTables_paginate ul.pagination .page-item a.page-link:active,
div.dataTables_paginate ul.pagination .page-item a.page-link:focus,
div.dataTables_paginate ul.pagination .page-item a.page-link:visited{
    color: #0F4C81 !important;
    text-decoration: none !important;
}
div.dataTables_paginate ul.pagination .page-item a.page-link:hover{
    color: #658DC6 !important;
}
div.dataTables_paginate ul.pagination .page-item.disabled a.page-link,
div.dataTables_paginate ul.pagination .page-item.disabled a.page-link:link,
div.dataTables_paginate ul.pagination .page-item.disabled a.page-link:active,
div.dataTables_paginate ul.pagination .page-item.disabled a.page-link:focus,
div.dataTables_paginate ul.pagination .page-item.disabled a.page-link:visited,
div.dataTables_paginate ul.pagination .page-item.disabled a.page-link:hover{
    color: #84898C !important;
    text-decoration: none !important;
}
div.dataTables_paginate ul.pagination .page-item.active a.page-link,
div.dataTables_paginate ul.pagination .page-item.active a.page-link:link,
div.dataTables_paginate ul.pagination .page-item.active a.page-link:active,
div.dataTables_paginate ul.pagination .page-item.active a.page-link:focus,
div.dataTables_paginate ul.pagination .page-item.active a.page-link:visited{
    color: #FFF !important;
    font-weight: 700;
    background-color: #0F4C81 !important;
    text-decoration: none !important;
    border: 0;
}
div.dataTables_paginate ul.pagination .page-item.active a.page-link:hover{
    background-color: #658DC6 !important;
}

/* Google Maps */
.pac-container{
    z-index: 100000 !important;
    top: 20px;
}

/* Hamburgers */
button.hamburger,
button.hamburger:focus{
    outline: 0;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before{
    background-color: #FFF;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before{
    background-color: #658DC6;
}

/* Full calendar */
/* .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
    flex-direction: column;
} */
.fc-toolbar-title{
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}
.fc-toolbar-chunk.fc-button-group{
    margin-bottom: 5px!important;
}

/* Signature */
.signature-error{
    display: flex;
}
.signature{
    border: 1px solid #0F4C81;
}

/* Header */
#headerActions.fixed-top{
    -webkit-box-shadow: -1px 0px 5px 0px rgba(132,137,140,.7);
    -moz-box-shadow: -1px 0px 5px 0px rgba(132,137,140,.7);
    box-shadow: -1px 0px 5px 0px rgba(132,137,140,.7);
}
#headerActions .left .btn i{
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    padding-right: 7px;
}
#headerActions .center{
    color: white;
    font-weight: bold;
    font-size: large;
    border-bottom: 2px solid #0F4C81;
    text-transform: uppercase;
}

/* Footer */
.headerMessage{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#headerSection{
    bottom: 40px;
}
#headerSection .alert{
    border-radius: 0;
}
.header-row{
    padding-left: 0px;
    padding-right: 0px;
}

/* Footer */
#footerSection{
    -webkit-box-shadow: -1px 0px 5px 0px rgba(132,137,140,.7);
    -moz-box-shadow: -1px 0px 5px 0px rgba(132,137,140,.7);
    box-shadow: -1px 0px 5px 0px rgba(132,137,140,.7);
}
footer .navbar,
header .navbar{
    padding: 7px;
}
#headerActions .navbar{
    position: relative;
    align-items: center;
}
header .bg-dark,
footer .bg-dark{
    background-color: #A58D7F !important;
}
header .btn-outline-light:hover,
header .btn-outline-light:not(:disabled):not(.disabled).active,
header .btn-outline-light:not(:disabled):not(.disabled):active,
header .show>.btn-outline-light.dropdown-toggle,
footer .btn-outline-light:hover,
footer .btn-outline-light:not(:disabled):not(.disabled).active,
footer .btn-outline-light:not(:disabled):not(.disabled):active,
footer .show>.btn-outline-light.dropdown-toggle {
    color: #FFF;
    background-color: #0F4C81;
    border-color: #0F4C81;
}
header .left input[type="search"],
footer .left input[type="search"]{
    border-color: #FFF;
    background: transparent;
    color: #FFF;
}
header .left ::-webkit-input-placeholder,
footer .left ::-webkit-input-placeholder{
    color: #FFF;
}
header .left :-ms-input-placeholder,
footer .left :-ms-input-placeholder{
    color: #FFF;
}
header .left ::placeholder,
footer .left ::placeholder {
    color: #FFF;
}
#headerActions .left{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#headerActions .right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#headerActions .center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: max-content;
    max-width: calc(100% - 320px);
    z-index: 0;
}
#supplierAiWrapper{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 10px;
}
/* Unify the height of every piece to the btn-sm height so they line up */
#supplierAiWrapper .custom-file,
#supplierAiWrapper .custom-file-input,
#supplierAiWrapper .custom-file-label,
#supplierAiWrapper .custom-file-label::after,
#supplierAiWrapper #supplierAiBtn{
    height: calc(1.8125rem + 2px);
}
#supplierAiWrapper .custom-file{
    width: 190px;
    margin-bottom: 0;
}
#supplierAiWrapper .custom-file-label{
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.5;
    background: #495057;
    border-color: #6c757d;
    color: #FFF;
    padding: 0 3rem 0 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}
#supplierAiWrapper .custom-file-input{
    cursor: pointer;
}
/* Hover feedback: lighten the field and highlight the "Elegir" button */
#supplierAiWrapper .custom-file-input:hover ~ .custom-file-label,
#supplierAiWrapper .custom-file-label:hover{
    background: #5a6268;
    border-color: #FFF;
}
#supplierAiWrapper .custom-file-input:hover ~ .custom-file-label::after,
#supplierAiWrapper .custom-file-label:hover::after{
    background: #0d63ab;
}
#supplierAiWrapper .custom-file-label::after{
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    line-height: 1.5;
    background: #0F4C81;
    border-color: #0F4C81;
    color: #FFF;
    transition: background-color .15s ease-in-out;
}
#supplierAiWrapper #supplierAiBtn{
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 0;
}
#supplierAiWrapper #supplierAiBtn i{
    margin-right: 5px;
}
#supplierAiStatus{
    color: #FFF;
    white-space: nowrap;
}
/* AI suggestion rows already added to a template */
#aiSupplierSuggestionsPanel tr.ai-suggestion-added > td{
    background-color: #d6e9ff !important;
}

/* Language */
.info-navbar{
    width: 250px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
.language-navbar{
    padding-bottom: 10px;
}
.language-login{
    padding-top: 10px;
}

/* Input file */
.custom-file-input:lang(es)~.custom-file-label::after{
    content: "Elegir";
}
.custom-file-input:lang(ga)~.custom-file-label::after{
    content: "Escoller";
}
.custom-file-input:lang(pt)~.custom-file-label::after{
    content: "escolher";
}
.input-group input{
    border-color: #E4EDF2;
    color: #84898C;
    border-radius: .64rem;
    -moz-border-radius: .64rem;
    -webkit-border-radius: .64rem;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){
    border-top-left-radius: 0.64rem;
    border-bottom-left-radius: 0.64rem;
}

/* Clock in */
.clock-in-items-padding{
    padding: 0 10px
}

.summary-clock-in-table th{
    padding-top: 0.1rem !important;
    padding-bottom: 0.05rem !important;
}
/* **** * **** */

/* General */
html,
body {
    margin: 0px;
    padding: 0px;
    /* height: 100vh; */
    /* overflow-x: hidden; */
}
body{
    font-family: 'Muli', sans-serif !important;
    color: #84898C;
    background-color: rgba(228, 237, 242,.3);
}
a,
a:link,
a:active,
a:focus,
a:visited{
    color: #0F4C81 !important;
    text-decoration: underline !important;
    text-decoration-color: #658DC6 !important;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
a:hover{
    text-decoration-color: #0F4C81 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    color: #0F4C81;
    font-weight: 700;
}
h1{
    font-size: xx-large;
}
hr{
    margin: 0.48rem auto !important;
    border-color: #A58D7F;
}
.cursor-pointer{
    cursor: pointer;
    text-decoration: none!important;
}
.popover{
    max-width: 50%;
}
.popover-body {
    max-height: 225px;
    overflow-y: auto;
    white-space:pre-wrap;
}
body.schedules .popover-body {
    white-space: inherit!important;
}
textarea{
    resize: none;
}
.toCenterPage{
    height: 100%;
    display: flex;
    align-items: center;
}
.mt-25-em{
    margin-top:25em;
}
.spaceBottom{
    padding-bottom: 10px;
}
.spaceRightChecks{
    margin-right: 10px;
}
.spaceRightTags{
    margin-right: 5px;
}
.text-dark{
    color: #212529 !important;
}
.vertical-align-middle{
    vertical-align: middle !important;
}
.user-header{
    background-color: #cce5ff;
    border-color: #b8daff;
}
.block-page{
    margin: 0.5em;
    padding: 1em;
    margin-top: 50px;
    margin-bottom: 20px;
    background-color: #FFF;
    border-top-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 1rem;
    -moz-border-top-left-radius: 1rem;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 1rem;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(132,137,140,.1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(132,137,140,.1);
    box-shadow: 0px 0px 2px 2px rgba(132,137,140,.1);
}
.block-page-sickleave{
    border: 3px solid #77202F;
}
.block-page-disciplinary{
    border: 3px solid #BCB2A2;
}
.block-page-personal{
    border: 3px solid #B59A49;
}
.block-page-advances{
    border: 3px solid #656460;
}
.block-page-holidays{
    border: 3px solid #955C20;
}
.block-page-material{
    border: 3px solid #A97F78;
}
.block-page-communication{
    border: 3px solid #84898C;
}
.block-page-no-read{
    border: 3px solid #658DC6;
}
.block-page-pending{
    border: 3px solid #BA9238;
}
.block-page-accepted{
    border: 3px solid #7FC844;
}
.block-page-denied{
    border: 3px solid #F26B5B;
}
.wrapper-separator{
    border-top: 1px solid black;
}
.push-list{
    padding-left: 2em;
}
.p-bottom-5{
    padding-bottom: 5px;
}
.overflox-x-scroll{
    overflow-x: auto;
}
.overflox-x-scroll-scroll{
    overflow-x: scroll;
}
.input-width-datatables{
    min-width: 60px!important;
    text-align: center;
}
.input-width-datatables-data-sheets{
    width: 115px!important;
    height: 35px!important;
    text-align: center;
}

.input-width-datatables-data-sheets-sale-formats{
    width: 85px!important;
    height: 39px!important;
    text-align: center;
}

.input-width-datatables-suppliers{
    width: 85px!important;
    height: 39px!important;
    text-align: center;
}
.input-width-datatables-suppliers-weight-with-unid{
    width: 160px!important;
    height: 39px!important;
    text-align: center;
}
.input-width-datatables-menus{
    width: 125px!important;
    height: 39px!important;
    text-align: center;
}
.input-width-datatables-orders-quantity{
    width: 70px!important;
    height: 39px!important;
    text-align: center;
}
.input-width-datatables-trazability{
    width: 100%!important;
    height: 39px!important;
    text-align: center;
}
.input-width-datatables-orders{
    width: 90px!important;
    height: 39px!important;
    text-align: center;
}
.input-width-datatables-stock{
    width: 80px!important;
    height: 39px!important;
    text-align: center;
    font-size: 12px;
}
.input-width-datatables-stock-quantity{
    width: 50px!important;
    height: 39px!important;
    text-align: center;
    font-size: 12px;
}

/* Proveedores y pedidos */
#tableNewOrder .select-width-suppliers .select2-container--bootstrap4 .select2-selection,
#tableDraft .select-width-suppliers .select2-container--bootstrap4 .select2-selection,
#tableShowOrder .select-width-suppliers .select2-container--bootstrap4 .select2-selection,
#tableReceive .select-width-suppliers .select2-container--bootstrap4 .select2-selection,
#tableStock .select-width-suppliers .select2-container--bootstrap4 .select2-selection,
#traceabilityTables table .select-width-suppliers .select2-container--bootstrap4 .select2-selection,
#drinksTable table .select-width-suppliers .select2-container--bootstrap4 .select2-selection,
body.supplier table .select-width-suppliers .select2-container--bootstrap4 .select2-selection{
    font-size: 12px;
}
#tableNewOrder .select-width-suppliers .select2.select2-container, #tableNewOrder .article
#tableDraft .select-width-suppliers .select2.select2-container, #tableDraft .article
#tableShowOrder .select-width-suppliers .select2.select2-container, #tableShowOrder .article
#tableReceive .select-width-suppliers .select2.select2-container, #tableReceive .article
#tableStock .select-width-suppliers .select2.select2-container,
#traceabilityTables table .select-width-suppliers .select2.select2-container, #traceabilityTables table .article
#drinksTable table .select-width-suppliers .select2.select2-container, #drinksTable table .article
#unityTable table .select-width-suppliers .select2.select2-container, #unityTable table .article
body.supplier table .select-width-suppliers .select2.select2-container, body.supplier table .article{
   width: 100px!important;
}
#tableNewOrder td, #tableNewOrder th,
#tableDraft td, #tableDraft th,
#tableShowOrder td, #tableShowOrder th,
#tableReceive td, #tableReceive th,
#traceabilityTables table td, #traceabilityTables table th,
#drinksTable table td, #drinksTable table th,
#tableStock td, #tableStock th,
body.supplier table td, body.supplier table th{
    padding: .25rem!important;
}

#drinksTable td i{
    color:black
}
#drinksTable table td .disabled-link{
    pointer-events: none;
    color:grey!important;
}

#totalStock td{
    font-weight: 600;
}
#tableStock td, #tableStock th{
    font-size: 11px!important;
}

/* STOCK */
.stock-width-article{
    width: 500px!important;
}
.stock-width-article-week{
    width: 200px!important;
}

/* STOCK */
.stock-width-article-weekly{
    width: 300px!important;
}

.stock-width{
    width: 100px!important;
}
.stock-border-right{
    border: 10px solid white;
}
.stock-quantity-cell{
    background-color: bisque;
    font-weight: 600;
}
.order-quantity-cell{
    background-color: #96bce1;
    font-weight: 600;
}
.total-stock-quantity-cell{
    background-color: darkgrey;
    font-weight: 800;
}
.consume-quantity-cell{
    background-color: darkseagreen;
    font-weight: 800;
}
/* INVENTORY */
.food-cell{
    background-color: #47a047!important;
    font-weight: 600;
}
.drink-cell{
    background-color: cornflowerblue!important;
    font-weight: 600;
}
.consumable-cell{
    background-color: burlywood!important;
    font-weight: 800;
}
.total-warehouse-cell{
    background-color: lightskyblue;
    font-weight: 800;
}
.total-warehouse-variable-cell{
    background-color: #cdd484 !important;
    font-weight: 800;
}
.min-width-fixed-200{
    min-width: 200px!important;
}
.width-fixed-200{
    width: 200px!important;
}
.width-fixed-400{
    width: 400px!important;
}
.schedule-input-filled{
    background-color: #B5C7D3!important;
}
.schedule-input-empty{
    /* background-color: #F1F0E2!important; */
    /* background-color: #d6d4d6!important; */
    background-color: #bdbabd!important;

}
.schedule-responsible{
    background-color: #7FC844!important;
}
.schedule-holidays{
    background-color: #d5bd87!important;
}
.schedule-sick-leave{
    background-color: #F26B5B!important;
}
.background-deleted{
    background-color: #f26b5b85!important;
}
.schedule-personal-issues-days{
    background-color: #658DC6!important;
}
.schedule-public-holidays{
    background-color: #99001180!important;
}
.back-orders-no-stock{
    background-color: #e6aea8!important;
}
.back-order-completed{
    background-color: #b4dcbd!important;
}
.back-order-empty{
    background-color: #e4edf2!important;
}

/* only holidays */
.events-flagH{
    background-color: #d5bd87;
    position: relative;
    /* width: 100%; */
    max-width: 40px;
    height: 100%;
}

/* only sick leave */
.events-flagS{
    background-color: #F26B5B;
    position: relative;
    /* width: 100%; */
    max-width: 40px;
    height: 100%;
}

/* only personal issues days */
.events-flagP{
    background-color: #658DC6;
    position: relative;
    /* width: 100%; */
    max-width: 40px;
    height: 100%;
}

/* sick leave and personal issues days */
.events-flagSP{
    background-color: #F26B5B;
    position: relative;
    /* width: 100%; */
    max-width: 40px;
    height: 100%;
}
.events-flagSP::after{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    display: block;
    background-color: #658DC6;
}

/* holidays and personal issues days */
.events-flagHP{
    background-color: #d5bd87;
    position: relative;
    /* width: 100%; */
    max-width: 40px;
    height: 100%;
}
.events-flagHP::after{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    display: block;
    background-color: #658DC6;
}

/* holidays and sick leave */
.events-flagHS{
    background-color: #d5bd87;
    position: relative;
    /* width: 100%; */
    max-width: 40px;
    height: 100%;
}
.events-flagHS::after{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    display: block;
    background-color: #F26B5B;
}

 /* holidays, sick leave and personal issues days */
.events-flagHSP{
    background-color: #F26B5B;
    position: relative;
    /* width: 100%; */
    max-width: 40px;
    height: 100%;
}
.events-flagHSP::before{
    content: '';
    width: 33.33%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    background-color: #d5bd87;
}
.events-flagHSP::after{
    content: '';
    width: 33.33%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    display: block;
    background-color: #658DC6;
}
.td-flag{
    z-index: 1;
    position: relative;
}

.td-flag-money{
    display: inline-block;
    text-decoration: none !important;
    background-color: #0f4c81;
    color: #fff !important;
    border: 1px solid #0f4c81;
    border-radius: 10px;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;
    max-width: 100%;
}

td.no-wrap{
    white-space: nowrap;
}
#allergenTestModal #form label,
#foodTestModal #form label,
#securityTestModal #form label,
#clientTestModal #form label{
    text-transform: none;
}

.square-bolder-current-day{
    width: 20px;
    height: 20px;
    border: 3px solid rgb(15 76 129) !important;;
}
.square-bolder-schedule{
    width: 20px;
    height: 20px;
    background-color: #B5C7D3;
}
.square-bolder-no-schedule{
    width: 20px;
    height: 20px;
    /* background-color: #F1F0E2; */
    background-color: #d6d4d6;
}
.square-bolder-no-schedule-time-control{
    width: 20px;
    height: 20px;
    /* background-color: #F1F0E2; */
    background-color: #bdbabd;
}
.square-bolder-no-contract{
    width: 20px;
    height: 20px;
    /* background-color: #F1F0E2; */
    background-color: #e9ecef;
}
.square-bolder-with-schedule{
    width: 20px;
    height: 20px;
    /* background-color: #F1F0E2; */
    background-color: white;
    border: 1px solid #bdbabd;
}
.square-bolder-responsible{
    width: 20px;
    height: 20px;
    background-color: #7FC844;
}
.square-bolder-holidays{
    width: 20px;
    height: 20px;
    background-color: #d5bd87;
}
.square-bolder-sick-leave{
    width: 20px;
    height: 20px;
    background-color: #F26B5B;
}
.square-bolder-deleted{
    width: 20px;
    height: 20px;
    background-color: #f26b5b85;
}
.square-bolder-overcome{
    width: 20px;
    height: 20px;
    background-color: #E9ADCA ;
}
.square-bolder-personal-issues-days{
    width: 20px;
    height: 20px;
    background-color: #658DC6;
}
.square-bolder-orders-no-stock{
    width: 20px;
    height: 20px;
    background-color: #e6aea8;
}
.square-bolder-order-completed{
    width: 20px;
    height: 20px;
    background-color: #b4dcbd;
}
.square-bolder-order-empty{
    width: 20px;
    height: 20px;
    background-color: #e4edf2;
}
.square-bolder-bookings{
    width: 20px;
    height: 20px;
    background-color: #255958;
}
.square-bolder-past-bookings{
    width: 20px;
    height: 20px;
    background-color: #a5d6a7;
}
.square-bolder-public-holidays{
    width: 20px;
    height: 20px;
    background-color: #99001180;
}
.square-bolder-pending-holidays{
    width: 20px;
    height: 20px;
    background-color: #77202F;
}
.square-bolder-enjoyed-holidays{
    width: 20px;
    height: 20px;
    background-color: #0F4C81;
}
.square-bolder-work-calendar-section{
    width: 20px;
    height: 20px;
    background-color: #BCB2A2;
}
.square-bolder-personal-section{
    width: 20px;
    height: 20px;
    background-color: #658DC6;
}
.square-bolder-administration-section{
    width: 20px;
    height: 20px;
    background-color:#B75E41;
}
.square-bolder-warehouse-section{
    width: 20px;
    height: 20px;
    background-color: #a17000;
}
.square-bolder-expenses-section{
    width: 20px;
    height: 20px;
    background-color: #F26B5B;
}
.square-bolder-receive-orders-section{
    width: 20px;
    height: 20px;
    background-color: #ffba19;
}
.square-bolder-sales-section{
    width: 20px;
    height: 20px;
    background-color: #7FC844;
}
.square-bolder-calendar-sales-no-iva{
    width: 20px;
    height: 20px;
    background-color: #00897b;
}
.square-bolder-calendar-sales-iva{
    width: 20px;
    height: 20px;
    background-color: #212121;
}
.square-bolder-calendar-sales-cash-register{
    width: 20px;
    height: 20px;
    background-color: #f44336;
}
.square-bolder-calendar-budgets-no-iva{
    width: 20px;
    height: 20px;
    background-color: #0f4c81;
}
.square-bolder-calendar-current-sale-no-iva{
    width: 20px;
    height: 20px;
    background-color: #00897b;
}
.square-bolder-calendar-budgets-deviation{
    width: 20px;
    height: 20px;
    background-color: #eb8c7b;
}
.square-bolder-has-schedules-no-clock-in{
    width: 20px;
    height: 20px;
    background-color: #af6e69;
}
.square-bolder-month-origin{
    width: 20px;
    height: 20px;
    border: 2px solid red;
}
.square-bolder-month-destiny{
    width: 20px;
    height: 20px;
    border: 2px solid green;
}
.square-bolder-schedules-rest{
    width: 20px;
    height: 20px;
    background-color: #ff7300;
}
.square-bolder-schedules-no-rest{
    width: 20px;
    height: 20px;
    background-color: #06f74580;
}
.square-bolder-not-readed-notification{
    width: 20px;
    height: 20px;
    background-color: #dc3545;
}
.square-bolder-users-end-contract{
    width: 20px;
    height: 20px;
    background-color: #bed5f5;
}
.background-color-formats-1{
    background-color: #eae4ce45!important;
}
.background-color-formats-2{
    background-color: #c2ffc04a!important;
}
.square-margin{
    margin: 0 0.5em;
}
.legend-bottom{
    padding-bottom: 5px;
}
.copy-past-schedules{
    justify-content: center;
}

/* Main-content */
.main-content{
    padding-bottom: 45px;
}

input, textarea{
    color: #495057!important;
}

.btn-info i{
    color:white;
}
td.time-control-month-hours{
    background-color: #A58D7F;
}
.border-left-time-control{
    border-left: 20px solid #dee2e6!important;
}
.border-left-training-test{
    border-left: 10px solid #dee2e6!important;
}
.border-left-scandall{
    border-left: 10px solid white!important;
}
.border-left-selected{
    border-left: 10px solid #dbfeda!important;
}
.background-selected{
    background-color: #dbfeda!important;
}

.valign-middle{
    vertical-align: middle!important;
}

/*Style for select2*/
.selection .select2-selection--single{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E4EDF2;
    border-radius: .25rem!important;
    transition: border-color .15s!important;
    border-radius: .64rem!important;
    -moz-border-radius: .64rem!important;
    -webkit-border-radius: .64rem!important;  
}
/*Style for select2*/
.selection .select2-selection--multiple{
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E4EDF2;
    border-radius: .25rem!important;
    transition: border-color .15s!important;
    border-radius: .64rem!important;
    -moz-border-radius: .64rem!important;
    -webkit-border-radius: .64rem!important;  
}
.select2-sm{
    /* font-size: 12px!important; */
}
.input-group .select2-container{
    width: 80%!important;
}
.input-group.prepend .select2-container{
    width: 60%!important;
}
.input-group .selection .select2-selection--multiple{
    border-right: 0px;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    -webkit-border-top-right-radius: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    -moz-border-top-right-radius: 0!important;
    -moz-border-bottom-right-radius: 0!important;
}

.navbar .select2-container--bootstrap4 .select2-selection__clear{
    margin-top: 0.35em!important;
    margin-left: 10px!important;
}

/* SUPPLIERS */
.select-width-suppliers .select2.select2-container{
    min-width: 100px!important;
    width: auto!important;
}

.font-weight-7{
    font-weight: 700!important;
}
.font-weight-8{
    font-weight: 800;
}
.more-table-border{
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* CREATE USER */
.nav-item a.active{
    font-weight: 600;
    color: #495057!important;
}

.no-profile-photo{
    border-radius: 20px;
    cursor: pointer;
    max-height: 160px;
    margin-left: 10%;
    margin-top: 3%;
}

.no-profile-photo-combinated{
    border-radius: 20px;
    cursor: pointer;
    max-height: 80px;
    margin-left: 10%;
    margin-top: 3%;
}

#combinated .no-profile-photo-combinated{
    max-height: 150px;
}

#formDataSheet .no-profile-photo{
    max-height: 200px!important;
}

.createUsers .nav-link, .editUser .nav-link, .supplier .nav-link, #dayMenu .nav-link{
    text-decoration: none!important;
}

.createUsers .tab-pane, .editUser .tab-pane, .supplier .tab-pane{
    padding-top: 1.5%;
}

/*Remove Arrows/Spinners for input number */
#personal #phone::-webkit-outer-spin-button,
#personal #phone::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

#personal #phone{
  -moz-appearance: textfield;
}
/*END CREATE USER*/

/*EDIT USER*/
#footerSection .select2-container--bootstrap4 .select2-selection{
    height: 35px !important;
}
#footerSection .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    line-height: 2!important;
    font-weight: bold;
}
#footerSection .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder{
    line-height: 2!important;
    font-weight: bold;
}
/*END EDIT USER*/

/*TESTS*/
 .approved{
    background-color: rgb(0, 128, 0, 0.2)!important;
    border-color: rgb(0, 128, 0)!important;
}
.approved:hover{
    border-color: initial!important;
}
.suspended{
    background-color: rgb(255, 0, 0, 0.2)!important;
    border-color: rgb(255, 0, 0)!important;
}
.suspended:hover{
    border-color: initial!important;
}
.testLbl{
    margin-bottom: 5px;
}
.testTxt{
    font-size: x-small;
    float: right;
}
/*END TESTS*/

/* HOLIDAYS */
.cuadrado {
    width:55%;
    position:relative;
}

/* CALENDAR */
.month-container{
    margin-top: 15px!important;
}

.calendar-padding{
    padding: .25rem;
}

.suppliers-total-purchase-inner {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
}

.fc-scrollgrid-sync-table{
    width: 99%!important;
}

/* HOME */
.user-color{
    padding-top: 8px;
    width: 80px;
    height: 20px;
    display: inline-block;
    border-radius: 5px;
}
.user-color-home{
    padding-top: 8px;
    width: 30px;
    height: 20px;
    display: inline-block;
    border-radius: 5px;
}
.copy-past-schedules{
    margin-bottom: .2em;
}
.total-per-day{
    padding-right: 10px;
}

/*Colors*/
.c-red{
    color: #77202F !important;
}
.c-red-plus{
    color: #dc3545 !important;
}
.c-trumbowyg-error{
    color: #dc3545;
}
.c-green{
    color: #588a30 !important;
}
.c-green-plus{
    color: #00897b !important;
}
.c-blue{
    color: #658DC6 !important;
}
.c-grey{
    color: grey !important;
}
.c-pink{
    color: #E9ADCA !important;
}

/* Backgrounds */
.bg-green-plus{
    background-color: #00897b !important;
}
.bg-red-plus{
    background-color: #dc3545 !important;
}
.background-pink{
    background-color: #E9ADCA !important;
}
.background-blue-users-end-contract{
    background-color: #bed5f5 !important;
}

/*Data Sheet*/
.badge-no-scandall{
    font-size: smaller;
    text-transform: uppercase;
    padding: 7px;
    color: #fff;
    background-color: #77202F;
}

.badge-scandall{
    font-size: smaller;
    text-transform: uppercase;
    padding: 7px;
    color: #fff;
    background-color: #588a30;
}
.block-data-sheet{
    margin: 0 .5em;
    font-size: 12px;
    max-width: calc(33% - 1em);
    margin-bottom: 15px;
}

.block-data-sheet .item-no-scandall{
    border: 1px dashed #77202F;
    padding: 10px;
}

.block-data-sheet .item-scandall{
    border: 1px dashed#588a30;
    padding: 10px;
}

.block-data-sheet .tr-heading, .block-data-sheet-menu .tr-heading, .block-data-sheet-menu-selected .tr-heading{
    background-color: #FFDAC4!important;
}
.block-data-sheet .c-red{
    font-weight: 700;
}
.block-data-sheet .heading, .block-data-sheet-menu .heading, .block-data-sheet-menu-selected .heading{
    text-align: center;
    font-weight: 700;
}
.block-data-sheet .heading p, .block-data-sheet-menu .heading p{
    margin: 0;
}
.block-data-sheet .table td,
.block-data-sheet .table th{
    vertical-align: middle !important;
}

.block-data-sheet-menu .c-red{
    font-weight: 700;
    margin-bottom: 0;
}
/* .block-data-sheet-menu .heading{
     background-color: #FFDAC4;
    padding: 1.5em;
    text-align: center;
    font-weight: 700;
}  */

.block-data-sheet-menu .table td,.block-data-sheet-menu .table th{
    vertical-align: middle !important;
}
.block-data-sheet-selected{
    border: 4px solid #7FC844;
}
.block-data-sheet-selected::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.72);
    z-index: 0;
}
.block-data-sheet-selected table tfoot table{
    position: relative;
    z-index: 9999999999;
    background-color: #fff;
}
.block-data-sheet-unselected{
    border: 4px solid #99001180;
}
.block-data-sheet-menu .image-value,.block-data-sheet img{
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 240px;
}
.block-data-sheet-menu-selected .name-value{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

#scandal td,
#scandal th{
    padding: 0.30rem !important;
}

body#dayMenu #scandal td,
body#dayMenu #scandal th,
body#foodMenu #scandal td,
body#foodMenu #scandal th{
    padding: 0.15rem !important;
}

#schedulesSection .table td,
#schedulesSection .table th{
    padding: 0.40rem!important;
}

.separator{
    margin-top:15px;
}

/* ORDER TABLE */
.order-manual-th{
    position: relative;
    padding-right: 20px!important;
}
.order-manual{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top:0;
    bottom:0;
    margin:auto;
}

.order-manual-left::before{
    /* right: 1em; */
    content: "\2191";
}

.order-manual-left::before{
    opacity: 0.3;
}
.order-manual-left.selected::before{
    opacity: 1;
}

.order-manual-right::after{
    /* right: 1em; */
    content: "\2193";
}

.order-manual-right::after{
    opacity: 0.3;
}

.order-manual-right.selected::after{
    opacity: 1;
}

.border-color-red{
    border-color: red!important;
}
.border-color-green{
    border-color: green!important;
}
.background-th-stock{
    background-color: #7b1d1d!important;
}

/* RECEIVE ORDERS */
.border-bottom-1{
    border-bottom: 1px solid black;
}
.color-white{
    color:white!important
}

/* PUNTEO DE MERCANCÍA CHECK*/
.round {
    position: relative;
}
  
.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 28px;
    margin: auto;
}

.round label:after {
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #ca1b1b;
    border-color: #ca1b1b;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

/* MOVER A GASTOS */
.expenses-check {
    position: relative;
}

.btn-select-all-expenses {
    align-items: center;
    background-color: #fff;
    border: 2px solid #3a9e21;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.btn-select-all-expenses i {
    color: #3a9e21;
    font-size: 14px;
    line-height: 1;
}

.btn-select-all-expenses:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.btn-select-all-expenses:focus {
    box-shadow: none;
    outline: none;
}
  
.expenses-check label {
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.expenses-check label:after {
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.expenses-check input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

/* EXPENSES FOOD */
.expenses-check input[type="checkbox"].food.selected {
    visibility: hidden;
}

.expenses-check input[type="checkbox"].food.selected:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

/* EXPENSES DRINK */
.expenses-check input[type="checkbox"].drink.selected {
    visibility: hidden;
}

.expenses-check input[type="checkbox"].drink.selected:checked + label {
    background-color: #1360a0;
    border-color: #1360a0;
}

/* EXPENSES CONSUMIBLES */
.expenses-check input[type="checkbox"].consumible.selected {
    visibility: hidden;
}

.expenses-check input[type="checkbox"].consumible.selected:checked + label {
    background-color: #c47500;
    border-color: #c47500;
}

/* EXPENSES VARIABLE */
.expenses-check input[type="checkbox"].variable.selected {
    visibility: hidden;
}

.expenses-check input[type="checkbox"].variable.selected:checked + label {
    background-color: #c47500;
    border-color: #c47500;
}

/* ORDER LINE EDITED*/
.background-dark-grey{
    background-color: darkgray!important;
}
.background-bisque{
    background-color: bisque!important;
}
.background-light-green{
    background-color: rgba(144, 184, 113, 0.697)!important;
}
.background-darkkhaki{
    background-color: darkkhaki!important;
}
.background-purple{
    background-color: #c2aeeb!important;
}
.background-blue-light{
    background-color: #a4c8e1!important; 
}
.background-white{
    background-color: #ffffff!important; 
}
.background-orange{
    background-color: #f7a855!important; 
}
.background-light-orange{
    background-color: #ffcb93!important; 
}


@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Spinner loading */
.preloader{
    height: 100%;
    left: 0;
    overflow: hidden;
    right: 0;
    top: 0;
    transition: opacity 0.45s ease 0s;
    position: fixed;
    background-color: rgba(165, 184,208, 0.4)!important;
    z-index: 1051;
}
.preloader .spinner-wrap {
    position: relative;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    line-height: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.preloader .spinner-wrap .spinner, .preloader .spinner-wrap .spinner:after {
    border-radius: 50%;
    width: 110px;
    height: 110px;
}
.preloader .spinner-wrap .spinner {
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 2px solid rgba(0, 0, 0, 0.12);
    border-right: 2px solid rgba(0, 0, 0, 0.12);
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    border-left: 4px solid #0f4c81;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    top: -30px;
    left: -23px;
}

.preloader .spinner-wrap img{
    position: absolute;
    width: 100%;
    width: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(85%);
}

.goMap{
    z-index:0;
}

/* Allergens */
.allergens-default-list{
    padding-right: 15px!important;
    padding-left: 15px!important;
}
.section-allergens-list{
    min-height: 175px;
    width: 100%;
    border: 1px solid;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#createIngredient .section-allergens-list,
#combinated .section-allergens-list{
    min-height: 175px;
    width: 100%;
    border: 1px solid;
    display: flex;
    flex-wrap: wrap;
    justify-content: inherit!important;
}
.section-allergens-list-all{
    border: 1px solid;
    display: flex;
    flex-wrap: wrap;
}
.sections-allergens{  
    width: 100%;
    min-height: 25vh;
    display: flex;
    flex-wrap: wrap;
}
.section-allergen{
    width: 100%;
   flex-grow: 1;
}
#sectionIA {
    background-color: #f1eee6;
    border: 1px solid;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    min-height: 180px;
    width: 100%;
}
#sectionTA {
    background-color: #f1eee6;
    border: 1px solid;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    min-height: 180px;
    width: 100%;
}
#sectionIA label, #sectionTA label{
    font-size: 15px;
    font-weight: 500;
}
.allergen {
    padding: 10px;
    height: 175px;
    width: 100px;
}
#createIngredient .allergen,
#combinated .allergen{
    padding: 10px;
    height: 130px;
    width: 85px;
}

.allergen-list{
    padding: 5px;
    margin-left: 5px!important;
    margin-right: 1px!important;
}
.allergen-img {
    height: 80px;
    width: 80px;
}

.allergen-img-list {
    height: 40px!important;
    width: 40px!important;
}

.select-format[type="radio"]:checked + label,
.select-format[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.select-format[type="radio"]:checked + label:before,
.select-format[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.select-format[type="radio"]:checked + label:after,
.select-format[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F87DA9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.select-format[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.select-format[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Internal regime */
.summary-input{
    margin-left:auto; 
    margin-right:auto;
    text-align: center; 
    width: 35%;
}
/* Expedient */
.summary-input-expedient{
    margin-left:auto; 
    margin-right:auto;
    text-align: center; 
    width: 25%;
}
#navbarInfo .navbar-info-link{
    text-decoration: none!important;
    color: #FFFFFF!important;
}

.font-size-pagination{
    font-size: 34px;
}
.font-size-15{
    font-size: 15px!important;
}

.font-size-pagination:focus{
    outline: none!important;
}

.background-transparent{
    background-color:transparent!important
}

.background-white{
    background-color: white!important;
}

.background-light-blue{
    background-color: lightskyblue!important;
}

.text-color-light-blue{
   color: lightskyblue!important;
}

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

.background-green{
    background-color: green!important;
}

.color-black{
    color:black!important;
}
.color-info{
    color:#0F4C81!important;
}

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

.text-red-italic{
    color:red!important;
    font-style: italic!important;
}

.color-green{
    color:green!important;
}
.disabled-link > i{
    color:grey!important;
}

.background-color-pvp{
    background-color:#b1f4b1d9!important;
}

.background-color-cte{
    background-color:#eeadad!important;
}

.color-grey{
    color:grey!important;
}

/*  DATA SHEETS */
.delete-step{
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}

.footer-table{
    background-color: #0f4c81!important;
    color: #FFF;
    font-weight: 700;
    font-size: small;
    text-transform: uppercase;
}

.text-lowercase{
    text-transform: lowercase!important;
}

.title-sale-format{
    background-color: rgb(0,0,0,0.1);
    font-weight: 700;
    font-size: small;
    text-transform: uppercase;
}

.title-td-list{
    font-weight: 700;
    font-size: small;
    text-transform: uppercase;
}

.text-underline{
    text-decoration: underline!important;
}

.users-list-info{
    padding: 0.25rem 0.58rem!important;
}
.time-control-info{
    height: 30px;
}
.sales-compare-section{
    min-width: 44%;
}
.budgets-compare-section{
    min-width: 44%;
}
#compareATable .badge{
    margin: -.25em -.4em!important;
}
.tfoot-font-size-medium{
    font-size: medium!important;
}
.modal-to-front{
    z-index: 1052!important;
}
.apply-compare-top{
    padding-top: 32px;
}
.form-control-sm-budgets{
    height: calc(1em + .5rem + 2px) !important;
}
.form-control-sm-input-append-budgets{
    height: calc(1em + .5rem) !important;
}
.table-prices-summary{
    width: 900px;
}

#addPercentages .table-prices-summary{
    width: 100%;
}

#addPercentages .modal-dialog{
    max-width: 1000px;
}

#addPercentages .col-percent-narrow{
    width: 200px;
    min-width: 120px;
}
.table-cash-count{
    min-width: 300px;
    max-width: 400px;
}
.table-cash-count-td-amount{
    min-width: 125px;
    max-width: 175px;
}
.table-cash-count-td-total{
    min-width: 150px;
    max-width: 200px;
}
.table-sale-detail{
    min-width: 800px;
    max-width: 800px;
}
.table-cash-count-td-delivery-name{
    min-width: 200px;
    max-width: 200px;
}
.sale-detail-td-1{
    min-width: 225px;
    max-width: 225px;
}
.sale-detail-td-2{
    min-width: 230px;
    max-width: 230px;
}
.sale-detail-td-3{
    min-width: 230px;
    max-width: 230px;
}
.sale-detail-td-4{
    min-width: 225px;
    max-width: 225px;
}
.sale-detail-td-5{
    min-width: 230px;
    max-width: 230px;
}
.extra-sale-td-1{
    min-width: 175px;
    max-width: 175px;
}
.extra-sale-td-2{
    min-width: 230px;
    max-width: 230px;
}
.extra-sale-td-3{
    min-width: 230px;
    max-width: 230px;
}
.extra-sale-td-4{
    min-width: 300px;
    max-width: 300px;
}
.spacing-middle{
    min-width: 50px;
}
.difference-minus{
    background-color: #F26B5B;
}
.difference-plus{
    background-color: #00897b;
}
.table-tr-border-bottom > tbody > tr{
    border-bottom: 2px solid white;
}
.table-invoicing-width{
    max-width: 800px;
}
.table-summary-cash-register{
    min-width: 1600px!important;
}
.table-summary-cash-count{
    min-width: 1600px!important;
}
.tr-table-footer{
    background-color: #0f4c81!important;
    color: #FFF;
    font-weight: 800!important;
    font-size: 14px;
    text-transform: uppercase;
}
.tr-table-footer-separator{
    background-color: #FFF!important;
    height: 40px;
}
.tr-table-footer-percentage{
    background-color: #FFF!important;
    color: #0f4c81;
    font-weight: 800!important;
    font-size: 14px;
    text-transform: uppercase;
}
.summary-border-bottom-tr{
    border-bottom: 2px solid #0f4c81;
}
.tr-font-size-small{
    font-size: small;
}
.table-summary-cash-count-2{
    min-width: 750px!important;
    max-width: 900px!important;
}
.cash-count-has-z{
    background-color: #d5bd87!important;
}
.table-total-sales{
    min-width: 1300px!important;
}
.table-average-sales{
    min-width: 1300px!important;
}
.cursor-default{
    cursor: default!important;
}
.border-left-salaries{
    border-left: 20px solid #dee2e6!important;
}
.input-group-text{
    background-color: white!important;
}

/* Salaries */
.salaries-td{
    min-width: 110px!important;
}
.font-size-small{
    font-size: small!important;
}
.tfoot-salaries{
    background-color: #0f4c81!important;
    color: #FFF!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
}
.dropdown-section-salaries{
    position: relative;
}
.section-salaries-top-right{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    display: flex;
}
.border-left-summary-cash-count{
    border-left: 20px solid #dee2e6!important;
}
.section-salaries-top-right a.btn.btn-info{
    margin-right: 10px;
    height: 32px;
    margin-top: 2px;
}

#dayMenu #listProductsSelected.owl-carousel .owl-item img,
#dayMenu #listDrinkProductsSelected.owl-carousel .owl-item img,
#drinkMenu #listDrinkProductsSelected.owl-carousel .owl-item img,
#foodMenu #listProductsSelected.owl-carousel .owl-item img{
    width: auto!important;
}

#configureMenu .custom-control-label::before{
    top: .25rem;
    left: -1.5rem;
    width: 2rem;
    height: 2rem;
}
#configureMenu .custom-control-label::after {
    width: 2rem;
    height: 2rem;
}

.input-group .selection .select2-selection--single{
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0rem!important;
}

.input-group.prepend .selection .select2-selection--single{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0rem!important;
}


.border-bottom-black{
    border-bottom: 1px solid black!important;
}

.thead-no-style{
    background-color: transparent!important; 
    color: black!important;
}

.min-width-datatables{
    min-width: 50px!important;
}

.highlight-link-datatables{
    background-color: #0f4c81;
    color: #FFF !important;
    padding: 5px;
    border-radius: .64rem;
    font-weight: 800;
}

.highlight-button-datatables{
    background-color: #0f4c81;
    color: #FFF !important;
    padding: 12px;
    border-radius: .64rem;
    font-weight: 800;
}

.highlight-button-datatables-danger{
    background-color: #dc3545;
    color: #FFF !important;
    padding: 12px;
    border-radius: .64rem;
    font-weight: 800;
}

/** Schedules pages */
body.schedules #schedulesSection table thead{
    font-size: 10px!important;
}
body.schedules #schedulesSection table tbody{
    font-size: 15px!important;
}
body.schedules .copy-day{
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
}
body.schedules .schedules-rest-section .custom-control-input:checked~.custom-control-label::after{
    background-image: inherit;
}
body.schedules .schedules-rest-section .custom-control-input:checked~.custom-control-label::before{
    color: #ff7300!important;
    background-color: #ff7300!important;
    border-color: #ff7300!important;
}
body.schedules .schedules-rest-section .custom-control-label::before {
    width: 1.35rem;
    height: 1.35rem;
    background-color: #06f74580;
}
/** Schedules pages */

.blink {
    animation: blinker 2s linear infinite;
}

@keyframes blinker
{
  50% {
      opacity: 0;
    }
}

/* Expenses products list */
body.expenses-list thead{
    font-size: 10px!important;
}

/* Expenses products list - Invoice is paid */
body.expenses-list .round input[type="checkbox"] + label {
    background-color: #ca1b1b;
    border-color: #ca1b1b;
}
body.expenses-list .round input[type="checkbox"] + label:after {
    opacity: 1;
}

body.expenses-list .round input[type="checkbox"]:checked + label {
    background-color: green;
    border-color: green;
}
body.expenses-list .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
/* Expenses products list - Invoice is paid */

/* Expenses products list */

/* Expenses products list - Invoice is paid */
body.expenses-list-products .round input[type="checkbox"] + label {
    background-color: #ca1b1b;
    border-color: #ca1b1b;
}
body.expenses-list-products .round input[type="checkbox"] + label:after {
    opacity: 1;
}

body.expenses-list-products .round input[type="checkbox"]:checked + label {
    background-color: green;
    border-color: green;
}
body.expenses-list-products .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.expenses-list .is-delivery{
    font-weight: 800;
    color: red;
}
.expenses-list-products .is-delivery{
    font-weight: 800;
    color: red;
}
/* Expenses products list - Invoice is paid */

/* Received orders */
.received-orders-page .is-delivery{
    font-weight: 800;
    color: red;
}
/* Received orders */

/* Dropdown Actions */
.dataTable .dropdown-actions .btn.dropdown-toggle {
    padding: 0;
}

.dataTable .dropdown-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 4px;
}

.dataTable .dropdown-actions .verifactu-status-badge,
.dataTable .dropdown-actions .btn.dropdown-toggle {
    flex: 0 0 auto;
}

.dataTable .dropdown-actions .btn.dropdown-toggle::before {
    content: '';
    background-image: url('../img/icons/icon-view-more-blue.svg');
    content: '';
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
}

.dataTable .dropdown-actions .btn.dropdown-toggle:hover::before {
    background-image: url('../img/icons/icon-view-more-purple.svg');
}

.dataTable .dropdown-actions .dropdown-toggle::after {
    display: none;
    visibility: hidden;
}

/* Invoices admin table compact mode to reduce responsive collapsing (+) */
#invoicesSection table#invoices.dataTable {
    font-size: 0.86rem;
}

#invoicesSection table#invoices.dataTable thead th,
#invoicesSection table#invoices.dataTable tbody td {
    padding: 0.35rem 0.4rem;
    vertical-align: middle;
}

#invoicesSection table#invoices.dataTable td:nth-child(2),
#invoicesSection table#invoices.dataTable td:nth-child(3),
#invoicesSection table#invoices.dataTable td:nth-child(5),
#invoicesSection table#invoices.dataTable td:nth-child(8) {
    max-width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#invoicesSection table#invoices.dataTable td:last-child,
#invoicesSection table#invoices.dataTable th:last-child {
    width: 1%;
    white-space: nowrap;
}

.dropdown-menu {
    z-index: 1035;
}
/* Dropdown Actions */

/* Responsive */
@media(max-width: 319.98px) {
    /* General */
    div.dropdown-actions .btn.dropdown-toggle {
        display: none;
        visibility: hidden;
    }

    div.dropdown-actions .dropdown-menu {
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        display: -ms-flexbox !important;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        transform: none !important;
        border: 0px !important;
        background: transparent !important;
        width: 100%;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item {
        width: 50% !important;
        min-width: 125px;
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover {
        background-color: transparent;
        color: var(--blue);
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover i::after{
        filter: brightness(0);
    }
}

@media(min-width: 320px) and (max-width: 575.98px) {
    div.dropdown-actions .btn.dropdown-toggle {
        display: none;
        visibility: hidden;
    }

    div.dropdown-actions .dropdown-menu {
        width: 100%;
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        display: -ms-flexbox !important;
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        transform: none !important;
        background: transparent !important;
        border: 0px !important;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item {
        width: 50% !important;
        min-width: 125px;
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover {
        background: transparent;
        color: var(--blue);
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover i::after{
        filter: brightness(0);
    }
}

@media(max-width: 575.98px){
    .popover{
        max-width: 90%;
    }

    .block-page{
        margin-top: 160px;
    }

    /* PROFILE PHOTO - CREATE USER */
    .no-profile-photo{
        margin-left:0;
        border-radius: 20px;
        max-height: 160px;
        margin-top:2%;
    }
    .no-profile-photo-combinated{
        margin-left:0;
        border-radius: 20px;
        max-height: 80px;
        margin-top:2%;
    }

    #combinated .no-profile-photo-combinated{
        max-height: 150px;
    }

    #formDataSheet .no-profile-photo{
        max-height: 200px!important;
    }

    #footerSection .left{
        margin-bottom: 4px;
    }

    /* Header */
    #headerActions{
        top: 85px;
        margin-right: 15px;
    }
    #headerActions .left{
        width: 50%!important;
        gap: 5px;
    }
    #headerActions .center{
        display: none;
    }
    #headerActions .right{
        width: 50%!important;
    }
    #supplierAiWrapper{
        margin-left: 0;
        width: 100%;
    }
    #supplierAiWrapper .custom-file{
        width: 160px;
    }

    /* Footer */
    header .left,
    header .right,
    footer .left,
    footer .right{
        width: 100% !important;
        text-align: center !important;
    }

    /* Language */
    .info-navbar{
        display: none;
    }

    .summary{
        width: 10%;
    }

    .summary-materials{
        width: 12%;
    }

    .main-content{
        padding-bottom: 70px;
    }

    /* Language */
    .info-navbar{
        display: none;
    }

    .summary{
        width: 10%;
    }

    .summary-materials{
        width: 12%;
    }

    .section-regimen{
        position: relative;
        margin-bottom: 10px;
    }

    /* Navbar */
    .nav-side-menu {
        position: fixed;
        overflow: hidden;
    }
    .nav-side-menu #menu-content div.d-flex{
        height: auto;
    }
    .logoText{
        display: inline;
        padding-left: 10px;
    }

    /* Table */
    .fixedHeader-floating{
        top: 136px!important;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(100% - 1em);
    }

    /*Drinks menu*/
    .blocks-available{
        margin-top: 15px;
    }

    .options-scandall{
        margin-top: 2rem!important;
    }

    /* Salaries */
    .section-salaries-top-right{
        position: relative;
        top: auto;
        right: auto;
    }

    #companyBrandNavBar{
        display: none;
    }
}

@media(min-width: 576px) and (max-width: 767.98px) {
    div.dropdown-actions .btn.dropdown-toggle {
        display: none;
        visibility: hidden;
    }

    div.dropdown-actions .dropdown-menu {
        width: 100%;
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        display: -ms-flexbox !important;
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        transform: none !important;
        background: transparent !important;
        border: 0px !important;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item {
        width: 32% !important;
        min-width: 125px;
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #noticesTableSection div.dropdown-actions .dropdown-menu .dropdown-item{
        width: 50% !important;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover {
        background: transparent;
        color: var(--blue);
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover i::after{
        filter: brightness(0);
    }
}

@media(max-width: 600px){
    .popover{
        max-width: 90%;
    }

    /* Calendar */
    .fc-today-button{
        margin-top: 5px!important;
        margin-bottom: 5px!important;
    }
    .fc-toolbar-title{
        margin-bottom: 0px!important;
    }
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(100% - 1em);
    }

    .options-scandall{
        margin-top: 2rem!important;
    }

    /* Salaries */
    .section-salaries-top-right{
        position: relative;
        top: auto;
        right: auto;
    }
}

@media(max-width: 767.98px){
    /* Navbar */
    .nav-side-menu {
        position: fixed;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        border-right: 0;
        overflow: hidden;
    }
    .nav-side-menu #menu-content div.d-flex{
        height: auto;
    }
    .nav-side-menu .nav-side-menu-content{
        width: 100%;
        height: auto;
    }
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 25px;
        z-index: 10 !important;
        padding: 3px;
        width: 40px;
        text-align: center;
    }
    .feader-navbar{
        display: block;
        cursor: pointer;
        position: absolute;
        right: 80px;
        top: 20px;
        z-index: 10 !important;
        padding: 3px;
        width: 50px;
        text-align: center;
        bottom: 0;
        height: 42px;
    }
    .nav-side-menu .sub-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-side-menu  .sub-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    .sub-line ul .sub-press li.active,
    .sub-line li .sub-press li.active {
        color: #58aad6;
    }
    .sub-line ul .sub-press li.active a,
    .sub-line li .sub-press li.active a {
        color: #58aad6;
    }
    .sub-line ul .sub-press li,
    .sub-line li .sub-press li {
        background-color: #181c20;
        border: none;
        line-height: 28px;
        border-bottom: 1px solid #23282e;
        margin-left: 0px;
    }
    .sub-line ul .sub-press li:hover,
    .sub-line li .sub-press li:hover {
        background-color: #020203;
    }
    .sub-line ul .sub-press li:before,
    .sub-line li .sub-press li:before {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        content: "\f105";
        display: inline-block;
        padding-left: 50px;
        padding-right: 10px;
        vertical-align: middle;
    }
    .sub-line li {
        padding-left: 20px;
        border-left: 3px solid #0F4C81;
        border-bottom: 1px solid #23282e;
    }
    .sub-line li a {
        text-decoration: none;
        color: #212529;
    }
    .sub-line li a i {
        padding-left: 50px;
        width: 20px;
        padding-right: 20px;
    }
    .sub-line li:hover {
        border-left: 3px solid #58aad6;
        background-color: #58aad6;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    .sub-line {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .sub-line .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    
    /* Table */
    .table{
        font-size: small;
    }

    /* General */
    .btnSpace{
        padding-bottom: 5px;
    }
    .brand{
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
        /*cursor: pointer;*/
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .toCenter{
        align-items: normal !important;
    }
    .select2-invalid-feedback{
        padding-bottom: 10px;
    }
    .popover{
        max-width: 80%;
    }

    /* Footer */
    footer .left{
        width: 30%;
    }
    footer .right{
        width: 60%;
        text-align: right;
    }

    /* Hamburgers */
    .nav-side-menu li.active::after{
        display: none;
        visibility: hidden;
    }

    /* PROFILE PHOTO - CREATE USER */
    .no-profile-photo{
        margin-left:0;
        border-radius: 20px;
        max-height: 160px;
        margin-top:1%;
    }

    .no-profile-photo-combinated{
        margin-left:0;
        border-radius: 20px;
        max-height: 80px;
        margin-top:1%;
    }

    #combinated .no-profile-photo-combinated{
        max-height: 150px;
    }

    #formDataSheet .no-profile-photo{
        max-height: 200px!important;
    }

    /* Language */
    .info-navbar{
        display: none;
    }

    .summary{
        width: 25%;
    }

    .summary-materials{
        width: 31%;
    }

    .section-regimen{
        position: relative;
        margin-bottom: 10px;
    }

    .block-page{
        margin-top: 160px;
    }

    /* Header */
    #headerActions{
        top: 85px;
        margin-right: 15px;
    }
    #headerActions .left{
        width: 50%!important;
        gap: 5px;
    }
    #headerActions .center{
        display: none;
    }
    #headerActions .right{
        width: 50%!important;
    }
    #supplierAiWrapper{
        margin-left: 0;
        width: 100%;
    }
    #supplierAiWrapper .custom-file{
        width: 160px;
    }

    /* Footer */
    header .left,
    header .right,
    footer .left,
    footer .right{
        width: 100% !important;
        text-align: center !important;
    }

    .logoText{
        display: inline;
        padding-left: 10px;
    }

    /* Table */
    .fixedHeader-floating{
        top: 136px;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(100% - 1em);
    }

    .options-scandall{
        margin-top: 2rem!important;
    }

    /* Salaries */
    .section-salaries-top-right{
        position: relative;
        top: auto;
        right: auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px){
    /* Navbar */
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
    .nav-side-menu{
        height: 100%;
    }

    /* Main content */
    .main-content{
        padding-left: 265px;
        padding-right: 15px;
        padding-top: 10px;
        /*padding-bottom: 10px;*/
        overflow-x: hidden;
    }
    .popover{
        max-width: 70%;
    }
    
    /* Header */
    #headerSection{
        margin-left: 265px;
        margin-right: 15px;
    }
    #headerActions{
        margin-left: 265px;
        margin-right: 15px;
    }

    /* Footer */
    #footerSection{
        margin-left: 250px;
    }

    /* General */
    .btnSpace{
        padding-bottom: 5px;
    }
    .toCenter{
        align-items: normal !important;
    }
    .input-group-select2{
        flex-wrap: nowrap !important
    }
    .select2-invalid-feedback{
        position: absolute;
        top: 40px;
    }

    /* PROFILE PHOTO - CREATE USER */
    .no-profile-photo{
        margin-left:0;
        border-radius: 20px;
        max-height: 160px;
        margin-top:1%;
    }
    .no-profile-photo-combinated{
        margin-left:0;
        border-radius: 20px;
        max-height: 80px;
        margin-top:1%;
    }

    #combinated .no-profile-photo-combinated{
        max-height: 150px;
    }

    #formDataSheet .no-profile-photo{
        max-height: 200px!important;
    }

    .summary{
        width: 25%;
    }

    .summary-materials{
        width: 25%;
    }

    .section-regimen{
        position: relative;
        margin-bottom: 10px;
    }

    #headerActions .center{
        font-size: medium;
        margin: 0 15px;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(100% - 1em);
    }

    .options-scandall{
        margin-top: 2rem!important;
    }

    /* Dropdown Actions */
    div.dropdown-actions .btn.dropdown-toggle {
        display: none;
        visibility: hidden;
    }

    div.dropdown-actions .dropdown-menu {
        width: 100%;
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        display: -ms-flexbox !important;
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        transform: none !important;
        background: transparent !important;
        border: 0px !important;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item {
        width: 20% !important;
        min-width: 125px;
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover {
        background: transparent;
        color: var(--blue);
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover i::after{
        filter: brightness(0);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
    /* Navbar */
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
    .nav-side-menu{
        height: 100%;
    }

    /* Main content */
    .main-content{
        padding-left: 265px;
        padding-right: 15px;
        padding-top: 10px;
        /*padding-bottom: 10px;*/
        overflow-x: hidden;
    }
    .popover{
        max-width: 60%;
    }

    /* Header */
    #headerSection{
        margin-left: 265px;
        margin-right: 15px;
    }
    #headerActions{
        margin-left: 265px;
        margin-right: 15px;
    }

    /* Footer */
    #footerSection{
        margin-left: 250px;
    }

    /* General */
    .groupBtnSpace{
        padding-bottom: 5px;
    }
    .input-group-select2{
        flex-wrap: nowrap !important
    }
    .select2-invalid-feedback{
        position: absolute;
        top: 40px;
    }

     /* Profile */
     .profile-photo-right{
        margin-left: -50%;
    }

    /* PROFILE PHOTO - CREATE USER */
    .no-profile-photo{
        margin-left:0;
        border-radius: 20px;
        max-height: 160px;
        margin-top:1%;
    }
    .no-profile-photo-combinated{
        margin-left:0;
        border-radius: 20px;
        max-height: 80px;
        margin-top:1%;
    }
    
    #combinated .no-profile-photo-combinated{
        max-height: 150px;
    }

    #formDataSheet .no-profile-photo{
        max-height: 200px!important;
    }

    .row-profile-surname{
        margin-left:-49%;
    }

    .row-profile-code{
        margin-left:-1%;
    }

    .row-profile-phone{
        margin-left:-0.1%; 
    }
    
    .schedule-copy{
        margin-top: 32px;
    }

    .summary{
        width: 25%;
    }

    .summary-materials{
        width: 20%;
    }

    .section-regimen{
        position: relative;
        margin-bottom: 10px;
    }

    .notified-check{
        margin-top: 6%;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(50% - 1em);
    }

    .options-scandall{
        margin-top: 2rem!important;
    }

    /* Dropdown Actions */
    div.dropdown-actions .btn.dropdown-toggle {
        display: none;
        visibility: hidden;
    }

    div.dropdown-actions .dropdown-menu {
        width: 100%;
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        display: -ms-flexbox !important;
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        transform: none !important;
        background: transparent !important;
        border: 0px !important;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item {
        width: 20% !important;
        min-width: 125px;
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover {
        background: transparent;
        color: var(--blue);
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover i::after{
        filter: brightness(0);
    }
}

@media (min-width: 1200px){
    /* Navbar */
    .nav-side-menu .menu-list .menu-content{
        display: block;
    }
    .nav-side-menu{
        height: 100%;
    }

    /* Main content */
    .main-content{
        padding-left: 265px;
        padding-right: 15px;
        padding-top: 10px;
        /*padding-bottom: 10px;*/
        overflow-x: hidden;
    }
    .popover{
        max-width: 50%;
    }

    /* Header */
    #headerSection{
        margin-left: 265px;
        margin-right: 15px;
    }
    #headerActions{
        margin-left: 265px;
        margin-right: 15px;
    }

    /* Footer */
    #footerSection{
        margin-left: 250px;
    }

    /* General */
    .groupBtnSpace{
        padding-bottom: 5px;
    }
    .input-group-select2{
        flex-wrap: nowrap !important
    }
    .select2-invalid-feedback{
        position: absolute;
        top: 40px;
    }

    /* PROFILE PHOTO - CREATE USER */
    .no-profile-photo{
        margin-left:0;
        border-radius: 20px;
        max-height: 160px;
        margin-top:1%;
    }

    .no-profile-photo-combinated{
        margin-left:0;
        border-radius: 20px;
        max-height: 80px;
        margin-top:1%;
    }

    #combinated .no-profile-photo-combinated{
        max-height: 150px;
    }

    #formDataSheet .no-profile-photo{
        max-height: 200px!important;
    }

    .summary{
        width: 13%;
    }

    .summary-materials{
        width: 10%;
    }

    .section-regimen{
        position: relative;
        margin-bottom: -15px;
    }

    .notified-check{
        margin-top: 3%;
    }

    .options-scandall{
        margin-top: 0!important;
    }
}

@media(min-width: 1200px) and (max-width: 1560px){
    div.dropdown-actions .btn.dropdown-toggle {
        display: none;
        visibility: hidden;
    }

    div.dropdown-actions .dropdown-menu {
        width: 100%;
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        display: -ms-flexbox !important;
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        transform: none !important;
        background: transparent !important;
        border: 0px !important;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item {
        width: 20% !important;
        min-width: 125px;
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover {
        background: transparent;
        color: var(--blue);
    }

    div.dropdown-actions .dropdown-menu .dropdown-item:hover i::after{
        filter: brightness(0);
    }

    table.dataTable.table>tbody>tr {
        border: 0px !important;
    }
}


.taxes-legend-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.taxes-legend{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 6px;
    border: 1px solid #cccccc;
}

.taxes-legend-positive{
    background-color: #dc3545;
    border-color: #dc3545;
}

.taxes-legend-negative{
    background-color: #007bff;
    border-color: #007bff;
}

.taxes-positive{
    color: #dc3545;
    font-weight: 700;
}

.taxes-negative{
    color: #007bff;
    font-weight: 700;
}

.taxes-difference-month{
    color: #28a745;
}

.taxes-total-row{
    background-color: #d6dce2;
    font-weight: 700;
}

.taxes-total-annual{
    background-color: #a9b4c6 !important;
}

.taxes-total-label{
    text-transform: uppercase;
}

#taxesMonthlyQuarterlyTable thead th{
    background-color: transparent;
    color: #0f4c81;
}


#taxesMonthlyQuarterlyTable thead th{
    background-color: transparent;
    color: #0f4c81;
}

#taxesAnnualTable thead th{
    background-color: transparent;
    color: #0f4c81;
}

#taxesAnnualTable thead{
    background-color: transparent !important;
}

.taxes-header-dark{
    background-color: #0f4c81 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
}

.taxes-header-light{
    background-color: #7fb1f5 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
}

.taxes-header-mes{
    background-color: #0f4c81 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
}

#taxesSalesGroupHeader,
#taxesExpensesGroupHeader{
    cursor: default;
    user-select: none;
}

.annual-header-empty{
    background-color: #0f4c81 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-right: none !important;
    padding: 0 !important;
}

#annualSalesGroupHeader{
    cursor: default;
    user-select: none;
    border-left: none !important;
}

.annual-sales-hidden{
    background-color: transparent !important;
    color: transparent !important;
    border-color: transparent !important;
}

.legend-color-square{
    width: 10px;
    height: 10px;
    border: 1px solid currentColor;
    background-color: currentColor;
    display: inline-block;
}

#taxesAnnualTable,
#taxesMonthlyQuarterlyTable{
    border-collapse: collapse;
}

.annual-col-sales-hidden{
    display: none !important;
    visibility: hidden;
    background-color: transparent !important;
    border-color: transparent !important;
    color: transparent !important;
}

.annual-positive{
    color: #28a745;
    font-weight: 700;
}

.annual-negative{
    color: #dc3545;
    font-weight: 700;
}

.annual-percent-total{
    box-shadow: inset 0 0 0 2px #dc3545;
    cursor: default;
}

.annual-total-row{
    background-color: #d6dce2;
    font-weight: 700;
}

.annual-total-annual{
    background-color: #a9b4c6 !important;
}

.annual-balance{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 12px;
    border: 2px solid #0f4c81;
    border-radius: 8px;
}

.annual-balance-title{
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    color: #0f4c81;
}

.annual-balance-item{
    min-width: 180px;
}
.taxes-info-icon {
    color: #0d6efd;
    cursor: pointer;
    margin-left: 6px;
    font-size: 0.85em;
}

.taxes-info-icon-compensation {
    color: #FF8C00;
    cursor: pointer;
    margin-left: 6px;
    font-size: 1.3em;
}

.taxes-info-icon-compensation:hover {
    color: #FFA500;
}

/* Inventory tabs */
.inventory-tabs-custom {
    border-bottom: 2px solid #0f4c81;
}
.inventory-tabs-custom .nav-item {
    margin-right: 4px;
}
.inventory-tabs-custom .nav-link {
    background-color: #0f4c81;
    color: #fff !important;
    border: none;
    border-radius: 8px 8px 0 0;
    padding: 8px 20px;
    font-weight: 500;
    transition: background-color 0.2s ease;
}
.inventory-tabs-custom .nav-link:hover {
    background-color: #1a6cb5;
    color: #fff !important;
    border: none;
}
.inventory-tabs-custom .nav-link.active {
    background-color: #4a90d9;
    color: #fff !important;
    border: none;
    border-bottom: 2px solid #4a90d9;
}
.th-col-narrow { width: 12%; }
.th-col-medium { width: 13%; }

/* FullCalendar today highlight */
.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(37, 124, 255, 0.26) !important;
}
.fc .fc-timegrid-col.fc-day-today {
    background-color: rgba(37, 124, 255, 0.26) !important;
}

/* Expense modals: section-header copy-price buttons icon color (not row-level btn-sm) */
#createExpenseProduct .btn-outline-warning:not(.btn-sm) i,
#createExpenseVariable .btn-outline-warning:not(.btn-sm) i,
#editExpenseProduct .btn-outline-warning:not(.btn-sm) i,
#editExpenseVariable .btn-outline-warning:not(.btn-sm) i {
    color: #000;
}