.bg-gray{background:#F5F6FA;}
.full-height{height: 100vh; overflow: hidden;}
.d-flex{display: flex;}
.font-12{font-size: 12px!important;}
.font-14{font-size: 14px!important;}
.font-16{font-size: 16px!important;}
.font-18{font-size: 18px!important;}
.font-20{font-size: 20px!important;}
.font-24{font-size: 24px!important;}
.w-250{width: 250px;}
.w-200{width: 200px;}
.w-230{width: 230px;}
.bg-white{background: #fff;}
.bg-darkBlue{background: #2C3E50;}
.bg-ed{background: #ededed !important}
.z-100{z-index: 100;}
.z-10{z-index: 10;}
.mnu-hide{display: none !important;}
.sitemenu-btn{margin-right: 16px; border: 1px solid #ededed; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; display: flex; flex-direction: column; justify-content: space-around;}
.sitemenu-btn span{ width: 100%; height: 2px; background: #353b48; display: block;}
.text-green{color:#46B960 !important;}
.img-round{width: 48px; height: 48px; border-radius: 48px;}
.shadow-50{box-shadow: 0px 1px 4px rgba(0,0,0,0.05);}
.bd-rd-6{border-radius: 6px;}
.width-auto{width: auto;}
.btn-red{background: #D53636 !important; color: #fff !important;}
.btn-red:hover{background-color: #862D2D !important; color: #fff !important;}
.btn-green{background: #46B960 !important; color: #fff !important;}
.bg-gray{background: #ededed;}
.bg-green{background: #46B960;}
.btn-green:hover{background-color: #2D8641 !important; color: #fff !important;}
.btn-blue{background: #0288D1 !important; color: #fff !important;}
.btn-blue:hover{background-color: #2d6686 !important; color: #fff !important;}
.btn-white{background: #ffff !important; color: #2C3E50 !important;}
.btn-white:hover{background-color: #dddddd !important; color: #2C3E50 !important;}
.flex-1{flex: 1;}
.logo-ht{
  width: 64px;
}
hr {
  display: block;
  height: 1pt;
  background: transparent;
  width: 100%;
  border: none;
  border-top: solid 1pt #aaa;
}
.no-border-top{
	border-top: none !important;
}
.no-border-bottom{
	border-bottom: none !important;
}
.no-border-right{
	border-right: none !important;
}
.no-border-left{
	border-left: none !important;
}
.h-chemistry{
  height: 180px !important;
}
.el-Header-gray{
  background: none !important;
  background-color: #ededed !important;
}

.MuiDialogTitle-root{background: #46B960; color: #fff;}
a:hover{
  color: #46B960 !important;
}
.expand-icon-custom{
  background: #46B960 !important; color: #fff !important;
}
.list-subheader{
  display: none !important;
}
.button-light-font{
  font-weight: unset !important;
}
.borderTabs{
  border-bottom: 1px solid #ededed;
}
.padding-grid-left-12{
  padding-left: 12% !important;
}
.padding-grid-right-12{
  padding-right: 12% !important;
}
.text-tranform-none{
  text-transform: unset !important;
}
.none-box-shadow{
  box-shadow: unset !important;
}
.normal-float-button{
	padding: 6px 16px !important;
	font-size: 1.4rem !important;
	min-width: 64px !important;
	box-sizing: border-box !important;
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
	font-family: Roboto,"Helvetica",Arial,sans-serif !important;
	font-weight: 600 !important;
	line-height: 1.75 !important;
	border-radius: 4px !important;
	text-transform: uppercase !important;
  margin: 0px !important;
  top: auto;
  right: auto;
  bottom: 20px;
  left: auto;
}
.normal-float-button-group{
	font-size: 1.4rem !important;
	min-width: 64px !important;
	box-sizing: border-box !important;
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
	font-family: Roboto,"Helvetica",Arial,sans-serif !important;
	font-weight: 600 !important;
	line-height: 1.75 !important;
	border-radius: 4px !important;
	text-transform: uppercase !important;
  margin: 0px !important;
  top: auto;
  right: auto;
  background: none !important;
  bottom: 20px;
  left: auto;
}
.normal-float-button-group .MuiButtonGroup-groupedContained:not(:last-child){
  border: unset !important;
}
.normal-float-button-group .MuiButtonGroup-grouped:not(:last-child), .normal-float-button-group .MuiButtonGroup-grouped:not(:first-child){
  border-radius: 4px !important;
}
.text-gray{
  color: rgba(0, 0, 0, 0.54) !important;
  border-color: rgba(0, 0, 0, 0.54) !important;
}
.text-black{
  border: none !important;
  color: black !important;
}
.custom-tab span{
	font-weight: normal !important;
}
.custom-tab .MuiTab-textColorSecondary.Mui-selected{
  background: #43A047 !important; color: #fff !important;
}
.custom-p-tag{
  text-transform: uppercase; color: #46B960; border-bottom: 2px solid #46B960;
}
.data-report-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center;
}
.reactstrap-control .body .form_info table tr, .reactstrap-control .body .form_info table td{
  border-color: #ededed !important;
  font-size: 14px !important
}
.reactstrap-control div .form_info table tr, .reactstrap-control div .form_info table td{
  border-color: #ededed !important;
  font-size: 14px !important
}
.reactstrap-control .body .form_info .header{
  font-size: 16px !important;
}
.-headerGroups .rt-tr .rt-th{
  border: #ededed 1px solid !important;
  padding: 15px !important;
}
.-headerGroups .rt-tr{
  align-items: center;
}
.el-bigChartLine canvas{
  height: 71vh !important;
}
.select-daterange-custom{
  width: 250px;
}
.select-daterange-custom label{
  color: #808080;
}
.select-daterange-custom p{
  color: #808080;
}
.select-daterange-custom div div div fieldset{
  border-color: #808080;
}
.select-daterange-custom div div div{
  background-color: #ededed;
  color: #46B960;
}
.select-daterange-custom svg{
  color: #808080;
}
.popup-date-range {
	position: fixed;
	background-color: #fff;
	right: 4px;
	z-index: 100;
}
.close-date-custom-button:hover{
	color: #212529;
	background: #d1d1d1 -webkit-gradient(linear,left top,left bottom,from(#d8d8d8),to(#d1d1d1)) repeat-x;
	background: #d1d1d1 linear-gradient(180deg,#d8d8d8,#d1d1d1) repeat-x;
	border-color: #cbcbcb;
}
.close-date-custom-button{
	color: #212529;
	background: #e4e4e4 -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#e4e4e4)) repeat-x;
	background: #e4e4e4 linear-gradient(180deg,#e8e8e8,#e4e4e4) repeat-x;
	border-color: #e4e4e4;
}
.reactstrap-control{
  padding-bottom: 50px;
}
.reactstrap-control .form-control{
  font-size: 1.5rem;
}
.reactstrap-control .ml-4 span{
  margin-left: 4px;
  margin-top: 2px
}
.btn-secondary{
  color: #212529 !important;
  background-color: #d1d1d1;
  border-color: #cbcbcb;
}
.btn-secondary:hover{
  color: #212529 !important;
  background-color: #808080;
  border-color: #cbcbcb;
}
.el-fillter-report-action{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 8px; align-content: stretch;}
.el-fillter-report-action .el-flex-item-3{min-width: 33.33%; box-sizing: border-box; padding-left: 8px; padding-right: 8px;}
.el-fillter-report-action .el-flex-item-2{min-width: 50%; box-sizing: border-box; padding-left: 8px; padding-right: 8px;}
.el-fillter-report-action .el-flex-item-4{min-width: 25%; box-sizing: border-box; padding-left: 8px; padding-right: 8px;}
.padding-flex-more{
   padding-bottom: 10px;
}
.custom-material-pickers .MuiFormControl-root{
  margin: 0 !important;
  width: 100% !important;
}
.custom-material-pickers .MuiFormControl-root .MuiOutlinedInput-root{
  border-radius: 2px !important;
  padding-right: 0 !important
}
.custom-material-pickers input{
  height: 30px !important;
  padding-top: 0em !important;
  padding-bottom: 0em !important;
}
.custom-material-pickers .MuiIconButton-label{
  height: 6px !important;
  z-index: 1 !important;
}
.flex-grow-2{
  flex-grow: 2
}
.padding-0{
  padding: 0!important;
}
/* Định dạng trang */
.elTT-sitemenu ul a span{
  color: #fff !important;
}
.elTT-sitemenu ul div span{
  color: #fff !important;
}
.breadcrumb-special:hover{
  color: #2c3e50 !important;
}
.container{
  width: 100% !important;
  max-width: 100% !important;
}
.elTT-sitemenu a{ color: #fff; border-bottom: 1px solid rgba(255,255,255,0.04); padding: 20px;}
.elTT-sitemenu a:hover{ color: #fff; background: #46B960;}
.elTT-titleWeb{ font-weight: bold; color:#46B960 ;}
.site-menu a.active{color: #fff; background: #46B960;}
.site-menu a.active:hover{color:#FFF ;background: #46B960;}
.site-menu a:hover{color:#FFF;background: #46B960;}
.containerTittle{width: 100%; border-bottom: 1px solid rgba(0,0,0,0.05);}
.containerTittle p{text-transform: uppercase;}
.containerTittleTab p{text-transform: uppercase; color: #46B960; border-bottom: 2px solid #46B960;}
.containerBody{min-height: 100px; background: #ededed;}
/*  */



@media only screen and (max-width: 640px) {
    .right-header-box{flex-direction: column;}
}