div.disabled
{
    pointer-events: none;

    /* for "disabled" effect */
    opacity: 0.5;
}

.btn.disabled,
.btn[disabled]{
        opacity: 0.5;
}

.data-loading {
    position: absolute;
    top: 50%;
    left: 40%;
 
}

.jumbotron{ background-color: transparent;}

.table tbody>tr>td{
    border-top-style:none;
    border-bottom-style: none;
    vertical-align:middle;
     
}

table {   border-bottom-style: none;}


 input.quantity {
         height:15px;
         width:30px;
         padding:0px;
         font-size:12px;
         border-style:none;
         text-align:center;
         border: 1px soLId #ddd;
         border-radius:3px;

     }

  input.checkbox{
          border:1px soLId #342f30;
          margin:0px;
          display:inline;
     }

  input.quantity:focus {
    border-color: #CCCCCC;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }

.error{color:red;font-size: 12px;}



.error-list{
        list-style-type: none; padding: 0px; margin: 0px; 
}

.split-row { width: 50%;float: left;}

.span-desc{font-size:12px; padding-right:5px; padding-bottom: 5px; font-weight:bold;}

.overlay {
  /* some styles to position the modal at the center of the page */
    position: fixed;
    top: 50%;
    left: 45%;
    width: 400px;
    line-height: 200px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #f5f5f5;
    text-align: center;
    
  
    /* needed styles for the overlay */
    z-index: 10; /* keep on top of other elements on the page */
    outline: 9999px solid rgba(0,0,0,0.5);
}


.overlayNotification {
  /* some styles to position the modal at the center of the page */
    position: fixed;
    top: 50%;
    left: 45%;
    width: 400px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #f5f5f5;
  
    /* needed styles for the overlay */
    z-index: 10; /* keep on top of other elements on the page */
    outline: 9999px solid rgba(0,0,0,0.5);
}

@media (max-width: 767px)
{
    .table-responsive
    {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: none;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive > .table
        {
            margin-bottom: 0;
        }

        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > td
        {
            white-space: normal;
        }

        .overlay {
          /* some styles to position the modal at the center of the page */
            position: fixed;
            top: 30%;
            left: 45%;
            width: 330px;
            line-height: 200px;
            height: 200px;
            margin-left: -150px;
            margin-top: -100px;
            background-color: #f5f5f5;
            text-align: center;
    
  
            /* needed styles for the overlay */
            z-index: 10; /* keep on top of other elements on the page */
            outline: 9999px solid rgba(0,0,0,0.5);
        }


        .overlayNotification {
            /* some styles to position the modal at the center of the page */
            position: fixed;
            top: 30%;
            left: 45%;
            width: 330px;
            margin-left: -150px;
            margin-top: -100px;
            background-color: #f5f5f5;
  
            /* needed styles for the overlay */
            z-index: 10; /* keep on top of other elements on the page */
            outline: 9999px solid rgba(0,0,0,0.5);
        }
}