:root {
  --bs-primary: #de7921;
  --bs-secondary: #ffa41c;
  --bs-tertiary: #febd69;
}

a {
  color: #067d62;
}

#pswmeter {
  margin: 0 1em 1em 1em;
}
#pswmeter-message {
  margin: 0 1em 1em 1em;
  font-size: 75%;
}
.square {
  padding: 0;
  border: 1px dotted #999;
  cursor: pointer;
}
.unavailable {
  opacity: 0.3;
  cursor: auto;
}
#modal-square {
  border: 2px dashed #999;
}
/*-- PayPal --*/
.paypal-button-container {
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 20px;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}
.card_container {
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 20px;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}
.card_field{
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.card_field_50{
    width: 50%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.card_field_75{
    width: 75%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    margin: 0 -16px;
}
.col-25 {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
}
.col-50 {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
}
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.message_container {
    border-radius: 5px;
    background:#FFFFFF;
    font-size:13px;
    font-family:monospace;
    padding: 20px;
}
#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
#loading-image {
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /* height of the spinner gif +2px to fix IE8 issue */
}
.button_container {
    display: flex;
    justify-content: center;
}
.btn_small{
    width:130px;
    height:39px;
    background:lightblue;
    border:1px dotted black;
    font-size:14px;
    color:#3a3a3a;
}
.btn_small:hover {
    background-color: powderblue;
}
.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
  background-color: #fff;
}
.btn-primary {
  --bs-btn-color: #0a0a0a;
  --bs-btn-bg: #ffd814;
  --bs-btn-border-color: #ffd814;
  --bs-btn-hover-color: #0a0a0a;
  --bs-btn-hover-bg: rgb(251.6, 157.25, 38.25);
  --bs-btn-hover-border-color: rgb(251.4, 151.5, 25.5);
  --bs-btn-focus-shadow-rgb: 215, 121, 2;
  --bs-btn-active-color: #0a0a0a;
  --bs-btn-active-bg: rgb(251.8, 163, 51);
  --bs-btn-active-border-color: rgb(251.4, 151.5, 25.5);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #0a0a0a;
  --bs-btn-disabled-bg: #ffd814;
  --bs-btn-disabled-border-color: #ffd814;
  color: #262626;
}
.btn-outline-primary {
  --bs-btn-color: #de7921;
  --bs-btn-border-color: #de7921;
  --bs-btn-hover-color: #0a0a0a;
  --bs-btn-hover-bg: #de7921;
  --bs-btn-hover-border-color: #de7921;
  --bs-btn-focus-shadow-rgb: 233, 30, 99;
  --bs-btn-active-color: #0a0a0a;
  --bs-btn-active-bg: #de7921;
  --bs-btn-active-border-color: #de7921;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #de7921;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #de7921;
  --bs-gradient: none;
}
.btn-outline-primary:hover:not(.active) {
  color: #de7921;
}
.btn-primary:hover,
.btn.bg-gradient-primary:hover {
  background-color: #ffa41c;
}
.bg-primary {
  background-color: #d37921 !important;
}
.bg-secondary {
  background-color: #ffa41c !important;
}
.bg-tertiary {
  background-color: #febd69 !important;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: linear-gradient(195deg, #ffa41c 0%, #de7921 100%);
} 
  
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: linear-gradient(195deg, #ffa41c 0%, #de7921 100%);
} 
.form-check:not(.form-switch) .form-check-input[type=radio]:after {
  background-image: linear-gradient(195deg, #FFA41C 0%, #DE7921 100%), var(--bs-gradient);
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #de7921;
  border-color: #de7921;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked,
.form-check:not(.form-switch) .form-check-input[type=radio]:checked {
  border-color: #de7921;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked {
  background: #de7921;
}
.text-primary {
  color: #de7921 !important;
}

.text-secondary {
  color: #FFA41C !important;
}
.text-tooltip {
  color: #adb5bd !important;
}
.badge.badge-primary {
  color: #fff;
  background-color: #de7921;
}
.badge.badge-secondary {
  color: #333;
  background-color: #ffa41c;
}
.badge.badge-tertiary {
  color: #333;
  background-color: #febd69;
}
.profile-photo-container {
  position: relative;
  cursor: pointer;
  text-align: center;
}
.profile-photo {
  width: 50%;
  height: 50%;
  background-color: #FFFFFF;
  color: #FFFFFF;
  margin: 5px auto;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.profle-photo:hover {
  border: 4px solid #ff9800;
  padding: 10px;
}
.profile-photo input[type="file"] {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
}
.profile-photo-src {
  width: 100%;
}
.btn-link {
  --bs-btn-color: #067d62;
  --bs-btn-hover-color: #067d62;
  --bs-btn-active-color: #067d62;
}
.square-img {
  min-width: 100%;
}
.list-group-item.active {
  color: #0a0a0a;
  background-color: var(--bs-tertiary);
  border-color: var(--bs-tertiary);
}
.cards-wrapper {
  display: flex;
  justify-content: space-around; /* Or other alignment */
  margin: 0 50px;
}

.cards-wrapper .card {
  flex: 0 0 30%; /* Adjust as needed for spacing */
  margin: 0 10px; /* Example margin */
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  .cards-wrapper .card {
    flex: 0 0 90%; /* One card per slide on smaller screens */
    margin: 0 auto;
  }
}
.carousel-control-prev, .carousel-control-next {
  z-index: 3;
}
.carousel-control-prev {
  left: -40px;
}
.carousel-control-next {
  right: -40px;
}
.avatar-xxl {
  width: auto !important;
}
#view-password, #view-confirm-password { 
  color: #adb5bd;
}
.sqwaffle-list-image {display:flex !important;aspect-ratio:1/1;justify-content:center;align-items:center}
.sqwaffle-list-image img {max-height:100%}