/* header */
.navbar-custom {
	background-color: #085075 !important;
	
}
.headerbar .headerbar-left {
	background-color: #085075 !important;
}
.headerbar {
    border-bottom: 1px solid #E0ECFF;
}
/* icon user login */
.navbar-custom .nav-link {
    line-height: 26px !important;
    border: 1px solid #fff;
    border-radius: 99%;
    margin: 5px;
}

.dropdown-menu {
	min-width: 200px;
}
.profile-dropdown {
	min-width: 200px;
}
.dropdown-item {
    font-size: 13px;
}
/* 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;*/
}
#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;
}

/* Column */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
/* dashboard */
.mainpage {
    margin-left: 0px;
    margin-right: 0px;
}
.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;
}
.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 */
.option_filter {
    display: flex;
    float: right;
}
.option_filter label {
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    line-height: 32px;
}
.option_filter .dateformat {
    width: 120px;
}
.option_filter #inttrangthai,
.option_filter #inttrangthaimuonhs {
    width: 230px;
}
div#filter-status {
    border-right: 1px solid #c8c8c8;
    padding-right: 10px; 
    height: 30px;
}
div#filter-date {
    display: flex;
}
.option_filter .form-control {
    height: calc(1.5em + 0.5rem + 2px) !important;
}
/* lọc danh mục hồ sơ theo ngày */
.date_filter,
.status_filter {
    display: flex;
    float: right;
	margin-right: 10px;
}

.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-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: #334964 !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-box {
    padding: 10px 15px !important;
}
.card-body {
    padding: 10px !important;
}
.nomargin-bottom {
    margin-bottom: 0 !important;
}
.card-chart {
    padding: 25px 50px !important;
}
.counter {
    font-size: 2rem !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;
}
.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;
}
span.noteLabel {
    color: #ed071c;
}
.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: 50%;
	float: left;
	line-height: 32px;
}
.inline-button.toolbar-workflow h3 {
	width: 40% !important;
	float: left;
	line-height: 32px;
}
.card-static {
    min-height: 270px !important;
}
.mb-3 {
    min-height: 300px;
}
.mb-4 {
	min-height: 200px;
	margin-bottom: 10px !important;
}
.mb-5 {
	max-height: 270px;
	min-height: 270px;
	margin-bottom: 10px !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: 10px -36px !important;
}
.jstree-anchor > .jstree-themeicon {
    margin-right: -20px !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;
}
/* Datagridview */
.table td, 
.table th {
    padding: 4px 3px;
}
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: top;
}
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 {
    margin-top: 5px;
}
table#dataTable_muonhoso .btn,
table#dataTable_trahoso .btn{
    width: 100%;
    padding: 3px 3px;
}
tr.selected {
    background-color: #acbad4 !important;
}
table#dataTable_Vanbandi tr span,
table#dataTable_Vanbanden tr span {
    color: cornflowerblue;
}
span.returned {
    color: #ffffff !important;
    background-color: #007ee5 !important;
    padding: 3px;
    border-radius: 3px;
}
span.borrowing {
    color: #ffffff !important;
    background-color: #bb0000 !important;
    padding: 3px;
    border-radius: 3px;
}
.contentEdoc p {
    margin-bottom: 0px;
}
/* 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-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;
}
.mini-modal-x1 {
	max-width: 650px;
	margin: 2.75rem auto;
}
.print-modal {
	max-width: 95%;
	margin: 2rem auto;
}
div#ppPrint {
    padding-right: 0px !important;
}
.titleDocument p {
    margin-bottom: 0;
}
div#danhsachhoso,
div#danhsachmuonhoso,
div#danhsachtrahoso,
div#ketquadanhsachhoso {
    margin: 40px;
    background: white;
    padding: 45px 60px;
    border: 1px solid #686565;
    min-height: 700px;
}
.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: 65px;
}
.modal-dialog .button-list a, 
.modal-dialog .button-list button {
    margin: 0;
}
.view-detail span {
    color: #004eff;
}
.body-print-modal {
    max-height: 530px !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#NhanDuLieuPrint,
#optionTemplate {
    font-family: 'Times New Roman';
	width: 100%;
    background: #828a8f;
}
div#dsvanbanden,
div#NhanDuLieuVanbandi,
div#dsdanhmuchoso,
div#dsdanhmuchosocongviec,
div#dsdanhmucvanbantronghosocongviec {
    margin-left: 20px;
    margin-right: 20px;
}
span.required {
    color: red;
}
.trumbowyg-box, .trumbowyg-editor {
    min-height: 120px !important;
    max-height: 230px;
    margin: 5px auto !important;
}
/* ẩn nút full screen màn hình editor*/
button.trumbowyg-fullscreen-button.trumbowyg-not-disable {
    display: none;
}
.modal-dialog.modal-request-action {
    top: 65px;
    max-width: 650px;
}
.modal-content-action {
    background: #5a1212d6 !important;
    color: #FFFFFF;
    padding: 5px 10px;
}
.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: #0162a7;
}
#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: 12px;
    height: calc(1em + .75rem + 5px);
	border-radius: 3px;
}
ul.listAttach li {
    list-style: none;
}
#frmUpdateLoaiHoSo textarea.form-control,
#frmSearchhoso textarea.form-control,
#frmUpdateKhoLuuTru textarea.form-control,
#frmUpdateDayLuuTru textarea.form-control,
#frmUpdateHopLuuTru textarea.form-control,
#frmUpdateKeLuuTru textarea.form-control,
#frmUpdateHanbaoquan textarea.form-control,
#frmUpdateChucdanh textarea.form-control,
#frmUpdateConfig textarea.form-control,
#frmUpdatehoso textarea.form-control,
#frmUpdateDanhmuchoso textarea.form-control,
#frmUpdateCanboUser textarea.form-control {
    height: calc(2.5em + .75rem + 20px) !important;
    font-size: 13px;
}
#strtrinhdencanbo,
#strtrinhdencanbo1 {
    height: calc(2.5em + .75rem + 15px) !important;
    font-size: 13px;
}
#strnoidungmuonhoso {
    height: calc(2.5em + .75rem + 15px) !important;
    font-size: 13px;
}

.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%);
}
td span {
    cursor: pointer;
}
.alert {
    position: relative;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    width: 100%;
}

.text-primary {
    color: #1122f1!important;
}
.text-danger {
    color: #f73a22!important;
}
.alert-error {
    padding: 5px 10px;
    border-radius: 4px;
}
.modal-toolbar {
    width: 100%;
}
.no-margin-right {
    text-align: right;
    padding: 0;
    float: right;
}
.modal-footer .margin-error {
	padding: 0px;
	line-height: 30px;
	color: red;
    font-style: italic;
    float: left;
}
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;
}
.div_file_attach a img {
    float: left;
    margin-right: 3px;
}
.contentWorkflow {
	margin-bottom: 10px;
}
.contentWorkflow .fa {
	font-size: 11px !important;
}

h3.box-title {
    display: inline-block;
}
.btn-title {
    float: right;
}
/* Thông tin in phiếu */
#NhanDuLieuDanhmuchoso #thongtinphamnhan .titleDocument p {
    padding: 0 !important;
    margin: 0 auto;
}
.titleCQ1 {
    font-weight: 500; font-size: 12pt;
}
.titleCQ2 {
    font-weight: bold; font-size: 13pt;
}

.titleQH {
    font-weight: bold; font-size: 12pt; text-align: center; margin-bottom: 0px;
}

.titleTN {
    font-weight: bold; font-size: 13pt; text-align: center; margin: 0;
}

.titlePosDate {
    font-size: 13pt; 
    text-align: center; 
    margin-bottom: 5px !important; 
    font-style: italic; 
    margin-top: 5px !important;
}

.maintitle {
    text-align: center; font-weight: bold; font-size: 14pt; margin-top: 10px !important;
}

.subtitle {
    text-align: center; font-weight: bold; font-size: 14pt; 
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}
.cvlapbieu {
    text-transform: uppercase;font-weight: bold; font-size: 13pt; text-align: center; margin-bottom: 5px;
}

.tenlapbieu {
    font-weight: bold; font-size: 13pt; text-align: center; margin: 0;
}

.cvky {
    text-transform: uppercase;font-weight: bold; font-size: 13pt; text-align: center; margin-bottom: 5px;
}

.tenky {
    font-weight: bold; font-size: 13pt; text-align: center; margin: 0;
}
/* End */
@media only screen and (max-width: 480px){
	.modal-footer .margin-error {
		padding: 0px;
		line-height: 30px;
	}
	.row_login {
		margin-top: 0px;
	}
	#bglogin {
		background: none;
	}
    .col-100 {
        width: 100%;
    }
    .col-50 {
        width: 50%;
    }
}

/*** Mobile ***/
@media (max-width:480px) {
	.toolbar {
		text-align: center;
	}
	.float-mobile {
		text-align: center;
		width: 100%;
	}
    .option_filter {
        display: block !important;
        float: left;
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }
    div#filter-status {
        border-right: 0px;
        padding-right: 0px;
        height: 30px;
        margin-bottom: 10px;
    }
    div#filter-date {
        display: inline-flex !important;
    }
    .option_filter label {
        margin-left: 5px !important;
    }
    select#inttrangthai {
        width: 80% !important;
    }

	.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;
	}
    /* select record & search */
    .col-sm-12.col-md-6 {
        width: 50%;
    }
    div.dataTables_wrapper div.dataTables_length {
        text-align: left !important;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 64% !important;
        margin-left: 3px !important;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child {
        padding-left: 5px !important;
    }
    table.dataTable>tbody>tr.child span.dtr-title {
        min-width: 90px;
    }
    .delete_check {
        margin-top: 50px;
    }
	.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;
	}
    .inline-button h3 {
        width: 70%;
    }
    .table .btn {
        margin-bottom: 5px;
    }
    div#danhsachhoso {
        margin: 10px;
        background: white;
        padding: 15px;
        border: 1px solid #686565;
        min-height: 700px;
        font-size: 7px;
    }
    /* In thông tin */
    .titleCQ1 {
        font-weight: 500 !important; font-size: 8pt !important;
    }
    .titleCQ2 {
        font-weight: bold; font-size: 8pt !important;
    }
    
    .titleQH {
        font-weight: bold; font-size: 6pt !important; text-align: center; margin-bottom: 0px;
    }
    
    .titleTN {
        font-weight: bold; font-size: 8pt !important; text-align: center; margin: 0;
    }
    
    .titlePosDate {
        font-size: 8pt !important; text-align: center;  font-style: italic;
    }
    
    .maintitle {
        text-align: center; font-weight: bold; font-size: 12pt !important;
    }
    
    .subtitle {
        text-align: center; font-weight: bold; font-size: 12pt !important;
        margin-top: 0px !important;
    }

    .cvlapbieu {
        font-size: 9pt !important;
    }

    .tenlapbieu {
        font-size: 9pt !important;
    }

    .cvky {
        font-size: 9pt !important;
    }

    .tenky {
        font-size: 9pt !important;
    }
}

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

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