:root{
	--main-color: #0086C9;
	--main-color-bold: #026AA2;
}
.h-25px{
	height: 25px;
}
/*.region.region-header .block-page-title-block h1.page-title*/
#block-vtranet-page-title h1, header h1{
	/*color: var(--main-color-bold);
	font-weight: bold;
	font-size: 30px!important;*/
}
.disable-field{
	pointer-events: none;
	background: #e4e4e4!important;
}
.block-chart .btn.active{
	background: var(--main-color);
	color: white;
}
.form-select{
	min-width: auto!important;
}
.form-disabled select.form-select{
	width: 100%!important;
}
.c-red, .c-red a{
	color: red;
}
.z-1{
	z-index: 1;
}
.btn{
	box-shadow: 2px 2px 6px 0px #ccc !important;
}
.z-2{
	z-index: 2;
}
/*table.table{
	margin-top: 5px;
}*/
.chosen-single{
	height: 37.5px!important;
    border-radius: 0.375rem!important;
}
.header-block{
	padding-inline: 10px;
	padding-block: 15px;
}
.header-block h3,
.header-block-campaign h3{
	font-size: 14px;
	font-weight: bold;
	margin-block: 0;
	text-transform: uppercase;
	color: var(--main-color-bold);
}
.header-item{
	padding-inline: 10px;
	padding-block: 15px;
}
.header-item h3{
	font-size: 14px;
	font-weight: bold;
	margin-block: 0;
/*	text-transform: uppercase;*/
	color: var(--main-color-bold);
}
.content-border:hover .operator{
	display: block!important;
}
.content-border{
	border: solid 1px #eef0f7;
	border-radius: 15px;
	padding-block: 20px;
	margin-block: 10px;
	box-shadow: 3px 3px 5px #eef0f7;
	background: white;
}
.resize-column {
	display: flex;
	flex-direction: column;
	height: 90%;
}
.content-border-table{
	border: solid 1px #eef0f7;
	border-radius: 15px;
	padding-top: 10px;
	margin-block: 10px;
	box-shadow: 3px 3px 5px #eef0f7;
	background: white;
}

.content-border-table table{
	margin-bottom: 0;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
}
@media(max-width: 720px){
	.table-responsive{
		overflow-y: scroll;
	}
	th, td {
	     min-width: auto!important; 
	}
}

.btn-operation > a{
	margin-right: 7px;
	background: #4e6ae1;
	color: white;
	padding: 10px 15px;
/*	border-radius: 7px;*/
}

form[action|="/views-bulk-operations/configure/nha_tai_tro/page_2"] #edit-choosen > .form-item-choosen{
	display: flex;
	align-items: flex-start;
}
form[action|="/views-bulk-operations/configure/nha_tai_tro/page_2"] #edit-choosen > .form-item-choosen label{
	width: 100%;
}

form[action|="/views-bulk-operations/configure/nha_tai_tro/page_2"] #edit-choosen > .form-item-choosen label table{
	margin-block: 0;
}

/*form[action|="/views-bulk-operations/configure/nha_tai_tro/page_2"] #edit-choosen > .form-item-choosen:not(:nth-child(1)) thead{
	display: none;
}*/

/*Dashboard General*/
.date-today{
	font-size: 20px;
}

.dbg-icon i{
	padding: 19px;
	border-radius: 50%;
	background: orange;
	font-size: 29px;
}

.icon-campaign i{
	background: #abf2bb;
	color: #0c5900;
}

.icon-donor i{
	background: #d6eaf8;
	color: #3d82e9;
}
.icon-lead i{
	background: #fffac7;
	color: #f1cd49;
}

.info-dbg-box{
	border: solid 1px #eef0f7;
	border-radius: 15px;
	box-shadow: 1px 1px #eef0f7;
	background: white;
}

.dbg-number{
	font-size: 21px;
	font-weight: bold;
	color: black;
}

.dbg-label{
	font-size: 18px;
	color: black;
}

#donutchart1{
	height: 300px;
	width: 300px;
}
#donutchart2{
	height: 300px;
	width: 300px;
}
#test_font{
	position: absolute;
	visibility: hidden;
	height: auto;
	width: auto;
	white-space: nowrap;
}

#columnchart_material,
#columnchart_material_donor{
	/*width: 100%;
	height: 300px;*/
}
/*Progress bar*/
.progressbar{
	background-color: rgb(192, 192, 192); 
	border-radius: 50px; 
}

#block-targetprogress .progressbar{
	position: absolute;
	top: 0;

}

.main-progress{
	background: #dfdfdf;
	border-radius: 50px;
	margin-block: 5px;
	height: 15px;
	overflow: hidden;
	position: relative;
}

.progressbar > div { 
    background-color: rgb(116, 194, 92); 
/*    color: white; */
    padding: 1%; 
    text-align: right; 
    font-size: 18px; 
    border-radius: 50px;
    display: flex; 
/*    justify-content: center;*/
    align-items: center;
/*    width: attr(data-width);*/
} 

.progressbar > div > p{
	font-size: 12px;
	margin-bottom: 0;
	padding: 0px 15px;
	color: black;
}

.progressbar .bg-red{
	background: red;
}
.progressbar .bg-orange{
	background: #eeab21;
}
.progressbar .bg-yellow{
	background: #eded1d;
}
.progressbar .bg-green{
	background: green;
}
.progressbar .bg-darkgrey{
	background: darkgray;
}

.c-white p,
.c-white a{
	color: white!important;
}
.detail-progress{
	font-size: 12px;
	text-align: right;
	color: #979797;
}

/*Dashboard chiến dịch*/
.db-campaign-detail{
	-webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
}
.header-block-campaign{
/*	padding-inline: 5px;*/
}
.view-id-chien_dich.view-display-id-block_1 .footer-edit{
	padding-block: 10px;
}
.view-id-chien_dich.view-display-id-page_1 table.footable thead tr th:nth-child(5),
.view-id-chien_dich.view-display-id-page_1 table.footable tbody tr td:nth-child(5){
/*	width: 20%;*/
}
.w-8{
	width: 10%;
}
.header-block-campaign h3{
/*	font-size: 18px;*/
/*	font-weight: bold;*/
/*	margin-block: 0;*/
}
.avg-percent{

}
.label-number{
	font-size: 18px;
}
.label-number.label-green{
	color: #1B9008;	
	opacity: 78%;
}

.label-number.label-blue{
	color: #1A8FE3;	
}

.donvi-number{
	opacity: 50%;
}
.view-id-chien_dich.view-display-id-block_1 .table-collapse{
	height: 462px;
}
/*Dashboard nhà tài trợ*/
.table-custom th{
	width: 120px;
}
.table-custom.views-table{
	display: table;
}

/*Tab*/
.horizontal-tabs{
	border: unset;
}
.horizontal-tabs-list{
	background: transparent!important;
	border-bottom: unset!important;
}
.horizontal-tabs .horizontal-tab-button a{
	color: #71717A;
}
.horizontal-tabs .horizontal-tab-button{
	background: transparent;
	border-right: unset;
	border-bottom: 1px solid #71717A;
	margin-left: 5px;
	opacity: 50%;
}
.horizontal-tab-button.selected{
	border-bottom: 3px solid var(--main-color);
	opacity: 70%;
}

.horizontal-tab-button.selected a{
	color: var(--main-color);
}

/*Ghi chú*/
.avata-mini {
	width: 35px;
}
.avata-mini img{
	height: 30px;
	width: 30px;
	border-radius: 50%;
}
.created-note{
	font-size: 12px;
}
.ghichu-body-content{
	width: 90%;
}
.path-node .node-ghichu-form .form-item-body-0-value > label > span.field-edit-link,
.path-node .node-ghichu-edit-form .form-item-body-0-value > label > span.field-edit-link{
	display: none;
}

/*Form donate cho Anonymous*/
@media(min-width: 992px){
	.uid-0 .node-ungho-form{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100vh;
	}
	.uid-0 .node-ungho-form .layout-node-form{
		width: 80%;
		border: solid 1px grey;
		border-radius: 50px;
		padding: 30px;

	}
}

/*Form Action*/
.path-views-bulk-operations .form-item-content-format{
	display: none;
}

/*Edit Journey*/
.field--name-field-hanhtrinh-gycct-remind table.field-multiple-table > thead{
	display: none;
}
/*Lead Campaign*/
#all-tt{
	width: 600px;
}
.step-item.done{
	color: var(--main-color-bold);
	font-weight: bolder;
}
.step-title{
	position: absolute;
	bottom: 30px;
	text-align: center;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;

}
.step-item{
	position: relative;
}
.step-item:not(.first) .step-content::before{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    width: calc(80px + 1.5rem);
    height: 2px;
/*    transform: translate(-100%, -50%);*/
    color: #adb5bd;
    background-color: currentColor;
}

.step-item:not(.last) .step-content::after,
.step-item.first .step-content::after{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: calc(80px + 1.5rem);
    height: 2px;
/*    transform: translate(100%, 50%);*/
    color: #adb5bd;
    background-color: currentColor;
}
.step-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 70px;
}
.step-content{
	cursor: pointer;
	height: 20px;
	width: 20px;
	background: #adb5bd;
	border-radius: 50%;
	position: relative;
}

.step-item.done .step-content{
	background: var(--main-color-bold);
}
/*.step-item .step-content::before,
.step-item .step-content::after{
	width: attr(data-width);
	content: attr(data-width);
}*/
.step-item.done .step-content::before,
.step-item.done .step-content::after{
	background-color: var(--main-color-bold);
}

/*Chi tiết Công việc*/
.cv-item.done{
	color: var(--main-color-bold);
	font-weight: bolder;
}
.cv-title{
	position: absolute;
	bottom: 30px;
	text-align: center;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;

}
.cv-item{
	position: relative;
}
.cv-item:not(.first) .cv-content::before{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    width: 86px;
    height: 2px;
/*    transform: translate(-100%, -50%);*/
    color: #adb5bd;
    background-color: currentColor;
}

.cv-item:not(.last) .cv-content::after,
.cv-item.first .cv-content::after{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 86px;
    height: 2px;
/*    transform: translate(100%, 50%);*/
    color: #adb5bd;
    background-color: currentColor;
}
.cv-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 200px;
}
.cv-content{
	cursor: pointer;
	height: 20px;
	width: 20px;
	background: #adb5bd;
	border-radius: 50%;
	position: relative;
}

.cv-item.done .cv-content{
	background: var(--main-color-bold);
}
/*.cv-item .cv-content::before,
.cv-item .cv-content::after{
	width: attr(data-width);
	content: attr(data-width);
}*/
.cv-item.done .cv-content::before,
.cv-item.done .cv-content::after{
	background-color: var(--main-color-bold);
}
.all-congviec .field--name-field-congviec-chiendich {
	display: inline-flex;
	align-items: center;
}
.all-congviec .field__label{
	font-weight: bold;
	font-size: 15px;

}
.all-congviec .field--name-field-congviec-chiendich .field__item{
	font-size: 16px;
	font-style: italic;
	margin-left: 10px;
}

.all-congviec .field--name-field-congviec-tinhtrang,
.all-congviec .field--name-field-congviec-begin,
.all-congviec .field--name-field-congviec-end{
	font-size: 16px;
}

.all-congviec .comment-comment-form .form-actions{
	position: inherit;
	padding: 0;
	width: auto;
	margin-top: 0;
}

.all-congviec .field--name-field-congviec-comment{
	margin-top: 15px;
}

.all-congviec .form-item-comment-body-0-value label{
	display: none;
}

.all-congviec .title.comment-form__title{
	font-weight: bold;
	font-size: 17px;
}
.all-congviec .congviec-right{
	background: #F0F5F7;
	padding: 13px 20px;
}
.all-congviec .field--name-field-congviec-comment article.js-comment footer > a,
.all-congviec .field--name-field-congviec-comment article.js-comment .content >h3{
	display: none;
}

.all-congviec .field--name-field-congviec-comment article.js-comment{
	box-shadow: 3px 3px 5px #eef0f7;
	padding: 13px 20px;
	margin-bottom: 10px;
	border: solid 1px #eef0f7;
	border-radius: 15px;
}

.btn-edit-cv{
	margin-top: 15px;
	position: relative;
}
.btn-edit-cv a{
	position: absolute;
	right: 10px;
	top: 0;
}
.all-congviec .field--name-field-congviec-tinhtrang-markup{
	display: flex;
	justify-content: center;
}

#collapseSearch .form-item-field-congviec-tinhtrang-target-id > label{
	display: block;
}

/*User*/
.avatar-profile-wrapper .field--name-avatars-user-picture .image-style-thumbnail{
	width: 60%;
} 

.btn-edit-user .views-field-edit-user{
/*	text-align: center;*/
}

.btn-edit-user .views-field-edit-user a{
	background: var(--main-color);
	padding: 10px 15px;
	border-radius: 7px;
	color: white!important;
}
.btn-edit-user .views-field-edit-user a:hover{
	background: var(--main-color-bold);
}

.chiendich-title,
.chiendich-title a{
	color: grey;
	font-style: italic;
	font-weight: bold;
}

.btn-xq{
	background: var(--main-color)!important;
	color: white!important;
	font-size: 13px!important;
}

.total-quy-head{
	font-weight: bold;
	font-style: italic;
}

.hsd-songaycon{
	color: red;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}

.page-node-type-article .content-header{
	display: block!important;
}

.trigia-tien{
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

/*Banner*/
.banner-list .views-field-nothing {
	padding: 0;
}

.banner-list .banner-item{
	position: relative;
}
.banner-list .banner-detail{
	position: absolute;
	bottom: 0;
	left: 0;
	/*display: flex;
	justify-content: flex-end;
	flex-direction: column;*/
/*	align-items: center;*/
	width: 100%;
/*	height: 100%;*/
/*	font-size: 35px;*/
}

.banner-list .banner-shortdes{
	color: white;
	width: 70%;
}

.banner-list .banner-title a{
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size: 24px;
}
	

@media(max-width: 720px){
	.banner-list .banner-shortdes{
		display: none;
	}
	.banner-list .banner-title{
		margin-bottom: 15px;
	}
	.banner-list .banner-img img{
		width: 100%;
		height: 40vh;
		object-fit: cover;
		filter: brightness(0.7);
	}
	.view-id-chien_dich.view-display-id-page_2 .banner-img img{
		height: 200px;
	}
	.banner-list .banner-seedetail{
		padding-block: 5px 25px;
	}
	.region-content{
		margin-right: 0!important;
	}
}
@media(min-width: 721px){
	.banner-list .banner-seedetail{
		padding-block: 5px 45px;
	}
	.banner-list .banner-img img{
		width: 100%;
		height: 60vh;
		object-fit: cover;
		filter: brightness(0.7);
		transition: linear 0.5s;
	}
	.view-id-chien_dich.view-display-id-page_2 .banner-item:hover .banner-img img{
		filter: brightness(0.4);
	}
	.view-id-chien_dich.view-display-id-page_2 .banner-img img{
		height: 300px;
	}
	.banner-list .banner-shortdes{
		-webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    display: -webkit-box;
	    text-overflow: ellipsis;
	    margin-bottom: 10px;
	}
}

.view-id-chien_dich.view-display-id-page_2 .banner-item{
	margin-bottom: 10px;
}
	
.banner-list .banner-seedetail a{
	background-color: var(--main-color);
	color: white;
	padding: 8px 20px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;

}

/*Chỉnh sửa 22/4/2024*/
.btn-lichsu{
	margin-left: 3px;
}

.tab-private{
	display: none;
}
.flexslider{
	margin-bottom: 20px!important;
}