/*.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-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);
    }
}

#loadingDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2c357369;
}
*/

.warehouse-form {
    margin-top: 15px;
    margin-bottom: 30px;
}
.articletoelab
{

}
.color014 {
    background-color: #000000;
}
.color081 {
    background-color: #000080;
}
.color004 {
    background-color: #000080;
}
.color041 {
    background-color: #000000;
}
.color014 {
    background-color: #000080;
}
.color000 {
    background-color: #FFFFFF;
}
.color001 {
    background-color: #FFFFFF;
}
.color002 {
    background-color: #FFFFFF;
}
.color006 {
    background-color: #FFFC17;
}
.color008 {
    background-color: #00D9D9;
}
.color034 {
    background-color: #00D9D9;
}
.color094 {
    background-color: #00D9D9;
}
.color020 {
    background-color: #00D900;
}
.color088 {
    background-color: #00D9D9;
}
.color030 {
    background-color: #FFE4E1;
}
.color023 {
    background-color: #FFE4E1;
}
.color013 {
    background-color: #FF8C00;
}
.color031 {
    background-color: #FF5078;
}
.color072 {
    background-color: #FF5078;
}
.color067 {
    background-color: #FF00FF;
}
.color005 {
    background-color: #FF00FF;
}
.color003 {
    background-color: #FF0000;
}
.color011 {
    background-color: #F5F5DC;
}
.color015 {
    background-color: #F5F5DC;
}
.color048 {
    background-color: #EEE8AA;
}
.color026 {
    background-color: #EEE8AA;
}
.color029 {
    background-color: #E6E6FA;
}
.color080 {
    background-color: #E6E6FA;
}
.color017 {
    background-color: #D4AF37;
}
.color054 {
    background-color: #D4AF37;
}
.color021 {
    background-color: #C19A6B;
}
.color018 {
    background-color: #C0C0C0;
}
.color028 {
    background-color: #0000FF;
}
.color033 {
    background-color: #008000;
}
.color022 {
    background-color: #008000;
}
.color060 {
    background-color: #0000FF;
}
.color016 {
    background-color: #8C0000;
}
.tdTextAlignCenter {
    text-align: center !important;
}
.articleelab {
    opacity :0.4;
}
.inputform {
    display: block !important;
    width: 100% !important;
    max-width: 360px !important;
    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: 0 !important; /*.25rem !important*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    margin-top: 0 !important;
}

.label-estrazione ul{
    list-style-type:none;
}

.warehouse-container .submit.btn,
.modal .btn {
    width: auto;
    height: 35px;
    line-height: 35px;
    background-position: right 9px !important;
}
.modal .btn {
    min-width: 120px;
    width: auto;
    height: auto;
    /*line-height: 35px;*/
    background-position: right 9px !important;
}
.warehouse-form input:not(.btn),
.warehouse-form select,
.warehouse-form textarea,
.warehouse-form .form-control,
.warehouse-container input:not(.btn),
.warehouse-container select,
.warehouse-container textarea,
.warehouse-container .form-control {
    border: 1px solid #cacaca;
    background-color: #fff;
}
.warehouse-container input:not(.btn),
.modal input:not(.btn) {
    max-width: 37px;
    margin-top: -3px;
    border: none;
    background-color: transparent;
    margin-bottom: -4px;
    height: 28px;
    padding: 0 3px 0 3px;
    font-size: 15px !Important;
}
.warehouse-container {
/*    padding-left: 25px;
    padding-right: 25px;
    margin-top: -105px;*/
    margin-bottom: 85px;
}
.warehouse-container .legend > div {
    display: inline-block;
    margin-right: 15px;
}
.warehouse-container .legend > div:before {
    content: '';
    height: 15px;
    width: 15px;
    display: inline-block;
    background-color: #333;
    margin-right: 5px;
    vertical-align: top;
    border-radius: 8px;
}
.warehouse-container .legend > div.black:before {
    background-color: black;
}
.warehouse-container .legend > div.orange:before {
    background-color: orange;
}
.warehouse-container .legend > div.red:before {
    background-color: red;
}
.warehouse-container table td.black,
.modal table td.black {
    color: black;
}
.warehouse-container table td.orange,
.modal table td.orange {
    color: orange;
}
.warehouse-container table td.red,
.modal table td.red {
    color: red;
}
.warehouse-container .legend {
    margin-bottom: 15px;
}
.warehouse-container .table {
    margin: 0;
    margin-bottom: 30px;
}
.modal .table {
    margin: 0;
}
.warehouse-container .table .table {
    margin-bottom: 0;
}
.warehouse-container .table > tbody > tr > td[colspan="13"] {
    padding: 0;
    border: 0;
}
.warehouse-container .table > thead > tr > th,
.warehouse-container .table .table tr > th.bg-primary {
    background-color: #14295e;
    color: #fff;
}
.warehouse-container .table .table tr > th,
.modal .table tr > th {
    background-color: #eeeeee;
    color: #000;
}
.warehouse-container .table .btn  {
    padding: 2px 5px;
    min-height: 0;
    min-width: 85px;
    font-size: 13px;
    text-transform: none;
    color:white;
}
.modal .btn-group-modal {
    text-align: center;
    margin-top: 30px;
    margin-bottom: -15px;
}
.modal-dialog {
    width: 100%;
    max-width: 1200px;
}
.warehouse-container a[data-toggle="collapse"][aria-expanded="true"] {
    background-color: #152a5f;
}
.warehouse-container a[data-toggle="collapse"][aria-expanded="false"]:before {
    content: 'Mostra';
}
.warehouse-container a[data-toggle="collapse"][aria-expanded="true"]:before {
    content: 'Nascondi';
}

.Size_Total {
    font-weight:bolder!Important;
    font-size: 19px!Important;
}

 .input_green {
      border: none!Important;
      border-bottom: 2px solid white!Important;
      text-align: center!Important;
          font-weight: bolder;
    }
    .input_yellow {
      border: none!Important;
      border-bottom: 2px solid white!Important;
      text-align: center!Important;
          font-weight: bolder;
    }
    .input_orange {
      border: none!Important;
      border-bottom: 2px solid white!Important;
      text-align: center!Important;
          font-weight: bolder;
    }
     .input_red {
      border: none!Important;
      border-bottom: 2px solid red!Important;
      text-align: center!Important;
      font-weight: bolder;
    }
    .input_blue {
      border: none!Important;
      border-bottom: 2px solid blue!Important;
      text-align: center!Important;
      max-width: 250px!Important;
          font-weight: bolder;
    }
.menuselected {
     border: none!Important;
      border-bottom:2px solid #14295e!Important;
      text-align: center!Important;
      max-width: 250px!Important;
}

    /* The container */
.container_check {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* custom Gestione */

.widget_summary .w_right span {
    font-size: 15px!important;
}


/*
    select2
*/

.select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc;
    border-radius: 0px !important;
    margin-top: -2px;
}

.select2-container--bootstrap .select2-selection--single {
    height: 38px !important;
    padding: 8px 24px 6px 12px!important;
}
.select2-container--bootstrap .select2-dropdown,
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection
{
    border-color:#ccc!important;
}

    .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    margin-top: -2px;
}
    /***********************/

    .table-input {
    border: 1px solid #ced4da !Important;
    width: 450px !important;
    max-width: 450px !Important;
    text-align: unset !important;
    height: calc(1.5em + .75rem + 2px) !important;
    padding: .375rem .75rem !important;
}

.panel_toolbox {
        min-width: auto;
}

.btn-primary {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.form-control-upload {
    max-width: 100% !important;
    height: auto !important;
    padding: 4px 4px 4px 4px !important;
    border: 1px solid #cacaca !important;
}


.form-control-date {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 5px 0px 5px 10px !important;
    border: 1px solid #cacaca !important;
    margin-top: 0px !important;
}


/**********/
#loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(245, 245, 245, 0.45);
    z-index: 9999;
    /* centratura */
    display: flex !important;
    justify-content: center;
    align-items: center;
    /* transizione di visibilità */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

    /* classe attiva */
    #loader-overlay.active {
        opacity: 1;
        visibility: visible;
    }

/* immagine rotante */
#loader-image {
    width: 100px;
    height: 100px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}