@media print {
    .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding-bottom: 1rem;
        text-align: center;
        border-top: 1px solid #000;
    }

    .NonPrintable {
        display: none;
    }
}
.hide
{
  display:none;
}

.req_fld {
    border-left: .1rem solid #FF9933 !important;
}
.hscroll {
    overflow-x: auto; /* Horizontal */
}
/*
td {
  white-space: normal !important; 
  word-wrap: break-word;  
}
table {
  table-layout: fixed;
}
*/

.tcompact tr td{
    font-size:11px;   
    color: #1e1b1b;
    border: 1px solid #e4dada;
    padding: 3px 1px;
    margin:0px;
}

/**** START TEXT SIZE COLORS ***/
.tx-8 { font-size: 8px; }     /* FONT SIZE 8px */
.tx-9 { font-size: 9px; }
.tx-10 { font-size: 10px; }
.tx-11 { font-size: 11px; }

.tx-12 {
    font-size: 12px;
    color: black;
    font-family: sans-serif;
}
.tx-13 { font-size: 13px; }
.tx-14 { font-size: 14px; }
.tx-15 { font-size: 15px; }
.tx-16 { font-size: 16px; }
.tx-17 { font-size: 17px; }
.tx-18 { font-size: 18px; }
.tx-19 { font-size: 19px; }
.tx-20 { font-size: 20px; }
.tx-21 {
    font-size: 12px;
    color: #000;
    font-family:Arial;
}

/* Forecolor shades */
.cl-dark1 { color:#17202A; }
.cl-dark2 { color:#1C2833; }
.cl-dark3 { color:#273746; }
.cl-dark4 { color:#283747; }
.cl-dark5 { color:#34495E; }
.cl-dark6 { color:#5D6D7E; }
.cl-dark7 { color:#808B96; }
.cl-dark8 { color:#AEB6BF; }
.cl-dark9 { color:#AEB6BF; }
.cl-dark10 { color:#E5E8E8; }

.cl-red1 { color:#922B21; }
.cl-red2 { color:#B03A2E; }
.cl-red3 { color:#C0392B; }
.cl-red4 { color:#E74C3C; }
.cl-red5 { color:#F1948A; }

.cl-green1 { color:#0B5345; }
.cl-green2 { color:#0E6655; }
.cl-green3 { color:#138D75; }
.cl-green4 { color:#17A589; }
.cl-green5 { color:#48C9B0; }
.cl-green6 { color:#1D8348; }
.cl-green7 { color:#239B56; }
.cl-green8 { color:#2ECC71; }
.cl-green9 { color:#52BE80; }
.cl-green10 { color:#58D68D; }
.cl-green11 { color:#82E0AA; }

.cl-orange1 { color:#AF601A; }
.cl-orange2 { color:#A04000; }
.cl-orange3 { color:#BA4A00; }
.cl-orange4 { color:#D35400; }
.cl-orange5 { color:#DC7633; }
.cl-orange6 { color:#D68910; }
.cl-orange7 { color:#E67E22; }
.cl-orange8 { color:#EB984E; }
.cl-orange9 { color:#F8C471; }
.cl-orange10 { color:#D4AC0D; }
.cl-orange11 { color:#F5B041; }
.cl-orange12 { color:#F39C12; }
.cl-orange13 { color:#F4D03F; }
.cl-orange14 { color:#F7DC6F; }

.cl-blue1 { color:#154360; }
.cl-blue2 { color:#1B4F72; }
.cl-blue3 { color:#1A5276; }
.cl-blue4 { color:#21618C; }
.cl-blue5 { color:#2471A3; }
.cl-blue6 { color:#2E86C1; }
.cl-blue7 { color:#2980B9; }
.cl-blue8 { color:#5499C7; }
.cl-blue9 { color:#7FB3D5; }
.cl-blue10 { color:#AED6F1; }

/* Background shades */
.bg-dark1 { background:#17202A; }
.bg-dark2 { background:#1C2833; }
.bg-dark3 { background:#273746; }
.bg-dark4 { background:#283747; }
.bg-dark5 { background:#34495E; }
.bg-dark6 { background:#5D6D7E; }
.bg-dark7 { background:#808B96; }
.bg-dark8 { background:#AEB6BF; }
.bg-dark9 { background:#AEB6BF; }
.bg-dark10 { background:#E5E8E8; }

.bg-red1 { background:#922B21; }
.bg-red2 { background:#B03A2E; }
.bg-red3 { background:#C0392B; }
.bg-red4 { background:#E74C3C; }
.bg-red5 { background:#F1948A; }

.bg-green1 { background:#0B5345; }
.bg-green2 { background:#0E6655; }
.bg-green3 { background:#138D75; }
.bg-green4 { background:#17A589; }
.bg-green5 { background:#48C9B0; }
.bg-green6 { background:#1D8348; }
.bg-green7 { background:#239B56; }
.bg-green8 { background:#2ECC71; }
.bg-green9 { background:#52BE80; }
.bg-green10 { background:#58D68D; }
.bg-green11 { background:#82E0AA; }

.bg-orange1 { background:#AF601A; }
.bg-orange2 { background:#A04000; }
.bg-orange3 { background:#BA4A00; }
.bg-orange4 { background:#D35400; }
.bg-orange5 { background:#DC7633; }
.bg-orange6 { background:#D68910; }
.bg-orange7 { background:#E67E22; }
.bg-orange8 { background:#EB984E; }
.bg-orange9 { background:#F8C471; }
.bg-orange10 { background:#D4AC0D; }
.bg-orange11 { background:#F5B041; }
.bg-orange12 { background:#F39C12; }
.bg-orange13 { background:#F4D03F; }
.bg-orange14 { background:#F7DC6F; }

.bg-blue1 { background:#154360; }
.bg-blue2 { background:#1B4F72; }
.bg-blue3 { background:#1A5276; }
.bg-blue4 { background:#21618C; }
.bg-blue5 { background:#2471A3; }
.bg-blue6 { background:#2E86C1; }
.bg-blue7 { background:#2980B9; }
.bg-blue8 { background:#5499C7; }
.bg-blue9 { background:#7FB3D5; }
.bg-blue10 { background:#AED6F1; }

.fb-600 {font-weight: 600; }  /* FONT BOLD 600 */
.fb-500 {font-weight: 500; }  /* FONT BOLD 500 */
.fb-400 {font-weight: 400; }  /* FONT BOLD 400 */
.fb-300 {font-weight: 300; }  /* FONT BOLD 300 */

/*** END TEXT SIZE COLORS ***/



/**SET WIDTH COLUMS */
.setw10 {
    width:10px !important;
}

.setw15 {
    width:15px !important;
}

.setw20 {
    width:20px !important;
}
.setw30 {
    width:30px !important;
}
.setw40 {
    width:40px !important;
}
.setw50 {
    width:50px !important;
}
.setw60 {
    width:60px !important;
}
.setw70 {
    width:70px !important;
}
.setw80 {
    width:80px !important;
}
.setw90 {
    width:90px !important;
}
.setw100 {
    width:100px !important;
}
.setw110 {
    width:110px !important;
}
.setw120 {
    width:120px !important;
}
.setw130 {
    width:130px !important;
}
.setw140 {
    width:140px !important;
}
.setw150 {
    width:150px !important;
}
.setw160 {
    width:160px !important;
}
.setw170 {
    width:170px !important;
}
.setw180 {
    width:180px !important;
}
.setw190 {
    width:190px !important;
}
.setw200 {
    width:200px !important;
}
.setw250 {
    width:250px !important;
}
.setw300 {
    width:300px !important;
}
.setw350 {
    width:350px !important;
}
.setw400 {
    width:400px !important;
}

/***
UI Loading
***/
.loading-message {
  display: inline-block;
  min-width: 125px;
  margin-left: -60px;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle; }
  .loading-message.loading-message-boxed {
    border: 1px solid #ddd;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  .loading-message > span {
    line-height: 20px;
    vertical-align: middle; }

.page-loading {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: -60px;
  margin-top: -30px;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  .page-loading > span {
    line-height: 20px;
    vertical-align: middle; }

.page-spinner-bar {
  position: fixed;
  z-index: 10051;
  width: 100px;
  top: 40%;
  left: 50%;
  margin-left: -55px;
  text-align: center; }
  .page-spinner-bar > div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .page-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

.block-spinner-bar {
  display: inline-block;
  width: 80px;
  text-align: center; }
  .block-spinner-bar > div {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .block-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .block-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }