@charset "utf-8";
/* CSS Document */

body {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.OuterWrapper {
  width: 1366px;
  margin: 0px auto;
  min-height: 550px;
}

.HeaderBox1 {
  width: 100%;
}

.HeaderBox1 h3 {
  /*color: #bcd1dd;*/
  /**/
  font-size: 16px;
  font-weight: normal;
  padding: 11px 0px 11px 8px;
  margin: 0px 0px 0px 0px;
}

.HeaderBox1 img {
  float: left;
  padding: 0px 5px 0px 0px;
  vertical-align: top;
  margin: -3px 0px 0px 0px;
}

.WareHouseBox1 {
  width: 14.28%;
  float: left;
  background-color: #3f9dd3;
  min-height: 102px;
}

.WareHouseBox1 h3 {
  color: #e3f2fb;
}

.WareHouseBox2 h3 {
  color: #dfe3f4;
}

.WareHouseBox3 h3 {
  color: #effdf0;
}

.WareHouseBox4 h3 {
  color: #feebf1;
}

.WareHouseBox5 h3 {
  color: #ddecf9;
}

.WareHouseBox6 h3 {
  color: #f7ded2;
}

.WareHouseBox7 h3 {
  color: #defefc;
}

.WareHouseBox8 h3 {
  color: #dae7fb;
}

.WareHouseBox9 h3 {
  color: #e3dae5;
}

.WareHouseBox10 h3 {
  color: #d4dfe9;
}

.WareHouseBox11 h3 {
  color: #dae4e9;
}

.WareHouseBox12 h3 {
  color: #d7e3e9;
}

.WareHouseBox13 h3 {
  color: #f2d5e7;
}

.WareHouseBox14 h3 {
  color: #eee3de;
}

.WareHouseBox2 {
  width: 14.28%;
  float: left;
  background-color: #525e8a;
  min-height: 102px;
}

.WareHouseBox3 {
  width: 14.28%;
  float: left;
  background-color: #4caf50;
  min-height: 102px;
}

.WareHouseBox4 {
  width: 14.28%;
  float: left;
  background-color: #b25572;
  min-height: 102px;
}

.WareHouseBox5 {
  width: 14.28%;
  float: left;
  background-color: #2196f3;
  min-height: 102px;
}

.WareHouseBox6 {
  width: 14.28%;
  float: left;
  background-color: #a9603d;
  min-height: 102px;
}

.WareHouseBox7 {
  width: 14.29%;
  float: left;
  background-color: #4d9894;
  min-height: 102px;
}

.WareHouseBox8 {
  width: 14.28%;
  float: left;
  background-color: #2b4a79;
  min-height: 102px;
}

.WareHouseBox9 {
  width: 14.28%;
  float: left;
  background-color: #8d888e;
  min-height: 102px;
}

.WareHouseBox10 {
  width: 14.28%;
  float: left;
  background-color: #4b8cc2;
  min-height: 102px;
}

.WareHouseBox11 {
  width: 14.28%;
  float: left;
  background-color: #6492aa;
  min-height: 102px;
}

.WareHouseBox12 {
  width: 14.28%;
  float: left;
  background-color: #38454b;
  min-height: 102px;
}

.WareHouseBox13 {
  width: 14.28%;
  float: left;
  background-color: #9a1a6c;
  min-height: 102px;
}

.WareHouseBox14 {
  width: 14.29%;
  float: left;
  background-color: #a48a7e;
  min-height: 102px;
}

.PendingCount1 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #e3f2fb;
}

.PendingCount1 a {
  font-size: 18px;
  color: #e3f2fb;
}

.PendingCount2 {
  float: right;
  width: 11%;
  margin: 7px 1% 0px 0px;
  font-size: 18px;
  color: #dfe3f4;
}

.PendingCount2 a {
  font-size: 18px;
  color: #dfe3f4;
}

.PendingCount3 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #effdf0;
}

.PendingCount3 a {
  font-size: 18px;
  color: #effdf0;
}

.PendingCount4 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #feebf1;
}

.PendingCount4 a {
  font-size: 18px;
  color: #feebf1;
}

.PendingCount5 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #e0edf8;
}

.PendingCount5 a {
  font-size: 18px;
  color: #e0edf8;
}

.PendingCount6 {
  float: right;
  width: 11%;
  margin: 7px 1% 0px 0px;
  font-size: 18px;
  color: #f7ded2;
}

.PendingCount6 a {
  font-size: 18px;
  color: #f7ded2;
}

.PendingCount7 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #defefc;
}

.PendingCount7 a {
  font-size: 18px;
  color: #defefc;
}

.PendingCount8 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #dae7fb;
}

.PendingCount8 a {
  font-size: 18px;
  color: #dae7fb;
}

.PendingCount9 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #e3dae5;
}

.PendingCount9 a {
  font-size: 18px;
  color: #e3dae5;
}

.PendingCount10 {
  float: right;
  width: 11%;
  margin: 7px 1% 0px 0px;
  font-size: 18px;
  color: #d4dfe9;
}

.PendingCount10 a {
  font-size: 18px;
  color: #d4dfe9;
}

.PendingCount11 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #dae4e9;
}

.PendingCount11 a {
  font-size: 18px;
  color: #dae4e9;
}

.PendingCount12 {
  float: right;
  width: 11%;
  margin: 25px 1% 0px 0px;
  font-size: 18px;
  color: #d7e3e9;
}

.PendingCount12 a {
  font-size: 18px;
  color: #d7e3e9;
}

 

.TabStyle1 {
  /*border-bottom: 1px solid #dbdbdb;*/
  float: left;
  width: 100%;
  height: 23px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.lnk_Option1 {
  width: auto;
  margin: 2px 0.5% 0px 0px;
  float: left;
}

    .lnk_Option1 a {
        /* font-weight: normal !important; */
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        /* background-color: #252e75; */
        background: #4a77d4;
        padding: 4px 10px 4px 10px;
        color: #fff !important;
        margin-top: -1px !important;
        display: inline-block;
    }

.lnk_Option2 {
  /*width: 20%;*/
  width: auto !important;
  margin: 2px 0.5% 5px 0px;
  float: left;
}

    .lnk_Option2 a {
        color: var(--labelblack) !important;
        font-weight: normal !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 4px 10px 5px 10px;
        background-color: #f8f8f8;
    }

.lnk_Option3 {
  width: auto !important;
  margin: 2px 0.5% 5px 0px;
  float: left;
}

    .lnk_Option3 a {
        color: var(--labelblack) !important;
        font-weight: normal !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 4px 10px 5px 10px;
        background-color: #f8f8f8;
    }

.lnkPending1 {
  width: auto !important;
  margin: 2px 0.5% 5px 0px;
  float: left;
}

.lnkPending1 a {
  color: #fff;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 4px 10px 5px 10px;
  background-color: #616161;
}

.lnkPending2 {
  width: auto;
  margin: 0px 0.5% 5px 0px;
  float: left;
}

.lnkPending2 a {
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #c6ccd0;
  padding: 5px 10px 4px 10px;
  color: #167ac0;
}

.lnkPending3 {
  width: auto;
  margin: 2px 3.5% 5px 0px;
  float: left;
}

.lnkPending3 a {
  color: #167ac0;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #c6ccd0;
  padding: 5px 10px 4px 10px;
}

/*.chzn-container span {
  color: #4e4e4c !important;
  font-weight: normal !important;
}*/

tr.GridviewScrollPager > td {
  padding: 0 !important;
}

/*.TabStyle1 > div a:focus {
    background-color: #c6ccd0 !important;
    color: #06529c !important;
}
*/

.FooterAmount input {
  text-align: right !important;
}


.gridpnl_20 {
    height: 1291px !important;
}