.modalPending {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    min-width: 1200px;
    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */
    min-height: 400px;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    border-top: 2px dashed #046ca3;
	border-bottom: 1px dashed #046ca3;
        box-shadow: inset 0 -1px 0 0 #046ca3, inset 0 1px 0 0 #046ca3, 0 1px 0 0 #046ca3, 0 -1px 0 0 #046ca3;
	margin-bottom: 1px;
}

/* Modal Content/Box */
.modal-contentPending {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    border: 1px solid #888;
    padding: 1px;
                
    box-shadow: inset 0 -1px 0 0 #046ca3, inset 0 1px 0 0 #046ca3, 0 1px 0 0 #046ca3, 0 -1px 0 0 #046ca3;
    box-shadow: 0 0 15px #00214B;
    margin-bottom: 1px;
}

/* The Close Button */
.closePending {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closePending:hover,
.closePending:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.divInfoBookInnerTemp {
    background-color:rgba(43, 50, 91,0.4);
    display: none; /* Hidden by default */
     -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
      box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    height:220px;
    width:320px;

}

            .modaldivStockInfo {
               
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
                bottom: 30px;
                left:0;
                width: 300px; /* Full width */
                height: 33%; /* Full height */
                background-color: rgb(235, 162, 92); /* Black w/ opacity */
                border: 1px solid #888;
                padding: 1px;
                box-shadow: 0 0 15px #00214B;
            }
            .modalTitleOldTrnsInfo {
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
                left: 900px;
                bottom:30px;
                width: 700px; /* Full width */
                height: 33%; /* Full height */
                background-color: rgb(235, 162, 92); /* Black w/ opacity */
                border: 1px solid #888;
                padding: 1px;
                box-shadow: 0 0 15px #00214B;
                
            }


             .divOldISBNLinking {
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
                left:300px;
                bottom: 30px;
                width: 300px; /* Full width */
                height: 33%; /* Full height */
                background-color: rgb(235, 162, 92); /* Black w/ opacity */
                border: 1px solid #888;
                padding: 1px;
                box-shadow: 0 0 15px #00214B;
                
                
            }

.divShowBottomDiv {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 300px;
    bottom: 30px;
    width: 300px; /* Full width */
    height: 33%; /* Full height */
    background-color: rgb(235, 162, 92); /* Black w/ opacity */
    border: 1px solid #888;
    padding: 1px;
    box-shadow: 0 0 15px #00214B;
}

             
             .divPriceBatch {
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
                left:600px;
                bottom: 30px;
                width: 300px; /* Full width */
                height: 33%; /* Full height */
                background-color: rgb(235, 162, 92); /* Black w/ opacity */
                border: 1px solid #888;
                padding: 1px;
                box-shadow: 0 0 15px #00214B;
                
                
            }
            /* Modal Content/Box */
            .modaldivStockInfo-content {
                background: rgba(43, 50, 91,0);
                box-shadow: 0 0 15px #00214B;
                padding: 0px;
                border: 1px solid #888;
                width: 100%; /* Could be more or less, depending on screen size */
            }

            /* The Close Button */
            .closedivStockInfo {
                color: #aaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
                margin-top:-10px;
            }

            .closedivStockInfo:hover,
            .closedivStockInfo:focus {
                color: black;
                text-decoration: none;
                cursor: pointer;
            }
          #grdTitleEntry .k-grid-content
            {
                min-height: 450px;
                max-height: 450px;
            }
          .k-virtual-scrollable-wrap tr
            {
                height: 3em;
            }
          .k-virtual-scrollable-wrap table
            {
                background-color:rgba(43, 50, 91,0.4);
            }
          .k-grid tbody tr{height:15px;}
          

          .k-grid td {
                    /*background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.15)));
                    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
                    background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
                    background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
                    background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);*/
                    font-size:small;
                    padding: 0.1em 0.1em
                }
                .k-grid .k-alt td {
                    /*background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.1)));
                    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
                    background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
                    background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
                    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);*/
                  
                    font-size:small;
                }


            #divOldISBN {
        min-height: 400px;
    }

    

        #divOldISBN .title {
            font-weight: bold;
            margin-bottom: 25px;
        }

        .product-details-image {
    border-radius: 55px;
    border: 1px solid #eaeaeb;
    margin-right: 1.667em;
}


 .overlayletter {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  opacity: 1;
}

.popupletter {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 500px;
  height:250px;
  position: relative;
  display:block;
  transition: all 5s ease-in-out;
}

.popupletter h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
} 




.popupConvertDoc {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 700px;
  height:250px;
  position: relative;
  display:block;
  transition: all 5s ease-in-out;
}



 .overlayTitleEdit {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  
  opacity: 1;
}

.popupTitleEdit {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 350px;
  height:350px;
  position: relative;
  opacity: 1;
  display:block;
  transition: all 5s ease-in-out;
}


.overlayMainBundle {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    text-align:center;
    opacity: 1;
}



 .overlayGREdit {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  
  opacity: 1;
}

.popUpUpdateGR {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 600px;
  height:350px;
  position: relative;
  opacity: 1;
  display:block;
  transition: all 5s ease-in-out;
}



 .overlayAlert {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  
  opacity: 1;
}

.popUpAlert {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  min-width: 80%;
  height:350px;
  position: relative;
  opacity: 1;
  display:block;
  transition: all 5s ease-in-out;
  overflow:scroll;
  color:red;
  font-size:larger;
  font-weight:bold;
}

 .overlayCopyTitle {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  
  opacity: 1;
}

.popUpCopyTitle {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 550px;
  height:200px;
  position: relative;
  opacity: 1;
  display:block;
  transition: all 5s ease-in-out;
  overflow:scroll;
  color:red;
  font-size:larger;
  font-weight:bold;
}
 .overlayImportExcelDirect {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  
  opacity: 1;
}

.popupImportExcelDirect {
  margin: 110px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  min-width: 98%;
  max-width: 98%;
  min-height:650px;
  position: relative;
  opacity: 1;
  display:block;
  transition: all 5s ease-in-out;
}



.divPOSMain {
    position: fixed;
    top: 0px;
    padding: 0px;
    background: #b4def5;
    border-radius: 0px;
    margin-top :50px;
    width: 100%;
    height: 100%;
    display: none;
    transition: all 5s ease-in-out;
    overflow: scroll;
    color: red;
    font-size: larger;
    font-weight: bold;
}


.divpopUpFreeeScheme {
    margin: 0px auto;
    padding: 0px;
    background: #fff;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 1;
    display: block;
    transition: all 5s ease-in-out;
    overflow: scroll;
    color: red;
    font-size: larger;
    font-weight: bold;
}


.divBinpopUp {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    opacity: 1;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
}

.divBinMain {
    position: fixed;
    bottom: 50px;
    padding: 10px;
    background: rgb(235, 162, 92);
    border-radius: 5px;
    width: 450px;
    height: 500px;
    display: block;
    transition: all 5s ease-in-out;
    overflow: scroll;
    color: red;
    font-size: larger;
    font-weight: bold;
}

/* @group Blink */
.blink {
    color:#f30f2b;
    font-weight:bold;
    display:none;
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */

.InternetDownMessage {
          width: 55%;
          bottom: 0;
          height: 90px;
          position: fixed;
          left: 50%;          
          bottom: 10px;
          background-color: darkred;
          color: #F0F0F0;
          font-family: Calibri;
          font-size: 16px;
          padding: 10px;
          text-align: center;
          border-radius: 2px;
          -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
          -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
          box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
          transform:translateX(-50%);
      }
#ProcessOrderExportExcelDiv {
    margin-top: 0px;
    height: 30px;
    width: max-content;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: darkgreen;
    margin-left:15px;
    margin-bottom:5px;
}
    #ProcessOrderExportExcelDiv  input[type="radio"] {
        vertical-align:text-bottom;        
    }
    #ProcessOrderExportExcelDiv #chqCustomFormat {
        margin-left:10px;
    }

#cmbBinCustomerBin_SO {
    height: 25px !important;
}

    #cmbBinCustomerBin_SO .k-input {
        height: 25px;
    }

#cmbBinCustomerBin_SO_listbox {
    width: 550px;
}

#cmbBinCustomerBin_SO-list {
    width: 550px !important;
}