* {
    text-transform: uppercase !important;
}

.form-group {
  margin-bottom: 0;
  padding: 10px;
}

.btn-xs {
  font-size: 10px;
  padding: 5px 9px;
}

.btn-link {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link:focus-visible {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}
.request-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0000007a;
    z-index: 10000;
    display: none;
}

.request-loader.show {
    display: block;
}

.request-loader .spinner  {
    position: fixed;
    display: none;
    width: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.request-loader.show .spinner {
    display: block;
}

.wrapper {
  min-height: 100vh;
  position: relative;
  top: 0;
  height: 100vh; 
}

/*     	Login     */
.login {
  background: #efefee; 
}
.login .wrapper.wrapper-login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: unset;
    padding: 15px; 
}
.login .wrapper.wrapper-login .container-login, .login .wrapper.wrapper-login .container-signup {
    width: 400px;
    padding: 60px 22px;
    border-radius: 5px; 
}
.login .wrapper.wrapper-login .container-login:not(.container-transparent), .login .wrapper.wrapper-login .container-signup:not(.container-transparent) {
    background: #ffffff;
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
    border: 1px solid #ebecec; 
}
.login .wrapper.wrapper-login .container-login h3, .login .wrapper.wrapper-login .container-signup h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px; 
}
.login .wrapper.wrapper-login .container-login .form-sub, .login .wrapper.wrapper-login .container-signup .form-sub {
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px; 
}
.login .wrapper.wrapper-login .container-login .btn-login, .login .wrapper.wrapper-login .container-signup .btn-login {
    padding: 15px 0;
    min-width: 135px; 
}
.login .wrapper.wrapper-login .container-login .form-action, .login .wrapper.wrapper-login .container-signup .form-action {
    text-align: center;
    padding: 25px 10px 0; 
}
.login .wrapper.wrapper-login .container-login .form-action-d-flex, .login .wrapper.wrapper-login .container-signup .form-action-d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between; 
}
.login .wrapper.wrapper-login .container-login .login-account, .login .wrapper.wrapper-login .container-signup .login-account {
    padding-top: 16px;
    font-size: 14px;
    text-align: center; 
}
.login .wrapper.wrapper-login .container-signup .form-action {
    display: flex;
    justify-content: space-between; 
}
.login .wrapper.wrapper-login-full {
    justify-content: unset;
    align-items: unset;
    padding: 0 !important; 
}
.login .login-aside {
    padding: 25px; 
}
.login .login-aside .title {
    font-size: 36px; 
}
.login .login-aside .subtitle {
    font-size: 18px; 
}
.login .show-password {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer; 
}
.login .custom-control-label {
    white-space: nowrap; 
}

@media screen and (max-width: 576px) {
  .form-action-d-flex {
    flex-direction: column;
    align-items: start !important; }

  .login .wrapper-login-full {
    flex-direction: column; }
  .login .login-aside {
    width: 100% !important; }
    .login .login-aside .title {
      font-size: 24px; }
    .login .login-aside .subtitle {
      font-size: 16px; } }
@media screen and (max-width: 399px) {
  .wrapper-login {
    padding: 15px !important; }

  .container-login {
    width: 100% !important;
    padding: 60px 15px !important; } }

/* select2 override */
.select2 {
    width: 100% !important;
}
.select2-input .select2 {
    margin-bottom: 0px;
}
.select2-container--default .select2-selection--multiple {
    padding: 2px 8px;
    border: 2px solid #ebedf2;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ebedf2 2px;
    outline: 0;
}
.select2-container--default .select2-selection--single {
    padding-right: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    width: 28px;
}

.select2-container--default .select2-selection--multiple.is-invalid ,
.select2-container--default .select2-selection--single.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}
.btn-outline-secondary{
    --bs-btn-color:#6b5fb5!important;
    --bs-btn-border-color:#6b5fb5!important;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#6b5fb5!important;
    --bs-btn-hover-border-color:#6b5fb5!important;
    --bs-btn-active-bg:#6b5fb5!important;
    --bs-btn-active-border-color:#6b5fb5!important;
    --bs-btn-disabled-color:#6b5fb5!important;
    --bs-btn-disabled-border-color:#6b5fb5!important;
    }
.selectgroup-button-sm{
    font-size: 12px !important;
    padding: 3px 8px !important;
}
.form-group{
    width: 100% !important;
}
.select2-container {
    width: 100% !important;
}
.select2-results__option[aria-selected="true"][role="option"]:empty {
    display: none !important;
}
 


    /* Fix for Select2 selected items (chips) with images */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex !important;
    align-items: center;
    gap: 6px;
    padding: 2px 6px 2px 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    order: 2;
    margin-left: auto;
    color: rgb(36, 8, 8)!important;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice img {
    border-radius: 4px;
    width: 22px;
    height: 22px;
    object-fit: cover;
}

/*      Input File      */
.input-file input[type="file"],
.input-file .form-control,
.input-file .form-control-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; 
}
.input-file label.error, .input-file label.success {
  display: block; 
}
.input-file input[type="file"] + label:not(.error),
.input-file .form-control + label:not(.error),
.input-file .form-control-file + label:not(.error),
.input-file .label-input-file {
  font-weight: 600;
  letter-spacing: 0.02em;
  color: white !important;
  display: inline-block; 
}
.input-file.input-file-image img.img-upload-preview {
  max-width: 100%;
  display: block;
  margin-bottom: 15px;
  box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1); 
}
.input-file.input-file-image img.img-upload-preview.img-circle {
    border-radius: 2000px;
}

/* datatable override */
table,
table th,
table td {
    font-size: inherit !important;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px rgb(245, 247, 248);
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(247, 249, 251);
}

.pagination .dt-paging-button {
    margin-left: .3rem;
}
.pagination .page-item {
  margin-left: .3rem;
}