.menu-heading-font { font-size: 13px; }
a.menu:hover { font-weight: 800; }

@media screen and (max-width: 600px) {
    form.lblUser { font-size : 0.9em; }
    div.headerTop { position: sticky; top: 0; width: 100%; }
    #sMenu a.fonT { font-size: 10px; font-weight: 400; }
    div.tiTle { font-size : 13px; }
    table.table-fixed { max-height: 585px; overflow-y: auto; }
    
    div.iconSize { font-size:8px; margin-right: 5px; }
    th.wiDth { white-space: nowrap; }
    input.srchWidth { width: 130px; float: right; }
    
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 0.9em; outline:none;}
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    input.widTh1 { width:100px; height:27px; margin-left:200px; }
    input.widTh, select.widTh, div.widTh, label.widTh { width: 200px; height:auto; }
    .sTar { color:red; font-weight:800; }
    .selected { color: red; background-color: yellow; }  
    div.rowMarGin { margin-bottom: 5px; }
    div.aliGn1 { text-align: left; width:100%; padding: 0px 0px 0px 0px; }
    div.widTh2, select.widTh2, input.widTh2, span.widTh2 { width:100%; float: left;}
    div.chkbxmGn { margin-bottom: 5px; }
    input.chkbxAn { vertical-align: -5px; }
    textarea.wdHgt { width: 100%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 200px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 200px; height: 100px; float: left; }
    textarea.wdHgt3 { width: 100%; height: 100px; float: left; }
    textarea.wdHgt4 { width: 100%; height: 100px; float: left; }
    input.widTh3 {width: 183px; }
    input.widTh4 {width: 100px;}
    input.widTh7 {float: left; width: 40%};
    select.widTh3 {width: 150px; height:25px;}
    select.widTh4 {width: 100%;}
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    div.aliGn2 {text-align: right;}
    div.imgContainer { width : 100%; height : auto; overflow: auto; }
    div.prodImg { width: 200px; height: 125px; }
    img.siZe { width:125px; height:125px; margin-right: 5px; }
    input.widTh5 {width: 95%; float:left;  }
    span.widTh5{width: 5%; float:left; text-align: center;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:85%; height: 25px; padding: 5px; font-size: 11px;}
    div.lftMrgn {margin-left:10px;}
    div.mobileMenu { margin: 20px 10px; width: 40%; }  
    div.mobileMenu1 { margin: 20px 40px;}
    div.scRoll {position: sticky; max-height: 575px; overflow-y: auto;}
    img.imgModal {width:200px; height:300px;}
    div.aliGn2 {text-align: left; width:300px;}
    label.imgBtn {font-size: 12px; width: 115px; height: 30px; padding: 5px 20px; margin-left:3px;}
    input.widTh6, select.widTh6 {width:95%; margin-left:10px; height:25px; outline:none;}
    input.chkBoxdisp {margin-left:10px; margin-top:5px; margin-bottom: 5px; }
    div.iconSize { font-size:18px; margin-right: 16px; }

}

@media screen and (min-width: 600px) {
    form.lblUser { font-size : 11px; }
    div.headerTop { position: sticky; top: 0; width: 100%; }
    #sMenu a.fonT { font-size: 12px; font-weight: 400; }
    div.tiTle { font-size : 16px; }
    table.table-fixed { max-height: 700px; overflow-y: auto; }
    
    div.iconSize { font-size:18px; margin-right: 16px; }
    th.wiDth { white-space: nowrap; }
    input.srchWidth { width: 160px; float: right; }
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 13px; outline:none;}
    input.widTh1 { width:100px; height:27px; margin-left:200px; }
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    .sTar { color:red; font-weight:800; }
    input.widTh, select.widTh, div.widTh, label.widTh { width: 225px; }
    .selected { color: red; background-color: yellow; }   
    div.rowMarGin { margin-bottom: 5px; }
    div.widTh2, select.widTh2, input.widTh2, span.widTh2 { width:60%; float: left; }
    div.aliGn1 { text-align: right; width:100%; padding: 5px 20px 10px 20px; }
    div.chkbxmGn { margin-bottom: 10px; }
    input.chkbxAn { vertical-align: -4px; }
    textarea.wdHgt {width: 60%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 225px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 225px; height: 50px; float: left; }
    textarea.wdHgt3 { width: 60%; height: 50px; float: left; }
    textarea.wdHgt4 { width: 60%; height: 100px; float: left; }
    input.widTh3 {width: 210px; }
    input.widTh4 {width: 130px;}
    input.widTh6 {float: left; width: 45%};
    select.widTh3 {width: 200px;}
    select.widTh4 {width: 50%; height:25px;}
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:50%; height: 25px; padding: 3px; font-size: 12px; }
    div.lftMrgn {margin-left:20px;}
    div.scRoll {position: sticky; max-height: 700px; overflow-y: auto;}
    img.imgModal {width:300px; height:400px;}
    div.aliGn2 {text-align: left; width:300px;}
    div.imgContainer { width:100%; height:auto; overflow:auto; }
    div.prodImg { width:200px; height:150px; }
    img.siZe { width:130px; height:130px; margin-right: 10px; }
    label.imgBtn {font-size: 12px; width: 115px; height: 30px; padding: 5px 20px; margin-left: 6px;}
    input.widTh6, select.widTh6 {width:60%; float: left; margin-left:10px; outline:none;}
    input.widTh7 {float: left; width: 40%};
    div.iconSize { font-size:18px; margin-right: 16px; }
    
}

@media screen and (min-width: 1000px) {
    form.lblUser { top: 50px; font-size : 14px; }
    div.headerTop { position: sticky; top: 0; width: 100%; }
    #sMenu a.fonT { font-size: 12px; font-weight: 400; }
    div.tiTle { font-size : 20px; }
    table.table-fixed { max-height: 495px; overflow-y: auto; }
    
    div.iconSize { font-size:18px; margin-right: 16px; }
    th.wiDth { width:10%; white-space: nowrap; }
    input.srchWidth { width: 200px; float: right; }
    
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 12px; outline:none;}
    input.widTh1 { width:150px; height:30px; margin-left:200px; }
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    input.widTh, select.widTh, span.widTh, label.widTh { width:300px; height:30px; }
    div.widTh {width: 300px;}
    .sTar { color:red; font-weight:800; }
    .selected { color: red; background-color: yellow; }   
    div.rowMarGin { margin-bottom: 16px; }
    select.widTh2, input.widTh2, span.widTh2 { width:85%; float: left; height:30px; }
    div.widTh2 {width:85%; float:left;}
    div.aliGn1 { text-align: right; width:100%; padding: 5px 20px 0px 20px; }
    div.chkbxmGn { margin-bottom: 10px; }
    input.chkbxAn { vertical-align: -3px; }
    textarea.wdHgt { width: 100%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 300px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 300px; height: 50px; float: left; }
    textarea.wdHgt3 { width: 85%; height: 50px; float: left; }
    textarea.wdHgt4 { width: 85%; height: 100px; float: left; }
    input.widTh3 {width: 284px; height:30px;}
    input.widTh4 {width: 150px;}
    input.widTh6 {float: left; width: 40%};
    select.widTh3 {width: 200px;}
    select.widTh4 {width: 30%; height:25px;}
    
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    div.imgContainer { width:100%; height:auto; overflow:auto; }
    div.prodImg { width:200px; height:150px; }
    img.siZe { width:150px; height:150px; margin-right: 10px; }
    div.rowMarGin1 { margin-bottom: 10px; }
    input.widTh5 {width: 65%; height:30px; float:left;  }
    span.widTh5{width: 5%; float:left; text-align: center;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:50%; height: 30px; padding: 6px; }
    div.lftMrgn {margin-left:20px;}
    div.scRoll {position: sticky; max-height: 485px; overflow-y: auto;}
    img.imgModal {width:400px; height:500px;}
    div.aliGn2 {text-align: left; width:300px;}
    label.imgBtn {font-size: 12px; width: 115px; height: 30px; padding: 5px 20px; margin-left: 15px;}
    input.widTh6, select.widTh6 {width:85%; float: left; height:30px; outline:none;}
    input.chkBoxdisp {margin-left:30px; margin-top:8px; margin-bottom: 5px;}
    input.widTh7 {float: left; width: 40%;}
    div.iconSize { font-size:18px; margin-right: 16px; }
    
}

@media screen and (min-width: 1700px) {
    form.lblUser { top: 50px; font-size : 14px; }
    div.headerTop { position: sticky; top: 0; width: 100%; }
    #sMenu a.fonT { font-size: 12px; font-weight: 400; }
    div.tiTle { font-size : 20px; }
    table.table-fixed { max-height: 785px; overflow-y: auto; }
    
    div.iconSize { font-size:18px; margin-right: 16px; }
    th.wiDth { width:10%; white-space: nowrap; }
    input.srchWidth { width: 200px; float: right; }
    
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 12px; outline:none;}
    input.widTh1 { width:150px; height:30px; margin-left:200px; }
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    input.widTh, select.widTh, span.widTh, label.widTh { width:300px; height:30px; }
    div.widTh {width: 300px;}
    .sTar { color:red; font-weight:800; }
    .selected { color: red; background-color: yellow; }   
    div.rowMarGin { margin-bottom: 16px; }
    select.widTh2, input.widTh2, span.widTh2 { width:85%; float: left; height:30px; }
    div.widTh2 {width:85%; float:left;}
    div.aliGn1 { text-align: right; width:100%; padding: 5px 20px 0px 20px; }
    div.chkbxmGn { margin-bottom: 10px; }
    input.chkbxAn { vertical-align: -3px; }
    textarea.wdHgt { width: 100%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 300px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 300px; height: 50px; float: left; }
    textarea.wdHgt3 { width: 85%; height: 50px; float: left; }
    textarea.wdHgt4 { width: 85%; height: 100px; float: left; }
    input.widTh3 {width: 284px; height:30px;}
    input.widTh4 {width: 150px;}
    input.widTh6 {float: left; width: 40%};
    select.widTh3 {width: 200px;}
    select.widTh4 {width: 30%; height:25px;}
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    div.imgContainer { width:100%; height:auto; overflow:auto; }
    div.prodImg { width:200px; height:150px; }
    img.siZe { width:150px; height:150px; margin-right: 10px; }
    div.rowMarGin1 { margin-bottom: 10px; }
    input.widTh5 {width: 65%; height:30px; float:left;  }
    span.widTh5{width: 5%; float:left; text-align: center;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:50%; height: 30px; padding: 6px; }
    div.lftMrgn {margin-left:20px;}
    div.scRoll {position: sticky; max-height: 485px; overflow-y: auto;}
    img.imgModal {width:400px; height:500px;}
    div.aliGn2 {text-align: left; width:300px;}
    label.imgBtn {font-size: 12px; width: 115px; height: 30px; padding: 5px 20px; margin-left: 15px;}
    input.widTh6, select.widTh6 {width:85%; float: left; height:30px; outline:none;}
    input.chkBoxdisp {margin-left:30px; margin-top:8px; margin-bottom: 5px;}
    input.widTh7 {float: left; width: 40%;}
    div.iconSize { font-size:18px; margin-right: 16px; }
    
}


/* Loader style */
.lds-dual-ring.hidden { 
display: none;
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 5% auto;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
}