/*Added to have an small border bettween sortables and the container
        needed because sortables have no patting bottom*/
        #grid-container {
            padding: 3px;
            /* padding-left: 1px !important; */
            /* padding-right: 1px !important; */
        }
        .grid-small-padding {
             padding-left: 1px !important; padding-right: 1px !important;
        }
        .grid-small-padding-first {
          padding-left: 3px !important;;
        }
        /*Used to fill the gap for a dragged element*/
        .placeholder {
            border: 5px dashed #66ffcc;
            height: 50px;
            border-radius: 5px;
            margin-top: 3px;
        }
        .form-control-number {
            direction: rtl;
        }
        .form-control-xs {
            height: calc(1em + .375rem + 2px) !important;
            padding: .125rem .25rem !important;
            font-size: .75rem !important;
            line-height: 1.5;
            border-radius: .2rem;
        }
        .input-group-xs > .form-control:not(textarea),
        .input-group-xs > .custom-select {
          height: calc(1em + .375rem + 2px);
        }
        
        .input-group-xs > .form-control,
        .input-group-xs > .custom-select,
        .input-group-xs > .input-group-prepend > .input-group-text,
        .input-group-xs > .input-group-append > .input-group-text,
        .input-group-xs > .input-group-prepend > .btn,
        .input-group-xs > .input-group-append > .btn {
          height: calc(1em + .375rem + 2px) !important;
          padding: .1rem .1rem;
          font-size: 0.75rem;
          line-height: 1.5;
          border-radius: 0rem;
        }

        /* .form-control {
            padding: 0.25rem 0.5rem;
        } */
        /* .form-control-sm {
            height: calc(1.8125rem + 2px);
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            line-height: 1.5;
            border-radius: 0.2rem;
          } */

        .col-form-label-sm {
            padding-top: 0.15rem;
            padding-bottom: 0.05rem;
            font-size: 0.90rem;
          /*  line-height: 1.5; */
          }        
        .col-form-label-xs {
          padding-top: 0.15rem;
          padding-bottom: 0.05rem;
          font-size: 0.75rem;
        /*  line-height: 1.5; */
        }
        
        .input-group-xs {
          height:1.25rem;
          padding: 0.25rem;
          font-size: 0.7rem;
          line-height: 1.5;
          border-radius: 0rem;
        }

        .input-right{
          text-align:right;
        }
        td.details-control {
          background: url('/img/details_open.png') no-repeat center center;  
          cursor: pointer;
        }
        tr.shown td.details-control {
          background: url('/img/details_close.png') no-repeat center center; 
        }

        .modal-xxl{
          width: 90%;
          max-width: none !important;
        }
        
        
        /* Remove Arrows/Spinners from type="number" */
        /* Chrome, Safari, Edge, Opera */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }

        /* Firefox */
        input[type=number] {
          -moz-appearance: textfield;
        }