@media screen and (max-width: 1440px) {
    body {
        zoom: 90%
    }
}

@media screen and (max-width: 1280px) {
    body {
        zoom: 85%
    }
}

:root {
    --this-color-primary: rgba(97, 111, 211);
    --this-color-success: rgba(2, 164, 153);

    --this-input-focus-border-color: rgba(98, 110, 215, 0.8) #616FD3 !important;
    --this-input-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(98, 110, 215, 0.6);
    --this-input-focus-outline: 0 none;

    --this-input-focus: {
    var(--this-input-focus-border-color);
    var(--this-input-focus-box-shadow);
    var(--this-input-focus-outline);
    };

    --this-input-normal-border-color: rgba(0, 0, 0, 0.2) !important;
    --this-input-normal: {
    var(--this-input-normal-outline);
    }
}

label {
    margin-bottom: 0 !important;
}

.div-overhand {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #BDBDBD;
    opacity: 20%;
}

.img-overhand {
    display: block;
    position: fixed;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -o-transform: translate(-50%, -50%); /* Opera */
}

.div-overhand-block {
    position: relative;
    background-color: #BDBDBD;
    opacity: 20%;
}

.img-overhand-block {
    display: block;
    position: relative;
    top: 0%;
    left: 50%;
}

.help-text {
    color: gray
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.table-bg-primary,
table.table-hover tbody tr:hover {
    /*background-color: #fb9692;*/
    color: #212529;
    background-color: rgba(97, 111, 211, .2);
}

.cell-hover {
    /*background-color: #fb9692;*/
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.cell-hover-blue-highlight {
    background-color: rgba(97, 111, 211, .165)
}

.cell-hover-blue-normal {
    color: #000000;
    background-color: rgba(97, 111, 211, .075)
}

.dt-button.dropdown-item.buttons-columnVisibility.active {
    background-color: var(--this-color-primary) !important;
    color: white;
}

.data-sheet-bg {
    background: #D9E1FC;
    padding-top: 10px;
    padding-bottom: 10px;
}

td.details-control-forceIcon {
    background: url('/images/details_open.png') no-repeat left center;
    background-size: 26px 26px;
    cursor: pointer;
}

tr.shown td.details-control-forceIcon {
    background: url('/images/details_close.png') no-repeat left center;
    background-size: 26px 26px;
    cursor: pointer;
}

.footerAuth {
    bottom: 0;
    position: absolute;
    text-align: center;
    height: 60px;
    width: 100%;
    left: 0;
}

.select2-dropdown {
    background-color: #EEEEEE !important;
    /*border-color: var(--this-input-border-color);*/
    /*box-shadow: var(--this-input-box-shadow);*/
    /*outline: var(--this-input-outline);*/
}

.select2-dropdown li {
    white-space: pre;
}

.select2-hidden-accessible.parsley-error ~ .select2-container--default .select2-selection--single {
    border-color: #F34943;
}

/*.select2-hidden-accessible.parsley-success ~ .select2-container--default .select2-selection--single {*/
/*    border-color: #31ce77 !important;*/
/*}*/

.select2-selection--single {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
    background-color: #000000 !important;
}

.dropdown-menu {
    position: absolute !important;
    z-index: 9999999 !important;
}

@media only screen and (min-width: 768px) {
    .card-section > :nth-child(1) {
        padding-right: 20px;
    }

    .card-section > :nth-child(2) {
        border-right: 1px solid #EDEDED;
        border-left: 1px solid #EDEDED;
        padding-inline: 20px;
    }

    .card-section > :nth-child(3) {
        padding-left: 20px;
    }
}

/*[class*="col-"] {*/
/*    border-right: 1px solid red;*/
/*    border-left: 1px solid red;*/
/*}*/

/*.row {*/
/*    border-bottom: solid 1px red;*/
/*}*/

/******** REORDER IMPORTANT ********/
table.dataTable td.reorder {
    text-align: center !important;
    cursor: move !important;
}

table.dt-rowReorder-float {
    position: absolute !important;
    opacity: 0.8 !important;
    table-layout: fixed !important;
    outline: 2px solid #888888 !important;
    outline-offset: -2px !important;
    z-index: 2001 !important;
}

tr.dt-rowReorder-moving {
    outline: 2px solid #555555 !important;
    outline-offset: -2px !important;
}

body.dt-rowReorder-noOverflow {
    overflow-x: hidden !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #FDE19A;
    background-image: -moz-linear-gradient(top, #FDD49A, #FDF59A);
    background-image: -ms-linear-gradient(top, #FDD49A, #FDF59A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDD49A), to(#FDF59A));
    background-image: -webkit-linear-gradient(top, #FDD49A, #FDF59A);
    background-image: -o-linear-gradient(top, #FDD49A, #FDF59A);
    background-image: linear-gradient(top, #FDD49A, #FDF59A);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #FDF59A #FDF59A #FBED50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000000 !important;
}

.datepicker table tr td.selected {
    background-color: var(--this-color-primary) !important;
    background-image: none;
    color: #FFFFFF !important;
}

.select2-dropdown,
.datepicker-dropdown,
.select2-container--focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: var(--this-input-focus-border-color);
    box-shadow: var(--this-input-focus-box-shadow);
    outline: var(--this-input-focus-outline);
}

.input-with-filter-active:enabled {
    /*background-color: var(--this-color-primary) !important;*/
    border-color: rgba(8, 220, 36, 0.8) !important;
    box-shadow: 0 1px 1px rgba(7, 148, 2, 0.075) inset, 0 0 8px rgba(7, 148, 2, 0.6) !important;
    outline: 2px !important;
}

#form-filter-selectors .form-group {
    margin-bottom: 0.3rem;
}

.price-paid {
    color: green !important;
}

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

.swal2-actions {
    z-index:1 !important;
}

.swal2-content {
    z-index:2 !important;
}

.stats_td_divisor {
    background-color: rgba(97, 111, 211, .2);
}

.stats_table_totals_visibility tr td.checkbox_visibility,
.stats_table_year_month_visibility tr td {
    width: 40px;
    text-align: center;
}

.purchase-orders .dataTables_scroll{
  font-size: 13px;
}

#statistics-filters .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
#statistics-filters .configuration-container {
  display: flex; 
  flex-direction: row;
}
#statistics-filters .configuration-container .first-column{
  display: flex; 
  flex-direction: column; 
  padding: 0 15px 0 30px; 
  border-right: 1px solid;
}
#statistics-filters .configuration-container .second-column{
  display: flex; 
  flex-direction: column;
  padding: 0 15px; 
  border-right: 1px solid
}
#statistics-filters .configuration-container .third-column{
  display: flex; 
  flex-direction: column;
  padding: 0 15px;
}

#statistics-filters .configuration-container .padding-horizontal{
  padding: 0 15px;
}

#statistics-filters .configuration-container .border-right{
  display: flex; 
  flex-direction: column;
  padding: 0 15px;
}

.statistic-table-compact .dataTables_scroll {
  font-size: 13px;
}
.statistic-table-compact .table td, .statistic-table-compact .table th {
  padding: 0.4rem;
}
.filter-absolute{
  position: absolute;
  left: 0px;
  width: 100%;
  z-index: 10;
}
td.expand-control, td.expand-nested{
  cursor: pointer;
}
td.expand-control{
  width: 505px;
  min-width: 505px !important;
}
td.expand-nested{
  width: 485px;
  min-width: 485px !important;
}
td.expand-nested-wine{
  width: 465px;
  min-width: 465px !important;
}

#container-datatable-stats-brands td.expand-nested-variety{
  width: 465px;
  min-width: 465px !important;
}
/**/
#container-datatable-stats-year-today td.expand-control{
  width: 500px;
  min-width: 500px !important;
}
#container-datatable-stats-year-today td.expand-nested{
  width: 473px;
  min-width: 473px !important;
}
#container-datatable-stats-year-today td.expand-nested-wine{
  width: 455px;
  min-width: 455px !important;
}
#container-datatable-stats-year-today td.expand-nested-variety{
  width: 437px;
  min-width: 437px !important;
}


/* td.number-row-fixed-width{
  width: 105px;
  min-width: 105px !important;
} */
/* .dt-hasChild.shown{
  font-weight: bold;
}
.dt-hasChild.shown span{
  font-weight: bold;
} */
tr.no-padding td:first-child {
  padding: 0.4rem 0 0.4rem 20px !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span.menu-hidden {
  display: none
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul hr.menu-hidden {
  display: none
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul.top-0 {
  top: 0;
}
.vertical-menu {
  z-index: 20;
}

.highcharts-figure.hidden{
  display: none !important;
}
.cursor-pointer{
  cursor: pointer;
}

.add-credit-note-span{
  background: url('/images/details_open.png') no-repeat left center;
  background-size: 26px 26px;
  cursor: pointer;
  height: 26px;
  width: 26px;
}
.hidden{
  display: none;
}

.space-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-credit-note-po{
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

.unfreeze{
  background: linear-gradient(to top left,
             rgba(0,0,0,0) 0%,
             rgba(0,0,0,0) calc(50% - 0.8px),
             rgba(0,0,0,1) 50%,
             rgba(0,0,0,0) calc(50% + 0.8px),
             rgba(0,0,0,0) 100%)
}