:root {
    /* Background colors */
    --MainBGColor-Blue: #0065C0;
    --MainBGColor-Yellow: #E4BE00;
    --MainBGColor-Yellow2: #FFE23F;
    --MainBGColor-Grey: #F0F2F5;
    --MainBGColor-White: #FBFBFB;
    --MainBGColor-DarkGrey: #767676;
    --MainBGColor-DarkGrey2: #DADADA;
    --MainBGColor-Red: #0065C0;
    --MainBGColor-Error: #FF5E61;
    --MainColor-Black: #3c3c3c;
    /* Button radius size */
    --BtnRadius-Small: 3px;
    --BtnRadius-Medium: 4px;
    --BtnRadius-Large: 5px;
    /* Text color */
    --TxtColor-Red: #FF5E61;
    --TxtColor-White: #FBFBFB;
    --TxtColor-Blue: #0065C0;
    --TxtColor-Grey: #767676;
    --TxtSize-root: 16px;
    /* Article datetime */
    --TxtSize-14: 14px;
    /* All header text */
    --TxtSize-16: 16px;
    /* Main Background text */
    --TxtSize-18: 18px;
    --TxtSize-20: 20px;
    /* Main tools */
    --TxtSize-30: 30px;
    --TxtSize-34: 34px;
    /* Main BG title */
    --TxtSize-56: 56px;
    --TxtSize-34: 3
    /* font-family: 'SVN-Gilroy' */
}


* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font-weight: 400;*/
}

html{
    font-size: 16px;
    font-family: 'SVN-Gilroy', sans-serif;
    line-height: 20px;
    letter-spacing: 0.0025em;
}
body {
    background: #FBFBFB;
}

/*ol, ul {
    list-style: none;
}*/
a{
    color: var(--TxtColor-Blue);
    text-decoration: none !important;
    transition: all 0.3s ease;
    cursor: pointer;
}
a:hover{
    /*color: var(--MainBGColor-Yellow2) !important;*/
    text-decoration: underline;
}


@media (min-width: 1480px) {
    .container {
        min-width: 1480px !important;
    }
}

@media screen (max-width: 1460px) {
    .container{
        max-width: 100% !important;
    }
}


/* Các nút bấm, căn lề dùng chung cho toàn document */

.btnRadius-sm {
    border-radius: var(--BtnRadius-Small);
}

.btnRadius {
    border-radius: var(--BtnRadius-Medium);
}

.btnRadius-lg {
    border-radius: var(--BtnRadius-Large);
}

.btn-primary {
    background-color: var(--MainBGColor-Blue);
    border-color: var(--MainBGColor-Blue);
}
.btn-outline-primary {
    color: var(--MainBGColor-Blue);
    border-color: var(--MainBGColor-Blue);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    border-color: var(--MainBGColor-Blue);
    background-color: var(--MainBGColor-Blue);
}

.btn-danger {
    background-color: var(--MainBGColor-Red);
    border-color: var(--MainBGColor-Red);
}


.btn-fill-yellow {
    background-color: var(--MainBGColor-Yellow);
    color: var(--TxtColor-White);
    padding: 0.5em 1em;
    border-radius: 24px;
}
.btn-fill-lightRed {
    background-color: var(--TxtColor-Red);
    color: var(--TxtColor-White);
}
.btn-fill-white{
    background-color: var(--TxtColor-White);
    color: var(--TxtColor-Red);
}

.override-btn-padding {
    padding: 7px 1.5em !important;
    border-radius: 6px !important;
}

.font-size--small{
    font-size: var(--TxtSize-16) !important;
}

.h-space-sm {
    height: 10px;
}
.h-space {
    height: 20px;
}
.h-space-lg {
    height: 50px;
}

.h-space-4 {
    height: 4em;
}
.h-space-5 {
    height: 5em;
}
.h-space-6 {
    height: 6em;
}
.h-space-8 {
    height: 8em;
}


.w-space-sm {
    width: 5px;
}
.w-space {
    width: 10px;
}
.w-space-lg {
    width: 20px;
}



/* Text */
.txt-label-red {
    color: var(--TxtColor-Red);
    font-size: var(--TxtSize-20);
}
.txt-blue-title{
    color: var(--TxtColor-Blue);
    font-size: var(--TxtSize-34);
    font-weight: 600;
}


.txt-blue-title.s20 {
    font-size: var(--TxtSize-20);
}

.txt-blue-title.s16 {
    font-size: var(--TxtSize-16);
}
.txt-blue {
    color: var(--TxtColor-Blue);
}

.txt-label-red.s14 {
    font-size: var(--TxtSize-14);
}   
.txt-label-red.s12 {
    font-size: 14px;
}

.txt-red-title{
    color: var(--TxtColor-Red);
    font-size: var(--TxtSize-34);
    text-transform: capitalize;
}

.txt-white {
    color: white !important;
}
.txt-white:hover{
    color: var(--TxtColor-Blue) !important;
    font-weight: bolder;
}

.txt-orange-title {
    color: orange;
    text-transform: capitalize;
}
.green {
    color: forestgreen;
}

.b-600{
    font-weight: 600;
}

.btn-outline-primary:hover {
    background-color: var(--MainBGColor-Blue);
    border-color: var(--MainBGColor-Blue);
}

.s30 {
    font-size: var(--TxtSize-30);
}
.s20 {
    font-size: var(--TxtSize-20);
}
.s18 {
    font-size: 18px;
}
.s23{
    font-size:23px;
}
.s26 {
    font-size: 26px;
}
.s16 {
    font-size: var(--TxtSize-16);
}
.s56 {
    font-size: var(--TxtSize-56);
}
.s34 {
    font-size: var(--TxtSize-34);
}
.b-600{
    font-weight: 600;
}
.time__detail {
    color: var(--MainBGColor-DarkGrey);
    font-size: 14px;
    padding-left: 4px;
}
.s12{
    font-size: 12px;
}

.home__section--heading {
    display: flex;
    justify-content: center;
    /*padding: 4em 0;*/
    padding: 0 0 56px 0;
    text-transform: uppercase;
}


.category__section--heading {
    display: flex;
    justify-content: flex-start;
    padding: 4em 0;
    text-transform: uppercase;
}



/*Intersection observer*/

.loadin {
    opacity: 0;
    transform: translateY(45px);
    transition: transform 0.6s, opacity 0.9s;
  
    animation: fadeIn ease 5s forwards;
    -webkit-animation: fadeIn ease 5s forwards;
    -moz-animation: fadeIn ease 5s forwards;
    -o-animation: fadeIn ease 5s forwards;
    -ms-animation: fadeIn ease 5s forwards;
}
.loaded {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
}

/* Loading */
.loading__overlay {
    background: #181818d6;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 99999;
    transition: all 0.3s ease;
}
.loading__main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.loading__icon {
    border-radius: 50%;
    border: solid white 2px;
    border-bottom: solid transparent 2px;
    padding: 1.5rem;
    transition: all 0.3s;
}
.loading {
    animation: spinning 1s linear infinite;
}

.uppercase{
    text-transform: uppercase;
}

/*.container {
    padding: 0;
}*/

@keyframes spinning {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg)}
}


select.form-control::before {
    content: "";
    border-top: solid black 1px;
    border-left: solid black 1px;
    padding: 4px;
    width: 4px;
    height: 4px;
}

select {
    border: solid #4c4c4c69 1px;
    border-radius: 4px;
    color: #121212;
    padding: 4px 10px;
    /*width: 100%;*/
}


.trachnhiemxahoi__news_title_container {
   /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
.trachnhiemxahoi__news_descript, .article__news_descript {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

a.trachnhiemxahoi__news_title_container.txtBolder * {
    font-size: 1.1em;
}


* {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}
html, body, *, *::before, *::after, html body *, #allow-copy_script ~ body * {
    -webkit-user-select: initial !important;
    user-select: initial !important;
}
html, body, *, *::before, *::after, html body *, #allow-copy_script ~ body * {
    -webkit-user-select: initial !important;
    user-select: initial !important;
}


.pd-sm{
    padding: 0.5em 2em;
}
.pd-nm {
    padding: 0.5em 3em;
}
.pd-lg {
    padding: 1em 4em;
}

.hr_light {
    color: #33333385 !important;
}

label.error {
    color: var(--MainBGColor-Error) !important;
}

.toast.toast-error {
    width: fit-content !important;
}

.news__nhadautu__time_detail * {
    font-size: 14px !important;
}


.toTop_container {
    position: fixed;
    z-index: 99999;
    bottom: calc(100vh/9);
    right: 40px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    border: 1px solid #0065c063;
    box-shadow: 2px 4px 1px 0 #00000026;

}

.toTop_container, .toTop_container *{
    cursor: pointer;
}

.toTop_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.to_top_arrowIcon {
    content: "";
    border-top: solid white 4px;
    border-left: solid white 4px;
    padding: 0.5em;
    border-color: var(--MainBGColor-Blue);
    transform: rotate(45deg);
    position: relative;
    top: 5px;
    cursor: pointer;
}
/*table, th, td {
    border: solid black 1px;
}*/


strong *, b * {
    font-weight: 700;
}

table[border*="1"], table[border*="1"] th, table[border*="1"] td {
    border: solid black 1px;
}


.txtBolder {
    font-weight: bolder !important;
}

#toast-container > div{
    overflow: unset !important;
    max-width: fit-content;
    width: fit-content;
}

.chitiet_baocaophantich_fileAttach{
    cursor: pointer;
}

.body_container {
    margin-top: 140px;
}


/*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 0 !important;
    padding-left: 0 !important;
}*/

/*Rich text break line*/
p:not([class]):not([id]):empty,
div:not([class]):not([id]):empty {
    height: 1em;
}


/*Remove bullet*/

ul.ScrollCategory{
    list-style:none;
}

ul.phantich__bvs_noidunglienquan_list{
    list-style:none;
}

/*End Remove bullet*/