html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


.btn-primary2 {
    color: #fff;
    background-color: #f67937;
    border-color: #f67937;
}

[data-pc-direction=ltr] .bg-primary2 {
    --bs-bg-opacity: 1;
    background-color: #f67937 !important;
}

.auth-main .auth-wrapper.v1 .auth-form {
    flex-direction: column;
    background: unset;
    min-height: 100vh;
    padding: 24px;
    background-size: cover;
    position: relative;
    justify-content: center;
    background-color: #f67937;
}

.form-control:focus, .datatable-input:focus, .custom-select:focus, .dataTable-selector:focus, .dataTable-input:focus {
    color: #131920;
    background-color: #f8f9fa;
    border-color: #f67937;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1);
}

.btn:hover, .introjs-tooltip .introjs-button:hover {
    color: #000;
    text-decoration: none;
    background-color: #bec8d0; /*var(--bs-btn-hover-bg);*/
    border-color: #bec8d0;
}

.select2-container {
    display: block;
    width: 100%;
    padding: 0.8rem 0.75rem;
    -moz-appearance: none;
    border: 1px solid #bec8d0;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    position: absolute;
    top: 0px;
    right: 13px !important;
    width: 20px;
}
.select2-container--default .select2-selection--single {
    border: none !important;
}

td {
    border: 1px solid #000;
    word-wrap: break-word;
    width: 200px; /* Adjust as needed */
}

.wrap-text {
    white-space: pre-wrap; /* Ensures text wraps within the div */
}

.form-control:focus, .datatable-input:focus, .custom-select:focus, .dataTable-selector:focus, .dataTable-input:focus {
    border-color: #f2855b;
}

.pc-sidebar .pc-navbar > .pc-item.active > .pc-link:after {
    background: #f67937 !important;
}

.pc-sidebar .pc-navbar > .pc-item.active > .pc-link {
    font-weight: 500;
    color: #f67937 !important;
}

a {
    color: #f67937;
    text-decoration: none;
}

@media (min-width: 1025px) {
    [data-pc-layout=horizontal] .pc-sidebar .pc-navbar > .pc-item:hover:not(.active) > .pc-link {
        color: #f67937 !important;
    }
}

.fas {
    color: #f67937;
    border-color: 2px solid #cccccc;
}

.btn-up {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #f67937;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #fd7e14;
    --bs-btn-hover-border-color: #fd7e14;
    --bs-btn-focus-shadow-rgb: 225, 71, 71;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #f67937;
    --bs-btn-active-border-color: #f67937;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #f67937;
    --bs-btn-disabled-border-color: #f67937;
}

#lanClick {
    cursor: pointer;
}

.pc-footer a:hover {
    color: #f67937 !important;
}

.page-link.active, .active > .page-link {
    background-color: #f67937 !important;
    border-color: #f67937 !important;
}

.pagination {
    --bs-pagination-color: #f67937 !important;
}