@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-weight: bold;
    src: url("../fonts/Poppins-Bold.otf") format("opentype");
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.TR_Cell1 > td:first-child { padding-left:10px }
body {
    overflow-x: auto;
    background-color:transparent;
}
.main
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Poppins';
}
.errorMsg
{
    FONT-SIZE: 14px;
    COLOR: #CC0000;
    FONT-FAMILY: 'Poppins'
}
.errorMsgSmall
{
    FONT-SIZE: 11px;
    COLOR: #CC0000;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Poppins'
}
.chinese
{
    FONT-SIZE: 14px;
    FONT-FAMILY: 'Poppins'
}

.MCList
{
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: SimSun
}

.MCListHeading
{
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: SimSun;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: transparent;
    OVERFLOW: hidden;
    BORDER: 0px;
    MARGIN-LEFT: 5
}
.custom-width-label
{
	display: inline-flex;
	width: 65px !important;
}
.custom-width-label2
{
	display: inline-flex;
	width: 85px !important;
}

#DisplayContainerID {
    border:1px solid black;
    width: calc(100% - 2px);
}

#ReportScreenID{
    height:100vh;
    background-color:#fafafa!important;
}
#ReportScreen table{
    width:100%;
}

td.search-bar-left select, td.search-bar-left input, td.search-bar-right select  {
    padding: 2px 3px;
    height: 28px;
    border: 0;
}

td.search-bar-right img {
    vertical-align: middle;
    cursor:pointer;
}

@media (max-width: 768px) {
    .mb-sm-1 {
        margin-bottom:4px;
    }

     body {
        overflow-y: scroll;
        padding-top: 0.5rem !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-bottom: 0.3rem !important;
    }
}

.center-cropped {
    object-fit: cover; /* Do not scale the image */
    object-position: center; /* Center the image within the element */
    height: 220px;
    width: 180px;
    border: 1px solid black;
}

#upload_button {
    display: inline-block;
    background-color: #e7e7e7;
    border: 1px solid #999;
    border-radius: 1px;
    padding: 3px 5px;
}

    #upload_button input[type=file],#upload_buttonutil input[type=file] {
        display:none;
    }

#upload_buttonutil {
    display: inline-block;
    background-color: #e7e7e7;
    border: 1px solid #999;
    height: 20px;
    border-radius: 1px;
    padding: 2px 4px;
}


[data-tip] {
  position:relative;

}
[data-tip]:before {
  content:'';
  /* hides the tooltip when not hovered */
  display:none;
  content:'';
  display:none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1a1a1a;
  position:absolute;
  top:30px;
  left:35px;
  z-index:8;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
  position:absolute;
  top:30px;
  left:35px;
  z-index:8;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
[data-tip]:after {
  display:none;
  content:attr(data-tip);
  position:absolute;
  top:35px;
  left:0px;
  padding:0px 8px;
  background:#1a1a1a;
  color:#fff;
  z-index:9;
  font-size: 0.75em;
  height:20px;
  line-height:20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space:nowrap;
  word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
  display:block;
}
/*WO24411 mozilla firefox drop down font style is different fixed by palepu 14/2/2024*/
@-moz-document url-prefix() {
    select {
        font-family: Arial, Verdana, sans-serif !important;
    }

    option {
        font-family: Arial, Verdana, sans-serif !important;
    }
}