﻿@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é****/
@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: Manrope, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px; }

p {
  margin: 0 auto; }

a:hover {
  text-decoration: none; }

#popup .filter {
  display: flex;
  flex-direction: column;
  gap: 2px; }
  #popup .filter .fitems {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    padding: 2px 7px; }
    #popup .filter .fitems .slabel {
      font-weight: 800;
      white-space: nowrap;
      padding-top: 5px;
      font-size: 11px; }
    #popup .filter .fitems .f-date, #popup .filter .fitems .t-date {
      font-size: 11px;
      width: 68px;
      padding: 4px;
      height: 30px; }
    #popup .filter .fitems button {
      padding: 2px 7px;
      font-size: 0.9em; }

#tbl_Temp {
  display: none; }
