/* Stylesheet for Mars Wrigley. */
html,
body {
  font-family: "Montserrat", sans-serif;
  border: 0;
  margin: 0;
  padding: 0;
}

* {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, *:after {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

body {
  background: #00d7b9;
  color: #000;
  font-size: 18.75px;
  font-weight: 400;
}

.container {
  width: 100%;
  float: left;
}

#header {
  width: 100%;
  float: left;
  margin-top: 40px;
  background-color: #fff;
  min-height: 120px;
}
#header .logo {
  margin-top: 24px;
  float: left;
  width: 187px;
  z-index: 1;
}
#header .header-right {
  width: calc(100% - 187px);
  float: right;
  position: relative;
  z-index: 0;
}
#header .header-right .app-name {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  margin-top: 45px;
}
#header .header-right .app-name h1 {
  font-size: 25px;
}
#header .header-right .g-link {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 45px;
}
#header .header-right .g-link a {
  color: #000;
}
#header .header-right .g-link a:hover {
  text-decoration: none;
}

.center-box {
  max-width: 1560px;
  margin: 0 auto;
}

#content {
  width: 100%;
  float: left;
  margin-top: 45px;
}

.tabsContainer {
  width: 100%;
  float: left;
}
.tabsContainer ul.tabs {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.tabsContainer ul.tabs li {
  width: 47.5%;
  list-style: none;
}
.tabsContainer ul.tabs li a {
  background: none;
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: 87px;
  font-size: 25px;
  color: #0000a0;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  border: 2px solid #0000a0;
  transition: 0.5s;
}
.tabsContainer ul.tabs li a.active, .tabsContainer ul.tabs li a:hover {
  color: #fff;
  background-color: #0000a0;
  transition: 0.5s;
}
.tabsContainer ul.tabs li a.active::after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #0000a0;
  bottom: -20px;
  left: 47%;
}

.tabContent {
  width: 100%;
  float: left;
}
.tabContent .gButton {
  text-align: center;
}
.tabContent .gButton button {
  transition: 0.5s;
  min-width: 450px;
  height: 70px;
  line-height: 70px;
  background-color: #ffdc00;
  color: #0000a0;
  font-size: 25px;
  border: 0;
  padding: 0;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  margin: 40px 0 60px 0;
}
.tabContent .gButton button i {
  background: url(../images/arrow.png) no-repeat;
  width: 20px;
  height: 13px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 2px;
}
.tabContent .gButton button:hover {
  color: #fff;
  background-color: #0000a0;
  transition: 0.5s;
}
.tabContent .gButton button:hover i {
  background: url(../images/arrow-white.png) no-repeat;
}

.tabsButton {
  min-width: 170px;
  height: 40px;
  background-color: #ffdc00;
  float: left;
  padding: 0 15px;
  line-height: 40px;
  text-align: center;
  margin: 30px 0;
  position: relative;
}

.tabData {
  width: 100%;
  float: left;
}
.tabData .searchPanel {
  width: 100%;
  float: left;
}
.tabData .searchPanel .searchBox {
  float: left;
}
.tabData .searchPanel .searchBox input[type=text] {
  width: 600px;
  float: left;
  height: 70px;
  border: 0;
  padding: 0 30px;
  font-size: 18.75px;
  outline: none;
}
.tabData .searchPanel .searchBox input[type=submit] {
  width: 70px;
  height: 70px;
  background: url(../images/lens-icon.png) center no-repeat #fff;
  cursor: pointer;
  border: 0;
  text-indent: -99999px;
  padding: 0;
  margin: 0;
}
.tabData .searchPanel .selectAll {
  float: left;
  margin: 25px 0 0 60px;
  cursor: pointer;
}
.tabData .searchPanel .selectAll :hover {
  border-bottom: 1px solid #000;
}
.tabData .searchPanel .selectedFilter {
  width: 100%;
  float: left;
  margin: 22px 0 10px 0;
}
.tabData .searchPanel .selectedFilter .sFilter {
  background-color: #fff;
  float: left;
  height: 25px;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 14.5px;
  transition: 0.5s;
}
.tabData .searchPanel .selectedFilter .sFilter input {
  background: none;
  border: 0;
  cursor: pointer;
  float: left;
  width: 15px;
  padding: 3px 1.5px 3px 5px;
  height: 100%;
}
.tabData .searchPanel .selectedFilter .sFilter label {
  cursor: pointer;
  padding: 4px 7px 3px 5px;
  float: left;
  height: 100%;
}
.tabData .searchPanel .selectedFilter .sFilter:hover {
  background-color: #e2e2e2;
}
.tabData .searchPanel .filterField {
  float: left;
  margin-top: 25px;
  font-weight: bold;
}
.tabData .allFilter {
  width: 100%;
  display: flex;
	flex-wrap: wrap;
}
.tabData .allFilter .styleFilter {
  width: 14.1%;
  margin-bottom: 25px;
  padding-right: 10px;
}
.tabData .allFilter .styleFilter input {
  transform: scale(1.5);
  margin-right: 10px;
}

.set2 .selectAll, .set2 .filterField {
  margin: 0px !important;
  width: 14.1%;
}
.set2 .selectAll.all2 {
  margin-bottom: 20px !important;
}

.keyword1 {
  width: 100%;
  float: left;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

#reportBox {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 80px 125px;
}
#reportBox h2 {
  text-align: center;
  font-weight: bold;
  color: #0000a0;
  text-transform: uppercase;
  font-size: 25px;
}
#reportBox h2 span {
  text-indent: 60px;
  display: inline-block;
  margin-top: 3px;
  position: relative;
}
#reportBox h2 span::before {
  position: absolute;
  content: " ";
  background: url(../images/check-icon.png) no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 2px;
  left: 0px;
  top: -4px;
}
#reportBox .tableSet {
  width: 100%;
  float: left;
  margin-top: 70px;
}
#reportBox .tableSet .reportsTable {
  width: 100%;
  float: left;
  border-bottom: 1px solid #0000a0;
  padding: 10px 0 20px 0;
  margin: 10px 0;
}
#reportBox .tableSet .reportsTable .reportName {
  float: left;
  width: 230px;
  margin-top: 4px;
}
#reportBox .tableSet .reportsTable .reportName b {
  font-weight: 400;
  margin-right: 5px;
}
#reportBox .tableSet .reportsTable .reportDate {
  float: left;
  font-size: 9.88px;
  color: #282828;
  margin-top: 10px;
}
#reportBox .tableSet .reportsTable .reportSheet {
  float: right;
  border-right: 2px solid #f1f1f1;
  color: #282828;
  font-size: 15.8px;
  line-height: 31px;
  margin-right: 30px;
  padding-right: 30px;
}
#reportBox .tableSet .reportsTable .reportSheet img {
  float: left;
  margin-right: 10px;
}
#reportBox .tableSet .reportsTable .reportHistory {
  float: right;
  color: #282828;
  font-size: 15.8px;
  line-height: 31px;
}
#reportBox .tableSet .reportsTable .reportHistory img {
  float: left;
  margin-right: 10px;
}
#reportBox .tableSet .reportsTable a {
  text-decoration: none;
  color: #000;
  display: inline-block;
}
#reportBox .tableSet .reportsTable a:hover {
  color: #3d3d3d;
}
#reportBox .tableSet .reportsTable:last-child {
  border: 0;
}

#footer {
  width: 100%;
  float: left;
  margin-top: 50px;
  padding: 35px 0;
  font-size: 14.58px;
  color: #000;
  border-top: 1px solid #000;
}
#footer .copyright {
  float: left;
}
#footer .designed {
  float: right;
}
#footer .designed a {
  color: #000;
  text-decoration: none;
}

[type=checkbox]:not(:checked), [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}

[type=checkbox]:not(:checked) + label, [type=checkbox]:checked + label {
  position: relative;
  overflow: hidden;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  line-height: 21px;
}

[type=checkbox] + label:before, [type=checkbox] + label:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  transition: 0.2s;
}

[type=checkbox]:not(:checked) + label:before {
  top: 0;
  width: 19px;
  height: 19px;
  background-color: #fff;
}

[type=checkbox]:not(:checked) + label:after {
  top: 0;
  width: 19px;
  height: 19px;
  z-index: 0;
  background-color: #fff;
}

[type=checkbox]:checked + label:before {
  left: 2px;
  top: 2px;
  width: 6px;
  height: 12px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #0000a0;
  border-bottom: 1px solid #0000a0;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}

[type=checkbox]:checked + label:after {
  top: 0;
  width: 19px;
  height: 19px;
  z-index: 0;
  background-color: #fff;
}

[type=checkbox]:disabled:not(:checked) + label:before, [type=checkbox]:disabled:checked + label:before {
  top: 0;
  box-shadow: none;
  background-color: #444;
  width: 19px;
  height: 19px;
  border: 3px solid #444;
  transform: rotateZ(0deg);
}

[type=checkbox]:disabled + label {
  color: #555;
}

[type=checkbox]:disabled:not(:checked) + label:hover:before {
  background-color: #fff;
}

.history,.history .title,.history-tbl{width:100%;float:left;}
.history .title{text-align:center;margin-bottom:20px;}
.history .title h3{font-size:25px;font-weight:bold;color:#000000;}
.show-filter{width:100%;display:flex;align-items:center;margin-bottom:50px;}
.show-filter .btn-c{margin-right:17px;}
.btn-c{background-color: #ffdc00;color: #000;font-size: 23px;border: 0;min-width:272px;line-height:59px;text-decoration:none;padding: 0;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;transition: 0.5s;text-align:center;  display: inline-block;}
a.btn-c:hover{background-color: #0000a0;color:#fff;}
.show-filter .style-select {background:#fff;width:100%;float:left;position:relative;border:1px solid #dfe9fd;width: 172px;	}
.show-filter select.select {width:172px;height:47px;line-height:47px;padding:0;margin:0;position:relative;z-index:10;}
.show-filter span.select {background:url(../images/select_bg.png) no-repeat right center; width:100%; height:47px; line-height:47px; float:left;font-size: 15px; color: #000000; padding:0 50px 0 16px; cursor:default; text-indent:10px; position:absolute; left:0; bottom:0; z-index:1;}
.show-filter .style-select{background:none; border:0;}
.show-filter .style-select span.select{background-color:#fff;  top:0; bottom:inherit;}
.show-filter .ajax-loader{margin:35px 0 0 !important;}
.history-tbl ul{padding: 0px;}
.history-tbl li{list-style:none;display:flex;align-items:center;width:100%;font-size:19px;color:#000;position:relative;}
.history-tbl li:before{content:"";width:100%;height:1px;background-color:#000;position:absolute;bottom:-30px;left:0px;}
.history-tbl li .td1{width:25%;text-align:center}
.history-tbl li .td2{width:75%;}
.history-tbl li .td3{width:32%;text-align:center}
.history-tbl li .mbl{width:calc(100% - 32%);display:flex}
.history-tbl li{background:#fff;padding:20px 0px;margin:0 0 60px;}

.history-tbl li{display:none;}
.history-tbl li.active{display:flex;}
.history-tbl .top-head li{display:flex;background:none;padding:0px;font-weight:bold;margin-bottom:22px;}
.history-tbl .top-head li::before{display:none;}
#page_navigation{width: 100%;display: flex;justify-content: center;}
#page_navigation a{background: #ffdc00;margin: 0 2px;display: inline-block;padding: 5px 15px;text-decoration: none;color: #000;font-weight: 600;border-radius: 4px;}
#page_navigation a.active_page{background:#000;color:#fff;}
#page_navigation .previous_link,#page_navigation .next_link{background:#ffdc00;}
#page_navigation .previous_link:hover,#page_navigation .next_link:hover{background:#000;color:#fff;}
.loader-outer{position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.9);
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: center;z-index:999;
	align-items: center;}
/* Popup Modal Css */
.modal {
  max-width: 1024px;
  padding: 30px 140px;
  border: 5px solid #ffdc00;
  border-radius: 0;
}
.modal a {
  color: #003c96;
}
.modal h3 {
  text-decoration: underline;
  margin-bottom: 20px;
}
.modal h3, .modal h4 {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  margin: 15px 0;
}
.modal h4 {
  margin-bottom: 50px;
}
.modal ul {
  padding-left: 0;
  list-style: none;
  margin-left: -30px;
}
.modal ul li {
  font-size: 20px;
  margin-bottom: 15px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTFBNkU5N0Q0NTZDMTFFRUEwRDE5MEQ2MDQxOUE5QjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTFBNkU5N0U0NTZDMTFFRUEwRDE5MEQ2MDQxOUE5QjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMUE2RTk3QjQ1NkMxMUVFQTBEMTkwRDYwNDE5QTlCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMUE2RTk3QzQ1NkMxMUVFQTBEMTkwRDYwNDE5QTlCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PveojXkAAAAkSURBVHjaYmRgYDAAYgEG7OADiNgPxP9x4P1MDAQA5QoAAgwA+yMIsKlAIT0AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: 0px 10px;
  padding-left: 30px;
}
.modal h5 {
  font-weight: 600;
  margin: 50px 0 20px 0;
  font-size: 20px;
}
.modal p {
  font-size: 20px;
  line-height: 16px;
}

.modal a.close-modal {
  width: 14px;
  height: 12px;
  top: 40px;
  right: 40px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTFBNkU5Nzk0NTZDMTFFRUEwRDE5MEQ2MDQxOUE5QjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTFBNkU5N0E0NTZDMTFFRUEwRDE5MEQ2MDQxOUE5QjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMUE2RTk3NzQ1NkMxMUVFQTBEMTkwRDYwNDE5QTlCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMUE2RTk3ODQ1NkMxMUVFQTBEMTkwRDYwNDE5QTlCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgMrn0EAAADYSURBVHjadFIBEYMwDCwoqAQM0NscIKEo2JBQBZuEOegcDAebg+2qYBJwAJ9eepeWkjsu4b/PJylN3/eDUuqm8hhDCAsVxpgr0kVwP3CuWdeVyDeAQZAzyBF4h/qLRzNOHzuD+7fJgcEUFiKL7IWIwpGIiujILdHBlzqO2EV6SY4K4Iz0PBCRyySBtjjg+FAZU1pWVcjkUhHqEsiEmPOOdKoIPW94LwRRu0/p6HdCiHYEX5Gcd+COMkcSdcXq53KT1BHEcZSWfykryIW3S8v6ID0q8+pNgAEAOOFLa5qovjIAAAAASUVORK5CYII=");
}
.modal a.close-modal a:hover {
  opacity: 0.4;
}
@media screen and (max-width: 1600px) {
  .center-box {
    width: 100%;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1440px) {
  .tabData .allFilter .styleFilter, .set2 .selectAll, .set2 .filterField {
    width: 20%;
  }
}
@media screen and (max-width: 1169px) { /*for 1024*/
  body {
    font-size: 16px;
  }
  #header {
    min-height: 110px;
  }
  #header .logo {
    width: 150px;
  }
  #header .logo img {
    width: 100%;
  }
  #header .header-right .app-name h1 {
    font-size: 20px;
  }
  #reportBox {
    padding: 40px;
  }
  #reportBox .tableSet .reportsTable .reportName {
    width: 25%;
  }
  #reportBox .tableSet .reportsTable .reportDate {
    margin-top: 8px;
  }
  .modal {
    padding-left: 60px;
    padding-right: 60px;
  }
  .modal br {
    display: none;
  }
}
@media screen and (max-width: 1023px) { /*for 768*/
  #header {
    margin-top: 20px;
    min-height: auto;
    padding-bottom: 15px;
  }
  #header .logo {
    width: 120px;
  }
  #header .header-right .app-name {
    margin-top: 35px;
    text-align: left;
  }
  #header .header-right .app-name h1 {
    font-size: 16px;
  }
  #header .header-right .g-link {
    top: 35px;
  }
  .tabsContainer ul.tabs li a {
    font-size: 20px;
    line-height: 54px;
  }
  .tabData .allFilter .styleFilter, .set2 .selectAll, .set2 .filterField {
    width: 33%;
  }
  .tabData .searchPanel .searchBox {
    width: 60%;
  }
  .tabData .searchPanel .searchBox input[type=text] {
    width: calc(100% - 70px);
  }
  #reportBox .tableSet .reportsTable .reportSheet, #reportBox .tableSet .reportsTable .reportHistory {
    font-size: 14px;
  }
  #footer {
    font-size: 12px;
  }
  .btn-c{font-size:18px;min-width: 202px;line-height:52px;}
  .modal {
    padding: 10px 20px 20px 20px;
  }
  .modal ul {
    padding-left: inherit;
  }
  .modal ul li {
    font-size: 14px;
    margin-bottom: 12px; padding-left: 20px;
  }
  .modal h3, .modal h4 {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .modal h5 {
    font-size: 14px;
    margin: 20px 0 5px 0;
  }
  .modal p {
    font-size: 14px;
  }
  .modal a.close-modal {
    top: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) { /*for all mobile*/
  body {
    font-size: 15px;
  }
  .center-box {
    padding: 0 20px;
  }
  .tabsButton {
    margin: 30px 0 0 0;
    width: 280px;
    text-align: left;
    font-size: 14px;
  }
  .tabsButton::after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
    bottom: 15px;
    right: 10px;
  }
  .selected.tabsButton::after {
    border-bottom: 8px solid #000;
    border-top: 0;
  }
  .tabDataMobile {
    width: 100%;
    float: left;
  }
  .set1, .set2 {
    width: 100%;
    float: left;
  }
  .tabContent .gButton button {
    min-width: 100%;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
  }
  .tabsContainer ul.tabs li a {
    font-size: 16px;
    line-height: 40px;
  }
  #header .logo {
    position: static;
    width: 100px;
  }
  #header .header-right {
    width: auto;
    float: right;
  }
  #header .header-right .app-name {
    margin-top: 20px;
  }
  #header .header-right .app-name h1 {
    text-align: right;
  }
  #header .header-right .app-name h1 span {
    display: block;
  }
  #header .header-right .g-link {
    position: static;
    text-align: right;
    font-size: 14px;
  }
  #content {
    margin-top: 25px;
  }
  .tabsContainer ul.tabs li a.active::after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #0000a0;
    bottom: -13px;
    left: 46%;
  }
  .tabData .allFilter .styleFilter, .set2 .selectAll, .set2 .filterField {
    width: 50%;
  }
  .tabData .searchPanel .searchBox {
    width: 100%;
  }
  .tabData .searchPanel .selectAll {
    margin-left: 0;
  }
  .tabData .searchPanel .searchBox input[type=text], .tabData .searchPanel .searchBox input[type=submit] {
    height: 60px;
  }
  #footer {
    text-align: center;
    font-size: 12px;
    margin-top: 30px;
    padding: 20px 0;
  }
  #footer .copyright {
    width: 100%;
    float: left;
    margin: 5px 0;
  }
  #footer .designed {
    width: 100%;
    float: left;
  }
  #reportBox {
    padding: 20px;
  }
  #reportBox .tableSet .reportsTable .pName {
    width: 39%;
    float: left;
  }
  #reportBox .tableSet .reportsTable .reportName, #reportBox .tableSet .reportsTable .reportDate {
    width: 100%;
  }
  #reportBox .tableSet .reportsTable .reportHistory {
    width: 25%;
    float: right;
  }
  #reportBox .tableSet .reportsTable .reportSheet {
    width: 32%;
    float: right;
    margin-right: 2%;
    padding-right: 2%;
  }
  #reportBox .tableSet .reportsTable img {
    height: 24px;
    margin-right: 6px !important;
  }
  #reportBox .tableSet .reportsTable .reportName {
    font-size: 14px;
    line-height: 22px;
    margin-top: 0;
  }
  #reportBox .tableSet .reportsTable .reportSheet, #reportBox .tableSet .reportsTable .reportHistory {
    font-size: 12px;
    line-height: 26px;
  }
  #reportBox .tableSet .reportsTable .reportDate {
    text-indent: 14px;
    margin-top: 4px;
  }
  #reportBox h2 {
    font-size: 20px;
  }
  #reportBox .tableSet {
    margin-top: 20px;
  }
  #reportBox .tableSet .reportsTable:last-child {
    margin-bottom: 0px;
  }
  .tabContent .gButton button {
    margin: 30px 0;
  }
  .tabsContainer ul.tabs {
    margin-bottom: 10px;
  }
  .tabData .searchPanel {
    margin-top: 30px;
  }
  .keyword1 {
    margin-bottom: 10px;
  }
  .tabData .allFilter .styleFilter {
    margin-bottom: 20px;
  }
  #reportBox h2 span::before {
    width: 30px;
    background-size: contain;
    height: 30px;
    left: 13px;
    top: -3px;
  }
  [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + label {
    padding-left: 25px;
  }
  .tabData .allFilter .styleFilter {
    padding-right: 5px;
    margin-bottom: 15px;
  }
  #header {
    padding-bottom: 10px;
  }

  .history .title h3{font-size:18px;}
  .history-tbl li:first-child .td3{display:none;}
  .history-tbl li:first-child ~ li{background:none;}
  .history-tbl li:first-child .td1{text-align:left;}
  .history-tbl li:first-child .td2{text-align:right;}
  .history-tbl li:first-child ~ li .td1{text-align:right;padding-right:10px;}
  .history-tbl li:first-child ~ li .td3{width:100%;}
  .btn-c{font-size:16px;min-width:180px;line-height:45px;}
  .history-tbl li{font-size:15px;}
  .history-tbl li .td1{width:auto;padding-right:10px;}
  .history-tbl li .td2{width:auto;}
  .history-tbl li .td3{width:100%;}
  .history-tbl .pagingBox li .mbl{width:100%;background:#fff;min-height:50px;align-items:center;margin-bottom:10px;padding:0 15px;justify-content:center}
  .history-tbl li:first-child .mbl{width:100%;}
  .show-filter{margin-bottom: 10px;}
  .history-tbl li:first-child{margin:0 0 17px 0;}
  .show-filter .style-select{width:139px;}
  .history-tbl .pagingBox li{margin-bottom:27px;padding:0;}
  .show-filter select.select{width:100%;height:30px;line-height:30px;border: none;}
  .show-filter span.select{height:30px;line-height:30px;background-size:30px;font-size:14px;}
  .history-tbl .pagingBox li:before{bottom:-13px;}
  .history-tbl li.active{display:block;}
  .history-tbl .pagingBox li .mbl{justify-content:center;}
  .history-tbl .top-head li .mbl{justify-content:space-between;}
  #page_navigation .previous_link:hover, #page_navigation .next_link:hover{ background: #ffdc00;color:#000;}
  .history-tbl .pagingBox li:first-child .td3{display: block;}
  .history-tbl .pagingBox li{background:none;}
}
@media screen and (max-width: 479px) { /*for small mobile*/
  .tabsContainer ul.tabs li a {
    font-size: 13px;
  }
  .tabContent .gButton button {
    font-size: 16px;
  }
  .tabContent .gButton button i {
    margin-bottom: -1px;
  }
  #header .header-right .app-name {
    margin-top: 12px;
  }
  #header .header-right .app-name h1 {
    font-size: 13px;
  }
  #header .logo {
    width: 80px;
    margin-top: 20px;
  }
  #header .header-right .g-link {
    font-size: 12px;
  }
  #reportBox .tableSet .reportsTable .pName {
    width: 59%;
  }
  #reportBox .tableSet .reportsTable .reportSheet, #reportBox .tableSet .reportsTable .reportHistory {
    width: 39%;
    padding: 0;
    margin: 0;
    border: 0;
  }
  #reportBox .tableSet .reportsTable .reportHistory {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 374px) { /*for smallest mobile*/
  .center-box {
    padding: 0 15px;
  }
  body {
    font-size: 12px;
  }
  .tabData .allFilter .styleFilter {
    margin-bottom: 10px;
  }
  [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + label {
    padding-left: 26px;
  }
  .tabData .searchPanel .selectedFilter .sFilter {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .tabsContainer ul.tabs li a {
    font-size: 11px;
  }
  .tabsButton {
    margin: 20px 0 0 0;
  }
  .tabData .searchPanel .searchBox input[type=text], .tabData .searchPanel .searchBox input[type=submit] {
    height: 50px;
  }
  .tabData .searchPanel {
    margin-top: 20px;
  }
  #reportBox h2 {
    font-size: 15px;
  }
  #footer {
    font-size: 10px;
  }
}
@media screen and (max-width: 350px) { /*for smallest mobile*/
  #reportBox .tableSet .reportsTable .pName {
    width: 100%;
    margin-bottom: 10px;
  }
  #reportBox .tableSet .reportsTable .reportSheet, #reportBox .tableSet .reportsTable .reportHistory {
    width: 50%;
  }
  #reportBox .tableSet .reportsTable {
    padding: 10px 0;
    margin: 5px 0;
  }
}/*# sourceMappingURL=style.css.map */