@media (max-width: 767.98px) {
  .mobile-display {
    display: none !important;
  }
}

#progress-container {
  position: fixed; /* Stays in place during scrolling */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the container */
  display: flex; /* Use flexbox for centering content */
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it's on top of other content */
  width: 100px; /* Adjust size as needed */
  height: 100px; /* Adjust size as needed */
  border-radius: 10px; /* Optional: Rounded corners */
}

#progress-indicator {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 10px;
}

.progress-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #e0e0e0; /* Gray track */
  border-top-color: #007bff; /* Blue progress */
  animation: rotate 1s linear infinite; /* Animate the progress */
}

textarea.autosize-textarea {
  resize: none !important;
  overflow: hidden !important;
  min-height: 80px !important;
  padding: 10px !important; 
  box-sizing: border-box !important;
  width: 100% !important;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Optional: Hide the progress indicator initially */
#progress-container {
  display: none;
}

#overlay {
  position: fixed; /* Cover the entire viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent; /* Or a semi-transparent color if you want a visual overlay */
  z-index: 9998; /* Below the loading modal but above other content */
}

.mobile-display {
  visibility: visible;
}

body {
  font-family: 'Poppins', 'Hanuman', sans-serif;
}

.content-wrapper {
  background-color: #f6f9ff !important;
}

.card {
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.card-icon {
  background-color: #007bff1a;
  color: #007bff;
  box-shadow: none;
  border-radius: 5px;
  padding: 5px;
}

.card .card-img-top {
  height: 180px;
  max-width: 100%;
  border-radius: 5px 5px 0 0;
  object-fit: cover !important;
}

.d-flex .card {
  width: 100%;
}

.animate .card {
  width: 100%;
  cursor: pointer;
  transition: transform .2s;
}

.animate .card:hover {
  transform: scale(1.05);
}

.title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sub-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sub-title-short {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.article {
  width: 100%;
  cursor: pointer;
  transition: transform .2s;
}

.article:hover {
  transform: scale(1.05);
}

.article-image {
  height: 70px;
  width: 100px;
  border-radius: 5px;
  object-fit: cover !important;
}

.thumbnail {
  width: 110px;
  height: 65px;
  border-radius: 5px;
  object-fit: cover !important;
}

.feedback-image {
  height: 150px;
  width: 100%;
  border-radius: 5px;
  object-fit: cover !important;
}

.form-group label {
  font-weight: 500 !important;
  font-size: 13px;
}

.form-group> .card {
  box-shadow: none;
}

.form-control-sm {
  min-height: calc(1.8125rem + 5px) !important;
}

.custom-file-label {
  height: calc(2rem + 2px) !important;
}

.text-sm .select2-container--default .select2-selection--single, select.form-control-sm~.select2-container--default .select2-selection--single {
  min-height: calc(1.8125rem + 5px) !important;
}
.text-sm .select2-container--default .select2-selection--multiple, select.form-control-sm~.select2-container--default .select2-selection--multiple {
  min-height: calc(1.8125rem + 5px) !important;
}

.nav-icon {
  font-size: 1rem !important;
}

.note-toolbar {
  background: white;
}

.text-sm .btn-default {
  font-size: .75rem !important;
}
.note-btn-group .note-btn {
  border-color: rgba(128, 128, 128, 0.127);
  font-size: 13px;
  padding: .28rem .65rem;
  background-color: white;
}

.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
  word-wrap: break-word;
  overflow: auto;
  min-height: 180px;
  padding: 10px;
}

.note-editor.note-frame {
  border: 1px solid #ced4da;
}

.note-group-select-from-files {
  display: none;
}

.brand-link {
  padding: 10px .5rem !important;
}

.text-sm .brand-link {
  font-size: large;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

/* .modal-header > .close {
  display: none;
} */
.badge {
  font-weight: 500;
  line-height: normal;
}

.bolder {
  font-weight: 500;
}
.btn {
  text-wrap: nowrap !important;
}
.input-small {
  height: 32px !important;
}
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #007bff1a;
  color: #007bff;
  box-shadow: none;
}
.nav-sidebar .nav-item>.nav-link {
  font-weight: 500;
}
.text-sm .nav-link {
  padding: .4rem .6rem;
}
.nav-treeview>.nav-item>.nav-link.active {
  background-color: white !important;
  color: #007bff !important;
}
.navbar-light .navbar-nav .active>.nav-link {
  color: #007bff !important;
}
.navbar-toggler {
 border: none;
}
.content-header .breadcrumb {
  line-height: inherit !important;
}
.breadcrumb-item{
  text-wrap: nowrap !important;
}
.breadcrumb-item a{
  color: #242424 !important;
}
.small-box .icon > i{
  font-size: 70px !important;
}
.table-noborder th {
  border-top: none !important;
  border-bottom: none !important;
}
.table-noborder td {
  border-top: none !important;
  border-bottom: none !important;
}
.table th {
  padding: 6px;
  border-top: none;
  font-weight: 600;
}
.table td {
  padding: 8px;
  border-bottom: 1px solid #dee2e6;
}
.table tr .visibility {
  visibility: hidden;
}
.table tr:hover .visibility {
  visibility: visible;
}
.table tr .visibility {
  visibility: hidden;
}
.table tr:hover .visibility {
  visibility: visible;
}
.table tr .invisibility {
  visibility: visible;
}
.table tr:hover .invisibility {
  visibility: hidden;
}
.borderless td, .borderless th {
  border: none;
}
.profile-user-img {
  object-fit: cover !important;
  height: 100px !important;
  width: 100px !important;
}
.brand-image {
  object-fit: cover !important;
  height: 33px !important;
  width: 33px !important;
}
.brand-image-small {
  object-fit: cover !important;
  height: 28px !important;
  width: 28px !important;
}
.rounded-square-center-crop {
  object-fit: cover !important;
  border-radius: 5px !important;
  height: 33px !important;
  width: 33px !important;
  border: none
}
.profile-image {
  object-fit: cover !important;
  border-radius: 5px !important;
  height: 50px !important;
  width: 50px !important;
  border: none
}
.input-search {
  border: 0;
  font-size: 14px;
  color: #012970;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 3px;
  transition: 0.3s;
  min-width: 150px;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: 20px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 1;
  left: 35%;
  bottom: 60px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.row.vertical-divider {
  overflow: hidden;
}
.row.vertical-divider > div[class^="col-"] {
  padding-bottom: 100px;
  margin-bottom: -100px;
  border-right: 1px solid gainsboro;
}
.row.vertical-divider div[class^="col-"]:first-child {
  border-left: none;
}
.row.vertical-divider div[class^="col-"]:last-child {
  border-right: none;
}