body {
    font-size: 12px !important;
    font-family: Roboto,"Helvetica Neue",Arial;
}
/* header */
.navbar-custom {
	background-color: #07257aed !important;
	
}
.headerbar .headerbar-left {
	background-color: #07257aed !important;
}
.headerbar {
    border-bottom: 1px solid #E0ECFF;
}
/* icon user login */
.navbar-custom .nav-link {
    line-height: 30px !important;
    border-radius: 99%;
    margin: 5px;
}

.dropdown-menu {
	min-width: 200px;
}
.profile-dropdown {
	min-width: 200px;
}
.dropdown-item {
    font-size: 12px;
}
/* menu */
body.adminbody .main-sidebar.left {
    background-image: url(../images/separator_bg.gif);
    background-position: right;
    background-repeat: repeat-y;
	padding-right: 6px;
}
.main-sidebar {
    background: #E7E3E7; /*#3eb9dd;*/
    width: 185px;
}

#sidebar-menu ul ul a {
    color: #096674 !important;
}
#sidebar-menu ul li img {
    width: 18px !important;
    height: 18px !important;
}
#sidebar-menu li {
    border-bottom: solid 1px #BDBABD;
    background: #E7E3E7;
}
#sidebar-menu li.submenu ul li  {
	border-bottom: 1px dashed #BBBBBB;
	background: #FFF;
}
#sidebar-menu li.submenu ul li:last-child {
	border-bottom: none;
}
#sidebar-menu>ul>li>a { font-size: 12px !important;}
#sidebar-menu ul li .menu-arrow {right: 10px !important;}
/* Page content */
.content-page {
    margin-left: 180px;
}
.footer {
    left: 185px;
}
/* Column */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
/* dashboard */
.card-box ul {
    margin-bottom: 0;
    margin-left: 10px !important;
    padding-left: 10px;
}
.time-update {
    float: right;
}
.document {
    padding-bottom: 0;
    padding-top: 0;
}
.document .table {
	margin-bottom: 10px;
}
.document .table thead th {
    border-top: none;
}
.document  .table td, .document .table th {
    padding: 5px;
}

/* icon */
.icon-add{
	background:url('../icons/add.png') no-repeat center center;
}
.icon-edit{
	background:url('../icons/pencil.png') no-repeat center center;
}
.icon-clear{
	background:url('../icons/clear.png') no-repeat center center;
}
.icon-delete{
	background:url('../icons/delete.gif') no-repeat center center;
}
.icon-remove{
	background:url('../icons/phanxl.png') no-repeat center center;
}
.icon-excel{
	background:url('../icons/excel.png') no-repeat center center;
}
.icon-pdf{
	background:url('../icons/pdf.gif') no-repeat center center;
}
.icon-book_open{
	background:url('../icons/book_open.png') no-repeat center center;
}
.icon-save{
	background:url('../icons/save.gif') no-repeat center center;
}
.icon-cut{
	background:url('../icons/cut.png') no-repeat center center;
}
.icon-ok{
	background:url('../icons/ok.png') no-repeat center center;
}
.icon-addcolumn{
	background:url('../icons/add_column.png') no-repeat center center;
}
.icon-attach{
	background:url('../icons/attach.png') no-repeat center center;
}
.icon-upload{
	background:url('../icons/upload.png') no-repeat center center;
}
.icon-laphoso{
	background:url('../icons/folders.png') no-repeat center center;
}
.icon-PhanXL{
	background:url('../icons/PhanXL.png') no-repeat center center;
}
.icon-checked {
	background:url('../icons/checked.png') no-repeat center center;
}
.icon-nochecked {
	background:url('../icons/nocheck.png') no-repeat center center;
}
.icon-no{
	background:url('../icons/no.png') no-repeat center center;
}
.icon-cancel{
	background:url('../icons/cancel.png') no-repeat center center;
}
.icon-reload{
	background:url('../icons/reload.png') no-repeat center center;
}
.icon-search{
	background:url('../icons/search.png') no-repeat center center;
}
.icon-vanban{
	background:url('../icons/vanban.png') no-repeat center center;
}
.icon-openhoso{
	background:url('../icons/folder_open.png') no-repeat center center;
}
.icon-danhmuc{
	background:url('../icons/danhmuc.png') no-repeat center center;
}
.icon-xulycongviec{
	background:url('../icons/xulycongviec.png') no-repeat center center;
}
.icon-hethong{
	background:url('../icons/hethong.png') no-repeat center center;
}
.icon-print{
	background:url('../icons/print.png') no-repeat center center;
}
.icon-help{
	background:url('../icons/help.png') no-repeat center center;
}
.icon-undo{
	background:url('../icons/undo.png') no-repeat center center;
}
.icon-redo{
	background:url('../icons/redo.png') no-repeat center center;
}
.icon-back{
	background:url('../icons/back.png') no-repeat center center;
}
.icon-sum{
	background:url('../icons/sum.png') no-repeat center center;
}
.icon-tip{
	background:url('../icons/tip.png') no-repeat center center;
}
.icon-tabs{
	background:url('../icons/tabs.png') no-repeat center center;
}
.icon-filter{
	background:url('../icons/filter.png') no-repeat center center;
}
.icon-man{
	background:url('../icons/man.png') no-repeat center center;
}
.icon-lock{
	background:url('../icons/lock.png') no-repeat center center;
}
.icon-more{
	background:url('../icons/more.png') no-repeat center center;
}

/* Phân quyền */
ul.list-nhomquyen {
    padding-left: 10px;
}
ul.list-nhomquyen li {
    list-style: none;
	line-height: 30px;
	padding-left: 10px;
}
/* Toolbar */
.toolbar {
    background: #F4F4F4;
    border-bottom: 1px solid #dddddd;
    padding: 0.3rem 10px;
}
.btn-inline-title {
	float: right;
}
.btn {
	font-size: 13px !important;
    padding: 0.2rem 0.5rem;
}
button#btn-addnewLoaiLichCT {
    float: left;
}
.l-btn {
	  /* margin: 5px 5px 5px 0; */
	  padding: 3px 0px;
	  background: #fafafa;
	  background-repeat: repeat-x;
	  border: 1px solid #dddddd;
	  background: -webkit-linear-gradient(top,#ffffff 0,#eeeeee 100%);
	  background: -moz-linear-gradient(top,#ffffff 0,#eeeeee 100%);
	  background: -o-linear-gradient(top,#ffffff 0,#eeeeee 100%);
	  background: linear-gradient(to bottom,#ffffff 0,#eeeeee 100%);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#eeeeee,GradientType=0);
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
  
}
.l-btn:hover {
	background-color: #E0ECFF;
	background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
	background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
	background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
	background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);
	color: #0E2D5F;
	border: 1px solid #b7d2ff;
	filter: none;
	cursor: pointer;
}
.l-btn-icon {
	left: 6px;
	display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    font-size: 1px;
}

.l-btn-left {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.l-btn-text {
    margin: 0 5px 0 25px;
}

button:disabled {
    background: #c9c9c9;
    color: #999;
    border: 1px solid #c6c6c6;
    opacity: 0.5;
	pointer-events: none;
}
.btn-label {
    background: rgba(43, 61, 81, .1);
    display: inline-block;
    padding: 4px 15px !important;
}
.btn-label-right {
    margin-left: 10px;
    margin-right: -9px;
}
/* lọc danh mục hồ sơ theo năm */
.year_filter {
    display: flex;
    float: right;
}
.year_filter label {
    float: left;
    padding-right: 5px;
    line-height: 32px;
}
.year_filter select#namdanhmuchoso {
    float: right;
    width: 80px;
	height: 30px !important;
}
.year_filter select#namvanbandi {
    float: right;
    width: 80px;
	height: 30px !important;
}
.year_filter select#namvanbanden {
    float: right;
    width: 80px;
	height: 30px !important;
}
/* lọc văn bản nội bộ */
.vanbannoibo_filter {
    float: right;
    display: inline-flex;
}
span.barTab {
    margin: 0 10px;
    height: 30px;
    border-right: 1px solid #c9c9c9;
}
input#strtieudevanbannoibo {
    margin-left: 0.5em;
    display: inline-block;
    width: 150px;
    padding: 3px 5px;
    height: 30px;
}

input#startdatevanbannoibo,
input#enddatevanbannoibo,
input#startdatecongviec,
input#enddatecongviec,
input#startdatevanbanden,
input#enddatevanbanden,
input#startdatevanbandi,
input#enddatevanbandi,
input#startdatevanbanhs,
input#enddatevanbanhs {
    margin-left: 0.5em;
    display: inline-block;
    width: 100px;
    padding: 3px 5px;
    height: 30px;
}
select#namvanbannoibo,
select#namvanbanden,
select#namvanbandi {
    margin-left: 0.5em;
    display: inline-block;
    width: 75px;
    padding: 3px 5px;
    height: 30px;
}
input#enddatecongviec,
input#startdatecongviec {
    margin-right: 4px;
}
/* lọc danh mục hồ sơ theo ngày */
.date_filter,
.status_filter {
    display: flex;
    float: right;
}
.date_filter label {
    float: left;
    min-width: 65px;
}
.date_filter select#strngaytaocongviec {
    float: right;
    width: 130px;
	height: 30px !important;
}
.status_filter label {
	float: left;
    min-width: 70px;
    line-height: 32px;
}
.status_filter select#strtinhtrangxuly {
    float: right;
    width: 145px;
	height: 30px !important;
}
/* card */

.card-header {
    padding: 0.5rem 10px;
}
.card-header h3 {
    font-size: 14px !important;
}
.card-phanquyen {
	padding: 10px !important;
}
.phanquyen-body .form-group {
	margin-bottom: 5px;
}
.title-nhomquyen label {
	font-weight: 600;
	font-size: 14px;
	color: #ac1e05;
}
.card-content {
    padding: 10px;
	min-height: 250px;
}
.card-body label {
    margin-bottom: 0;
}
.group-quyennhomquyen {
	padding:15px  10px !important;
}
.card-title {
	color: #FFF !important;
    background-color: #3db9dc !important;
    border: 1px solid rgba(0,0,0,.125);
}
.card-title a {
	color: #FFF !important;
}
.card-title .text-muted {
    color: #FFF !important;
}
.card-title h3 {
    width: 64%;
    float: left;
}
.card-title-alert-congviec {
	color: #FFF !important;
    background-color: #f1b53d !important;
    border: 1px solid rgba(0,0,0,.125);
}

.card-title-birthday {
	color: #FFF !important;
    background-color: #0e932a !important;
    border: 1px solid rgba(0,0,0,.125);
}
.card-body {
    padding: 10px !important;
}
.card-border {
	border-color: #b8daff;
	min-height: 150px !important;
}
.card-border-workflow {
	min-height: 275px;
}
.card-border-dmhs,
.card-border-hscv {
	border-color: #b8daff;
	min-height: 150px !important;
}

.card-border-dmhs .widget-messages .message-item,
.card-border-hscv .widget-messages .message-item {
    min-height: 50px !important;
}

.widget-vanban {
    min-height: 390px;
}
.widget-hoso {
    min-height: 230px;
}
.card-border-workflow .widget-messages .message-item .message-item-date {
    position: relative;
    right: 0px;
    top: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
	color: #01080c;
	font-weight: 400;
}
.card-border-workflow .message-item-msg a {
    color: #ed071c;
}
span.item-date {
    width: 65%;
    float: left;
}
span.item-user,
span.item-static {
    width: 35%;
}
span.day-item-date,
span.name-item-user,
span.number-item-static {
    color: #0d90cf;
}
p.message-item-msg {
    cursor: pointer;
}
.card-border-alert-congviec .message-item-msg a {
    color: #ed071c;
}
.widget-messages .message-item .message-item-stt {
    color: #363432 !important;
}
.card-border-alert-congviec {
	border-color: #b8daff;
	min-height: 500px !important;
}
.card-border-birthday {
	border-color: #b8daff;
	min-height: 160px !important;
}

.birthday ul {
    padding-left: 20px !important;
}
span.dayUser {
    float: right;
}
span.totalCanboBirth {
    color: #f1b53d;
    font-weight: 500;
	font-size: 12px;
}
span.totalCongviec {
	color: #396e36;
    font-weight: 500;
	font-size: 12px;
}
.happybirthday {
    text-align: center;
	margin-bottom: 20px;
}

.happybirthday img {
    width: 100%;
}
.titleBirthday {
	font-size: 15px;
	font-weight: 600;
	color: red;
	margin-bottom: 5px;
}
.inline-button h3 {
	width: 75%;
	float: left;
	line-height: 32px;
}
.inline-button.toolbar-workflow h3 {
	width: 40% !important;
	float: left;
	line-height: 32px;
}
.mb-3 {
    min-height: 410px;
}
.mb-4 {
	min-height: 200px;
	margin-bottom: 10px !important;
}
.mb-5 {
	max-height: 270px;
	min-height: 270px;
	margin-bottom: 10px !important;
}
.mb-app-3 {
    min-height: 346px !important;
}

.card-no-title {
	padding: 0px !important;
	border-bottom: none !important;
}
.listTask-Workflow {
	overflow-y: scroll;
    max-height: 300px;
}
span.status-finish {
    background-color: #1bb99a;
    border-color: #1bb99a;
    color: #FFF;
    padding: 3px 4px;
    border-radius: 2px;
}
span.status-quahan {
	background-color: #ff5d48;
    border-color: #ff5d48;
	color: #FFF;
    padding: 3px 4px;
    border-radius: 2px;
}
span.requestWL-quahan {
    color: #ed071c;
}
span.requestWL-dangxuly {
    color: #0f9df7;
}
span.requestWL-hoanthanh {
    color: darkcyan;
}

.toolbar .custom-control-label {
    line-height: 24px;
}
/* Alert Workflow */
.title-alert-workflow {
	font-weight: 500;
    color: #000;
}
.content-alert-workflow {
	min-height: 180px;
	margin-bottom:10px;
	border-left: 1px solid #808080;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #ffffff;
}
.bg-modal-body {
	background: #d4e9e5 !important;
	padding: 5px 7px !important;
}
.alert-workflow {
	overflow-y: scroll;
}
p.limitdayWorkflow {
    text-align: right;
    color: red;
}
span.title-time-alert-workflow {
    float: right;
    margin-right: 20px;
	font-weight: 500;
    color: #000;
}
/* Tree */
.body-tree {
    padding: 5px 10px 10px 0 !important;
	min-height: 510px;
}
.jstree-default .jstree-themeicon {
    background-position: 13px -36px !important;
}
#treeWorkflow .jstree-themeicon {
    background-position: 24px -36px !important;
}
#treeWorkflow .jstree-themeicon {
    background-position: -305px -4px;
}
.jstree-default .jstree-icon:empty {
    height: 12px !important;
}
.jstree-anchor > .jstree-themeicon {
    margin-right: -21px !important;
}
.jstree-default .jstree-open > .jstree-ocl,
.jstree-default .jstree-closed > .jstree-ocl {
    background-position: -68px -4px !important;
}
#treeWorkflow img {
    margin-top: 2px !important;
    vertical-align: top;
}
.processtask {
    min-height: 500px;
	padding: 10px !important;
}
.filterTask,
.detailTask {
    min-height: 230px;
	padding: 10px;
}
.sworkflow {
    font-style: italic;
	font-weight: bold;
}
/* Tree chọn cán bộ nhận văn bản */
#listCanboNhanVanbanDonvi .jstree-themeicon.user-icon {
    background: url('../../assets/icons/user.png') center center no-repeat;
    margin-top: 3px;
    width: 16px;
    height: 16px;
}

#listCanboNhanVanbanDonvi span.titledonvi {
    margin-left: 20px;
    font-weight: 600;
	color: #1e12d9;
}

#listCanboNhanVanbanDonvi span.titlecanbo {
    margin-left: 22px;
    font-style: italic;
}
#listCanboNhanVanbanDonvi .jstree-clicked span.titlecanbo{
    color: #ed1313;
}

.form-group.list-canbo {
    height: 270px;
    overflow-y: scroll;
}

.modal-list-canbo {
    top: 50px;
    max-width: 490px;
}
.modal-list-canbo .modal-header {
    background: #0e334a;
}
/* Datagridview */
.table td, 
.table th {
    padding: 8px 5px;
	vertical-align: middle;
}
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #efefef;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
    background-repeat: repeat-x;
}
.table thead th {
    text-align: center;
    vertical-align: middle;
}
tr.second-row th {
    text-align: center !important;
}
.table thead tr.first-row th {
    border-top: none;
	text-align: center !important;
}
.table thead tr.second-row th {
    padding: 2px 10px;
}
.table-bordered thead td, 
.table-bordered thead th {
    border-bottom-width: 0px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    float: right;
}
.table .btn {
	padding: 0px 10px;
}
tr.selected {
    background-color: #acbad4 !important;
}
table#dataTable_Vanbandi tr span,
table#dataTable_Vanbanden tr span {
    color: cornflowerblue;
}
/* Modal */
.modal-dialog, .modal-lg, .modal-xl {
	max-width: 880px;
	margin: 2.75rem auto;
}
.modal-dialog-workflow {
	max-width: 790px;
	margin: 2.75rem auto;
}
.modal-customize-mini {
    width: 500px !important;
}
.modal-dialog-alert {
	max-width: 480px;
	margin: 2.75rem auto;
}
.modal-tab {
	max-width: 900px;
}
.modal-body-tab {
	overflow-y: scroll;
	padding: 5px 5px !important;
	max-height: 450px;
}
#myTabContentHoSo .table-bordered,
#myTabContentHoSo .table th {
    border-top: none !important;
	border-bottom: 1px solid #dee2e6;
}
#tblConfig>.table-bordered {
    border: 1px solid #dee2e6 !important;
}
.mini-modal {
	max-width: 700px;
	margin: 2.75rem auto;
}
.mini-modal-small {
	max-width: 780px;
	margin: 2.75rem auto;
}
.mini-modal-x {
	max-width: 450px;
	margin: 2.75rem auto;
}
.print-modal {
	max-width: 1000px;
	margin: 2.75rem auto;
}
.print-modal-trinhxuly {
    max-width: 90% !important;
	margin: 2.75rem auto;
}
.modal-header {
	background: #0f9df7;
	color: #FFFFFF;
    padding: 5px 10px;
}
.modal-header .close {
    padding: 0;
    margin: 0;
	color: red;
    opacity: 1 !important;
    text-shadow: 0 1px 0 #141313 !important;
}
.modal-title {
    font-size: 16px;
}
.modal-body {
    padding-bottom: 0 !important;
	padding: 10px 15px;
}
.modal-footer {
	padding: 5px 10px;
}
.modal-dialog .button-list {
    margin-top: 20px;
}
.modal-dialog .button-list ul {
    column-count: 2;
    list-style: none;
	padding-left: 0;
    overflow-y: auto;
    max-height: 90px;
}
#frViewVanbandi,
#frViewVanbanden,
#frAddVanbandiSuccess,
div#frVanbanden_Delete,
#frAddVanbandenSuccess,
#frAddWorkFlowSuccess,
div#mi-modal-process,
div#mi-modal-process-thuhoi-vanbanden,
div#mi-modal-process-vbdi,
div#frAddWorkFlowVanbandi_Thuhoi,
div#frWorkflowAddVanbandenSuccess,
div#frWorkflowAddVanbandiSuccess,
div#frLaphosoVanbanden,
div#frLaphosoVanbandi,
div#frVanbandi_Delete,
#frWF_Delete,
#frAlertWorlflow {
    top: 5px;
}
.modal-dialog .button-list a, 
.modal-dialog .button-list button {
    margin: 0;
}
.view-detail span {
    color: #004eff;
}
.body-print-modal {
    max-height: 450px !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.body-print-modal-template {
    min-height: 480px !important;
    max-height: 480px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 15px !important;
}
.col-content {
    min-height: 480px !important;
    /*
    overflow-x: hidden;
    overflow-y: scroll;
    */
    padding: 10px 15px 10px 10px;
}
.example-codequyen {
	line-height: 60px;
}
div#NhanDuLieu,
div#NhanDuLieuVanbandi,
#NhanDuLieuHSINDMHS,
#NhanDuLieuDanhmuchoso,
#NhanDuLieuPhieuTrinh,
#optionTemplate {
    font-family: 'Times New Roman';
	width: 100%;
}
div#dsvanbanden,
div#NhanDuLieuVanbandi,
div#dsdanhmuchoso,
div#dsdanhmuchosocongviec,
div#dsdanhmucvanbantronghosocongviec {
    margin-left: 20px;
    margin-right: 20px;
}
span.required {
    color: red;
}
.phieutrinh {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
	margin-bottom: 10px;
}
span#sokyhieu,
span#ykienchidao,
span#tomtatnd {
    font-style: italic;
    font-weight: bold;
}
span.noidungchidao {
    margin-left: 40px;
}

div#printPhieuTrinh{
    margin: 20px;
    background: white;
    padding: 30px;
    border: 1px solid #686565;
    min-height: 700px;
}
#NhanDuLieuPhieuTrinh,#NhanDuLieuPhieuChiDao {
	background: #828a8f;
}
.col-printpreview {
    background: #828a8f;
}
.printpreview {
    margin-right: -15px !important;
}
td.noidungtrinh {
    padding: 20px 20px 20px 30px;
    text-align: justify;
}
td#tosend p:first{
    margin-top: 20px;
}
td#tosend p {
    margin-bottom: 0;
    margin-left: 10px;
}
p.ykienthutruong {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
td.titlephieutrinh {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
/* Login */
#bglogin {
    width: 100%;
    margin: auto;
    min-height: 656px;
    background: url(../../assets/images/bg.jpg);
}
.row_login {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 100px;
}
.form-login {
    padding: 25px !important;
}
.col-login {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.form-login label {
    font-size: 14px;
}
div#bannerlogin {
    background: #07257aed;
    padding-top: 20px;
}
.logologin {
    width: 50px;
    float: left;
}
.titleapp {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-left: 50px;
}
.titleapp h4 {
    font-size: 18px;
    margin-top: 10px;
}
.titleheaderapp {
    color: #fff;
    text-transform: uppercase;
    margin-left: 60px;
}
.titleheaderapp h3 {
    font-size: 16px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.titleheaderapp h4 {
    font-size: 13px;
    margin-bottom: 0;
}
#bannerlogin img {
    max-width: 100%;
}
button#btnLogin {
    max-width: 100%;
    width: 100%;
    padding: 15px 10px;
    font-size: 15px !important;
}
/* Form */
.form-control {
	font-size: 14px;
}
.modal-body .form-group {
    margin-left: -5px;
    margin-right: -5px;
	margin-bottom: 5px;
}
span.titledanhmuchoso {
    color: red;
}
label.form-check-label.custom-checkbox {
    margin-top: 25px;
    margin-left: 25px;
}
label.sex-user {
    margin-left: 15px;
}
.custom-control-label {
    margin-top: 2px;
}
option.boldtext {
    font-weight: 800;
    color: #5969ff;
}
option.dvUnActive {
    font-weight: 800;
    color: #ef172c;
}
.view-detail {
	padding: 5px 10px;;
}
.view-detail .form-group {
    margin-top: 5px;
}
.view-detail .row {
	border-bottom: 1px dashed #dddddd;;
	margin-left: 0px;
    margin-right: 10px;
}
.view-detail .row:last-child {
    border-bottom: none;
}
.modal-dialog .form-control {
    padding: 5px;
    font-size: 14px;
    height: calc(1em + .75rem + 5px);
	border-radius: 3px;
}
ul.listAttach li {
    list-style: none;
}
#frmUpdateLoaiVBDen textarea.form-control,
#frmUpdateLoaiVBPhathanh textarea.form-control,
#frmUpdateHanbaoquan textarea.form-control,
#frmUpdateChucdanh textarea.form-control,
#frmUpdateCapbac textarea.form-control,
#frmUpdateConfig textarea.form-control,
#frmUpdateDanhmuchoso textarea.form-control,
#frmUpdateCanboUser textarea.form-control {
    height: calc(2.5em + .75rem + 20px) !important;
    font-size: 13px;
}
#frmUpdateVanbandi textarea.form-control,
#strtrichyeu_vanbannoibo,
#strWorkflowvanbannoibo,
#strYeucauWorkflowvanbannoibo,
#strtrinhdencanbo,
#strtrinhdencanbo1 {
    height: calc(2.5em + .75rem + 15px) !important;
    font-size: 13px;
}
#frmUpdateVanbanden textarea.form-control {
    height: calc(2.5em + .75rem + 15px) !important;
    font-size: 13px;
}
#modalThemLichCongTac textarea.form-control,
#loailichCTModal textarea.form-control{
    height: calc(2.5em + .75rem + 15px) !important;
    font-size: 13px;
}

#frmAddWorkFlowVanbanden textarea.form-control,
#frmAddWorkFlowVanbandi textarea.form-control,
#frmAddWorkFlow textarea.form-control,
textarea#strWorkflowContent,
textarea#strWorkflowContent1 {
    height: calc(2.5em + .75rem + 40px) !important;
    font-size: 13px;
}
#frmGiaiQuyetVanBandi textarea.form-control,
#frmGiaiQuyetVanBanden textarea.form-control{
    height: calc(2.5em + .75rem + 35px) !important;
    font-size: 13px;
}
#frmYKienWorkflow textarea.form-control{
    height: calc(2.5em + .75rem + 35px) !important;
}
.daterangepicker.dropdown-menu {
    z-index: 100001 !important;
}
.calendar-table tr {
    font-size: 14px !important;
}
label {
    margin-bottom: 2px !important;
}
.custom-file-label {
    height: calc(1.5em + 0.7rem + 0px) !important;
}
.select2-container.select2-container--default.select2-container--open  {
  z-index: 5000;
}
.select2-container {
    width: 100% !important;
    padding: 0;
	display: inline-block !important;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #ced4da !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px !important;
}
.select2-selection--multiple:focus{
	color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.alert-error {
    padding: 5px 10px;
    border-radius: 4px;
}
.modal-toolbar {
    display: flex;
    width: 100%;
}
.no-margin-right {
    text-align: right;
    padding: 0;
}
.modal-footer .margin-error {
	padding: 0px;
	line-height: 30px;
	color: red;
    font-style: italic;
}
span#thong-bao-errorVanbanden,
span#thong-bao-errorLaphosoVanbanden,
#thong-bao-errorChuyenVanbanden,
#thong-bao-errorerrorDMHS,
#thong-bao-errorHSINDMHS {
    color: red;
}

ul.div_file_attach {
    display: flex;
}
.div_file_attach li {
    width: 20%;
    list-style: none;
	margin: 0 10px;
}
.div_file_attach a img {
    float: left;
    margin-right: 3px;
}
.contentWorkflow {
	margin-bottom: 10px;
}
.contentWorkflow .fa {
	font-size: 11px !important;
}
/*
    Ẩn menu trên desktop
*/
.headerbar-left {
    display: none;
}
.logoheader {
    width: 80px !important;
    float: left;
}
.menu-inline {
    display: flex; /* Sắp xếp các phần tử con theo chiều ngang */
    align-items: center; /* Căn giữa theo trục dọc */
    list-style: none; /* Loại bỏ dấu chấm của danh sách */
    padding: 0;
    margin: 0;
}

.menu-inline .button-menu-mobile {
    margin-right: 0px; /* Khoảng cách giữa nút và liên kết */
    background: none; /* Loại bỏ màu nền nút (nếu có) */
    border: none; /* Loại bỏ viền nút */
    cursor: pointer; /* Con trỏ chuyển sang hình bàn tay */
    color: #000;
}

.menu-inline a {
    text-decoration: none; /* Loại bỏ gạch chân */
    color: inherit; /* Màu sắc kế thừa từ cha */
    font-size: 16px; /* Kích thước chữ */
}

/* Button close and edit on Schedule */
.event-delete,
.event-edit {
  display: none;
  float: right;
  font-weight: bold;
  margin-left: 5px;
  cursor: pointer;
  padding: 0 5px;
  font-size: 14px;
  border-radius: 3px;
  line-height: 18px;
}

.event-delete {
  color: red;
  background-color: rgba(255, 0, 0, 0.1);
}

.event-edit {
  color: #e68d07;
  background-color: rgba(0, 123, 255, 0.1);
}


.fc-event:hover .event-delete,
.fc-event:hover .event-edit {
  display: inline;
}

.event-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  gap: 5px;
  font-size: 14px;
}

.event-edit:hover {
  background-color: #e0f7fa;
}

.event-delete:hover {
  background-color: #ffebee;
}

.tooltip-inner {
  text-align: left !important;
}
.fc-title {
  white-space: normal !important;
  word-wrap: break-word;
  line-height: 1.2;
}


@media only screen and (max-width: 480px){
    .headerbar-left {
        display: block;
    }
    .logoheader {
        display: none;
    }
    .titleheaderapp {
        margin-left: 0px;
    }
	.modal-footer .margin-error {
		padding: 0px;
		line-height: 30px;
	}
	.row_login {
		margin-top: 0px;
	}
	#bglogin {
		background: none;
	}
}

/*** Mobile ***/
@media (max-width:480px) {
	.toolbar {
		text-align: center;
	}
	.float-mobile {
		text-align: center;
		width: 50%;
	}
	.l-btn {
		margin: 0px 5px 0px 0;
		padding: 5px 6px;
	}
	.l-btn-text {
		display: none;
	}
	.l-btn-icon {
		width: 18px;
		height: 18px;
		line-height: 26px;
		position: relative;
		left: 1px;
	}
	.card-border,
	.card-border-birthday	{
		min-height: auto;
	}
	.card-body label {
		margin-bottom: 5px;
	}
	.mb-3 {
		min-height: auto;
	}
	.date_filter {
		margin-right: 5px;
		margin-top: 5px;
	}
    .workflow .date_filter {
		margin-right: 5px;
		margin-top: 0px;
	}
    .workflow .status_filter {
        margin-right: 5px;
    }
    .inline-button.toolbar-workflow h3 {
        width: 100% !important;
    }
	.workflow {
		margin-right: -5px !important;
	}
	.widget-messages .message-item .message-item-date {
		position: relative !important;
	}
	.time-update {
		float: left;
	}
	.c9-left-mobile {
		width: 85%;
		max-width: 85%;
	}
	.c3-right-mobile {
		width: 15%;
		max-width: 15%;
		text-align: right;
	}
    .vanbannoibo_filter {
        margin-top: 10px;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
        position: relative;
        padding-left: 5px !important;
        cursor: pointer;
    }
}

@media (min-width: 992px) {
	
}

@media (min-width: 576px){
	
}