body, html {
    margin-top: 0px;
}

body {
    background-color: #fff;
    margin: 2px;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 5px;
    overflow-x: hidden;
    min-height: 99vh !important;
}

.my-gradient {
    background: linear-gradient(45deg, #0e5a81,#118cc7, #4CAF50, #2E7D32, #1E88E5, #0D47A1);
}

.container-fluid {
    padding: 0;
    margin: 0;
}

.not-show {
    display: none;
}

img.logo {
    width: 90px;
    float: left;
    padding: 2px;
    padding-right: 5px;
}

hr {
    padding: 0;
    margin-top: 0px;
    margin-bottom: 5px;
}

footer{
	padding-top: 0;
	margin-top:20px;
}
.chart-gauge{
	width: 180px;
	height: 180px;
	display:inline-block
}
@media (max-width: 768px) { /* tablet & mobile */
    .chart-gauge {
        width: 120px;
        height: 120px;
    }
}
.title-quick{
	font-weight: bold;
	font-size: 2rem
}
.no-gutter {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.papa {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: 220px;
}
.baby {
  width: 387px;
  height: 220px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left:auto;
  margin-right:auto;
}

.bom{
  width: 387px;
  height: 220px;
  background-image: url("../images/bom_off.png");
  background-size: 387px 166px;
  background-repeat: no-repeat;
  background-position-y: 32px;
}
.bom.init{
  background-image: url("../images/bom_init.png");
}
.bom.on{
  background-image: url("../images/bom_on.png");
}
.bom.off{
  background-image: url("../images/bom_off.png");
}
.bom .fan{
  width: 54px;
  height: 54px;
  background-image: url("../images/fan.png");
  background-size: 54px 54px;
  background-repeat: no-repeat;
  position: relative; left: 105px; top: 134px;
}
.bom.on .fan{
  animation: spin 1s linear infinite;
}
.bom.on .fan2{
  animation: spin 2s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.bom .fan2{
  width: 35px;
  height: 35px;
  background-image: url("../images/fan.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  position: relative; left: 323px; top: 98px;
}

.bom .boder{
  width: 54px;
  height: 54px;
  background-image: url("../images/boder.png");
  background-size: 54px 54px;
  background-repeat: no-repeat;
  position: relative; left: 315px; top: 52px;
}

.bom .dong_dien{
  width:60px;
  height:23px;
  position: relative; left: 8px; top: 48px;
  text-align:center;
}
.bom .pressure{
  width:70px;
  height:23px;
  position: relative; left: 172px; top: -83px;
  text-align:center;
}
.bom .angle{
  width:60px;
  height:23px;
  position: relative; left: 240px; top: -119px;
  text-align:center;
}
.bom .flow{
  width:80px;
  height:23px;
  position: relative; left: 307px; top: -21px;
  text-align:center;
}
.bom .name{
  width:80px;
  height:23px;
  position: relative; left: -3px; top: -128px;
  text-align:center;
}
.bom .moi{
  position: relative; 
  left: -3px; top: -227px;
  width:80px; height:23px;
  text-align:center;
}
.bom .bom_moi{
  position: relative;
  left: 3px; top: -251px;
  height: 65px; width: 106px;
}
.bom .bom_chinh{
  position: relative; 
  left: -6px; top: -238px; 
  width: 89px; height: 86px;
}
.bom .van_goc{
  position: relative; 
  left: 238px; top: -340px; 
  width: 57px; height: 86px;
}
.bom .ap_suat{
  position: relative; 
  left: 178px; top: -416px; 
  width: 47.5px; height: 46px;
}
.bom .van_moi{
  left: 65px; top: -554px;
  width: 50px; height: 21px;
  position: relative; 
  text-align:center;
  
}
.bom .xa_e{
  left: 114px; top: -510px;
  width: 50px; height: 21px;
  position: relative; 
  text-align:center;
}
.bom .total{
  left: 297px; top: -487px; width: 90px; height: 21px;
  position: relative; 
  text-align:center;
  font-weight:bold;
}
.move{opacity:0.7;}