body {
    font-size: 12px;
}
body .main-panel {
    background-color: #f6f8fc;
}
.main-panel .navbar{
    margin-top: 0px;
}
.main-panel .navbar {
    border-bottom: 2px solid #003f7e;
}
.navbar .breadcrumb {
    margin: 0px;
    padding: 0px 0px 0px 15px;
    background-color: #FFF;
}
.navbar .breadcrumb .breadcrumb-item a {
    font-size: 18px;
    color: #aaaaaa;
    font-weight: bold;
}
.navbar .breadcrumb .breadcrumb-item span {
    font-size: 18px;
    color: #003f7e;
    font-weight: bold;
    text-transform: uppercase;
}
.navbar .breadcrumb-item+.breadcrumb-item::before {
    font-size: 18px;
    font-weight: bold;
}
.navbar .navbar-nav .nav-item .nav-link {
    line-height: 20px;
}
.navbar .navbar-nav .nav-item .nav-link [class^="fa"] {
    line-height: 20px;
}
.main-panel .btn {
    text-transform: none;
    border-radius: 2px;
    padding: 4px 20px;
    color: #fff;
}
.main-panel .btn-icon {
    padding: 4px 5px;
}
.main-panel .btn-primary {
    border-color: #003f7e;
    background-color: #003f7e;
}
.main-panel .btn-primary:hover {
    border-color: #003972;
    background-color: #003972;
}
.btn-warning, .btn-warning:hover, .btn-warning:focus{
    background-color: #ff9510;
    border: 1px solid #ff9510;
}
.main-panel .bootstrap-table .table > thead > tr > th {
    color: #FFF;
    text-transform: capitalize;
    font-size: 13px;
    border: 1px solid #adb2b4;
    padding: 6px 5px;
    white-space: nowrap;
}
.main-panel .bootstrap-table .table > thead > tr > td {
    border: 1px solid #adb2b4;
}
.main-panel .bootstrap-table .table > thead > tr > th.VueTables__sortable {
    padding-right: 20px;
}
.VueTables__sort-icon {
    position: absolute;
    right: 0px;
}

.table .btn {
    border: none;
}
.table .table-action {
    padding:0px 2px;
}
.main-panel .card .table tbody td:last-child, .main-panel .card .table thead th:last-child {
    display: table-cell;
}
label.required::after {
    content: "*";
    color: red;
    font-weight: bold;
    padding-left: 3px;
}
.header-line {
    position: relative;
    margin: 20px 0px;
}
.header-line span {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 2;
    padding: 0px 8px;
    margin-left: 25px;
    background-color: #FFF;
    position: relative;
}
.header-line::before {
    content: "";
    width: 100%;
    border-top: 2px solid #DDD;
    height: 2px;
    left: 0;
    top: 50%;
    display: block;
    position: absolute;
    z-index: 1;
}
.nav-tab__item {
    cursor: pointer;
}

.wrapper .funds-list {
    text-align: center;
}
.wrapper .funds-list .btn {
    margin: 0px 5px;
}
.wrapper #funds-dropdown {
    display: block;
    cursor: pointer;
}
.wrapper #funds-dropdown i {
    margin:0px 0px 0px 15px;
}
.table-hover thead th {
    background: #003f7e;
}
.table-hover tbody td {
    background-color: #fff;
}
.table-hover tbody tr:hover td {
    background-color: #dadada;
}
.table-hover tbody tr:nth-child(2n) td {
    background-color: #ebf1f7;
}
.main-panel .content {
    padding:20px 20px 0px 20px;
}
.breadcrumb {
    background-color: #f6f8fc;
    padding: 0px;
}
.breadcrumb li {
    line-height: 18px;
}
.breadcrumb li a {
    font-size: 13px;
    color: #000;
}
.breadcrumb li span {
    font-size: 13px;
    font-weight: bold;
    color: #003F7E;
}
.navbar .navbar-nav .nav-item .nav-link {
    color: #FFF;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #FFCC;
}
.card {
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}
.card .card-body {
    padding: 15px;
}
.card .card-body label {
    text-transform: none;
}
.card .card-header {
    height: 38px;
    line-height: 38px;
    padding: 0px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    background-color: #003f7e;
}
.card .card-header.card-header-yellow {
    background-color: #ffc000;
    color: #333;
}
.card .card-title {
    margin-bottom: 15px;
}
.card-title {
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #809fbe;
    margin-bottom: 15px;
    padding-left: 25px;
    background: url('/backend/img/card-title-bg.png') no-repeat left center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.row.bb1::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #DDE4EB;
    margin: -8px 15px 0px 15px;
}
.row.bt2::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ff9510;
    margin: -8px 15px 0px 15px;
}
.row.bt1::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ff9510;
    margin: -8px 15px 0px 15px;
}
.wrapper .form-control {
    border-radius: 2px;
    border-color: #BCBCBC;
    height: 30px;
    padding: 4px 10px;
    font-size: 13px;
}
.wrapper textarea.form-control {
    height: auto;
}
.wrapper select.form-control:not([size]):not([multiple]) {
    height: 30px;
}
.tree-view::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.tree-view::-webkit-scrollbar-track {
    background: #d7d9e2;
    border-radius: 3px;
}
.tree-view::-webkit-scrollbar-thumb {
    background: #7e7e84;
    border-radius: 3px;
}
.tree-view::-webkit-scrollbar-thumb:hover {
    background: #ff9510;
}
.navbar {
  z-index: 20;
}
.btn-add-row {
  width: 40px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #BCBCBC;
  box-sizing: border-box;
  border-radius: 2px;
  position: relative;
  display: inline-block;
}
.btn-add-row:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 0px;
  border: 1px solid #F08300;
  transform: rotate(
    90deg
  );
  top: 12px;
  left: 12px;
}
.btn-add-row:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 0px;
  border: 1px solid #F08300;
  transform: rotate(
    0deg
  );
  top: 12px;
  left: 12px;
}

.btn-add-row-bold {
  width: 40px;
  height: 30px;
  border: 1px solid #BCBCBC;
  box-sizing: border-box;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  border: none;
  background: #003f7e;
  box-sizing: border-box;
  cursor: pointer;
}
.btn-add-row-bold:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 0px;
  border: 1px solid #fff;
  transform: rotate(
    90deg
  );
  top: 14px;
  left: 12px;
}
.btn-add-row-bold:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 0px;
  border: 1px solid #fff;
  transform: rotate(
    0deg
  );
  top: 14px;
  left: 12px;
}
/**********/
.wrapper .multiselect--active {
    z-index: 5;
}
.wrapper .multiselect, .wrapper .multiselect__tags {
  min-height: 30px;
}
.wrapper .multiselect__select {
	height: 28px;
	width: 28px;
}
.wrapper .multiselect__tags {
	padding: 3px 40px 0 5px;
	border-radius: 0px;
	border-color: #BCBCBC;
	font-size: 12px;
}
.wrapper .multiselect__input, .wrapper .multiselect__single {
	margin-bottom: 0px;
}
.wrapper .multiselect__spinner {
	width: 28px;
	height: 28px;
}
.wrapper .multiselect__content {
    /* min-width: calc(100% - 15px); */
    overflow-x: hidden;
}
.wrapper .multiselect__content-wrapper {
    box-shadow: 0px 5px 5px rgb(0 0 0 / 15%);
}
.wrapper .multiselect__content-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.wrapper .multiselect__content-wrapper::-webkit-scrollbar-track {
    background: #d7d9e2;
    border-radius: 3px;
}
.wrapper .multiselect__content-wrapper::-webkit-scrollbar-thumb {
    background: #7e7e84;
    border-radius: 3px;
}
.wrapper .multiselect__content-wrapper::-webkit-scrollbar-thumb:hover {
    background: #ff9510;
}
.wrapper .multiselect__element {
    border-top: 1px solid #DDD;
}
.wrapper .multiselect__content .employee-result-header {
    padding: 10px 0px;
    font-weight: bold;
    font-size: 12px;
}
.wrapper .multiselect__content .employee-result-option {
    font-size: 12px;
}
.wrapper .multiselect .multiselect__input {
    font-size: 13px;
}
.wrapper .multiselect .multiselect__option {
    padding: 8px 12px;
    min-height: auto;
}
/**********/
.paperclip-cv {
  font-size: 18px!important;
  margin-right: 5px;
  cursor: pointer;
  color: #043B72;
}
.custom-vuetable {
    margin-bottom: 30px;
}
.custom-vuetable .card-title {
  margin-bottom: 0;
}
.custom-vuetable .card-body {
  padding-top: 0;
}
.custom-vuetable .nuxt-data-filter {
  margin: 0!important;
}
.custom-vuetable .nuxt-table-scroll {
  border-top: none!important;
}
.list-collection .title {
    font-weight: bold;
    line-height: 20px;
    min-height: 20px;
}
.list-collection .bb1 .title {
    padding-bottom: 12px;
}
.list-collection .bb1 .data {
    padding-bottom: 12px;
}
.modal-xl {
    max-width: 980px;
}
.modal-xxl {
    max-width: 1180px;
}
.form-check .form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 12px;
}
.form-check-radio {
    margin-bottom: 4px;
}
.form-check.form-check-radio .form-check-label {
    padding-left: 2.2rem;
    margin-bottom: 0px;
}
.font-13 {
    font-size: 13px;
}
.font-11 {
    font-size: 11px;
}
label.col-form-label {
    font-size: 0.75rem;
    font-weight: bold;
}
.tabbar-custom {
    margin: 15px -15px 0px -15px;
}
.tabbar-custom .nav-tabs {
    padding-left: 15px;
}
.tabbar-custom .nav-tabs .nav-link {
    font-size: 13px;
}
.tabbar-custom .nav-tabs .nav-link.active {
    background: #003f7e;
    color: #fff;
    border-bottom-color: #003f7e;
}
.tabbar-custom .tab-content .tab-pane {
    padding: 0px;
}
.tabbar-custom .tab-content .nuxt-data-table {
    margin: 0px;
}
.tabbar-custom .tab-content .nuxt-table-scroll {
    border-top: none;
}
.tabbar-custom .show .btn-info.dropdown-toggle {
    background-color: #FFF;
    border-color: #FFF;
}
.navbar .navbar-nav .nav-item .nav-link {
    padding: 10px 0px 10px 15px;
    font-size: 13px;
    font-weight: normal;
}
/*login*/
.full-page:before {
    background: #f6f8fc;
    opacity: 1;
}
.card.card-login {
    box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);
    padding-bottom: 15px;
}
.form-auth .form {
    width: 530px;
    height: 397px;
    margin: 0 auto;
}
.form-auth .card-body {
    width: 362px;
    margin: 0 auto;
    padding: 0;
}
.form-auth .card-header {
    background-color: #fff;
    height: 76px;
    width: 362px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 16px;
}
.form-auth .card-header .header {
    color: #043B72;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    border-bottom: 2px solid #f6c190;
    padding-bottom: 20px;
}
.form-auth .card-body input {
    height: 36px;
}
.form-auth .action {
    display: flex;
    margin-top: 20px;
}
.form-auth .action .text-right {
    border-right: 1px solid #666;
}
.form-auth .action a {
    display: block;
    color: #000000;
    font-size: 13px;
    line-height: 21px;
}
.form-auth .card-footer {
    text-align:center;
}
.form-auth .btn-blue {
    background: #003F7E;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-style: normal;
    font-weight: bold;
    border: none;
}
.logo {
    margin-bottom: 8px;
}
._vue-flash-msg-body ._vue-flash-msg-body__title {
    display: none;
}
._vue-flash-msg-body__content {
    padding-top: 15px;
}
.modal .modal-body label {
    text-transform: none;
}
/**********/
.dashboard .page-title {
  color: #003F7E;
  font-weight: 700;
  font-size: 18px;
  align-items: center;
}
.dashboard .page-header span {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.shortcuts {
  margin: -15px 0px 15px 0px;
}
.shortcuts a {
  display: block;
  background: white;
  box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin: 15px 0px;
  overflow: hidden;
  height: 80px;
  line-height: 80px;
  color: #003F7E;
  text-align: center;
}
.shortcuts a:hover {
  background: #003f7e;
  color: white;
}
.shortcuts a span {
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
  line-height: 18px;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
}
.notification-content {
  margin-top: 30px;
}
.notification-content .card {
  padding-top: 20px;
}
.notification-content .card .card-header {
  background-color: white;
}
.notification-content .card .card-header .time-update{
  color: #666666;
  font-size: 11px;
}
.notification-content .card .card-header .card-header-inner{
  padding: 7px 0 7px 30px;
  border-bottom: 1px solid #1a1a1a;
  position: relative;
  overflow: hidden;
}
.notification-content .card .card-header .card-header-inner .title {
  font-size: 14px;
  color: #333333;
  line-height: 17px;
}
.notification-content .card .card-header .card-header-inner:before {
  content: "";
  position: absolute;
  top: -110px;
  left: -18px;
  border-left: 45px solid #003f7e;
  border-top: 0px solid transparent;
  border-bottom: 155px solid transparent;
  transform: rotateX(180deg);
}
.notification-content .card .card-header .card-header-inner:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 5px;
  border-left: 30px solid #FEA02F;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(-90deg);
}
.notification-content .card .card-header .card-header-inner p {
  margin-bottom: 0;
}
.notification-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.notification-list li {
  padding: 15px 15px;
  margin: 0px -15px;
  border-bottom: 1px solid #DDE4EB;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  cursor: pointer;
}
.notification-list li:hover {
	background-color: #EEE;
}
.notification-list li a {
	color: #000000;
}
.read-more {
  text-align: center;
  padding-top: 15px;
}
.read-more a{
  color: #F08300;
}
.box-image {
  max-width: 250px;
}
.card-header .edit i {
    color: #FFF;
}
.toolbox {
    text-align: right;
}
.toolbox .btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px;
    background-color: #FFF;
}
.toolbox .btn i {
    font-size: 20px;
    font-weight: normal;
}
.toolbox .btn-excel {
    color: #04aa6d;
}
.toolbox .btn-pdf i {
    color: #FF0000;
}
.employee-profile {
    width: 1000px;
    margin: 0px auto;
}
.employee-profile-view {
    padding: 30px;
    border: 1px solid #333;
}
.employee-profile h1 {
    margin: 10px 0px 30px 0px;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}
.employee-profile table {
    width: 100%;
}
.employee-profile .box h3 {
    margin: 25px 0px 5px 0px;
    font-size: 14px;
    font-weight: normal;
}
.employee-profile .box table {
    border: 1px solid #333;
}
.employee-profile .box table table {
    border: none;
}
.employee-profile .box table th {
    text-align: right;
}
.employee-profile .box-orange table th {
    background-color: #003f7e;
    color: #FFF;
    text-align: right;
}
.employee-profile .box-list table th, .employee-profile .box-list table td {
    text-align: center;
}
.employee-profile .box table th, .employee-profile .box table td {
    padding: 3px 5px;
}
.employee-profile .box-orange table th, .employee-profile .box-orange table td {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
.dynamic-form-template {
    border: 1px solid #000;
    margin: auto;
}
.dynamic-form-template input {
    width: 100%;
    background-color: #FFFCCC;
}
.dynamic-form-template input.disabled {
    background-color: #FFF;
}
.dynamic-form-template input.auto {
    width: auto;
}
.input-group-quantity .btn-outline-secondary {
    padding: 4px 8px;
    background-color: #FFF;
    border-color: #CCC;
    color: #333;
}
.input-group-quantity .btn-outline-secondary:first-child {
    border-radius: 2px 0px 0px 2px;
    margin-right: -1px;
}
.input-group-quantity .btn-outline-secondary:last-child {
    border-radius: 0px 2px 2px 0px;
    margin-left: -1px;
}
.organization-chart-history-toolbar {
    box-shadow: 0px 1px 5px rgb(0 0 0 / 25%);
    padding: 18px 15px 0px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.organization-chart-history-toolbar .form-group {
    margin-bottom: 0px;
}
.organization-chart-history-list {
    width: 250px;
    margin-right: 15px;
    float: left;
}
.organization-chart-history-list .nuxt-data-filter .col-md-3, .organization-chart-history-list .nuxt-data-filter .col-md-6  {
    padding: 0px 5px;
}
.organization-chart-history-list .nuxt-data-filter .btn {
    padding: 4px 10px;
}
.organization-chart-history-list tr {
    cursor: pointer;
}
.organization-chart-history-list .selected {
    font-weight: bold;
    color: #F08300;
}
.main-panel table.table-leave-config th, .main-panel table.table-leave-config td {
    text-align: center;
}
.main-panel table.table-leave-config th {
    text-transform: none;
    font-weight: bold;
    color: #333;
    border: 1px solid #adb2b4;
    background-color: #ffc000;
}
.main-panel table.table-leave-config th, .main-panel table.table-leave-config td {
    padding: 5px 5px;
    font-size: 13px;
}
.main-panel table.table-leave-config th:last-child, .main-panel table.table-leave-config td:last-child {
    padding-right: 5px;
}
.main-panel table.table-leave-config td .form-group {
    margin-bottom: 0px;
}
.main-panel table.table-leave-config td .form-control {
    padding: 4px 2px;
    text-align: center;
}
.check-list {
    padding: 0px 0px;
}
.check-list .check-list-item label {
    line-height: 25px;
    margin-bottom: 0px;
    font-weight: normal;
}
.has-error .check-list .check-list-item label {
    color: #FF0000;
}
.check-list-horizontal {
    margin: 0px -10px;
}
.check-list-horizontal .check-list-item {
    float: left;
    margin: 0px 10px;
}
.check-list .check-list-item i.fa {
    font-size: 11px;
    color: #003f7e;
}
.check-list.check-list-disabled .check-list-item i.fa {
    color: #666;
}
table.table-approve-step {
    margin: -10px 0px 20px 0px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
}
table.table-approve-step thead tr th {
    padding: 5px;
    width: 280px;
    background-color: #FFF;
    font-weight: bold;
    font-size: 13px;
    color: #999;
    border-bottom: 1px solid #DDD;
    position: relative;
}
table.table-approve-step thead tr th::after {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #F08300;
    content: '\2192';
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -14px;
    margin-right: -12px;
    z-index: 2;
}
table.table-approve-step thead tr th:last-child::after {
    display: none;
}
table.table-approve-step tbody tr td {
    padding: 5px;
    background-color: #FFF;
    border-right: 1px solid #DDD;
}
table.table-approve-step tbody tr td:last-child {
    border-right: none;
}
table.table-approve-step tbody tr td div span.text-success::before, table.table-approve-step tbody tr td div span.text-danger::before {
    content: '-';
    color: #333;
}
table.table-approve-step tbody tr td div span.time {
    font-size: 11px;
    color: #999;
}
table.table-approve-step tbody tr td div span.time::before {
    content: '(';
}
table.table-approve-step tbody tr td div span.time::after {
    content: ')';
}
.notifications .dropdown-menu .dropdown-item {
    font-size: 13px;
    border-bottom: 1px solid #DDD;
    inline-size: 600px;
    white-space: normal;
}
/*.notifications .dropdown-menu .dropdown-item span::after {*/
/*    content: '|';*/
/*    color: #999;*/
/*    padding-left: 5px;*/
/*}*/
.notifications .dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
}
.notifications .dropdown-notification {
    padding: 0px;
}
/* p.col-form-label {
    min-height: 46px;
} */
.table tfoot td, .table tfoot th {
    background-color: #E9E9E9;
}
.row-no-padding {
    margin: 0px;
}
.row-no-padding .col {
    padding: 0px;
}
.wrapper .table-welfare .form-control {
    padding: 4px;
}
.welfare-table {
    width: 100%;
}
.welfare-table thead {
    background-color: #ffc000;
}
.welfare-table th, .welfare-table td{
    padding: 5px 10px;
    border: 1px solid #BCBCBC;
    text-align: center;
}
.welfare-request-detail .welfare-table {
    margin: 20px 0px;
}
.modal .modal-content .modal-header {
    /* border-bottom: 2px solid #003f7e; */
    background-color: #003f7e;
    color: #FFF;
    padding: 8px 24px 5px 24px;
    border-radius: 10px 10px 0px 0px;
}
#navbarDropdownLanguage {
    margin-top: 17px;
}
#navbarDropdownLanguage .flag {
    height: 22px;
    display: block;
    margin: 0px 5px 0 10px;
}

#navbarDropdownLanguage .no-icon {
    display: none;
}
.navbar .navbar-nav #navbarDropdownLanguage.dropdown-toggle:after {
    margin-top: 10px;
}
.page-auth #navbarDropdownLanguage {
    margin-top: 2px;
}
.page-auth .navbar > .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
.notifications #notification {
    position: relative;
    padding: 10px 0px;
    width: 22px;
    cursor: pointer;
}
.notifications #notification > i {
    font-size: 22px;
}
.notifications #notification span.notifications-count {
    position: absolute;
    color: #f2911f;
    font-size: 10px;
    margin: 2px 0px 0px 0px;
    text-align: center;
    width: 100%;
}
.nav-link .username {
    line-height: 18px;
    width: 60px;
    height: 36px;
    overflow: hidden;
    margin: 4px 0px 0px 0px;
    cursor: pointer;
}
.nav-link .fullname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
/***********/
.wrapper .sidebar .logo .simple-text span {
    padding-left: 15px;
}
.wrapper .sidebar .nav .nav-item .nav-link {
    margin: 0px;
}
.wrapper .sidebar .nav .nav-item .nav-link {
    padding: 6px 5px 6px 5px;
}
.wrapper .sidebar .item-side-bar .nav .nav-item .nav-link {
    padding: 3px 10px;
}
.wrapper .sidebar .sidebar-wrapper .nav .nav-item [data-toggle='collapse'] ~ div .nav .nav-item .nav-link {
    font-size: 14px;
    padding-left: 10px;
}
.wrapper .sidebar .sidebar-wrapper .nav-item.active {
    background-color: #007bff;
}
.wrapper .sidebar .sidebar-wrapper .nav-item.active .nav-link {
    background: none !important;
}
.wrapper .sidebar .sidebar-wrapper .nav-item.active .nav-link span {
    color: #FFF;
}
.wrapper .item-side-bar img {
    width: 20px;
    margin-right: 15px;
}
.wrapper .sidebar .sidebar-wrapper .nav .nav-link p {
    text-transform: none;
    font-weight: normal;
    font-size: 15px;
}
/* .wrapper .sidebar .sidebar-wrapper .nav .nav-item [data-toggle='collapse'] ~ div .nav .nav-item.active .nav-link {
    background-color: #FFF;
} */
.wrapper .sidebar .nav .nav-item .nav-link i {
    font-size: 12px;
}
.wrapper .sidebar .user .info > a {
    padding: 8px 5px 8px 0px;
    font-size: 13px;
}
.wrapper .sidebar .user .info .nav, .wrapper .sidebar .user .info .nav li {
    margin: 0px;
    padding: 0px;
}
.wrapper .sidebar .user .profile-dropdown .sidebar-normal {
    left: 5px;
}
.wrapper .sidebar .user .info .nav a {
    padding: 6px 0px;
}
.wrapper .sidebar .user .info .nav a span {
    font-size: 12px;
    text-transform: capitalize;
}
.wrapper .sidebar .user .photo {
    margin-left: 15px;
}
.wrapper .sidebar .user .info .caret {
    right: 0px;
}
.sidebar {
    position: absolute;
}
.wrapper .sidebar .sidebar-wrapper .nav .nav-link p {
    font-weight: bold;
    color: #003F7E;
}
.wrapper .sidebar .sidebar-wrapper .nav .nav-link .caret:before, .wrapper .sidebar .sidebar-wrapper .nav .nav-link .caret:after {
    background-color: #003F7E;
}
.wrapper .sidebar .sidebar-wrapper {
    overflow-x: hidden;
}
/* width */
.wrapper .sidebar .sidebar-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/* Track */
.wrapper .sidebar .sidebar-wrapper::-webkit-scrollbar-track {
    background: #d7d9e2;
    border-radius: 3px;
}
/* Handle */
.wrapper .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #7e7e84;
    border-radius: 3px;
}
/* Handle on hover */
.wrapper .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: #ff9510;
}
.navbar .navbar-toggler .burger-lines {
  background-color: #FFF;
}
.wrapper .sidebar .nav-mobile-menu {
  display: none;
}
.navbar .navbar-brand {
  opacity: 1;
}
.sidebar .user {
  margin-top: 0px;
  padding-top: 12px;
  padding-bottom: 11px;
  background-color: #003f7e;
}
.sidebar .user .photo .fa {
  font-size: 30px;
}
.sidebar .user .info .caret {
  top: 0px;
  margin: 3px 0px 0px 0px;
}
.wrapper .sidebar .user .info .nav {
  margin-top: 12px;
  padding: 8px 0px 0px 0px;
  border-top: 1px solid #CCC;
}
.wrapper .sidebar .user .profile-dropdown .nc-icon {
  margin-right: 6px;
}
.wrapper .sidebar .language-sidebar {
  position: relative;
  margin-top: -30px;
  height: 30px;
  background-color: #003f7e;
  z-index: 6;
  border-top: 1px solid #DDD;
}
.wrapper .sidebar .language-sidebar .row {
  margin: 0px;
}
.wrapper .sidebar .language-sidebar .col {
  padding: 5px 0px 0px 0px;
  text-align: center;
}
.wrapper .sidebar .language-sidebar .col img {
  height: 20px;
}
.wrapper .sidebar .language-sidebar .col .active img {
  filter: grayscale(60%);
  opacity: 0.5;
}
._vue-flash-msg-body_error {
  z-index: 1060;
}
/*****/
.dropdown-notification {
  margin-top: 10px;
  margin-right: -13px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}
.dropdown-notification .dropdown-items {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 10px;
}
.dropdown-notification .dropdown-items::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dropdown-notification .dropdown-items::-webkit-scrollbar-track {
  background: #d7d9e2;
  border-radius: 3px;
}
.dropdown-notification .dropdown-items::-webkit-scrollbar-thumb {
  background: #7e7e84;
  border-radius: 3px;
}
.dropdown-notification .dropdown-items::-webkit-scrollbar-thumb:hover {
  background: #f08300;
}
.dropdown-notification .dropdown-items .dropdown-item {
  display: inline-block;
  width: 600px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.navbar .navbar-nav .notifications .dropdown-toggle:after {
  margin-top: 9px;
}
.notify-message {
  font-size: 13px;
}
.notify-message p {
  padding: 8px 10px;
  border: 1px dashed #CCC;
  border-radius: 5px;
  background-color: #EEE;
  font-size: 13px;
}
/*****/
.table thead th {
    border-right: none;
}
@media (max-width: 991px) {
  .wrapper div.sidebar {
    display: block;
    position: fixed;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
  }
  .nav-open .main-panel {
    height: 100vh;
    overflow: hidden;
  }
  .navbar .navbar-brand {
    padding: 0px;
    height: 30px;
  }
  .navbar .navbar-brand .logo {
    margin: -10px 0px 0px 0px;
    height: 47px;
    position: absolute;
  }
}
.booking {
  background: #fb971ead;
}
.noneBook {
  background: #241a0d80;
}
.help-block {
  color: #fb404b;
  font-size: 0.75rem;
}
.show .btn-info.dropdown-toggle {
    background-color: #FFF;
}

.wrapper .notification-message textarea {
  height: auto;
}

.nuxt-table-scroll table thead th .fas {
  color: #9a9a9a;
}
.navbar .avatar {
    float: left;
    margin: 0px 10px 0px 0px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    background: #FFF;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
}
.navbar .avatar img {
    width: 100%;
    position: relative;
    margin-top: -5px;
}
.sidebar .user .photo img {
    position: relative;
    margin-top: -5px;
}
.progress .progress-title {
    padding: 0px 5px 0px 5px;
    margin-top: -1px;
    line-height: 12px;
    font-size: 10px;
    color: #FFF;
}
.progress:has(.progress-title) {
    height: 1.2em;
}
.progress .progress-bar {
    overflow: hidden;
}
button.pull-right {
    float: right;
}
.report-vsd-by-session .nuxt-data-filter {
    margin: 0px;
}
@media (min-width: 992px) {
    .card form div[class*='col-'] {
        padding: 0px 15px;
    }
}
.table-data-import-multi-file .btn {
  padding: 5px;
}
.table-data-import-multi-file .btn.btn-primary {
  color: #007bff;
}