@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
}

html {
    font-size: 13px !important;
}

@media (min-width: 768px) {
    html {
        font-size: 15px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: Inter-Regular, "sans-serif";
    box-sizing: border-box;
}

/*div::-webkit-scrollbar {
    display: none;
}*/

:root {
    --color-primary: #0368B2;
    --color-gray-dark: #3D3845;
    --color-rga-gray: #747273;
    --color-rga-gray-tint: #979797;
    --color-table-header: #E6EEF2;
    --color-table-header-border: #C1C7D0;
    --color-neutral: #B3BAC5;
    --color-brading-red: #BA0018;
    --color-feedback-blue: #2126e9;
    --color-moderate-blue: #5357B6;
    --color-brading-blue: #06527A;
    --color-brading-blue-active: #1e6387;
    --color-brading-blue-light: #cddce4;
    --color-brading-blue-tint: #BAE2FF;
    --color-brading-red-tint: #c0192f;
    --color-invalid-red: #f1416c;
    --color-gray-light: #F7FFE2;
    --color-gray-tint-500: #D1CBCB;
    --color-gray: #8993A4;
    --bg-gray: #E9E9E9;
    --bg-gray-500: #F5F5F5;
    --bg-gray-600: #EDEDED;
    --bg-gray-700: #D8D4D4;
    --height-menu-login: 70px;
    --heigh-menu-nav: 80px;
    --max-width-page: 1440px;
    --bs-component-active-bg: #009ef7;
    --color-text-primary: #035189;
    --color-text-primary-tint: #2FAEED;
    --bg-color-primary-blue: #033189;
    --color-menu-footer: #0066B2;
    --bg-color-primary-meeting: #63B5E6;
    --color-red: #DE0505;
}

/*Reset Css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

img {
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
}

.text-color-primary {
    color: var(--color-primary, "#0368B2")
}

.text-color-primary-tint {
    color: var(--color-text-primary-tint, "#2FAEED")
}

.text-color-gray-dark {
    color: var(--color-gray-dark, "#3D3845")
}

.text-color-gray-tint {
    color: var(--color-rga-gray-tint, "#979797")
}

.text-color-feedback-blue {
    color: var(--color-feedback-blue, "#2126e9");
}

.border-gray-tint {
    border-color: var(--color-rga-gray-tint, "#979797");
    border-width: 1px;
    border-style: solid;
}

.text-color-gray-tint-500 {
    color: var(--color-gray-tint-500, "#D1CBCB");
}

.custom-text-primary {
    color: var(--color-text-primary, "#035189");
}

.text-color-red {
    color: var(--color-red, "#DE0505");
}

.custom-border-blue {
    border: 1px solid var(--bg-color-primary-meeting);
}

.bg-moderate-blue {
    background: var(--color-moderate-blue, "#5357B6");
}

.bg-gray {
    background: var(--bg-gray, "#E9E9E9")
}

.bg-gray-500 {
    background: var(--bg-gray-500, "#F5F5F5")
}

.bg-gray-600 {
    background: var(--bg-gray-600, "#EDEDED")
}

.bg-gray-700 {
    background: var(--bg-gray-700, "#D8D4D4")
}

.bg-gray-light {
    background: var(--color-gray-light, #F7FFE2)
}

.text-rga-gray {
    color: var(--color-rga-gray, "#747273")
}

.fw-extrabold {
    font-family: Inter-ExtraBold;
}

.bg-primary-blue {
    background: var(--bg-color-primary-blue, "#033189")
}

.bg-rga-gray {
    background: var(--color-rga-gray, "#747273")
}

.bg-primary {
    background: var(--color-primary, "#0368B2") !important;
}

.bg-primary-meeting {
    background: var(--bg-color-primary-meeting, "#63B5E6");
}

.text-small {
    font-size: 13px;
}

.text-medium {
    font-size: 14px;
}

.text-large {
    font-size: 16px;
}

.text-xl {
    font-size: 20px;
}

.text-head-title {
    font-size: 32px;
}

.custom-text-title {
    font-size: 26px;
}

.text-xxl {
    font-size: 32px;
}

.text-3xl {
    font-size: 64px;
    line-height: normal;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.custom-text-banner {
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
}

    .custom-text-banner .custom-text-banner-content {
        font-size: 40px;
        font-weight: 400;
    }

    .custom-text-banner .custom-text-banner-more {
        font-size: 20px;
        color: #0368B2;
        position: relative;
    }

.custom-text-banner-more::after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #0368B2;
}

.custom-text-more::after {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0368B2;
}

.height-80 {
    height: var(--heigh-menu-nav, "80px")
}

.margin-header-fix {
    margin-top: calc(var(--heigh-menu-nav) + var(--height-menu-login));
}

.height-70 {
    height: var(--height-menu-login, "70px");
}

.h-top-70 {
    top: var(--height-menu-login, "70px");
}

.text-justify {
    text-align: justify;
}


.custom-text-two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.custom-text-four-line {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-card:hover .custom-text-hover-group {
    color: #009EF7;
    transition: all .2s linear;
}

.custom-hover-group:hover .custom-text-hover-group {
    color: #009EF7;
    transition: all .2s linear;
}

.owl-carousel .owl-dots .owl-dot {
    background-color: transparent;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    height:30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    margin-top: auto;
    margin-bottom: 2px;
    box-shadow: -2px 1px 10px #bdbdbd;
    top: calc(50% - 20px);
    cursor: pointer;
}

.owl-carousel .owl-nav .owl-prev {
    left: -25px;
}

.owl-carousel .owl-nav .owl-next {
    right: -25px;
}

.owl-theme .owl-nav {
    margin: 0;
}

    .owl-theme .owl-nav [class*=owl-]:hover {        
    }

.custom-text-banner-news {
    font-size: 64px;
}

.white-scpace-nowrap {
    white-space: nowrap;
}

.object-fit-cover {
    object-fit: cover;
}

.custom-btn-more {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}

    .custom-btn-more:hover {
        background: var(--color-brading-blue-light, "#cddce4")
    }

.custom-footer {
    border-top: 7px solid #55A6E1;
}

.custom-border-feedback {
    border-top: 2px solid #0368B2;
}

.line-height-xl {
    line-height: 1.5rem;
}

.custom-nav-news {
    overflow-x: auto;
    overflow-y: hidden;
}

    .custom-nav-news::-webkit-scrollbar {
        height: 6px;
    }

    .custom-nav-news::-webkit-scrollbar-track {
        background-color: #E9E9E9;
    }

    .custom-nav-news::-webkit-scrollbar-thumb {
        background-color: #979797;
        border-radius: 10px;
        height: 6px;
        background-clip: content-box;
    }

        .custom-nav-news::-webkit-scrollbar-thumb:hover {
            background-color: #555;
        }

/*.custom-title-content::before {
    position: absolute;
    content: '';
    width: 14px;
    height: 26px;
    background: #2078B9;
    left: -3%;
    top: 50%;
    transform: translate(-100%, -50%);
}*/

.flex-basic-max-content {
    flex-basis: max-content;
}

.custom-input-search::placeholder {
    color: #000000;
    font-size: 14px;
}

.custom-nav-search {
    overflow-x: scroll;
    border-style: solid;
    border-color: var(--color-rga-gray, "#747273")
}

    .custom-nav-search::-webkit-scrollbar {
        display: none;
    }

.custom-nav-news-item {
    color: var(--color-gray-dark, "#3D3845");
}

.active.custom-nav-search-item {
    font-weight: 600;
}

    .active.custom-nav-search-item::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        background: var(--color-primary, "#0368B2");
        bottom: -8px;
        left: 0;
    }

.active.custom-nav-news-item {
    color: var(--color-primary, "#0368B2")
}

.text-hover-white:hover svg path {
    fill: #ffffff;
}

.custom-tab-meetingSession div.active {
    font-weight: 700;
    background: var(--bg-gray-600);
}

.custom-tab-profile div.active {
    font-weight: 700;
    background: var(--bg-gray-600);
}

#v-pills-searchEmployeee-tab div.active {
    color: var(--color-primary);
}

.border-primary-meeting {
    border: 2px solid var(--bg-color-primary-meeting);
}

.custom-row-icon::after {
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--bg-color-primary-meeting, "#63B5E6");
}

.custom-bg-meeting:nth-child(even) div {
    background: var(--color-gray-light, #F7FFE2)
}

.custom-bg-meeting:nth-child(odd) div {
    background: var(--color-brading-blue-tint, "#BAE2FF");
}

.custom-bg-meeting:last-child {
    border: none;
}

.custom-line-primary {
    width: 100%;
    height: 1px;
    background: var(--color-primary)
}

.custom-overlay {
    position: absolute;
    width: 100%;
    height: 20%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    bottom: 0;
    right: 0;
}

.custom-border-dashed {
    border: 1px dashed;
}

.custom-select2.select2-selection--single {
    padding: 0;
    height: 36px;
    line-height: 36px;
}

.aspect-ratio-3-2 {
    aspect-ratio: 3/2;
}

.aspect-ratio-4-3 {
    aspect-ratio: 4/3;
}

.aspect-ratio-14-9 {
    aspect-ratio: 14/9;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16/9;
}

.aspect-ratio-21-9 {
    aspect-ratio: 21/9;
}

.aspect-ratio-27-9 {
    aspect-ratio: 27/9;
}

.aspect-ratio-1 {
    aspect-ratio: 1/1;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.custom-text-select2.select2-selection--single .select2-selection__rendered {
    color: #181C32;
}

.menuHomeContainer {
    transition: all .1s linear;
}

.custom-link-none {
    display: none;
}

/*Custom css datepickr select week*/
.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 14px;
    margin-right: 10px;
}

.flatpickr-current-month input.cur-year {
    font-size: 14px;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    transform: translateY(5px);
}

.flatpickr-calendar {
    min-width: 340px;
}

.custom-tree-meeting-create {
    position: absolute;
    top: -10px;
    left: 10px;
    white-space: nowrap;
    background: white;
}

.bg-introduction-about-us {
    background: url(../images/IMG_0849234.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-introduction-history {
    background: url(../images/Frame45.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-introduction-structure {
    background: url(../images/Frame46.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-introduction-business {
    background: url(../images/banner22.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-dots-history .custom-dot {
    cursor: pointer;
    white-space: nowrap;
    font-size: 40px;
}

    .custom-dots-history .custom-dot:hover {
        transition: all .1s linear;
        color: var(--color-primary);
    }

    .custom-dots-history .custom-dot.active {
        font-size: 50px;
        color: var(--color-primary);
    }

.custom-text-footer {
    color: var(--color-menu-footer, "#0066B2");
    font-size: 40px;
}

.custom-bg-footer {
    background: var(--color-menu-footer, "#0066B2");
}

.custom-border-blue-banner {
    border: 1px solid #0066B2;
}

.custom-text-blue-banner {
    color: var(--color-menu-footer, "#0066B2");
}

.custom-underline-text {
    position: relative;
}

    .custom-underline-text::after {
        content: "";
        position: absolute;
        width: 0;
        height: 2px;
        background: white;
        bottom: 0;
        left: 0;
        transition: all .2s linear;
    }

    .custom-underline-text:hover::after {
        width: 100%;
    }

.custom-max-width-page {
    max-width: var(--max-width-page, "1440px")
}

.custom-img-clip-path {
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}

.dots-articoli-history {
    width: 650px;
    overflow-x: auto;
    overflow-y: hidden;
}

    .dots-articoli-history::-webkit-scrollbar {
        display: block;
        height: 8px;
    }

    .dots-articoli-history::-webkit-scrollbar-track {
        background-color: #E9E9E9;
    }

    .dots-articoli-history::-webkit-scrollbar-thumb {
        background-color: #979797;
        border-radius: 10px;
        height: 8px;
        background-clip: content-box;
    }

        .dots-articoli-history::-webkit-scrollbar-thumb:hover {
            background-color: #555;
        }

    /* Buttons */
    .dots-articoli-history::-webkit-scrollbar-button:single-button {
        background-color: #E9E9E9;
        display: block;
        background-size: 8px;
        background-repeat: no-repeat;
    }

        /* Left */
        .dots-articoli-history::-webkit-scrollbar-button:single-button:horizontal:decrement {
            height: 10px;
            width: 10px;
            background-position: 0px 0px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,50 50,100 50,0'/></svg>");
        }

            .dots-articoli-history::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,50 50,100 50,0'/></svg>");
            }

            .dots-articoli-history::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
            }

        /* Right */
        .dots-articoli-history::-webkit-scrollbar-button:single-button:horizontal:increment {
            height: 10px;
            width: 10px;
            background-position: 0px 0px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>");
        }

            .dots-articoli-history::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
            }

            .dots-articoli-history::-webkit-scrollbar-button:single-button:horizontal:increment:active {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
            }


/*Custom owl carousel introducion leader member*/
.custom-owl-introduction-leader.owl-carousel .owl-nav button.owl-next {
    right: 0px;
}

.custom-owl-introduction-leader.owl-carousel .owl-nav button.owl-prev {
    left: 0px;
}

.custom-owl-introduction-leader.owl-carousel.owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

    .custom-owl-introduction-leader.owl-carousel.owl-theme .owl-dots .owl-dot span {
        background: #615D5D;
    }

    .custom-owl-introduction-leader.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
        background: #FFFFFF;
    }

.custom-bg-weblink {
    background: url(../images/background-weblink.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-overflow-hot-news {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 550px;
}

.custom-text-application {
    white-space: nowrap;
}

/*Custom tooltip inner*/
.tooltip-inner {
    text-align: left;
}

.MsoTableGrid {
    width: 100% !important;
}

/*Custom hightlight Elastic*/
.custom-hightlight {
    background: yellow;
}

.container-fluid-custom {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

/*Responsive mobile command tablet*/
@media (max-width: 768px) {
    .active.custom-nav-news-item::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        background: var(--color-primary, "#0368B2");
        bottom: -8px;
        left: 0;
    }
}

@media (max-width: 1348px) {
    .custom-text-application {
        white-space: normal;
    }
}

@media (max-width: 1200px) {
    .text-medium {
        font-size: 12px;
    }

    .custom-dots-history .custom-dot {
        font-size: 26px;
    }

        .custom-dots-history .custom-dot.active {
            font-size: 36px;
        }
}

@media (max-width: 1024px) {
    .text-xxl {
        font-size: 28px;
    }

    .custom-text-banner-news {
        font-size: 40px;
    }

    .text-xl {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .h-top-70 {
        top: 0;
    }

    .margin-header-fix {
        margin-top: var(--heigh-menu-nav, "80px")
    }
}

@media (max-width: 768px) {
    .text-xl {
        font-size: 16px;
    }

    .text-xxl {
        font-size: 24px;
    }

    .custom-text-banner-news {
        font-size: 30px;
    }

    .custom-container-banner {
        margin-top: 90px;
    }

    .custom-dots-history .custom-dot {
        font-size: 20px;
    }

        .custom-dots-history .custom-dot.active {
            font-size: 26px;
        }

    .custom-text-title {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .text-3xl {
        font-size: 50px;
    }

    .text-small {
        font-size: 10px;
    }

    .text-xl {
        font-size: 14px;
    }

    .text-xxl {
        font-size: 20px;
    }

    .text-large {
        font-size: 14px;
    }

    .custom-text-banner-news {
        font-size: 20px;
    }

    .custom-text-banner .custom-text-banner-more {
        font-size: 12px;
    }

    .custom-login-mobile {
        display: none;
    }

    .text-head-title {
        font-size: 18px;
    }

    .custom-text-title {
        font-size: 18px;
    }

    .custom-title-content::before {
        left: -5%;
    }

    .custom-text-footer {
        font-size: 30px;
    }

    .custom-dots-history .custom-dot {
        font-size: 16px;
    }

        .custom-dots-history .custom-dot.active {
            font-size: 24px;
        }
}

@media (min-width: 768px) {
    .custom-nav-news {
        border: none !important;
    }

        .custom-nav-news .white-scpace-nowrap {
            white-space: normal;
        }

    .custom-nav-search .white-scpace-nowrap {
        white-space: normal;
    }
}


.tag {
    padding: 3px 0px;
    background: url('../images/icon-p.png');
    background-repeat: no-repeat;
    /* background-size: 1.3em;*/
    padding-left: 1.6em;
    /*margin-top: 20px;*/
}