/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --mauxanh1: #3156A3;
    --mauxanh2: #42B3E5;
}

/* ALL */

.button.is-outline {
    border: 1px solid;
}

.button span {
    font-weight: normal;
}

.white.button.is-outline i {
    padding-top: 1px;
}

.white.button.is-outline {
    padding: 7px 35px;
}

/* HOSO */
.entry-title:before{
	color:var(--mauxanh1);
}
.entry-title{
	color:red;
}

.single-hoso .large-9.col{
	padding:30px;
	box-shadow: 0px 0 5px 0px var(--mauxanh1);
}

.single-hoso .entry-title:before {
    content: "Mã Hồ Sơ: ";
}

.single-hoso .entry-title{
	text-align:left;
}

.single-hoso .entry-header-text {
	padding:0;
}

.single-hoso .entry-divider{
	height: 2px;
    max-width: 100%;
}

.single-hoso .blog-share, .single-hoso #nav-below {
	display:none;
}

.single-hoso td, .single-hoso th{
	border:1px solid #add9ff;
}

.single-hoso th:first-child, .single-hoso td:first-child{
	padding-left:5px;
}

.single-hoso th{
	background-color:var(--mauxanh1);
	color:white;
}

/* BANG GIA */

.tex_banggia h2{
	font-weight:bolder;
	color:var(--mauxanh1);
	margin-bottom:5px;
}

#tablepress-2>:where(thead,tfoot)>*>th,
#tablepress-2-no-2>:where(thead,tfoot)>*>th{
    background-color: var(--mauxanh1);
	color: #fff;
}

#tablepress-2 .row-1 th:first-child,
#tablepress-2-no-2 .row-1 th:first-child{
	border-top-left-radius: 10px;
	border-top: 0;
    border-left: 0;
}

#tablepress-2 .row-1 th:last-child,#tablepress-2-no-2 .row-1 th:last-child{
	border-top-right-radius: 10px;
	border-top: 0;
    border-right: 0;
}



#tablepress-2 .column-3, #tablepress-2-no-2 .column-3{
	width:15%;
}

#tablepress-2 .column-4:not(th),#tablepress-2-no-2 .column-4:not(th){
	width:20%;
	font-weight:bold;
	color:var(--mauxanh2);
}

#tablepress-2 td, #tablepress-2 th,#tablepress-2-no-2 td, #tablepress-2-no-2 th{
	text-align:center;
	border: 1px solid var(--mauxanh2);
}

#tablepress-2 th,#tablepress-2-no-2 th{
	border-top:0;
}

#tablepress-2 tbody>tr:last-child>td:first-child,#tablepress-2-no-2 tbody>tr:last-child>td:first-child{
	border-bottom-left-radius: 10px;
}

#tablepress-2 tbody>tr:last-child>td:last-child,#tablepress-2-no-2 tbody>tr:last-child>td:last-child{
	border-bottom-right-radius: 10px;
}

/* LOGO DOI TAC */

.gala_doitac .gallery-col{
	padding-bottom:0;
}

.gala_doitac .flickity-prev-next-button{
	display:none;
}

/* SIDEBAR */
.post-sidebar #block-10 .wpcf7{
	background-color: var(--mauxanh2);
    padding: 15px;
}

.post-sidebar #block-10 label, #block-10 h1{
	color:white;
}

.post-sidebar #block-10 h1{
	background-color:var(--mauxanh1);
	margin-bottom:0;
	display:block;
	padding: 10px 15px 5px;
}

.post-sidebar #block-10 input[type=submit]{
	background-color:var(--mauxanh1);
}

/* SLIDER */

.bot_slider {
    margin-top: -271px;
}

.bot_slider h3 {
    margin-bottom: 20px;
}

.bot_slider .value1 {
    border-bottom: 1px solid #ffffff1a;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bot_slider .value1 span {
    float: right;
}


/* GT1 */

.row_gt1 h2 {
    font-size: 30px;
    font-weight: 600;
}

.gt_list {
    list-style: none;
}

.gt_list li::before {
    content: '\f00c';
    color: #42B3E5;
    border: 1px solid #E5E5E5;
    font-size: 19px;
    border-radius: 50px;
    padding: 8px;
    margin-right: 5px;
    position: absolute;
    left: 16px;
    display: flex;
    height: 30px;
    width: 30px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    align-items: center;
    justify-content: center;
}


/* ICOMUNBER */
.row_ico_numbox .icon-box-text {
    margin-top: -115px;
}


/* GT2 */

.percent {
    position: relative;
}

.vc_bar {
    width: 0%;
    position: relative;
    display: block;
    height: 3px;
    background-color: #42B3E5;
    z-index: 1;
    transition: width 1.5s ease 0s;
}

.vc_bar{
    width: 92%;
    transition: width 1.5s ease 0s;
}

.vc_label_units {
    position: absolute;
    top: -29px;
    right: 51px;
    width: 55px;
    padding: 7px 14px;
    background: #42B3E5;
    color: #FFF;
    z-index: 2;
}

.percent::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #E5E5E5;
    margin-top: -3px;
}

.num2 .vc_bar {
    width: 85%;

}

.num2 .vc_label_units {
    right: 96px;
}

.num3 .vc_bar {
    width: 65%;

}

.num3 .vc_label_units {
    right: 223px;
}

.num4 .vc_label_units {
    right: 60;
}


/* GT3 */
.row_ico_gt2 i.icon-angle-right {
    margin-right: 15px;
}

.row_ico_gt2 .icon-angle-right:before {
    content: '\f00c';
    color: #42B3E5;
    border: 1px solid #E5E5E5;
    border-radius: 50px;
    padding: 8px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}

.row_meet_team>.col:hover .box-text,
.row_meet_team>.col:hover .is-divider{
	background-color:var(--mauxanh2);
}

.row_meet_team .box-text-bottom .box-text{
	padding-bottom:10px;
	margin-bottom:10px;
	background-color:#F0F0F0;
}


.row_meet_team>.col:hover .box-text .box-text-inner>*{
	color:white;
}

.row_meet_team .icon.circle{
	border-radius: 1px !important;
    border: none;
    background-color: #F0F0F0;
    padding: 8px 14px;
}

/* TABS */
.tab_home ul.nav-tabs {
    background-color: #F0F0F0;
}

.tab_home .nav-tabs>li {
    margin: 0;
}

.tab_home .nav-tabs>li>a {
    border: none;
    padding: 4% 200px;
}

.tab_home .nav-tabs+.tab-panels {
    border: none;
}
.tab_home span{
    font-size: 18px;
}

/* WHY */
.why_row1 p {
    padding-top: 15px;
}

/* TIME Table */
.time_table .tab-panels {
    padding: 0;
}

.time_table td{
    border: 2px solid white;
}

.time_table td[rowspan] {
    background-color: var(--mauxanh1)!important;
    color: white;
}

.time_table .column-1{
    width: 12%;
    padding-left: 5px;
    text-align: center;
}

.time_table .row-1{
    text-align: center;
}

.time_table .tablepress>:where(tbody.row-striping)>:nth-child(2n)>* {
    background-color: #f1efef;
}

@media (min-width: 850px) {
    .tabbed-content .nav-vertical {
        padding-top: 0;
        width: 15%;
    }
}

.category-tin-tuc .box-text.text-center{
    text-align: left;
}

.category-tin-tuc .box-text.text-center .is-divider{
    display: none;
}

/* FOOTER */
.top_foot p {
    margin-bottom: 0;
}
.top_foot{
    margin-top: -30px;
}

/* End FOOTER */

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .gt_list>li{
        margin-left: 50px!important;
    }
    .sec_dichvu .section-content>.row:first-child{
        padding: 0 10px;
    }

    .col3_gt2 {
        order: 1;
    }

    .row_ico_gt2 .icon-angle-right:before{
        padding: 5px;
    }
    .gala_doitac{
        justify-content: center;
    }

    .tab_home .nav-tabs>li>a{
        padding: 15px;
    }
    .tab_home .nav-tabs+.tab-panels{
        padding: 10px;
    }
    .tab_home span {
        font-size: 15px;
    }
    .percent .vc_label_units{
        right: 33px;
    }
    .num2 .vc_label_units {
        right: 61px;
    }
    .num3 .vc_label_units {
        right: 142px;
    }

}