.toast {
  position: fixed;
  bottom: 75%;
  right: 2%; 
  max-width: 300px;
  background-color: #00737c;
  border: 1px solid rgba(225 181 23 / 90%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.toast.show {
  display: block;
  z-index: 10000 !important;
}

.toast-header {
  padding: 8px;
  border-bottom: 1px solid #ddd; 
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #ffff;
}

.toast-body {
  padding: 8px;
}

.close-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #555;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

.close-btn:hover {
  color: #333;
} 

.aft-box > .text-big {
  text-align: center;
  font-size: 80px;
  padding: 8px;
  font-weight: bold;
}

.font-bold {
  font-weight: bold;
}

.padding-10 {
  padding: 10px 10px;
}

ul.pagination > li.active > a, 
.pagination > li.active > a:focus, .pagination > li.active > a:hover {
  color: #101010;
}

ul.pagination > li.active {
  background-color: rgba(225 181 23 / 90%);
  border-color: #6FAED9;
}

ul.pagination > li {
  padding:4px;
  margin-left:8px;
  min-width:21px;
  text-align:center;
} 

.dataTables_wrapper .row {
  margin: 0 !important;
} 

div.dataTables_wrapper > div.row > div {
  flex: 0 0 auto;
  width: 50%;
}

div.dataTables_wrapper > div.row:nth-child(3) {
  padding-bottom: 10%;
}

.btn.btn-xs {
  padding: 6px 10px;
  font-size: 12px;
  color: black;
  border-radius: 10px;
}

.dropdown-submenu{position:relative}
.dropdown-submenu>a:after{display:block;content:' ';float:left;width:0;position:absolute;left:9px;top:4px;transform:rotate(180deg);height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
.dropdown-submenu:hover>a:after{border-left-color:#555}
.dropdown-submenu.pull-left{float:none}
.dropdown-menu>li.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{position:absolute;left:-80%;top:0;margin-top:-6px;display:none;margin-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.pull-right .dropdown-submenu>.dropdown-menu{right:100%!important;left:auto!important}
.dropdown-menu>li.dropdown-submenu:hover .dropdown-menu{display:block}
.dropdown-menu>li.dropdown-submenu>a{position:relative;}
.submenu_drop{min-width:116px}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#333;background-color:#e6e6e6}
.dropdown-menu>.active>a .label-id,.dropdown-menu>.active>a:focus .label-id,.dropdown-menu>.active>a:hover .label-id{border:1px solid #969696}

.dropdown,.dropup{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu.admin{position:absolute;top:50%;left:0;z-index:1000;display:none;float:left;min-width:190px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu.admin>li>a{display:block;padding:3px 20px;clear:both;font-weight:bold;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu.admin>li>a:focus,.dropdown-menu.admin>li>a:hover{color:#262626;text-decoration:none;background-color:#cbcbcb}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
 
section.dashboard-head-wrapper {
  z-index: 0;
}

@media (max-width: 700px) {
  div.dataTables_wrapper > div {  
    font-size: 10px;
  }
}

.modal-content { 
  animation: slideIn 0.3s ease-in-out forwards;
}

 /* Fade-in animation */
 @keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Slide-in animation */
@keyframes slideIn {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

div.modal-body.flex > div.form-group {
  width: 100%;
  display: block;
}

div.modal-body.flex > div.form-group > label {
  width: 100%;
  align-self: center;
}

div.modal-body.flex > div.form-group > input.form-control {
  padding: 12px 25px;
}

.modal-footer.space-between {
  justify-content: space-between;
}

.btn.btn-blue {
  background: #4051cb;
  box-shadow: 0px 24px 40px rgba(64, 203, 179, 0.1);
  border-radius: 15px;
  color: #fff;
}

.table.dataTable tbody tr:hover {
  background-color: #46536866;
}

.ticket-message-block .ticket-msg-container .date-time,
.ticket-message-left~.ticket-message-left .ticket-msg-container .date-time {
  color: #d8dbe7;
  opacity: 1;
} 

.modal-body.margin-b10-all > div {
  margin-bottom: 10px;
}

.label.label-api{
  background-color: #28913c;
  font-size: 12px;
  border-radius: 25rem;
  width: 100%;
  text-align: center;
}

.dropdown-submenu>.dropdown-menu{position:absolute;left:-80%;top:0;margin-top:-6px;display:none;margin-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.pull-right .dropdown-submenu>.dropdown-menu{right:-100%!important;left:auto!important}
.dropdown-menu>li.dropdown-submenu,
.dropdown-menu>li.dropdown-submenu>a {
  position: relative;
}

.note-btn.btn.btn-light {
  color: #141414;
}

.note-btn-group.btn-group.open > .dropdown-menu{
  background-color: #283b56;
  color: #dadadb;
}

.note-editable.card-block {
  height: 160px;
}

.modal.note-modal.show>.modal-dialog>.modal-content>.modal-header>button {
  display: none;
}

.btn.btn-secondary.btn-border.hover {
  color: #fff;
  background: #af8425;
}

.table-header {
  background: rgb(175, 132, 37) !important;
  padding: 4px;
  width: 100%;
  /* text-align: center; */
  margin-bottom: 2%;
}

.ticket-message-block .ticket-msg-container .ticket-msg {
  background: #e7408c7a;
}

tr>td>div.dropdown.pull-right{
  float: none;
  text-align: center;
}

div.ajax-button > a.active,
li.ajax-button > a.active{
  background: #17252adb !important;
  border: 1px solid #17252adb !important;
  color: #ffffff !important;
}

.oblong-pink {
  background-color: #af8425;
  padding: 2px 5px;
  border-radius: 12px;
}

@media (max-width: 900px) {
  span.hidewhenmobile {
    display: none;
  }
}

.modal-content {
  animation: slideIn 0s ease-in-out forwards !important;
}

.signup-pass-input {
  display: flex;
  background: #3b3e44;
  border-radius: 15px;
}

@media (max-width: 991px) {
  div.mobile-search-margin {
    margin: 18px 0px 0px 0px !important;
  } 
}

.acc-switch.gs-male .acc-switch-bg {
  background-color: #c1c1c1 !important;
}

.acc-switch.gs-female .acc-switch-bg {
  background-color: #af8425 !important;
}

.footer .socials-group {
  margin: 15px 0px;
  text-align: center;
}

.footer .socials-group a i {
  font-size: 30px;
}

.footer-top .ft-content {
  padding: 44px 0px 0px 0px;
}

label.primary {
  color: rgba(225 181 23 / 90%);
}

.emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
  background: white;
  border-radius: 15px;
}

.emojionearea, .emojionearea.form-control {
  background: #2e384c !important;
  border: 1px solid #38445d !important;
  border-radius: 15px !important; 
}

.emojionearea.emojionearea-inline > .emojionearea-editor,
.emojionearea .emojionearea-button > div.emojionearea-button-open,
.emojionearea .emojionearea-button > div.emojionearea-button-close {
  top: 10px !important; 
}

.emojionearea.emojionearea-inline {
  height: 56px !important;
}

.emojionearea .emojionearea-editor {
  color: #ffffff !important;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
  margin-right: -10px !important; 
  margin-top: 80px;   
}

@media (min-width: 1190px) {
  .emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
    margin-right: -309px !important;  
    margin-top: auto !important;
  } 
} 
 
.select-container.open > .select-options-wrapper {
  bottom: auto !important;
  /* position: relative; */
} 

section.btn-spaces > div > a {
  margin: 0px 5px 8px 0px;
}

.select-options{
  max-height: 50vh;
}

.loading-container { 
  top: 0;
  left: 0;
  width: 100%; 
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loading-spinner {
  width: 50px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
}

.form-check-input:checked {
  background-color: #af8425;
  border-color: #af8425;
}

.form-switch .form-check-input {
  width: 3.5em;
  height: 22px;
}

.bg-drag { 
  background: #0000008f;
}

.bordert-drag {
  border-top: 2px solid #1dd3d3;
}


/* Mobile styles for the arrow */
@media only screen and (max-width: 768px) {
  .custom-select {
    position: relative;
    /* display: inline-block; */
  } 
  
  /* Style the arrow */
  .custom-select::after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'><path fill='none' d='M0 0h24v24H0z'></path><path d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(198,198,198,1)'></path></svg>");
    position: absolute;
    top: 70%;
    right: 5%;
    transform: translateY(-50%);
    pointer-events: none; /* Make sure the arrow doesn't interfere with clicks on the select */
  }
}

.width40 {
  width: 40% !important;
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

#overlay img {
  max-width: 80%;
  max-height: 80%;
  border: 2px solid white;
  border-radius: 5px;
}

.text-success {
  color: #08df7b !important;
}

.sidebar-balance .s-balance {
  font-size: 14px !important;
}

.table-responsive {
  padding-bottom: 10% !important;
}

.oblong-pink-status {
  background-color: #ed5239d6;
  padding: 2px 8px;
  border-radius: 12px;
  margin-left: 8%;
  color: #ffffff;
}

.oblong-pink-status-mobile {
  background-color: #ed5239d6;
  padding: 1px 4px;
  border-radius: 12px;
  margin: -5% 0% 0% -11%;
  color: #ffffff;
  font-size: 12px;
}

.rp-left-text {
  text-align: justify;
}