@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@300;400;500;600;700&display=swap);
html, body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p, b, td, th, li 
{
	font-family: "Be Vietnam",sans-serif;
}
.cursor-pointer
{
  cursor: pointer;
}
.text-center {
  text-align: center;
}
label
{
  font-weight: 500!important;
}
::-webkit-scrollbar
{
  width: 10px;
  height: 10px;  
  background-color: #F5F5F5;
  border-radius: 10px;
}

/*.custom-scrollbar::-webkit-scrollbar-thumb*/
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: grey;
}
/*.custom-scrollbar::-webkit-scrollbar-track*/
::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
@media (max-width: 575.98px){
  .page-title-box .page-title-right {
      display: block!important;
      text-align: right;
  }
}
.form-label{
  margin-bottom: 0!important;
}

td{
  vertical-align: middle;
}

.page-link{
  min-height: 40px;
  min-width: 40px;
  text-align: center;
}

thead{
  border-style: hidden;
}

body[data-layout-mode=dark] .table > tbody tr
{
  border-bottom: 1px solid #0b334b!important;
}

body[data-layout-mode=dark] .table th,
body[data-layout-mode=dark] .table td,
body[data-layout-mode=dark] div.dataTables_wrapper div.dataTables_length label
{
  color: #adb5bd;
}

body[data-layout-mode=dark] .select2-container--default .select2-selection--single,
body[data-layout-mode=dark] .select2-container--default .select2-selection--multiple,
body[data-layout-mode=dark] .dataTables_wrapper .dataTables_length select.form-control,
body[data-layout-mode=dark] div.dataTables_wrapper div.dataTables_info,
body[data-layout-mode=dark] .select2-dropdown,
body[data-layout-mode=dark] .custom-file-label,
body[data-layout-mode=dark] .custom-file-label::after,
body[data-layout-mode=dark] .tox-tinymce
{ 
  background-color: #072435;
  border: 1px solid #0b334b!important;
  color: #adb5bd;
}
body[data-layout-mode=dark] .tox .tox-edit-area__iframe,
body[data-layout-mode=dark] .tox .tox-statusbar,
body[data-layout-mode=dark] .tox:not(.tox-tinymce-inline) .tox-editor-header,
body[data-layout-mode=dark] .tox .tox-menubar,
body[data-layout-mode=dark] .tox .tox-toolbar__primary,
body[data-layout-mode=dark] .tox-tinymce,
body[data-layout-mode=dark] .tox .tox-toolbar-overlord,
body[data-layout-mode=dark] .tox .tox-menubar+.tox-toolbar, 
body[data-layout-mode=dark] .tox .tox-menubar+.tox-toolbar-overlord
{ 
  background-color: #072435;
  color: #adb5bd;
}
body[data-layout-mode=dark] .tox .tox-statusbar{
  border-top: 1px solid #0b334b!important;
}
body[data-layout-mode=dark] .select2-container--default .select2-selection--single .select2-selection__rendered,
body[data-layout-mode=dark] .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body[data-layout-mode=dark] .select2 button,
body[data-layout-mode=dark] .tox .tox-mbtn__select-label,
body[data-layout-mode=dark] .tox .tox-tbtn--disabled svg, 
body[data-layout-mode=dark] .tox .tox-tbtn--disabled:hover svg, 
body[data-layout-mode=dark] .tox .tox-tbtn:disabled svg, 
body[data-layout-mode=dark] .tox .tox-tbtn:disabled:hover svg
{
  color: #adb5bd;
}
body[data-layout-mode=dark] .tox .tox-tbtn svg
{
  fill: #adb5bd;
}
body[data-layout-mode=dark] table.dt-table-hover tbody tr:hover {
    background: rgba(0, 66, 130, 0.1);
}
body[data-layout-mode=dark] .noti-icon .noti-dot {
    -webkit-box-shadow: 0 0 0 3px #003032;
    box-shadow: 0 0 0 3px #003032;
}

.select2 .selection .select2-selection.select2-selection--single,
.select2 .selection .select2-selection.select2-selection--multiple,
.custom-file-label,
.custom-file-label::after {
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.select2.select2-container.select2-container--default.text-danger.is-invalid .select2-selection--single,
.select2.select2-container.select2-container--default.text-danger.is-invalid .select2-selection--multiple
{
  border: 1px solid #fa6374!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
  line-height: 22.4px!important;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #e2e5e8!important;
}
.select2-selection.select2-selection--multiple {
  padding: 0.392rem 0.75rem !important;
}
.input-group-text{
  border-radius: 0 0.25rem 0.25rem 0;
}
.tox.tox-tinymce.is-invalid.text-danger {
  border:  1px solid #fa6374!important;
}
div.dataTables_wrapper .table-responsive {
  min-height: 400px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  zoom:  80%;
}
.table > tbody > tr > td {
  white-space: normal!important;
}
.dataTables_wrapper .dataTables_length select.form-control {
  cursor: pointer;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745;
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
#datatables_wrapper{
  max-width: 100%!important;
}
.t-1{
  position: relative;
    top: 1px;
}
.select2-dropdown{
/*  z-index: 1100!important;*/
}
.text-justify {
  text-align: justify;
}
.wizard > .content > .body {
  position: relative!important;
}
.activity-feed .feed-item {
  border-left: 2px solid #3980c0;
}
.topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {
  font-weight: bold;
}
.delete-file-icon {
  position: absolute;
  left: 118px;
  top: 3px;
  box-shadow: 0 0 0 3px #fff;
}
body[data-layout-mode=dark] .delete-file-icon
{
  box-shadow: 0 0 0 3px #061e2c;
}
.noti-icon .noti-dot {
  font-size: 10px!important;
  padding-top: 3px!important;
}
#scroll-btn {
  opacity: 0;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: #061e2c;
  position: fixed;
  bottom: 40px;
  right: 20px;
  border: 2px solid #fff;
  border-radius: 100%;
  font: bold 20px monospace;
  transition: opacity 0.5s, transform 0.5s;
  text-align: center;
}
body[data-layout-mode=dark] #scroll-btn {
  border: 2px solid #fff;
}
#scroll-btn.show {
  opacity: 1;
  transition: opacity 1s, transform 1s;
}
.table-nowrap td, .table-nowrap th {
     white-space: normal!important; 
}
.nav-tabs-custom .nav-item .nav-link.active {
  background-color: transparent!important;
}
.modal-header {
  border-bottom: none!important;
}
.modal-footer {
  border-top: none!important;
}
#sidebar-menu ul li a:hover{
  background-color: rgba(255,255,255,.1);
}
#sidebar-menu ul li a{
  font-size: 12px!important;
}
body[data-sidebar-size=sm] .metismenu.list-unstyled a img, body[data-sidebar-size=sm] .metismenu.list-unstyled a svg {
  margin-left: 15px;
}
body[data-sidebar=dark] #sidebar-menu ul li.active a{
    color: #fff !important;
}
.btn-export-excel {
  background-color: #00a651!important;
}
.btn-export-pdf {
  background-color: #EB5757!important;
  border-color: #EB5757!important;
}
.font-weight-bold{
  font-weight: bold;
}