﻿.color-main {
    color: #20398B;
}

.no-filter {
    filter: none !important;
}

.brd-none {
    border: none !important;
}

.border-bottom-red-info {
    border-bottom: 5px #C52A1F solid;
}

.cssulheader {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

    .cssulheader a.dropdown-item {
        border-radius: 0;
        /*border-bottom: 1px #C52A1F solid;*/
        border-bottom: 1px #163997 solid;
        margin-bottom: 0 !important;
    }

        .cssulheader a.dropdown-item:last-child {
            border-bottom: none;
            border-radius: 0 0 0.5rem 0.5rem;
        }

    .cssulheader .lihome a.nav-link:hover {
        background: none;
    }

        .cssulheader .lihome a.nav-link:hover i {
            /*color: #C52A1F !important;*/
            color: #163997 !important;
        }

.swiper-zoom-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.swiper-wrapper {
    height: auto !important;
    width: 100%;
}

::selection {
    background-color: #163997;
    color: #FFFFFF;
}

blockquote::selection {
    background-color: #163997;
    color: #FFFFFF;
}

::-moz-selection {
    background: #163997;
    color: #FFFFFF;
}

::-webkit-selection {
    background: #163997;
    color: #FFFFFF;
}
/* vietnamese */
@font-face {
    font-family: "OpenSansRegular";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    src: url('../../../font/OpenSans-Regular.ttf');
    src: local('OpenSansRegular'), url('../../../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: "OpenSansSemiBold";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    src: url('../../../font/OpenSans-SemiBold.ttf');
    src: local('OpenSansSemiBold'), url('../../../fonts/OpenSans-SemiBold.ttf');
}

.fw-bold {
    font-weight: 600 !important;
}

/*@font-face {
    font-family: 'HelveticaBoldVU';
    src: url('font/HelveticaBoldVU.eot');
    src: local('HelveticaBoldVU'), url('font/HelveticaBoldVU.eot?#iefix') format('embedded-opentype'), url('font/HelveticaBoldVU.woff2') format('woff2'), url('font/HelveticaBoldVU.woff') format('woff'), url('font/HelveticaBoldVU.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaRegularVU';
    src: url('font/HelveticaRegularVU.eot');
    src: local('HelveticaRegularVU'), url('font/HelveticaRegularVU.eot?#iefix') format('embedded-opentype'), url('font/HelveticaRegularVU.woff2') format('woff2'), url('font/HelveticaRegularVU.woff') format('woff'), url('font/HelveticaRegularVU.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'HelveticaLightVU';
    src: url('font/HelveticaLightVU.eot');
    src: local('HelveticaLightVU'), url('font/HelveticaLightVU.eot?#iefix') format('embedded-opentype'), url('font/HelveticaLightVU.woff2') format('woff2'), url('font/HelveticaLightVU.woff') format('woff'), url('font/HelveticaLightVU.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}*/

a.card-text:hover {
    color: #C52A1F;
}

/*Ipad ngang(1024 x 768)*/
@media screen and (min-width: 1024px) {
    .slidehome.swiper-wrapper {
        height: 480px !important;
    }

        .slidehome .swiper-wrapper .swiper-slide .swiper-zoom-container img {
            height: 480px;
        }
}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 768px) {
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 480px) {
    .content-space-1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .content-space-b-2 {
        padding-bottom: 2rem !important;
    }

    .card-title {
        padding-top: 1rem !important;
    }

    .homepage-CSKH-bg-img {
        background-size: 100% !important;
    }
}
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px) {
    .card-title {
        padding-top: 1rem !important;
    }
}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px) {
    .card-title {
        padding-top: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.6rem;
    }
}
.btn-u.btn-u-default-grey {
    background-color: #F4F6F8;
    color: #333;
}

    .btn-u.btn-u-default-grey:hover {
        background-color: #163997;
        color: #fff;
    }

.btn-u.btn-block-left {
    text-align: left;
}

.btn-block {
    display: block;
    width: 100%;
}

// Vertically space out multiple block buttons
.btn-block + .btn-block {
    margin-top: 5px;
}


/*Button Styles
------------------------------------*/
.btn {
    box-shadow: none;
    border-radius: 0;
}

.btn-u {
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    padding: 8px 13px;
    position: relative;
    background: #164E99;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

    .btn-u:hover {
        color: #fff;
        text-decoration: none;
        transition: all 0.3s ease-in-out;
    }

.btn-u-sm,
a.btn-u-sm {
    padding: 3px 12px;
}

.btn-u-md,
a.btn-u-md {
    padding: 10px 20px;
}

.btn-u-lg,
a.btn-u-lg {
    font-size: 18px;
    padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
    font-size: 12px;
    padding: 2px 12px;
    line-height: 18px;
}

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
    padding: 3px 13px;
}

.btn-group > .btn-u,
.btn-group-vertical > .btn-u {
    float: left;
    position: relative;
}

    .btn-group > .btn-u:first-child {
        margin-left: 0;
    }

/*For FF Only*/
@-moz-document url-prefix() {
    .footer-subscribe .btn-u {
        padding-bottom: 4px;
    }
}

@media (max-width: 768px) {
    @-moz-document url-prefix() {
        .btn-u {
            padding-bottom: 6px;
        }
    }
}

/*Buttons Color*/
.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
    background: #164E99;
}

.btn-u-split.dropdown-toggle {
    border-left: solid 1px #164E99;
}

.btn-u.btn-u-blue {
    background: #3498db;
}

    .btn-u.btn-u-blue:hover,
    .btn-u.btn-u-blue:focus,
    .btn-u.btn-u-blue:active,
    .btn-u.btn-u-blue.active,
    .open .dropdown-toggle.btn-u.btn-u-blue {
        background: #2980b9;
    }

.btn-u.btn-u-split-blue.dropdown-toggle {
    border-left: solid 1px #2980b9;
}

.btn-u.btn-u-red {
    background: #e74c3c;
}

    .btn-u.btn-u-red:hover,
    .btn-u.btn-u-red:focus,
    .btn-u.btn-u-red:active,
    .btn-u.btn-u-red.active,
    .open .dropdown-toggle.btn-u.btn-u-red {
        background: #c0392b;
    }

.btn-u.btn-u-split-red.dropdown-toggle {
    border-left: solid 1px #c0392b;
}

.btn-u.btn-u-orange {
    background: #e67e22;
}

    .btn-u.btn-u-orange:hover,
    .btn-u.btn-u-orange:focus,
    .btn-u.btn-u-orange:active,
    .btn-u.btn-u-orange.active,
    .open .dropdown-toggle.btn-u.btn-u-orange {
        background: #d35400;
    }

.btn-u.btn-u-split-orange.dropdown-toggle {
    border-left: solid 1px #d35400;
}

.btn-u.btn-u-sea {
    background: #1abc9c;
}

    .btn-u.btn-u-sea:hover,
    .btn-u.btn-u-sea:focus,
    .btn-u.btn-u-sea:active,
    .btn-u.btn-u-sea.active,
    .open .dropdown-toggle.btn-u.btn-u-sea {
        background: #16a085;
    }

.btn-u.btn-u-split-sea.dropdown-toggle {
    border-left: solid 1px #16a085;
}

.btn-u.btn-u-green {
    background: #2ecc71;
}

    .btn-u.btn-u-green:hover,
    .btn-u.btn-u-green:focus,
    .btn-u.btn-u-green:active,
    .btn-u.btn-u-green.active,
    .open .dropdown-toggle.btn-u.btn-u-green {
        background: #27ae60;
    }

.btn-u.btn-u-split-green.dropdown-toggle {
    border-left: solid 1px #27ae60;
}

.btn-u.btn-u-yellow {
    background: #f1c40f;
}

    .btn-u.btn-u-yellow:hover,
    .btn-u.btn-u-yellow:focus,
    .btn-u.btn-u-yellow:active,
    .btn-u.btn-u-yellow.active,
    .open .dropdown-toggle.btn-u.btn-u-yellow {
        background: #f39c12;
    }

.btn-u.btn-u-split-yellow.dropdown-toggle {
    border-left: solid 1px #f39c12;
}

.btn-u.btn-u-default {
    background: #95a5a6;
}

    .btn-u.btn-u-default:hover,
    .btn-u.btn-u-default:focus,
    .btn-u.btn-u-default:active,
    .btn-u.btn-u-default.active,
    .open .dropdown-toggle.btn-u.btn-u-default {
        background: #7f8c8d;
    }

.btn-u.btn-u-split-default.dropdown-toggle {
    border-left: solid 1px #7f8c8d;
}

.btn-u.btn-u-purple {
    background: #9b6bcc;
}

    .btn-u.btn-u-purple:hover,
    .btn-u.btn-u-purple:focus,
    .btn-u.btn-u-purple:active,
    .btn-u.btn-u-purple.active,
    .open .dropdown-toggle.btn-u.btn-u-purple {
        background: #814fb5;
    }

.btn-u.btn-u-split-purple.dropdown-toggle {
    border-left: solid 1px #814fb5;
}

.btn-u.btn-u-aqua {
    background: #27d7e7;
}

    .btn-u.btn-u-aqua:hover,
    .btn-u.btn-u-aqua:focus,
    .btn-u.btn-u-aqua:active,
    .btn-u.btn-u-aqua.active,
    .open .dropdown-toggle.btn-u.btn-u-aqua {
        background: #26bac8;
    }

.btn-u.btn-u-split-aqua.dropdown-toggle {
    border-left: solid 1px #26bac8;
}

.btn-u.btn-u-brown {
    background: #9c8061;
}

    .btn-u.btn-u-brown:hover,
    .btn-u.btn-u-brown:focus,
    .btn-u.btn-u-brown:active,
    .btn-u.btn-u-brown.active,
    .open .dropdown-toggle.btn-u.btn-u-brown {
        background: #81674b;
    }

.btn-u.btn-u-split-brown.dropdown-toggle {
    border-left: solid 1px #81674b;
}

.btn-u.btn-u-dark-blue {
    background: #4765a0;
}

    .btn-u.btn-u-dark-blue:hover,
    .btn-u.btn-u-dark-blue:focus,
    .btn-u.btn-u-dark-blue:active,
    .btn-u.btn-u-dark-blue.active,
    .open .dropdown-toggle.btn-u.btn-u-dark-blue {
        background: #324c80;
    }

.btn-u.btn-u-split-dark.dropdown-toggle {
    border-left: solid 1px #324c80;
}

.btn-u.btn-u-light-green {
    background: #79d5b3;
}

    .btn-u.btn-u-light-green:hover,
    .btn-u.btn-u-light-green:focus,
    .btn-u.btn-u-light-green:active,
    .btn-u.btn-u-light-green.active,
    .open .dropdown-toggle.btn-u.btn-u-light-green {
        background: #59b795;
    }

.btn-u.btn-u-split-light-green.dropdown-toggle {
    border-left: solid 1px #59b795;
}

.btn-u.btn-u-dark {
    background: #555;
}

    .btn-u.btn-u-dark:hover,
    .btn-u.btn-u-dark:focus,
    .btn-u.btn-u-dark:active,
    .btn-u.btn-u-dark.active,
    .open .dropdown-toggle.btn-u.btn-u-dark {
        background: #333;
    }

.btn-u.btn-u-split-dark.dropdown-toggle {
    border-left: solid 1px #333;
}

.btn-u.btn-u-light-grey {
    background: #585f69;
}

    .btn-u.btn-u-light-grey:hover,
    .btn-u.btn-u-light-grey:focus,
    .btn-u.btn-u-light-grey:active,
    .btn-u.btn-u-light-grey.active,
    .open .dropdown-toggle.btn-u.btn-u-light-grey {
        background: #484f58;
    }

.btn-u.btn-u-split-light-grey.dropdown-toggle {
    border-left: solid 1px #484f58;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
    color: #555;
    background: none;
    padding: 5px 13px;
    border: solid 1px transparent;
}

.btn-u.btn-brd-width-2 {
    padding: 7px 18px;
    border-width: 2px;
}

.btn-u.btn-brd:hover {
    background: none;
}

.btn-u.btn-brd:focus {
    background: none;
}

.btn-u.btn-brd.btn-brd-hover:hover {
    color: #fff !important;
}

.btn-u.btn-brd {
    border-color: #164E99;
}

    .btn-u.btn-brd:hover {
        color: #164E99;
        border-color: #164E99;
    }

    .btn-u.btn-brd.btn-brd-hover:hover {
        background: #164E99;
    }

    .btn-u.btn-brd.btn-u-blue {
        border-color: #3498db;
    }

        .btn-u.btn-brd.btn-u-blue:hover {
            color: #2980b9;
            border-color: #2980b9;
        }

        .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
            background: #2980b9;
        }

    .btn-u.btn-brd.btn-u-red {
        border-color: #e74c3c;
    }

        .btn-u.btn-brd.btn-u-red:hover {
            color: #c0392b;
            border-color: #c0392b;
        }

        .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
            background: #c0392b;
        }

    .btn-u.btn-brd.btn-u-orange {
        border-color: #e67e22;
    }

        .btn-u.btn-brd.btn-u-orange:hover {
            color: #d35400;
            border-color: #d35400;
        }

        .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
            background: #d35400;
        }

    .btn-u.btn-brd.btn-u-sea {
        border-color: #1abc9c;
    }

        .btn-u.btn-brd.btn-u-sea:hover {
            color: #16a085;
            border-color: #16a085;
        }

        .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
            background: #16a085;
        }

    .btn-u.btn-brd.btn-u-green {
        border-color: #2ecc71;
    }

        .btn-u.btn-brd.btn-u-green:hover {
            color: #27ae60;
            border-color: #27ae60;
        }

        .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
            background: #27ae60;
        }

    .btn-u.btn-brd.btn-u-yellow {
        border-color: #f1c40f;
    }

        .btn-u.btn-brd.btn-u-yellow:hover {
            color: #f39c12;
            border-color: #f39c12;
        }

        .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
            background: #f39c12;
        }

    .btn-u.btn-brd.btn-u-default {
        border-color: #95a5a6;
    }

        .btn-u.btn-brd.btn-u-default:hover {
            color: #7f8c8d;
            border-color: #7f8c8d;
        }

        .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
            background: #7f8c8d;
        }

    .btn-u.btn-brd.btn-u-dark {
        border-color: #555;
    }

        .btn-u.btn-brd.btn-u-dark:hover {
            color: #333;
            border-color: #333;
        }

        .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
            background: #333;
        }

    .btn-u.btn-brd.btn-u-light-grey {
        border-color: #585f69;
    }

        .btn-u.btn-brd.btn-u-light-grey:hover {
            color: #484f58;
            border-color: #484f58;
        }

        .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
            background: #484f58;
        }

    .btn-u.btn-brd.btn-u-purple {
        border-color: #9b6bcc;
    }

        .btn-u.btn-brd.btn-u-purple:hover {
            color: #814fb5;
            border-color: #814fb5;
        }

        .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
            background: #814fb5;
        }

    .btn-u.btn-brd.btn-u-aqua {
        border-color: #27d7e7;
    }

        .btn-u.btn-brd.btn-u-aqua:hover {
            color: #26bac8;
            border-color: #26bac8;
        }

        .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
            background: #26bac8;
        }

    .btn-u.btn-brd.btn-u-brown {
        border-color: #9c8061;
    }

        .btn-u.btn-brd.btn-u-brown:hover {
            color: #81674b;
            border-color: #81674b;
        }

        .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
            background: #81674b;
        }

    .btn-u.btn-brd.btn-u-dark-blue {
        border-color: #4765a0;
    }

        .btn-u.btn-brd.btn-u-dark-blue:hover {
            color: #324c80;
            border-color: #324c80;
        }

        .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
            background: #324c80;
        }

    .btn-u.btn-brd.btn-u-light-green {
        border-color: #79d5b3;
    }

        .btn-u.btn-brd.btn-u-light-green:hover {
            color: #59b795;
            border-color: #59b795;
        }

        .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
            background: #59b795;
        }

    .btn-u.btn-brd.btn-u-light {
        color: #fff;
        border-color: #fff;
    }

        .btn-u.btn-brd.btn-u-light:hover {
            border-color: #fff;
        }

        .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
            background: #fff;
            color: #555 !important;
        }
    .pb5 {
        padding-bottom: 5px;
    }
.glow.btn-u {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

    .glow.btn-u .bi-chevron-right {
        margin-left: auto;
    }
.npt-pressRelease .container .row .npt-pressRelease-in .row .npt-pressRelease-left .npt-highlight-list li .content-new .time-day {
    font-size: 13px;
    font-family: Arial;
    color: #888888;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li .time-day {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
    background: #737a81;
    line-height: 34px;
    height: 34px;
    letter-spacing: -0.1px;
    color: #fff;
    font-size: 18px;
    float: left;
    width: 100px;
    font-family: 'Oswald';
    padding-left: 10px;
    font-weight: 300;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li .time-day:before {
    position: absolute;
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 12px solid #737a81;
    right: -12px;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list {
    float: left;
    width: 100%;
    padding-top: 8px;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    height: 68px;
    line-height: 68px;
    position: relative;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li .time-day {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
    background: #737a81;
    line-height: 34px;
    height: 34px;
    letter-spacing: -0.1px;
    color: #fff;
    font-size: 18px;
    float: left;
    width: 100px;
    font-family: 'Oswald';
    padding-left: 10px;
    font-weight: 300;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li .time-day:before {
    position: absolute;
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 12px solid #737a81;
    right: -12px;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li .title-document {
    padding-left: 125px;
    max-width: 86%;
    float: left;
    line-height: 68px;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li .title-document .title {
    line-height: 68px;
    letter-spacing: -0.1px;
    color: #222;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li .download-document {
    float: right;
    line-height: 66px;
}

.npt-for-communication .container .row .npt-communication-left .npt-document-list li:hover h6 {
    color: #163997 !important;
}
.npt-public-news .container .npt-public-news-in .npt-public-news-tab .row .tab-right .tab-content .npt-communication-left .npt-document-list {
    float: left;
    width: 100%;
}

.npt-public-news .container .npt-public-news-in .npt-public-news-tab .row .tab-right .tab-content .npt-communication-left .npt-document-list li {
    float: left;
    width: 100%;
    position: relative;
    padding: 13px 0px;
}

.npt-public-news .container .npt-public-news-in .npt-public-news-tab .row .tab-right .tab-content .npt-communication-left .npt-document-list li .time-day {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
    background: #737a81;
    line-height: 34px;
    height: 34px;
    letter-spacing: -0.1px;
    color: #fff;
    font-size: 18px;
    float: left;
    width: 100px;
    font-family: 'Oswald';
    padding-left: 10px;
    font-weight: 300;
}

.npt-public-news .container .npt-public-news-in .npt-public-news-tab .row .tab-right .tab-content .npt-communication-left .npt-document-list li .time-day:before {
    position: absolute;
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 12px solid #737a81;
    right: -12px;
}

.npt-public-news .container .npt-public-news-in .npt-public-news-tab .row .tab-right .tab-content .npt-communication-left .npt-document-list li .title-document {
    padding-left: 125px;
    line-height: 20px;
    float: left;
}

.npt-public-news .container .npt-public-news-in .npt-public-news-tab .row .tab-right .tab-content .npt-communication-left .npt-document-list li .title-document .title {
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #222;
    font-size: 15px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.npt-work .container .row .npt-communication-left .npt-document-list {
    float: left;
    width: 100%;
    padding-top: 0px;
}

.npt-work .container .row .npt-communication-left .npt-document-list li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    height: 68px;
    line-height: 68px;
    position: relative;
}

.npt-work .container .row .npt-communication-left .npt-document-list li .time-day {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
    background: #737a81;
    line-height: 34px;
    height: 34px;
    letter-spacing: -0.1px;
    color: #fff;
    font-size: 18px;
    float: left;
    width: 100px;
    font-family: 'Oswald';
    padding-left: 10px;
    font-weight: 300;
}

.npt-work .container .row .npt-communication-left .npt-document-list li .time-day:before {
    position: absolute;
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 12px solid #737a81;
    right: -12px;
}

.npt-work .container .row .npt-communication-left .npt-document-list li .title-document {
    padding-left: 125px;
    max-width: 86%;
    float: left;
    line-height: 68px;
}

.npt-work .container .row .npt-communication-left .npt-document-list li .title-document .title {
    line-height: 68px;
    letter-spacing: -0.1px;
    color: #222;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.npt-work .container .row .npt-communication-left .npt-document-list li .download-document {
    float: right;
    line-height: 66px;
}

.npt-work .container .row .npt-communication-left .npt-document-list li:hover h6 {
    color: #01A050 !important;
}



