html,
body {
  min-height: 100%; }

.aui body, body {
  font-family: Arial, sans-serif; }

body {
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
  /*background:#ecf0f5 url(../../images/unioffice/bg-body.png) repeat-y left!important;*/ }

.skin-blue {
  background: #ecf0f5 url(../../images/unioffice/bg-body.png) repeat-y left !important; }

body.sidebar-collapse {
  background-image: none !important;
  background-color: #ecf0f5 !important; }

body.login-page {
  background: #ecf0f5 !important; }

ol,
ul {
  list-style: none; }

a, .aui a {
  outline: none; }

a, a:visited, a:hover, a:focus, .aui a:visited, .aui a:hover, .aui a:focus {
  text-decoration: none;
  outline: none; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500 !important; }

/*** layout login ***/
#login-box, #register-box {
  margin: 7% auto;
  width: 360px; }

.login-box-body, .register-box-body {
  background: #fff none repeat scroll 0 0;
  border-top: 0 none;
  color: #666;
  padding: 20px; }

.login-page .main-header {
  text-align: center; }

.login-page .main-header .logo {
  float: none; }

.logo img {
  width: 100%;
  max-width: 496px;
  max-height: 89px; }

.login-box-msg, .register-box-msg {
  margin: 0;
  padding: 0 20px 20px;
  text-align: center;
  font-size: 24px; }

/* Layout */
.wrapper {
  min-height: 100%;
  position: relative;
  overflow: hidden; }

.wrapper:before,
.wrapper:after {
  content: " ";
  display: table; }

.wrapper:after {
  clear: both; }

/*****************/
.main-header {
  max-height: 89px;
  position: relative;
  z-index: 2;
  background: #3c8dbc;
  width: 100%;
  display: inline-block; }

.row-content {
  padding-bottom: 0px; }

.logo {
  width: 100%;
  max-width: 496px;
  float: left; }

.navbar-custom-menu {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  padding: 3px 10px;
  position: absolute;
  right: 0;
  top: 24px;
  tex-align: right; }

.navbar-na {
  margin: 0;
  padding: 0; }

.navbar-na li {
  display: inline;
  float: left; }

.navbar-na > li > a {
  color: #fff;
  padding: 10px; }

.open > .dropdown-menu1 {
  display: block; }

.administrator-menu img {
  height: auto;
  max-width: 25px;
  width: 100%; }

.administrator-menu img {
  border-radius: 50%; }

.administrator-menu, .sites-menu, .quangtri-menu {
  position: relative; }

.sidebar-toggle {
  float: left;
  width: 23px;
  height: 25px;
  background: #367fa9;
  font-family: fontAwesome;
  -webkit-border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  border-radius: 0px 15px 15px 0px;
  margin-top: 13px;
  color: #fff; }

.skin-blue .sidebar-toggle {
  background: #bc9e60;
  color: #fff; }

.sidebar-toggle:before {
  margin: 3px 2px 0px 5px;
  display: block;
  font-size: 18px;
  font-family: FontAwesome;
  height: auto;
  content: "\f104";
  font-weight: 300;
  text-shadow: none; }

.sidebar-collapse .sidebar-toggle:before {
  content: "\f105";
  color: #fff; }

.sidebar-toggle:hover {
  color: #8aa4af; }

.sidebar-toggle .icon-bar {
  display: none; }

/*** menu trai ***/
.main-sidebar {
  width: 230px;
  z-index: 810;
  background-color: #f9fafc;
  display: block;
  position: inherit;
  float: left;
  padding-bottom: 60px;
  border-right: 1px solid #d2d6de; }

.skin-blue .main-sidebar {
  background: #367fa9; }

.content-wrapper {
  margin-left: 230px;
  background-color: #ecf0f5;
  z-index: 800;
  display: block;
  margin-top: -5px; }

.dropdown-menu1 {
  position: absolute;
  left: 0 !important;
  margin: 0;
  padding: 0 !important;
  top: 27px !important;
  width: 230px;
  border-color: #eeeeee !important;
  box-shadow: none;
  background-clip: padding-box;
  background-color: #fff;
  float: left;
  font-size: 14px;
  list-style: outside none none;
  min-width: 160px;
  text-align: left;
  z-index: 1000;
  border-radius: 0 !important;
  display: none; }

.dropdown-menu1 > li {
  display: block;
  float: none; }

.dropdown-menu1 > li > a {
  clear: both;
  line-height: 1.42857;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
  color: #333333;
  display: block;
  margin: 0;
  padding: 8px 5px 6px !important;
  white-space: normal !important; }

.dropdown-menu1 > li > a > i {
  padding-right: 5px; }

strong.dropdown1 {
  cursor: pointer; }

/*** menu trai ***/
.sidebar-menu {
  list-style: none;
  margin: 50px 0 0 !important;
  padding: 0; }

.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #3d8ebc; }

.sidebar-menu > li > a {
  padding: 12px 5px 12px 10px;
  display: block;
  color: #444444; }

.skin-blue .sidebar-menu > li > a {
  color: #fff; }

.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
  background: #f4f4f5;
  border-left: 3px solid transparent;
  color: #000;
  padding-left: 7px; }

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
  background: rgba(24, 117, 171, 0.35);
  color: #fff;
  border-left: 3px solid #8f5444; }

.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px; }

.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px; }

.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px; }

.sidebar-menu li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px; }

.sidebar-menu li.active > a > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.sidebar-menu li.active > .treeview-menu {
  display: block !important; }

.sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
  margin: 0; }

.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  background: #3c8dbc; }

.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px; }

.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px; }

.sidebar-menu .treeview-menu > li {
  margin: 0; }

.sidebar-menu .treeview-menu > li > a {
  padding: 5px 5px 5px 8px;
  display: block;
  font-size: 14px; }

.treeview-menu > li > a {
  color: #333;
  text-transform: none !important; }

.sidebar-collapse .treeview-menu > li > a {
  color: #fff; }

.sidebar-collapse .treeview-menu {
  margin-top: -44px !important; }

.sidebar-collapse .treeview-menu .treeview-menu {
  margin-top: 0 !important; }

/*
.treeview-menu > li > a {
    color: #333;
	text-transform: none !important;
}
*/
.treeview-menu > li.active > a {
  color: #3c8dbc; }

.sidebar-collapse .treeview-menu > li.active > a > span {
  color: #fff; }

.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
  width: 5px; }

.sidebar-menu .treeview-menu > li > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  width: auto; }

.treeview-menu > li.active > a, .treeview-menu > li > a:hover {
  color: #d66e1a; }

.sidebar-collapse .sidebar-menu > li > a > .fa {
  font-size: 20px; }

.sidebar-mini.sidebar-collapse .main-sidebar {
  position: relative; }

/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840; }

  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850; }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative; }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0; }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px; }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 4px; }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px; }

  /*.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),*/
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 49px; }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    /*  top: 0;
      margin-left: -3px;
      padding: 12px 5px 12px 20px;
      background-color: inherit;*/ }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    top: 44px;
    margin-left: 0; }

  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    /*  -webkit-transform: translateZ(0);*/ }

  /*.sidebar-mini.sidebar-collapse .main-header .logo {
    width: 50px;
  }*/
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px; }

  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none; }

  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px; } }
.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  /*white-space: nowrap;*/
  overflow: hidden; }

.sidebar-menu:hover {
  overflow: visible; }

.sidebar-form,
.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip; }

.sidebar-menu li > a {
  position: relative;
  text-transform: uppercase;
  font-size: 13px; }

.sidebar-menu li > a > .pull-right {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -7px; }

/******* content *******/
.content-header {
  padding: 15px 15px 5px;
  position: relative; }

.content-header > .breadcrumb > li + li::before {
  content: "> "; }

.content-header > h1 {
  font-size: 24px;
  margin: 0;
  float: left; }

.content-header > .breadcrumb {
  background: transparent none repeat scroll 0 0;
  border-radius: 2px;
  float: right;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 7px 5px;
  position: absolute;
  right: 10px;
  top: 15px; }

.content {
  margin-left: auto;
  margin-right: auto;
  min-height: 250px;
  padding: 15px;
  margin-top: 25px; }

.box.box-default {
  border-top: 2px solid #d2d6de; }

.box {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  position: relative;
  width: 100%; }

.box-search {
  display: none;
  width: 100%;
  padding: 10px 0; }

.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  margin: 0; }

.box-body {
  border-radius: 0 0 3px 3px;
  padding: 10px; }

.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative; }

/*
.box-header::before, .box-body::before, .box-footer::before, .box-header::after, .box-body::after, .box-footer::after {
    content: " ";
    display: table;
}*/
.box-header::before, .box-body::before, .box-footer::before {
  content: " ";
  display: table; }

.box-header::after, .box-body::after, .box-footer::after {
  clear: both; }

.box-header > .box-tools {
  /*position: absolute;
  right: 10px;
  top: 5px;*/
  width: auto;
  display: inline-block; }

.timkiem-popup {
  background: #3c8dbc;
  color: #fff;
  padding: 5px 10px;
  display: block;
  font-weight: bold; }

.form-group {
  margin-bottom: 5px; }

.modal-header {
  padding: 10px 15px;
  background: #357ca5; }

.col-5 {
  width: 47%; }

.col-2 {
  width: 6%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  line-height: 34px; }

/*.form-control {height:28px; padding: 3px 12px;}*/
.modal-body {
  padding: 10px 15px; }

.modal-header {
  text-align: center;
  min-height: 30px; }

.aui .modal-header .close {
  margin-top: -6px;
  color: #fff; }

.modal-body p {
  font-weight: bold;
  font-size: 16px;
  text-align: center; }

.modal-footer {
  text-align: center !important; }

.modal-footer a.blue {
  min-width: 80px; }

.modal-footer a.gray {
  min-width: 80px; }

.box-body > .table {
  margin-bottom: 0; }

.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
  background-color: #357ca5 !important; }

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
  background-color: #3c8dbc !important; }

.modal-warning {
  color: #fff; }

.modal-warning .modal-header, .modal-warning .modal-footer {
  border-color: #307095; }

.btn-outline {
  background: transparent none repeat scroll 0 0 !important;
  border: 1px solid #fff !important;
  color: #fff !important; }

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  border-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important; }

.btn-primary:hover, .btn-primary:active, .btn-primary.hover, .btn-primary:focus {
  background-color: #367fa9 !important; }

.btn-color {
  background-color: #00a65a !important;
  border-color: #008d4c !important; }

.btn-color:hover, .btn-color:active, .btn-color.hover, .btn-color:focus {
  background-color: #008d4c !important; }

.row-search-hidden {
  display: inline-block;
  width: 100%;
  background: #f4f4f4;
  padding: 10px 0; }

.upload-file {
  background: #eee;
  padding: 10px; }

.file-new {
  padding: 10px 0;
  display: none; }

.col-btn {
  padding: 10px 0; }

.box-themmoi {
  display: none;
  margin-top: 10px; }

.radio label {
  margin-right: 10px; }

.box-themmoi .radio {
  padding: 0 15px; }

.row-themmoi {
  background: #eee;
  display: inline-block;
  width: 100%;
  padding-bottom: 10px; }

.control-label {
  margin-bottom: 0;
  padding-top: 7px;
  text-align: right; }

.form-group label strong {
  color: red; }

.margin-top {
  margin: 10px 20px;
  background: #eee;
  padding: 10px 20px; }

/** table ***/
.table {
  background-color: #fff; }

.table-bordered {
  border: 1px solid #f4f4f4; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td, .table_1 > thead > tr > th, .table-striped > thead > tr > th, .table-striped > tbody > tr > td {
  border: 1px solid #dddddd !important; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table_1 > thead > tr > th, .tablelienthong > tbody > tr > th, .table-striped > thead > tr > th {
  background-color: #f5f4f9 !important;
  background-image: linear-gradient(to bottom, #f5f4f9 0%, #eceaf3 100%) !important;
  background-repeat: repeat-x; }

.table_1 > thead > tr > th, .table_1 > thead > tr > th > label, .tablelienthong > tbody > tr > th, .tablelienthong > tbody > tr > th > label {
  color: #333333 !important;
  line-height: normal; }

.open-duthao {
  background: #fff; }

.show-table {
  background: #3c8dbc;
  padding: 2px;
  margin-top: 10px; }

.show-table > .table {
  margin-bottom: 0; }

.font-weight {
  font-weight: normal;
  color: #017eb6; }

.table-phienban {
  margin-bottom: 0;
  /*word-wrap:break-word;table-layout: fixed;*/ }

.table-phienban > tbody > tr {
  border-bottom: 1px solid #ddd; }

.table-phienban > tbody > tr:last-child {
  border-bottom: 0; }

.table-phienban > tbody > tr > td {
  border-top: 0;
  border-bottom: 0;
  vertical-align: middle; }

.phienban {
  padding: 0 !important; }

.table-phienban .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  text-align: right;
  width: 125px; }

.aui .table {
  border-collapse: collapse !important; }

.table-phienban > tbody > tr > td > br {
  margin-bottom: 5px; }

.bg-phienban {
  background: #eee; }

.themphienban {
  padding: 10px 0; }

.help-block {
  color: red; }

.add-row {
  display: none; }

.nhom {
  margin: 10px 0px;
  background: #eee;
  padding: 10px 5px; }

/*** bang ghi chu *****/
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body, .alert-block.popup-alert-notice {
  background-color: #dd4b39 !important; }

.callout.callout-danger {
  border-color: #c23321; }

.callout {
  border-radius: 3px;
  margin: 0 0 20px;
  padding: 15px 30px 15px 15px;
  color: #fff;
  border-left: 5px solid #eee; }

.callout h4 {
  font-weight: 600;
  margin-top: 0; }

.callout p:last-child {
  margin-bottom: 0; }

.alert-danger, .alert-error, .alert-block.popup-alert-notice {
  border-color: #c23321 !important; }

.alert, .alert-block.popup-alert-notice {
  border-radius: 3px !important;
  color: #fff !important;
  margin: 10px 0 0 !important; }

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
  background-color: #00c0ef !important; }

.callout.callout-info {
  border-color: #0097bc; }

.alert-info {
  border-color: #00acd6; }

dt span {
  font-weight: normal; }

/*** cac icon nut bam ***/
ul.taskInfo {
  margin: 5px 0;
  padding: 0; }

ul.taskInfo li {
  display: inline-block;
  list-style-type: none;
  margin: 0; }

.infoContainer {
  margin-top: 5px; }

.btn-light-grey {
  background: transparent !important;
  border: transparent !important;
  color: #3c8dbc !important;
  font-size: 13px !important; }

.btn-light-grey:hover {
  color: #605ca8 !important; }

.width-auto {
  display: inline !important;
  float: right !important;
  margin: 5px 0 5px 5px !important;
  width: auto !important; }

/*** fotter ***/
.main-footer {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #d2d6de;
  color: #444;
  padding: 15px;
  margin-left: 230px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  z-index: 820; }

#footer {
  background: #fff;
  bottom: 0;
  color: #444;
  padding: 10px;
  position: absolute;
  width: 100%;
  z-index: 1000;
  border-top: 1px solid #d2d6de;
  margin-top: 10px;
  font-size: 13px;
  text-align: center; }

.open {
  display: block !important; }

.lfr-icon-menu {
  display: inline-block !important; }

/*Huyvh hack css theme*/
.portlet-column-content.empty {
  padding: 0xp !important; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 0px !important; }

h1.portlet-title {
  margin: 0px !important;
  height: 10px !important; }

h1.portlet-title span {
  display: none !important; }

/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
input.form-control, select.form-control, input.field {
  height: 28px !important;
  padding: 2px 12px !important;
  width: 100% !important; }

.input-checkbox-wrapper input.field {
  height: auto !important; }

.input-checkbox-wrapper label {
  font-weight: normal !important; }

.aui textarea {
  width: 100%;
  max-width: 100% !important; }

.aui input[type="text"], .aui input[type="password"], .aui input[type="datetime"], .aui input[type="datetime-local"], .aui input[type="date"], .aui input[type="month"], .aui input[type="time"], .aui input[type="week"], .aui input[type="number"], .aui input[type="email"], .aui input[type="url"], .aui input[type="search"], .aui input[type="tel"], .aui input[type="color"], .aui .uneditable-input {
  /* background-color: #fff !important;
   background-image: none !important;
   border: 1px solid #ccc !important;
   border-radius: 4px !important;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
   color: #555 !important;
   font-size: 14px !important;
   height: 28px !important;    
   padding: 2px 12px !important;
   width: 100% !important;*/
  border-radius: 4px !important;
  width: 100% !important;
  height: 28px !important;
  padding: 2px 12px !important; }

.aui input[type="text"] .hasDatepicker {
  border-radius-left: 0 !important;
  border-radius-bottom: 0 !important; }

.btn {
  box-shadow: none !important;
  text-shadow: none !important; }

.aui .alert, .aui .portlet-msg-alert, .aui .portlet-msg-error, .aui .portlet-msg-help, .aui .portlet-msg-info, .aui .portlet-msg-progress, .aui .portlet-msg-success {
  text-shadow: none !important; }

.aui .alert-danger h4, .aui .alert-error h4, .aui .portlet-msg-error h4 {
  color: #fff !important; }

/*.btn-xs, .btn-group-xs > .btn {
   border-radius: 3px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 1px 5px !important;
	border:none!important 
}*/
.btn-default {
  background: #50a2f5 !important;
  color: white !important;
  border: 0 !important; }

.aui .btn:focus, .aui .btn:active, .aui .btn:hover {
  color: white; }

.aui .btn {
  border-radius: 2px; }

.aui .btn-primary {
  background-image: none !important;
  text-shadow: none !important;
  padding: 3px 12px !important;
  background-color: #337ab7 !important;
  border: 1px solid #2e6da4 !important; }

.wd-user-name {
  color: #fff !important; }

.wd-user-top .wd-user-avatar {
  border: 2px solid #fff;
  border-radius: 2px;
  display: inline-block;
  margin-left: 5px;
  postion: relative; }

.wd-user-avatar img {
  height: 25px;
  max-width: 25px;
  width: 100%;
  border-radius: 50%; }

.wd-user-logout {
  background-color: transparent !important;
  border-radius: 2px !important;
  color: #fff !important;
  display: inline-block !important;
  font-weight: bold !important;
  margin-left: 5px !important;
  padding: 6px 18px !important; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-bottom: 10px !important; }

.upload:hover {
  background: #e7e7e7 !important;
  border-color: #adadad !important; }

.upload {
  background: white !important;
  border: 1px solid #cccccc !important;
  color: #333333 !important; }

.fa-circle-o:before {
  content: "\f105"; }

.table-data .btn-info {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  color: #000 !important;
  text-align: left !important;
  text-shadow: none !important;
  white-space: nowrap; }

.egov-button, a.egov-button {
  background: #00a65a;
  color: #fff;
  border-radius: 2px;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  border: 1px solid #008d4c;
  margin: 5px 5px 0 5px !important; }

a.egov-button:hover {
  color: #fff; }

.aui .btn-success, .btn-success, .btn-warning {
  background: #00a65a;
  border: 1px solid #008d4c; }

.aui .btn-success:hover, .btn-warning:hover, .btn-warning:active:focus, .btn-warning:active:hover {
  background: #00a65a;
  box-shadow: none;
  text-shadow: none;
  border: 1px solid #008d4c; }

.aui input[type="checkbox"] {
  margin-top: 4px !important; }

.aui .radio, .aui .checkbox {
  padding-left: 0; }

.margin-top .checkbox label {
  padding-left: 0 !important; }

.checkbox label {
  padding-left: 20px !important; }

.lfr-search-container {
  margin-top: 0; }

.infoContainer-2.tDetail .form_uni {
  background: #eeeeee !important; }

.aui ul, .aui ol {
  margin: 0; }

.aui form {
  margin: 0;
  width: 100%;
  display: inline-block; }

.row-button .btn {
  border-raidus: 3px;
  border: 1px solid #d73925; }

.aui .btn-info {
  padding: 3px 12px; }

.btn-info {
  background: #50a2f5; }

.aui .btn-info:hover {
  color: #00c0ef !important; }

.aui input.btn-info:hover {
  color: white !important; }

/*css core*/
.form_uni {
  background: none !important; }

.alert .alert-success {
  background: #dff0d8 !important;
  color: #3c763d !important;
  border-color: #d6e9c6 !important; }

/*fix css dialog */
/* fix css dialog message */
div#confirmBox {
  background: #fff !important;
  border-radius: 5px;
  border: 1px solid #ccc !important; }

#confirmBox h1 {
  color: #000 !important;
  font-family: arial !important;
  padding-left: 5px !important;
  background: #fff !important;
  padding-top: 5px !important;
  display: none !important; }

#confirmBox p {
  color: #000 !important;
  font-family: arial !important;
  padding-left: 5px !important;
  padding-top: 0 !important;
  margin-bottom: 0px !important;
  font: normal !important;
  font-size: 14px !important; }

div#confirmButtons {
  font-family: arial !important;
  background: white !important;
  border-top: 1px solid #005a93 !important; }

#confirmBox .blue {
  background: #00a65a none repeat scroll 0 0 !important;
  border: 1px solid #00a65a;
  border-radius: 3px !important;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857 !important;
  margin: 5px 0 0 5px !important;
  padding: 6px 12px !important;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }

#confirmBox .gray {
  background: #d73925 none repeat scroll 0 0 !important;
  border: 1px solid #d73925;
  border-radius: 3px !important;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857 !important;
  margin: 5px 0 0 5px !important;
  padding: 6px 12px !important;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }

#confirmBox .button span {
  background: none !important; }

#confirmBox .blue {
  text-shadow: none !important; }

#confirmBox .gray {
  text-shadow: none !important; }

#confirmBox {
  margin-left: -155px !important;
  width: 300px !important; }

/*ket thuc*/
.alert-dismissable h4 {
  color: #333333 !important; }

.input-group {
  margin-bottom: 15px; }

label {
  font-weight: bold !important; }

.aui select {
  width: 100% !important; }

.input-group .form-control:not(:first-child):not(:last-child) {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49% !important; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 5px; }

.alert-dismissable {
  background: #eeeeee !important;
  border-color: #474747; }

.aui dt, .aui dd {
  color: #333; }

input.error, select.error {
  border: 1px solid red !important; }

.input-checkbox-wrapper input.field {
  width: auto !important; }

.input-checkbox-wrapper {
  height: 30px !important;
  line-height: 30px !important; }

.row-button .btn {
  /*background:none!important*/ }

input.btn_delete, button.btn_delete, a.btn_delete, a.btn-danger, a.btn_delete, button.btn_delete, .row-button .btn {
  background: #d9534f !important;
  border: 1px solid #d43f3a !important;
  color: #fff; }

.linkPhanPhoi:before {
  content: "\f1e0"; }

.linkTLGY:before {
  content: "\f1e4"; }

.linkPheDuyet:before {
  content: "\f044"; }

.linkXuatBan:before {
  content: "\f046"; }

.linkUpdate:before {
  content: "\f044"; }

span.text-center {
  display: block;
  font-weight: bold; }

span.text-right {
  width: 100%;
  background: #eee;
  display: block; }

span.text-right > .btn1 {
  white-space: nowrap; }

.sidebar-menu .active > a > span, .sidebar-menu .active > a > i {
  color: #fff; }

.treeview-menu li > a > span {
  padding-right: 5px; }

.treeview-menu .active > a > i {
  color: #333; }

.treeview-menu .active > a > span {
  color: #3c8dbc; }

.alertMain {
  right: 14px;
  top: 27px;
  box-shadow: 1px 1px 3px #ccc;
  background: #fff; }

.alertMain ul {
  max-height: 250px;
  overflow-y: auto; }

.alertMain ul li {
  border-bottom: 1px solid #f4f4f4;
  font-size: 14px;
  max-width: auto !important;
  min-width: auto !important; }

.alertMain ul li a {
  padding: 10px;
  color: #444444 !important;
  font-weight: normal;
  font-family: 'FontAwesome';
  display: block;
  padding-left: 10px; }

/*.alertMain ul li a:before {content: "\f105";}*/
.alertMain ul li a:hover {
  color: #444444 !important;
  background: #f4f4f4 !important; }

.input-group .form-control:last-child {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.aui .row {
  margin-left: -15px; }

.input-group .form-control {
  margin-bottom: 0 !important; }

.aui .alert-success, .aui .portlet-msg-success {
  display: none; }

.show-shitiet {
  display: inline-block;
  width: 100%; }

.panel {
  border: 1px solid #ddd;
  border-radius: 0; }

.panel-heading {
  padding: 0; }

.nav-tabs {
  background: #eee;
  border-bottom: 1px solid #ddd; }

.aui .nav-tabs > li, .aui .nav-pills > li {
  background: #fff;
  margin-bottom: 1px;
  border-right: 1px solid #ddd; }

.aui .nav-tabs > li > a {
  border: 0;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 6px; }

.aui .nav-tabs > .active > a, .aui .nav-tabs > .active > a:hover, .aui .nav-tabs > .active > a:focus {
  border: 0;
  background: #0083c7;
  color: #fff;
  font-weight: bold; }

.aui .nav-tabs > li > a:hover, .aui .nav-tabs > li > a:focus {
  background: none;
  color: red;
  border: 0; }

.aui .nav-tabs > li > a, .aui .nav-pills > li > a {
  margin-right: 0; }

.aui .nav-tabs {
  border-bottom: 0; }

.media-body strong {
  font-size: 14px; }

.media-body small.pull-right {
  font-size: 13px;
  font-weight: bold;
  color: #0083c7; }

.box-noidung {
  padding: 15px;
  margin-bottom: 20px; }

.box-noidung .form-control {
  width: 100% !important; }

.divTab {
  width: 100%;
  display: inline-block;
  margin-bottom: -5px; }

.btn-dangxuly, .btn-xulygap, .btn-quahan {
  float: left;
  padding: 4px 12px;
  color: white !important;
  cursor: pointer;
  display: inline-block;
  background: #5bc0de;
  border: 1px solid #46b8da; }

.btn-dangxuly:hover, .btn-xulygap:hover, .btn-quahan:hover, .divTab .active {
  background: #00a65a;
  border: 1px solid #008d4c; }

/*.btn-dangxuly {background:#337ab7;border:1px solid #2e6da4}
.btn-xulygap {background:#5bc0de;border:1px solid #46b8da}
.btn-quahan {background:#d9534f;border:1px solid #d43f3a}*/
.divTab {
  background: #eee; }

.alertTopRight {
  right: -7px; }

.menuxuly {
  background: #eee; }

.linkShowChuyenHoSo {
  margin-top: -18px;
  height: 16px;
  line-height: 9px !important; }

.avatar-officer {
  background: #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px; }

#avatar-file img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin-bottom: 5px; }

.current-page-menu .btn:hover, .lfr-icon-menu .btn {
  color: #333333 !important; }

.modal-lg {
  width: 90%; }

#viewFile .modal-lg .modal-body {
  max-height: 100% !important;
  height: 780px; }

.iframefile {
  width: 100%;
  height: 100%;
  border: 0;
  height: 100%; }

.aui .modal {
  background: none; }

.aui .modal {
  width: auto;
  margin-left: -50%; }

.modal-title {
  font-size: 18px;
  text-transform: uppercase; }

#viewFile {
  top: 5px; }

/*.modal-lg .modal-header {display:block}
.modal-header {display:none}*/
@media (max-width: 768px) {
  .main-sidebar {
    width: 65px; }

  .content-wrapper {
    margin-left: 65px; }

  .sidebar-mini.sidebar-collapse .main-sidebar {
    width: 230px !important; }

  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 230px !important; } }
 /*
 .aui .alert, .aui .portlet-msg-alert, .aui .portlet-msg-help, .aui .portlet-msg-info, .aui .portlet-msg-progress, .aui .portlet-msg-success
.alert-block.popup-alert-notice, .alert-block.popup-alert-warning {
    left: 0;
    line-height: 30px;
    padding: 9px 14px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}*/
.box-timkiem {
  width: 100%;
  display: inline-block; }