body{font-family: Arial, Helvetica, sans-serif}

.tab {
  display: inline-block;
  margin-bottom: 3px;
  padding: 10px 10px;
  background-color: #f2f2f2;
  cursor: pointer;
}

.tab:hover {
  background-color: #dddddd;
}
.active {
  background-color: #aaaaaa;
}
.tab-main {
  display: none;
  text-align: center;
}
.tab-content {
  display: none;
  padding: 20px;
  text-align:center;
}
input, select, .input-ta, .input{
  width: 200px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
checkbox {
  width:auto;
}
.kselect {
  margin-left: -5px;
}
.input-label {
  vertical-align: top;
  margin-top:10px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: right;
  width: 150px;
  display: inline-block;
}
.input-label-top {
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  width: 200px;
  display: inline-block;
  padding-left: 5px;
}
.spacer {
  display: inline-block;
  width: 10px;
}
.sub-label {
  vertical-align: top;
  margin-left:5px;
  width: 200px;
  display: inline-block;
  font-size: 12px;
}
.big-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #ffffff;
  text-decoration: none;
  border-radius: 3px;
  transition: background-color 0.3s ease;
  width: 170px;
}
.big-button:hover {
  background-color: #0056b3;
}
.pop-button {
  display: inline-block;
  padding: 10px 0px;
  background-color: #007bff;
  color: #ffffff;
  text-decoration: none;
  border-radius: 3px;
  transition: background-color 0.3s ease;
  width: 75px;
}
.pop-button:hover {
  background-color: #0056b3;
}
.switch-button {
  width: 150px;
  height: 50px;
  border: none;
  font-size: 14pt;
  color: #ffffff;
  background-color: #007bff;
  padding: opx;
  margin: -3px;
}
.logTable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.logTable td, .logTable th {
  border: 1px solid #dddddd;
  padding: 8px;
}
.logTable th {
  background-color:#26abe2/*#04AA6D*/;
  color: white;
}
.logTable tr:nth-child(even) {
  background-color: #f2f2f2;
}
.logTable tr:hover {
  background-color: #dddddd;
}
iframe {
  width: 100%;
  height: 100vh;
  border: none;
}
body.swal2-shown > [aria-hidden="true"] {
  transition: 0.1s filter;
  filter: blur(3px);
}
.file-button {
  display: inline-block;
  padding: 5px;
  background-color: #f0f0f0;
  color: #333333;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin: 5px 2px;
}

  .appointment-box {
    border: 1px solid #020202;
    padding: 5px;
    border-radius: 5px;
    line-height: .2;
    width:400px
  }
  #appts {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width:500 px;
  }

.file-button:hover {
  background-color: #e0e0e0;
}

.file-close {
  display: inline-block;
  color: #ff0000;
  cursor: default;
  margin-left: 20px;
}






   /* Campaign-specific styles */
    .campaign-tab-header {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-bottom: 20px;
    }
    .campaign-tab-button {
      padding: 10px 20px;
      background-color: #f2f2f2;
      border: 1px solid #cccccc;
      border-bottom: none;
      cursor: pointer;
      font-weight: bold;
    }
    .campaign-tab-button.active {
      background-color: #ffffff;
      border-bottom: 2px solid #007bff;
    }
    .campaign-tab-main {
      display: none;
      padding: 20px;
      border: 1px solid #cccccc;
      background-color: #ffffff;
    }
    .campaign-tab-main.active {
      display: block;
    }
    .campaign-form {
      display: flex;
      flex-direction: column;
      gap: 10px;
      max-width: 800px;
    }
    .campaign-form .input-label {
      font-weight: bold;
    }
    .campaign-form input, .campaign-form textarea {
      width: 100%;
      padding: 8px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      box-sizing: border-box;
    }
    .campaign-form .checkbox-group {
      display: flex;
      gap: 20px;
    }
    .campaign-hidden {
      display: none;
    }