#mailers-list-table th,
#contacts-table th,
#unmapped-contacts-table th,
#user-list-table th {
   color: white !important;
   font-size: 15px;
   width: auto !important;
}

.iq-sidebar {
   background: #f7f7f7;
}

.iq-sidebar-menu .iq-menu li .iq-submenu li.active>a {
   background: rgba(0, 0, 0, 0.3)
}


.table-responsive {
   width: 100% !important;
}

#mailers-list-table {
   table-layout: fixed;
   width: 100%;
}

#mailers-list-table th,
#mailers-list-table td {
   width: 11.11%;
   overflow: hidden;
   text-overflow: ellipsis;
}

.error {
   color: #ff0000 !important;
}

.drop {
   color: black !important;
}

.email-template-preview {
   border: 1px solid #ccc;
   padding: 10px;
   border-radius: 5px;
}

.email-template-scrollable {
   max-height: 200px;
   overflow-y: scroll;
}

.iq-sidebar-logo img {
   height: 60px;
}

.table.dataTable>thead .sorting:after {
   visibility: hidden;
}

.side-bar-new .iq-menu .iq-menu li a {
   color: rgb(0, 0, 0) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
   padding: 0px !important;
}

#lists-table th {
   width:200px !important;
   color: white !important;
}
.dropdown-menu-scrollable {
   max-height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
}
table.dataTable {
   width: 100%; 
   white-space: nowrap; 
}

.dataTables_wrapper {
   overflow: visible !important; 
   position: unset!important;
}

.dataTables_scrollBody {
   overflow: visible !important; 
   height: auto !important; 
}
table#contacts-table input.record-checkbox {
   width: 20px;
   height: 20px;
   margin: 0;
   padding: 0;
}

table#unmapped-contacts-table tbody tr td,
table#contacts-table tbody tr td {
   vertical-align: middle;
}
table#unmapped-contacts-table th.text-center,
table#contacts-table th.text-center {
   text-align: center;
   vertical-align: middle;/
}

#lists-table {
   overflow: visible !important;
}
#contacts-table,#unmapped-contacts-table{
   overflow: visible !important;
}
#user-list-table{
   overflow: visible !important;
}

table#unmapped-contacts-table input.form-check-input,
table#contacts-table input.form-check-input {
   margin: 0;
   padding: 0;
}
.end-button{
   text-align: end !important;
}

.modal-body #copyContactForm {
   width: 100%;
   max-width: 500px;
   margin: auto;
   background: #f9f9f9;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.modal-body .form-select {
   width: 100%;
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 5px;
}

.custom-save-button {
   background-color: #393b87;
   color: white;
}
.custom-save-button:hover {
   background-color: #131c63; 
   color: white;
}
#saveMailerBtn,#updateMailerBtn,#submit_button{
   margin-right: 20px;
}
.detail{
   margin-right: 20px;
}

.modal-width {
   max-width: 60%;
}

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

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

.open-template-link {
   display: inline-block;
   max-width: 100%;
   word-break: break-word;
   overflow-wrap: anywhere;
   white-space: normal;
   word-wrap: break-word;
}

.list-group-item {
   flex-wrap: wrap;
   align-items: flex-start;
}

.list-group-item .badge {
   margin-left: auto;
   flex-shrink: 0;
}

table.dataTable>thead .sorting:before, 
table.dataTable>thead .sorting_asc:before, 
table.dataTable>thead .sorting_desc:before, 
table.dataTable>thead .sorting_asc_disabled:before, 
table.dataTable>thead .sorting_desc_disabled:before{
   display: none !important;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.triple-spinner {
  display: block;
  position: relative;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top: 4px solid #ab1327;
  animation: spin 2s linear infinite;
}

.triple-spinner::before,
.triple-spinner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
}

.triple-spinner::before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: #000;
  animation: spin 3.5s linear infinite;
}

.triple-spinner::after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: #fff;
  animation: spin 1.75s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ✅ Control modal height & scrolling */
#htmlEditModal .modal-dialog {
  max-width: 900px; /* You can tweak width */
}

#htmlEditModal .modal-content {
  max-height: 80vh;
}

#htmlEditModal .modal-body {
  overflow-y: none;
  max-height: 65vh;
}

/* ✅ Fix textarea scrolling and wrapping */
#htmlEditor {
  height: 60vh;
  font-family: monospace;
  white-space: pre;
  overflow-x: auto;
  overflow-y: auto;
  resize: vertical;
}