@charset "UTF-8";
/******* RESPONSIVE ********/
/****Màn hình máy tính thông thường****/
/****Màn hình desktop loại bé****/
/**** Màn hình ipad hiển thị theo chiều ngang (Landscape) ****/
/****Màn hình ipad loại bé hiển thị theo chiều ngang (Landscape)****/
/****Màn hình ipad hiển thị theo chiều dọc (Portrait)****/
/****Màn hình ipad loại bé hiển thị theo chiều dọc (Portrait)****/
/****Màn hình điện thoại hiển thị theo chiều ngang (Landscape)****/
/****Màn hình điện thoại Iphone Plus****/
/****Màn hình điện thoại Iphone****/
/****Màn hình điện thoại loại bé****/
@import url("../../fonts/roboto/font-roboto.css");
@font-face {
  font-family: "Manrope";
  src: url("../../fonts/Manrope/Manrope-VariableFont_wght.ttf") format("truetype");
}
ul, li {
  list-style: none;
}

body {
  color: #0a2540;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

p {
  margin: 0 auto;
}

a:hover {
  text-decoration: none;
}

.UI-DROP {
  position: relative;
}
.UI-DROP .ui-tieude::after {
  background: #fff;
  border-radius: 3px;
  position: absolute;
  right: 5px;
  content: "";
  height: 22px;
  width: 22px;
  top: 31px;
}
.UI-DROP label, .UI-DROP .ui-tieude {
  min-width: 80px;
  margin-bottom: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
  max-width: 50%;
  width: max-content;
  color: #0f4871;
}
.UI-DROP label:after, .UI-DROP .ui-tieude:after {
  all: unset;
}
.UI-DROP::after {
  background: #ecf1f5;
  border-radius: 3px;
  position: absolute;
  right: 15px;
  content: "";
  height: 17px;
  width: 16px;
  z-index: 1;
  top: 14px;
}
.UI-DROP.flex-column::after {
  top: 28px;
}
.UI-DROP .UI-DDL {
  border-radius: 5px;
  box-shadow: 1px 2px 5px -2px #ddd inset;
  display: flex;
  height: 32px;
  align-items: center;
  border: 1px solid #ccc;
  padding: 5px 7px;
  position: relative;
}
.UI-DROP .UI-DDL::after {
  position: absolute;
  right: 12px;
  z-index: 2;
}
.UI-DROP .UI-DDL i {
  border-left: 1px solid #ddd;
  padding: 6px 11px;
  height: 31.99px;
}
.UI-DROP .dropdown-menu {
  left: 33%;
  max-height: 300px;
  overflow: auto;
}
.UI-DROP .dropdown-menu li {
  padding: 5px 12px;
  border-bottom: 1px dashed #ccc;
  cursor: pointer;
}
.UI-DROP .dropdown-menu li:hover {
  background: #ecf1f5;
}