body {
  font-family: 'Noto Sans Thai', sans-serif;
  background: #f6f9ff;
}

a, u {
  text-decoration: none;
}

.divider:after,
.divider:before {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
}
.h-custom {
  height: calc(100% - 73px);
}
@media (max-width: 450px) {
  .h-custom {
    height: 100%;
  }
}

.txt-color1{
  color: #eee;
}

.txt-color1:hover{
  color: #BFDCE5;
}

.btn{
  text-transform: none;
}

.color-h{
  background-color: #3f6085;
}

.color-h2{
  background-color: #e9d2e3;
}

.color-h3{
  background-color: #e9d2e3;
}

.color-h4{
  background-color: #7293b8;
}

.color-h4:hover{
  background-color: #224d7f;
}

.color-h4.active{
  background-color: #224d7f;
}


.color-h:hover{
  background-color: #224d7f;
}

.color-h.active{
  background-color: #224d7f;
}

.dropdown-toggle.active{
  background-color: #7293b8!important;
}

.dropdown-item.active{
  background-color: #7293b8!important;
}

.textcolor1 {
  color: #e9d2e3;
}

.textcolor2 {
  color: #7293b8;
}

.color1{
  background-color: #7293b8;
}


.sidebarcolor:hover{
  background-color: #F5C3BC !important;
  color:#000  !important;
}

.menu_sel{
  background-color: #e9d2e3 !important;
  color: #000 !important;
}

.sidebarcolor.active{
  background-color: #54BAB9 !important;
}

.box1 {
  color: #E7305B;
  border: 2px solid #E7305B !important;
}

@media all and (min-width: 992px) {

  .dropdown-menu li {
      position: relative;
  }

  .dropdown-menu .submenu {
      display: none;
      position: absolute;
      left: 100%;
      top: -7px;
  }

  .dropdown-menu .submenu-left {
      right: 100%;
      left: auto;
  }

  .dropdown-menu>li:hover {
      background-color: #f1f1f1
  }

  .dropdown-menu>li:hover>.submenu {
      display: block;
  }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

  .dropdown-menu .dropdown-menu {
      margin-left: 0.7rem;
      margin-right: 0.7rem;
      margin-bottom: .5rem;
  }

}

/* ============ small devices .end// ============ */

/*footer*/
.col_white_amrc {
  color: #fff;
}
footer {
  width: 100%;
  background-color: #263238;
  min-height: 250px;
  padding: 10px 0px 25px 0px;
}
.pt2 {
  padding-top: 40px;
  margin-bottom: 20px;
}
footer p {
  font-size: 13px;
  color: #ccc;
  padding-bottom: 0px;
  margin-bottom: 8px;
}
.mb10 {
  padding-bottom: 15px;
}
.footer_ul_amrc {
  margin: 0px;
  list-style-type: none;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.footer_ul_amrc li {
  padding: 0px 0px 5px 0px;
}
.footer_ul_amrc li a {
  color: #ccc;
}
.footer_ul_amrc li a:hover {
  color: #fff;
  text-decoration: none;
}
.fleft {
  float: left;
}
.padding-right {
  padding-right: 10px;
}

.footer_ul2_amrc {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.footer_ul2_amrc li p {
  display: table;
}
.footer_ul2_amrc li a:hover {
  text-decoration: none;
}
.footer_ul2_amrc li i {
  margin-top: 5px;
}

.bottom_border {
  border-bottom: 1px solid #323f45;
  padding-bottom: 20px;
}
.foote_bottom_ul_amrc {
  list-style-type: none;
  padding: 0px;
  display: table;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
.foote_bottom_ul_amrc li {
  display: inline;
}
.foote_bottom_ul_amrc li a {
  color: #999;
  margin: 0 12px;
}

.social_footer_ul {
  display: table;
  margin: 15px auto 0 auto;
  list-style-type: none;
}
.social_footer_ul li {
  padding-left: 20px;
  padding-top: 10px;
  float: left;
}
.social_footer_ul li a {
  color: #ccc;
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 50%;
}
.social_footer_ul li i {
  width: 20px;
  height: 20px;
  text-align: center;
}

.linkmenu{
  color: #ffffff !important;
  background-color: #E97777 !important;
  text-shadow: 1px 1px 2px #082b34;
}
.linkmenu_icon{
  color: #ffffff !important;
  background-color: #BD4B4B !important;
  text-shadow: 1px 1px 2px #082b34;
}

.linkmenu3{
  color: #ffffff !important;
  background-color: #A8A4CE !important;
  text-shadow: 1px 1px 2px #082b34;
}
.linkmenu_icon3{
  color: #ffffff !important;
  background-color: #7F669D !important;
  text-shadow: 1px 1px 2px #082b34;
}

.linkmenu2_icon {
  color: #ffffff !important;
  background-color: #4092a6 !important;
  text-shadow: 1px 1px 2px #082b34; }
.linkmenu2 {
  color: #ffffff !important;
  background-color: #58bdd6 !important;
  text-shadow: 1px 1px 2px #082b34; }

.btn-labeled:hover {
  top: -4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}

.btn-label {
	position: relative;
	left: -12px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 3px 0 0 3px;
}
 
.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
}