.color-main {
  background-color: #ffaf4c;
  color: dark;
}

.bg-main {
  background-color: #ffaf4c;
}

.color-forum{
  background-color: #e49637;
}

.text-main{
  color: #ad4105;
}

.btn-main {
  background-color: #924c31;
  color: white;
}

.color-main2 {
  background-color: #e67e22;
}

.primary {
  background-color: #3883c4;
  color: #ffffff;
}

.warning {
  background-color: #ea9a17;
  color: #ffffff;
}

.danger {
  background-color: #dd4b39;
  color: white;
}

.btn-header {
  background-color: #924c31;
  color: white;
  width: 100%;
}

.btn-header-active {
  background-color: #81332a;
  color: white;
  width: 100%;
}

#pageHeader a {
  color: black;
  font-weight: bold;
  border: 1px solid white;
  width: 100%;
}

#pageHeader .col {
  padding-left: 3px;
  padding-right: 3px;
}

.box-stt a {
  text-decoration: none !important;
  color: black;
}

.box-stt a:hover {
  color: black;
}

.box-stt img {
  margin-right: 5px;
}

.important {
  font-weight: bold;
}

.box-stt {
  margin-bottom: 10px;
}

body {
  font-family: Verdana, sans-serif;
  font-size: 13px;
}

.page-active {
  background-color: #e67e22;
  color: white;
}

.icon-download {
  width: 85%;
}

@media (min-width: 991.98px) {
  #logo {
    width: 40%;
  }

  .box-stt {
    font-size: 15px;
  }

}



@media (max-width: 991.98px) {
  #hour3 {
    font-size: 8px !important;
  }

  #logo {
    width: 80%;
  }

  .htop {
    margin-top: 25px;
  }

  .box-stt {
    font-size: 13px;
  }


}

@media (max-width: 358px) {
  .hhtop {
    margin-top: 7px;
  }
}

.forum-content img {
  max-width: 100% !important;
  height: auto !important;
}

.forum-images img {
  max-width: 100% !important;
  height: auto !important;
}