.tin-dang-header { margin:0 0 30px; padding-top:20px; background: linear-gradient(180deg, var(--blue-light) 10%, var(--grey-light) 60%); }
.tin-dang-header .boundary { position:relative; }
.tin-dang-header .boundary, .tin-dang .boundary { max-width:1000px; }
.tin-dang-header .cover { border-radius:5px; }
.tin-dang-header .cover:before { padding-top:35%; }

.tin-dang-header .icon-edit, .tin-dang-header-info .icon-edit { position:absolute; top:10px; left:10px; }
.tin-dang-header-info .icon-edit { top:unset; bottom:0; }

.tin-dang-header .chat-bt { position:absolute; bottom:10px; right:10px; padding:5px 20px; background:var(--gradient); border:unset; }
.tin-dang-header .chat-bt:hover { background:var(--gradient-hover); }

.tin-dang-header-info .avatar { width:100px; height:100px; background-color:#FFF; position:absolute; left:10px; bottom:0; box-shadow:0 0 3px #ddd; }

.tin-dang-header-info { margin-top:-30px; }
.tin-dang-header-info .boundary { max-width:1000px; position:relative; }
.tin-dang-header-info strong {  width:calc(100% - 120px); float:right; padding:10px 0; font-size:.9em; }
.tin-dang-header-info strong span { display:block; font-weight:normal; font-size:.9em; }


.tin-dang { margin-top:20px; }
.tin-dang .cong-dong-to-chuc-su-kien { display:none; }

.news-box { background-color:#FFF; border-radius:10px; box-shadow:0 0 5px #DDD; }
.news-box .news-box-officer, .news-box .news-box-content { padding:10px; }

.news-box .news-box-officer { border-bottom:1px solid #DDD; }
.news-box .news-box-officer .officer-profile { display:flex; }
.news-box .news-box-officer .officer-profile .circle-image { width:40px; height:40px; background-color:var(--blue-light); color:#FFF; }
.news-box .news-box-officer .officer-profile .circle-image div { line-height:40px; position:absolute; top:0; left:0; width:40px; text-align:center; font-weight:bold; font-size:1.2em;  }
.news-box .news-box-officer .officer-profile .officer-profile-detail { width: calc(100% - 60px); position: relative; font-size: .8em; padding-left: 10px; align-items:flex-start; justify-content:center; display:flex; flex-direction:column; }
.news-box .news-box-officer .officer-profile .officer-profile-detail div { max-width:unset; }
.news-box .news-box-officer .officer-profile .officer-profile-detail div span { font-weight:normal; font-size:0.8em; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .officer-profile-description, .news-box .news-box-comment .news-box-comment-item .officer-profile-detail div.officer-profile-description { font-size:1em; font-style:italic; color:#666666; font-weight:normal; margin-top:2px; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .officer-profile-description:before, .news-box .news-box-comment .news-box-comment-item .officer-profile-detail div.officer-profile-description:before { content:"\e94e"; font-size:0.9em; display:inline-block; vertical-align:middle; font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .officer-profile-button { position:absolute; top:50%; right:-10px; transform:translateY(-50%); font-size:1.3em; overflow:visible; }
.news-box .news-box-officer .officer-profile .officer-profile-detail a { color:inherit; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .icon-dots-horizontal-triple:hover { color:#DDD; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .officer-profile-button .officer-profile-button-menu { position: absolute; top: 100%; right: 0; font-weight: normal; font-size: 0.8em; background-color: #FFF; border: 1px solid #DDD; padding: 5px; line-height: 1.5em; white-space:nowrap; display:none; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .officer-profile-button:hover .officer-profile-button-menu { display:inline-block; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .officer-profile-button .officer-profile-button-menu  a { padding:3px 5px; display:block; }
.news-box .news-box-officer .officer-profile .officer-profile-detail .officer-profile-button .officer-profile-button-menu  a:hover { background-color:var(--grey); border-radius:5px; }

.news-box.form .news-box-officer {background-color:var(--blue-light); color:#FFF; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; }
.news-box.form .news-box-officer:after { content:"\e917"; font-family:'icomoon' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; position:absolute; top:0; right:0; width:40px; height:40px; line-height:40px; text-align:center; transform:rotate(90deg); }
.news-box.form #show_editor_bt { color:#999; }
.news-box.form #show_editor_bt:hover {color:var(--blue);}

.news-box.form #image_container .u_images { display:block!important; min-height:10px; }
.news-box.form #image_container .image-uploader, .news-box .news-box-content .news-box-content-images .square-image { margin:5px 5px 5px 0; width:19.2%; max-width:80px; margin-right:1%; height:auto; box-sizing:border-box; }
.news-box.form #image_container .image-uploader:nth-child(5n+0) { margin-right:0; }
.news-box.form #image_container .image-uploader.bt {display:none}
.news-box.form #image_container .image-uploader div a.bt { background-color:var(--grey-dark); }
.news-box.form .button { height:40px; }
.news-box.form .form-buttons { display:inline-block; width:auto; float:right; }
.news-box.form .form-buttons .button { box-sizing:border-box; line-height:25px;}
.news-box.form .form-buttons i { font-size:1.5em; }
.news-box.form .form-buttons .button span {display:none;}
.news-box.form .checkbox { margin-top:10px; display:inline-block; }

.news-box.form .selection { border:0; width:auto; padding-right:20px;}

.news-box .news-box-content { font-size:0.9em; margin-bottom:20px; }
.news-box .news-box-content .news-box-content-title { margin-top:0; font-size:1.2em; }

.news-box .news-box-content .news-box-content-images { margin-top:10px; }
.news-box .news-box-content .news-box-content-images .square-image { display:inline-block; margin-bottom:0; }

.news-box .news-box-comment { display:none; border-top:1px solid #DDD; padding-top:10px; margin-top:10px; }
.news-box .news-box-comment .table .col { text-align:left; }
.news-box .news-box-comment .news-box-comment-form { display:none; }
.news-box .news-box-comment .news-box-comment-form.active { display:block; }
.news-box .news-box-comment .textarea { resize:none; border-radius:5px; margin-top:10px; }
.news-box .news-box-comment .button { height:auto; }
.news-box .news-box-comment a.bt { color:#999; font-weight:bold; }

.news-box .news-box-comment .news-box-comment-list { margin-top:20px; display:none; }
.news-box .news-box-comment .news-box-comment-list.active { display:block; }
.news-box .news-box-comment .news-box-comment-item { padding-bottom:10px; margin-bottom:10px; }
.news-box .news-box-comment .news-box-comment-item .officer-profile { width:100%; position:relative; }
.news-box .news-box-comment .news-box-comment-item .officer-profile .circle-image { width:40px; height:40px; }
.news-box .news-box-comment .news-box-comment-item .officer-profile .circle-image div { line-height:40px; }
.news-box .news-box-comment .news-box-comment-item .officer-profile .icon-trash { color:#666; position:absolute; top:5px; right: 5px; font-weight:normal; }
.news-box .news-box-comment .news-box-comment-item .officer-profile .icon-trash:hover {color:#000;}
.news-box .news-box-comment .news-box-comment-item .officer-profile-detail, .news-box .news-box-comment .news-box-comment-item .news-box-comment-item-content { width:calc(100% - 60px); }
.news-box .news-box-comment .news-box-comment-item .officer-profile-detail div {max-width:unset;}
.news-box .news-box-comment .news-box-comment-item .officer-profile-detail div span { font-weight:normal; }
.news-box .news-box-comment .news-box-comment-item .news-box-comment-item-content { margin-left: 55px; margin-top: 5px; }

.cong-dong-to-chuc-su-kien { background-color:#FFF; padding:10px; box-sizing:border-box; border-radius:10px; }
.cong-dong-to-chuc-su-kien h2 { font-size:1.2em; color:var(--blue); }
.cong-dong-to-chuc-su-kien ul { padding:0; margin:20px 0; list-style-position:inside; list-style-type:none; }
.cong-dong-to-chuc-su-kien ul li { padding:5px 0; border-bottom:1px solid #DDD;  }
.cong-dong-to-chuc-su-kien ul li:hover { color:var(--blue); }


@media (min-width:768px){
	.tin-dang-header-info .avatar { width:150px; height:150px; margin-left:20px; }
	.tin-dang-header-info strong { width:calc(100% - 190px); font-size:1em; line-height:1.5em; }
	
	.tin-dang-header-info .icon-edit { left:20px; }
	
	.tin-dang .boundary { display:flex; flex-direction:row; flex-wrap:nowrap; gap:10px;  }
	
	.tin-dang .cong-dong-to-chuc-su-kien, .tin-dang .news-box-container { display:inline-block; width:30%; }
	.tin-dang .news-box-container { width:calc(70% - 10px); }
}