.block-center {
  margin: 0 auto;
}

.wd-xl {
  width: 320px;
}

.bg-info {
  background-color: #23b7e5 !important;
}

body {
  background-color: #f5f7fa;
}

.btn-block {
  display: block;
  width: 100%;
}

.dt-scroll-foot {
  display: none;
}


/* ========================================================================
     Component: form-validation
 ========================================================================== */
.parsley-error {
  border-color: #ff5b57 !important;
}

.parsley-type,
.parsley-notblank,
.parsley-required,
.parsley-pattern,
.parsley-min,
.parsley-max,
.parsley-range,
.parsley-minlength,
.parsley-maxlength,
.parsley-length,
.parsley-mincheck,
.parsley-maxcheck,
.parsley-check,
.parsley-equalto,
.parsley-uppercase,
.parsley-lowercase,
.parsley-number,
.parsley-special,
.parsley-euvatin,
.parsley-custom-error-message {
  color: #ff5b57;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: unset;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #27c24c;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #27c24c;
}

select.is-invalid~span.select2 {
  border-color: #f05050;
}
select.is-valid~span.select2 {
  border-color: #27c24c;
}

.card-default {
  border-top-width: 3px;
  border-color: #cfdbe2 !important;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  max-height: 77vh;
}

select~span.select2 {
  border: 1px solid var(--bs-component-border-color);
  border-radius: 3px;
  overflow: hidden;
  height: calc(1.5em + .625rem + 2px);
}

select~span.select2 span.select2-selection {
  height: calc(1.5em + .625rem + 2px);
}
/* 
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background: #348fe2;
    color: var(--bs-component-color);
} */

body.modal-open>span.select2-container {
  z-index: 1111;
}

.app-content-padding.flex-grow-1.overflow-hidden.ps {
    min-height: calc(100vh - 100px);
}

/* .theme-cyan {
    --bs-app-theme: #ca5f13 !important;
    --bs-app-theme-rgb: 73,182,214;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #ca5f13 !important;
    --bs-app-theme-hover-border-color: #ca5f13 !important;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #ca5f13 !important;
    --bs-app-theme-active-border-color: #ca5f13 !important;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #77c8e0;
    --bs-app-theme-disabled-border-color: #77c8e0;
    --bs-app-theme-disabled-color: #FFFFFF;
} */

.tree .form-control {
	margin: 5px 5px 5px 0 !important;
}

.tree ul ul::before {
	right: calc(100% - 17px);
	width: 78px;
}

.app-sidebar-content .menu .menu-profile {
  color: #7D848F !important;
}

.input-group .form-control.is-invalid+.input-group-text {
    border-color: #f05050;
    /* background-color: transparent !important; */
}

.tab-content .accordion {
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
}


.btn-group-sm>.btn.btn-icon, .btn.btn-icon.btn-sm {
    width: 18px;
    height: 18px;
}
.tooltip-text {
    line-height: 0px;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #8c8c8c;
}

.form-label {
    margin-bottom: .40rem;
}

a {
  text-decoration: none;
}
a:not(.btn):hover {
  text-decoration: underline;
}

/* BS5 Checkbox */
.form-check-input:checked::after {
  content: '' !important;
}

.card .card-header {
  border-bottom: 0;
  padding: 0.625rem 0.9375rem;
  background-color: transparent;
}


/* Color Things: #23b7e5 */
:root,
[data-bs-theme=light] {
    --bs-body-color: #656565;
    --bs-app-header-bg: #23b7e5;
    --bs-component-active-bg: #23b7e5;
    --bs-app-sidebar-profile-bg: #FFFFFF;
    --bs-link-color-rgb: 93, 156, 236;
    --bs-link-hover-color-rgb: 27, 144, 226;

    --bs-app-sidebar-component-active-color: #23b7e5;
    --bs-app-sidebar-menu-link-hover-color: #23b7e5;
    --bs-app-sidebar-menu-submenu-link-hover-color: #23b7e5;
    --bs-app-sidebar-component-color: #23b7e5;

    --bs-success-rgb: 39, 194, 76; /* #27c24c */

    --bs-border-color: #eeeeee;
    --bs-component-table-border-color: #eeeeee;
    --bs-component-color: #495057

    --bs-body-font-size: 0.8rem;

    /* --bs-gray-900-rgb: 39, 194, 76; */
}
.card {
    --bs-card-border-width: 1px;
}
.table {
    --bs-table-striped-bg: #fafbfc;
}
.btn-info {
    --bs-btn-bg: #23b7e5;
    --bs-btn-border-color: #23b7e5;
    --bs-btn-hover-bg: #18a0ca;
    --bs-btn-hover-border-color: #18a0ca;
}

.app-sidebar .menu .menu-item .menu-submenu .menu-item:before {
    background: none !important;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item:after {
    border: 0 !important;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:after {
    background: none !important;
}
.app-sidebar .menu .menu-item .menu-link {
    padding: 12px 20px;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link {
    padding: 7px 20px 7px 15px;
}

.cls-filter-btn {
  text-decoration: none;
  font-size: .800rem;
}

.actionbuttons {
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.gritter-item * {
    color: #FFFFFF !important;
}

body #gritter-notice-wrapper {
    z-index: 1200 !important;
}
body #gritter-notice-wrapper .gritter-item-wrapper.success {
    background: #27c24c !important;
}
body #gritter-notice-wrapper .gritter-item-wrapper.danger {
    background: #f05050 !important;
}


table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100% !important;
}

/* card with no border */
.card.card-flat {
  --bs-card-border-width: unset;
}

.page-header {
  color: #929292;
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: normal;
}

.app-sidebar .menu-text {
  letter-spacing: .025em;
}

.cls-filter-btn:hover, .dt-container .dropdown-menu .dropdown-item:hover, .btn.btn-info, .nav-tabs .nav-link {
  text-decoration: none !important;
}

.img-thumbnail {
    padding: .10rem;
}

.page-header {
    font-weight: 600;
}

.btn-group>.btn+.btn-info, .input-group>.btn+.btn-info, .input-group>.btn+.dropdown-menu+.btn-info {
  border-left: 1px solid #23b7e5;
}

.nav-tabs>.nav-item>.nav-link {
    font-weight: bold;
    color: var(--bs-body-color);
    background-color: #edf1f2;
    margin: 0;
    border: 1px solid #dde6e9;
    border-radius: 0;
    padding: 10px 20px;
}
.nav-tabs>.nav-item>.nav-link.active {
    background-color: var(--bs-nav-tabs-link-active-bg);
}
.app-sidebar-content .menu-profile .user-profile-role {
  font-size: 11px;
  color: #aaa;
}
.bg-success {
    background-color: #27c24c !important;
    color: #fff !important;
}
.bg-danger {
    background-color: #f05050 !important;
    color: #fff !important;
}



.ms-drop input[type=checkbox], .ms-drop input[type=radio] {
    position: absolute;
    margin-top: 0;
    margin-left: -1.45rem;
}

/* Data table css */
.table>thead>tr>th {
  color: #888 !important;
}
.dt-container .dt-length select {
    color: var(--bs-body-color) !important;
    font-size: .65rem;
}
.dt-button-collection .dt-button {
  font-size: 12px !important;
}
.table>:not(caption)>*>* {
    color: var(--bs-body-color) !important;
}

.select2-results__options {
    max-height: 250px;
    overflow-y: auto;
}
.select2 ul,
.select2 ul li {
    list-style: none;
}
.select2-selection--multiple .select2-search__field{
    border: none !important;
    outline: none !important;
}

a.text-info:hover, a.text-info:focus {
    color: #1485a8 !important;
}

.card-header .card-title > button {
  margin-bottom: inherit;
}

.app-sidebar {
    scrollbar-width: none;
    overflow-y: scroll;
}