
#text-logo{
  font-size: 28px;
  font-weight: 600;
  color: maroon;
}
#sub-nav{
  background-color: maroon;
}
.nav-link{
  color: white !important;
  font-weight: 600;
}
.box-title-left{
  background-color: maroon;
  padding:5px;
  color: white;
  font-weight: 600;
}
#ul-menu-left {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}
#ul-menu-left li:before {
  content: "\0BB \020";
}
#ul-menu-left > li {
  padding: 5px;
}
#ul-menu-left > li > a {
  color: black;
  font-weight: 600;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid  rgb(230, 230, 230);
  background-color: #ffffff;

}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 25px;
  transition: 0.3s;
  font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: maroon;
  color: white;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none;
}
.number{
  font-size: 20px;
}
.number-big{
  font-size: 44px;
  color: maroon;
  font-weight: 700;
}
.number-big2{
  font-size: 33px;
  color: black;
  font-weight: 700;
}
.number-middle{
  font-size: 33px;
  color: maroon;
  font-weight: 700;
}
#table-number > tbody > tr > td {
  padding: 3px;
}
.digits-form label.radio[data-value="0"] span:after {
  content: " Đầy đủ";
}
.digits-form label.radio[data-value="2"] span:after {
  content: " 2 số";
}
.digits-form label.radio[data-value="3"] span:after {
  content: " 3 số";
}
.choice-table{
  background-color:maroon;
  padding: 5px;
}
.digits-form > label{
  margin-bottom: 0px !important;
  color: white;
  font-weight: 600;
}
.firstlast-mb.fl, .firstlast-mb.fr {
  width: 49%;
}
.firstlast-mb {
  font-weight: 700;
}
.fl {
  float: left;
}
.loader {
  display:inline-block;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid rgb(255, 181, 22);
  width: 15px;
  height: 15px;
  margin: auto;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
