.wrapper-container {
  width: 100% !important;
  padding-right: 15px;
  padding-left: 15px;  
}

#detailData {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 0;
}

#dates {
  margin-right: 30px;
	color: #ffffff;
	font-size: 15px;
}

.backlog-black {
  display: block;
  width: 100%;
  text-align: right;
  color: #000000;
  cursor: pointer;
  font-size: 9px;
}

.flex-center {
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -moz-box; 
  display: -moz-flex; 
  display: -ms-flex; 
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	justify-content: center;
}

.flex-start {
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -moz-box; 
  display: -moz-flex; 
  display: -ms-flex; 
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	justify-content: start;
}

.wrapper-header {
	justify-content: space-between;
  height: 50px;
}

.wrapper-header h4 {
  margin: 0;
  color: #ffffff;
}

.wrapper-header img {
  margin-right: 10px;
}

.side-left {
  position: sticky;
  top: 60px;
  padding-right: 0;
  max-width: 200px;
  width: 14% !important;
}

.side-main {
  width: 73% !important;
}

.side-main .col-md-6 {
  padding: 0 5px !important;
}

.h-70 {
  height: 70px !important;
}

.detail-backlog {
  width: 80%;
  margin: 0 auto;
}

.side-right {
  position: sticky;
  top: 60px;
  padding-left: 0;
  width: 13% !important;
  max-width: 200px;
}

.mini-box {
  border-radius: 20px;
  width: 100%;
  background: #ffffff;
  margin-bottom: 8px;
}

.mini-box {
  color: #042961;
}

.uc-way {
  padding: 10px;
}

.uc-way p {
  margin: 0;
  font-family: 'Roboto','Roboto Slab';
  font-weight: 700;
  color: #042961;
}

.uc-way img {
  width: 90%;
}

.mini-box.full-img {
  height: 130px;
}

.mini-box.full-img img {
  height: 100%;
  object-fit: contain;
}

.title-slogan {
/* pink */
  /*background: #eb45a8;*/
  background: #3F569F;
  width: 100%;
  padding: 5px;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  margin-bottom: 0px;
  border-radius: 10px;
}

.big-box {
  background: #ffffff;
  position: relative;
  height: 230px;
  margin-bottom: 10px;
  overflow-y: auto;
}

.big-box h5 {
  padding-left: 20px;
  background: #3F569F;
  color: #ffffff;
  margin: 0;
  padding: 10px 20px;
}

.box-compnews {
  position: relative;
  border-radius: 0 !important;
  /* border: 2px solid #3F569F; */
  overflow: hidden;
}

#panel-chart {
  padding: 10px 15px !important;
}

.big-box img {
  /* border-radius: 20px; */
  height: 100% !important;
  object-fit: inherit;
}

.big-box .slide-companynews,
.big-box .slide-companynews .carousel-inner,
.big-box .slide-companynews .carousel-inner .item,
.big-box .slide-companynews .carousel-inner .item .wrapper {
  height: 230px;
}
.big-box .slide-companynews .carousel-inner .item .wrapper img {
  object-fit: contain !important;
}


.big-box .slide-companynews .carousel-inner .item .img-slide {
  /* height: 180px !important; */
  object-fit: cover !important;
}

.big-box .headline .carousel-inner .item .img-slide {
  object-fit: contain !important;
}

.info-compnews {
  height: 100%;
  padding: 8px 0px;
  background: rgb(63,86,159);
  background: linear-gradient(0deg, rgba(63, 85, 159, 0.421) 0%, rgba(255, 255, 255, 0.132) 100%);
  z-index: 999;
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  width: 100%;
}

.info-compnews button img {
  width: 50%;
}

.info-compnews a {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  margin-right: 15px;
}

.info-compnews .info-box {
  position: absolute;
  bottom: 8px;
}
.info-compnews .info-box .button-like,
.info-compnews .info-box a {
  background: rgb(63 86 159 / 38%);;
  padding: 3px 5px;
  border-radius: 5px;
  z-index: 99;
}

.info-compnews .wrapper-title {
  position: absolute;
  bottom: 40px;
}

.info-compnews .wrapper-title p {
  text-align: left;
}

.info-slide {
  position: absolute;
  bottom: 0;
}

.wrapper-title {
  display: flex;
  flex-direction: column;
}

.title-compnews {
  margin: 0;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.lastmonth-achievement {
  position: absolute;
  top: 2px;
  right: 10px;
  background: rgb(63 86 159 / 38%);
  border-radius: 10px;
  color: #ffffff;
  border-color: transparent;
}

.chart-do-title {
  position: absolute;
  top: 5px;
  left: 160px;
  color: #000000;
}

#achievement-last-month {
  display: none;
}

.info-tagline h5 {
  position: absolute;
  top: 3px;
  left: 5px;
  /* pink */
  /*background: #eb45a8;*/
  background: #3F569F;
  width: 140px;
  padding: 5px;
  color: #ffffff;
  text-align: center;
  border-radius: 10px;
}

.info-slide p {
  color: #ffffff;
  font-size: 14px;
  padding:4px 40px;
  margin: 0;
}

.title-stand {
  margin-bottom: 8px;
  font-family :'Roboto','Roboto Slab';
  font-weight: 700;
  color: #042961;
  font-size: 12px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.full-img img {
  border-radius: 20px;
}

.box-padding {
  padding: 10px;
}

.wrapper-content img {
  width: 100%;
}

.img-president {
  margin-bottom: 10px;
}

.mini-box-logo,
.mini-box-stock {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 4px 10px;
  background: #ffffff;
  border-radius: 20px;
  margin-bottom: 3px;
  min-height: 44px;
}

.mini-box-stock {
  width: 50%;
  min-height: unset;
}

.mini-box-stock img,
.mini-box-logo img {
  width: 19px;
  height: 21px;
}

.mini-box-logo p,
.mini-box-stock p {
  margin: 2px 0 0 8px;
  font-family :'Roboto','Roboto Slab';
  font-weight: 700;
  color: #042961;
  font-size: 12px;
}

.no-padding {
  padding: 0px;
}

.compress-panel-chart {
  margin-top: 30px;
}

.dropdown-marketshare {
  position: absolute;
  left: 120px;
  z-index: 99;
  text-align: right;
}

.articles h4,
.articles a {
  font-size: 16px;
}

@media (min-width: 1440px) {
  .wrapper-container {
    width: 1280px;
  }    

  .side-left,
  .side-right {
    max-width: none;
  }
}