@charset "UTF-8";
@import url("/assets/fonts/roboto/font-roboto.css");
@import url("/assets/fonts/roboto/font-roboto.css");
@media only screen and (min-width: 1200px) {
  .container {
    min-width: 80%; } }

/******* RESPONSIVE ********/
/****Màn hình máy tính thông thường****/
/****Màn hình ipad hiển thị theo chiều ngang (Landscape)****/
/****Màn hình desktop loại bé****/
/****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é****/
/*@mixin mobile {
    @media(max-width: 767px) {
        @content
    }
}


@mixin ipad {
    @media(min-width: 768px) and (max-width:1024px) {
        @content
    }
}
@mixin tablet {
    @media only screen and (max-width: 1200px) {
        @content
    }
}

@mixin ipad {
    @media only screen and (max-width:1024px) {
        @content
    }
}

@mixin ipad-port {
    @media only screen and (max-width:992px) {
        @content
    }
}

@mixin mobile {
    @media only screen and (max-width:769px) {
        @content
    }
}

@mixin ipadSmPort {
    @media only screen and (max-width:600px) {
        @content
    }
}

@mixin mobile-small {
    @media only screen and (max-width: 577px) {
        @content
    }
}

@mixin iphonePlus {
    @media only screen and (max-width: 415px) {
        @content
    }
}

@mixin iphone {
    @media only screen and (max-width: 376px) {
        @content
    }
}

@mixin mobileSm {
    @media only screen and (max-width: 376px) {
        @content
    }
}

@mixin onlyTablet {
    @media (min-width: 1025px) and (max-width: 1200px) {
        @content
    }
}

@mixin onlyIpad {
    @media (min-width: 992px) and (max-width:1024px) {
        @content
    }
}

@mixin onlyIpad-port {
    @media (min-width: 769px) and (max-width:992px) {
        @content
    }
}

@mixin onlyMobile {
    @media (min-width: 577px) and (max-width:769px) {
        @content
    }
}

@mixin onlyMobile-small {
    @media (max-width: 577px) {
        @content
    }
}
@mixin mobile {
    @media (max-width: 600px) {
        @content;
    }
}



@mixin desktop {
    @media (min-width:768px) and (max-width: 1024px) {
        @content;
    }
}

@mixin desktop-up {
    @media (min-width: 1800px) {
        @content;
    }
}*/
ul, li {
  list-style: none; }

body {
  font-family: Manrope, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px; }

p {
  margin: 0 auto; }

a:hover {
  text-decoration: none; }

/****TRANG HỎI ĐÁP*****/
#pGuiCauHoi {
  height: calc(100vh - 120px);
  background: white; }
  #pGuiCauHoi .GuiCauHoi {
    padding-top: 50px; }
    #pGuiCauHoi .GuiCauHoi #div-title {
      border-bottom: 1px solid #657FAD; }
      #pGuiCauHoi .GuiCauHoi #div-title p {
        border: 1px solid #657FAD;
        width: fit-content;
        margin-left: 0px;
        padding: 10px;
        border-radius: 5px 5px 0px 0px;
        background: #657FAD;
        color: white;
        text-transform: uppercase;
        font-weight: 600; }
    #pGuiCauHoi .GuiCauHoi .form-group label {
      padding-top: 15px;
      padding-bottom: 5px;
      font-weight: 600; }
      #pGuiCauHoi .GuiCauHoi .form-group label span {
        color: red; }
    #pGuiCauHoi .GuiCauHoi .form-group input, #pGuiCauHoi .GuiCauHoi .form-group textarea {
      background-color: #EDF2F7; }
    #pGuiCauHoi .GuiCauHoi #btnSend {
      border: 1px solid #657FAD;
      width: fit-content;
      padding: 8px;
      border-radius: 5px;
      background: #657FAD;
      color: white;
      text-transform: uppercase;
      font-weight: 600;
      float: right; }
      #pGuiCauHoi .GuiCauHoi #btnSend:hover {
        border: 1px solid #002566;
        background: #002566; }
    #pGuiCauHoi .GuiCauHoi .war {
      padding-top: 5px;
      font-style: italic;
      color: #ff6060; }