html, body
{
  max-width: 100%;
  overflow-x: hidden;
}
.ImgBanner
{
  margin: 4px;
  width: 99.4%;
  height: auto;
}
.footer
{
  margin: 4px;
  width: auto;
}
.containerPopupOuter
{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(255,255,255);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}
.containerPopupInner {
  width: 60%;
  background-color: #ffffff;
  left: 20%;
  top: 20%;
  position: relative;
  z-index: 3507;
  border-radius: 5px;
  border: 1px solid #E72B2C;
}
.containerGridPopupInner
{
  width: 60%;
  background-color: #FFF;
  left: 20%;
  top: 10%;
  position: relative;
  z-index: 3507;
  border-radius: 5px;
}
.headerPopup {
  background-color: #E72B2C;
  padding: 5px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.detailPopup
{
  padding: 5px 15px;
  text-align: center;
  font-size: 14px;
}
.footerPopup
{
  text-align: center;
  padding: 5px 15px;
}
.ClassicStyle table
{
  width: 100%;
}
.ContainerPageTitle
{
  text-align: center;
  margin-bottom: 5px;
}
.labelPageTitle {
  font-size: 52px;
  font-weight: bold;
  color: #E72B2C;
}
.lblPageTitle
{
  margin: 20px 0px;
}
.containerLoadingInner
{
  width: 50%;
  background-color: #ffffff;
  top: 40%;
  left: 20%;
  position: relative;
}
.lblLoadingTitle
{
  width: 100%;
  text-align: center;
  margin-bottom: 2px;
}
.LoadingBlock
{
  background-color: #0037A6;
  height: 20px;
}
.btnClosePopup
{
  float: right;
  margin-right: -27px;
  margin-top: -36px;
}
.chkApprove
{
  font-weight: bold;
  color: #0037A6;
}
.chkReject
{
  font-weight: bold;
  color: red;
}
.loading-block
{
  background-color: #ffffff;
  filter: alpha(opacity=50);
  opacity: 0.50;
  width: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  height: 100%;
  z-index: 2;
}
.loading
{
  text-align: center;
  padding: 2px 0 2px 0;
  position: absolute;
  width: 100%;
}
.loadingdetail
{
  width: 20px;
  height: 20px;
  position: fixed;
  top: 58%;
  left: 58%;
  margin-top: -100px;
  margin-left: -100px;
  z-index: 2;
}
.wrapInputRow
{
  display: flex;
  display: inline\9;
}
.wrapInputRow .inputRow
{
  margin-right: 10%;
  display: inline-block\9;
}
.wrapButtonRow
{
  text-align: center;
}
.lblViewSelection
{
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  display: block;
}
.chkViewSelection
{
  color: #ffffff;
  padding: 5px;
}
.ContainerImages
{
  padding-left: 10%;
  padding-top: 15px;
}
.tdimg
{
  vertical-align: top;
}

/* Add by Yusuf */
.form-group
{
  margin: 10px !important;
}
.col-sm-1 control-label
{
  padding-left: 0px !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
  padding-left: 0px !important;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]
{
  margin-left: 0px !important;
}

label
{
  margin-left: 20px !important;
}

.input-group .form-control
{
  z-index: 0;
}
.crview1 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    position: relative;
    width: 100% !important;
    height: 1125px;
}
#MainContent_crPurchaseReport__UI {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    position: relative;
    width: 100% !important;
    height: 1125px;
}
.header {
    background-color: #E72B2C !important;
}
.btn-primary {
    color: #fff;
    background-color: #E72B2C !important;
    border-color: #E72B2C !important;
}

.btn-primary:hover {
    background-color: #E72B2C !important;
    border-color: #E72B2C !important;    

}

.dropdown-menu > li > a:hover {
    color: #E72B2C !important;
}

sup {
    top: 0em !important;
    font-size: medium;
    color: red;
}