body,html {
    font-size: 1rem;
    font-family:Roboto,Arial,Helvetica,Tahoma,Verdana,sans-serif;
  }

  @include media-breakpoint-up(sm) {
    html {
      font-size: 1.2rem;
    }
  }
  
  @include media-breakpoint-up(md) {
    html {
      font-size: 1.4rem;
    }
  }
  
  @include media-breakpoint-up(lg) {
    html {
      font-size: 1.6rem;
    }
  }

.fa-facebook{background:#3B5998;color:white;}
.fa-br{padding:10px !important;font-size:20px !important;width:40px !important;text-align:center !important;text-decoration:none !important;border-radius:50% !important;}
.fa-br:hover{opacity:0.7;}
div.footer-cont{padding-top:24px;padding-bottom:24px;text-align:center;background-color:#fff;}
span.footer-note{color:#777;font-size:0.85em}

a.reg-btn {border-radius: 2rem; padding: .5rem 1rem;}
a.reg-btn:hover { border-radius: 2rem; color: #fff !important;}
a.login-btn {border-radius: 2rem; padding: .5rem 1rem;}
a.login-btn:hover { border-radius: 2rem; color: #fff !important;}
.reg-fm-btn {border-radius: 2rem; padding: .6rem 2.2rem;}

.f-text{font-size:1em;height:52px}

#dtransparent{border:1px solid transparent;float:left;}
#drbwhite{border:1px solid #FFFFFF;float:left;}
#drbviolet{border:1px solid #5F2879;float:left;}
#drbindigo{border:1px solid #00418D;float:left;}
#drbblue{border:1px solid #00C2DE;float:left;}
#drbgreen{border:1px solid #00BA71;float:left;}
#drbyellow{border:1px solid #FAD717;float:left;}
#drborange{border:1px solid #FA8901;float:left;}
#drbred{border:1px solid #F43545;float:left;}

#drbwhite2{border:2px solid #FFFFFF;float:left;}
#drbviolet2{border:2px solid #5F2879;float:left;}
#drbindigo2{border:2px solid #00418D;float:left;}

.bd-masthead {
    --bd-pink-rgb: 214,51,132;
    padding: 3rem 0;
    background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%)
}

.t-text-c {color:#000000}
.line1-3 {
  border-bottom: 3px solid #F1EFE6;
  margin-top: 0px;
  width: 100%;
}
.line1-2 {
  border-bottom: 2px solid #F1EFE6;
  margin-top: 0px;
  width: 100%;
}

 
.div-lh-bg {
background-image: url('/static/img/thien-duong-sinh-truong-sinh-hoc-dasira-narada-thay-tran-van-mai-1.jpg');
background-position:center;
background-repeat:no-repeat;
}

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span iframe {
/* Now you can apply css here */
bottom:0!important;
}

td.cell-h1 {background: #B9BBB6 !important;colorr: white;font-size: 1.4rem;color:#962600;}
td.cell-h2 {background: #D9DDDC !important;font-size: 1.2rem;color:#000096;}
td.cell-nm {font-family: "Helvetica";font-weight:500;font-size: 1.15rem;}
td.cell-ad {font-family: "Verdana";font-weight:500;}
td.cell-ph {font-family: "Verdana";font-weight:500;} /* Courier */

div.ncircle {
  width: 26px;
  height: 24px;
  border: 1px solid #D9DDDC; /* #0D6EFD */
  background-color: transparent;
  font-size: 0.9rem;
  border-radius: 50%;
}

div.nsquare {
  width: 26px;
  height: 24px;
  border: 1px solid #B9BBB6;
  background-color: transparent;
  font-size: 0.9rem;
}

.dgry-btn {
  background-color: #6C7079;
  color: #fff;
  border-radius: 6%;
}
.dgry-btn:hover {
  background-color: #54575E;
  color: #fff;
  border-radius: 6%;
}
.gry-btn {
  background-color: #D7D8DB;
  color: #000;
  border-radius: 6%;
}
.gry-btn:hover {
  background-color: #BCBEC3;
  color: #000;
  border-radius: 6%;
}
.yel-btn {
  background-color: #FDE047;
  color: #000;
  border-radius: 6%;
}
.yel-btn:hover {
  background-color: #FACC15;
  color: #000;
  border-radius: 6%;
}
.ora-btn {
  background-color: #FFC400;
  color: #000;
  border-radius: 6%;
}
.ora-btn:hover {
  background-color: #EF9700;
  color: #000;
  border-radius: 6%;
}

.lblu-btn {
  background-color: #809DFF;
  color: #fff;
  border-radius: 6%;
}
.lblu-btn:hover {
  background-color: #4D76FF;
  color: #fff;
  border-radius: 6%;
}

.blu-btn {
  background-color: #4D76FF;
  color: #fff;
  border-radius: 6%;
}
.blu-btn:hover {
  background-color: #1A4FFF;
  color: #fff;
  border-radius: 6%;
}


.gra-lk {
  color: #404040;
  border-radius: 6%;
}
.gra-lk:hover {
  color: #000;
  border-radius: 6%;
  background-color: #FDE047;
}

h3 strong {
  display: block;
  font-size: 75%;
  opacity: 0.75;
}