@import url("../css/bootstrap.min.css");
@import url("../css/bootstrap-theme.min.css");

#content .radio, #content .checkbox {
  margin: 0;
}

body {
  background:white;
  color: black;
  padding:100px 0 0 0;
}

@media (prefers-color-scheme: dark) {
  html, body {
    background-color: black !important;
    color: #DDD;
    min-height: 100%;
  }
}

div.modal-dialog {
    width: 90%;
    max-width: 450px;
    margin: 20px auto;
} 

label {
  margin:10px 0 0 0;
}

/*input[type="radio"], input[type="checkbox"] {*/
/*  margin-right:10px;*/
/*}*/

/*#header {

}
*/
#content {
  padding: 0px;
  width:90%;
  max-width:1024px;
}

#footer {
  padding: 0 20px;
  color: #AAA;
  text-align: center;
  background-color: #000;
  font-size:14px;
}
#footer a {
  color:#CCC;
}
#footer h3 {
  margin: 0 0 10px 0;
  font-size:16px;
  font-weight:normal;
}

/* override bootstrap css */

.btn-secondary {
  background-color: #F8F8F8;
  border:1px solid #F0F0F0;
}

.alert {
	display:inline-block;
}

.table td {
	text-align: left;
}

.modal input {
	width:100%;
}

.modal-dialog {
	width: 400px;	
}

.nav-wrapper {
    min-height: 50px;
}
.navbar {
  border:none;
  margin-bottom:0;
}

#navbar-container {
  background:#0080FF;
}

.xnavbar {
  margin-bottom:0;
  padding-bottom:0;
  border-radius: 0;
  border:none;
  z-index:100;
}
.xnavbar.affix {
    position: fixed;
    top: 0px;
    width: 100%;
}

.navbar-default {
  background:#0080FF;
  height:100px;
  padding:30px 0;
}

.navbar-default .navbar-nav>li>a{
  text-transform: uppercase;
  padding:10px;
  border-radius: 5px;
  margin:0 5px;
  font-size:15px;
  color:#B0E0FF;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:hover {
  color:red;
  background:white;
  color:black;
}

.container-fluid {
  padding:0;
}
.row {
  margin:0;
  padding-top:20px;
  padding-bottom:20px;
}

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1200) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

@media (min-width:768px) {
    .container {
        width: auto; /* fix menu from getting too small */
    }
}

body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif}
h1 {font-weight:normal; font-size:30px;}
h2 {font-weight:normal; font-size:26px;}
h3 {font-weight:normal; font-size:22px;}
h4 {font-weight:normal; font-size:18px;}
h5 {font-weight:normal; font-size:16px;}
td,th {vertical-align: top}
.error {color:red;}
.small {font-size:14px}
.maintable {width:1050px; margin:0 auto}
.legal {font-family:times; font-size:10px;color:#999999;text-align:justify}
.legal h1 {font-size:14px}
/*.input {border:1px solid gray; padding:3px;}*/
.label {text-align:right; padding-right:5px; font-weight:bold; vertical-align:middle}
.errormsg {border:1px solid #FF0000; background:#FFB0B0; padding:15px; max-width:500px; margin:15px auto; color:black; font-size:16px; text-align:center;}
.successmsg {border:1px solid #00FF00; background:#B0FFB0; padding:15px; max-width:500px; margin:15px auto; color:black; font-size:16px; text-align:center;}
.ptform {margin:0 auto} .ptform td {padding:5px}
/*.profilebg {width:800px; background:url('../images/profile/profile_bg2.gif') center repeat-y;}
.profiletop {background:url('../images/profile/profile_top2.gif') center top no-repeat;}
.profilebottom {background:url('../images/profile/profile_bottom2.gif') center bottom no-repeat;}
*/
.personal-trainer-header {color:#CCC; padding:10px 0 0 20px; margin-bottom:5px}
.personal-trainer-header a:hover {color:blue}
.personal-trainer-header img {vertical-align:top; padding-right:5px}
.personal-trainer-header h1 {margin:0; font-size:30px; font-style:italic}
.personal-trainer-header h1 i {font-size:16px; font-style:normal;}
.personal-trainer-header h2 {margin-top:5px; font-size:14px; font-weight:normal}
.personal-trainer-header a {text-decoration:none; font-weight:bold; font-style:italic}
.signin-page .form-table {margin:10px auto; color: black ;background:#FAFAFA; width:400px; border-radius: 10px}
.signin-page .form-table td {padding:10px; text-align:left; vertical-align: middle;}
.signin-page .form-table td.name {width:150px; text-align:right; font-size:14px; font-weight:normal; color: black}
.signin-page .form-table td.field {width:250px}
/*.signin-page .form-table .input {height:20px; width:200px; font-size:16px; border:1px solid #808080}*/
.box1 {background:#E8E8E8; color:black; border:1px solid #CCC; box-shadow:0 0 5px #CCC; margin:20px auto; width:600px; padding:20px; font-size:14px; border-radius:10px;}
.box2 {
  background:#E8E8E8;
  color:black;
  width:400px;
  padding:20px;
  font-size:14px;
  border-radius:10px;
  text-align: center;
  margin: 20px;
}
.box2 h3 {
  margin: 0 0 10px 0;
}
.trainer-square {overflow:hidden; text-align:center; width:250px; height:330px; margin:20px; display:inline-block; box-shadow:1px 1px 3px 0 #BBB; vertical-align:top}
.trainer-profile {max-width:80%; border-radius:20px;}
.trainer .thumb {max-width:-moz-box-shadow: 2px 3px 5px #888; -webkit-box-shadow: 2px 3px 5px #CCC; box-shadow: 2px 3px 5px #CCC}
.trainer .name {font-size:14pt}
.trainer {padding:16px}
.trainer b {color:#0000BB}
.trainer ul {margin:5px 0}
.lists td {padding:5px}
.phone {font-size:14px; color:#0000BB; white-space:nowrap}
.bullets {font-size:14px}
.moreinfo {font-size:14px}
.contact {font-size:16px; color:white; text-decoration:none; border:3px solid #000080; background:#1465B7; display:block; width:80%; margin:20px auto}
.contact:hover {color:yellow}
.floatleft {float:left; padding-right:5px}
.bigletter {font-size:26px}
.round5 {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px}
.round10 {-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px}
.supportemaillink {font-size:14px}
.clubsummary {width:750px}
.clubsummary .c1 {width:50px}
.clubsummary td {padding:5px; border:1px solid #BBB}
.noborder, .noborder td {border:0}
.state_links h3 {display:inline; text-decoration:none; font-size:14px; font-weight:normal}
.state_links a {color:rgb(105,117,136)}
.share-your-profile .header {border:1px solid #CCC; padding:0 10px 10px 10px; font-size:14px; margin:20px 10px 0 0}
.share-your-profile textarea {width:150px; height:40px}
.other-cities {margin:10px 30px; background:#ebebeb; border:1px solid #BBB; padding:10px}
.other-cities .title {font-size:14px; margin-bottom:10px}
/*.submenu {font-size:14px}
.submenu a {display:block; padding:4px 10px; background:#556E96; color:white; text-decoration:none; margin:0 20px 5px 0; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px}
.submenu a:hover {background:#3373BD}
.submenu a.selected {color:yellow}
*/
.new {vertical-align:super; font-size:14px; font-weight:normal; border-radius:12px; background:red; color:white; padding:0 4px; text-decoration:none}

.countybox {width:260px; border:1px solid gray; padding:5px 10px 10px 10px; margin:0 10px 10px 0}
.countybox a {font-size:14px; color:gray;}
.countybox a:hover {color:black;}
.countybox h2 {margin:0; font-weight:normal;}

.profile-container {
  margin:0px auto; width:650px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;  
}
.profile-container th {color:white; background-color: #08F; font-weight: normal; padding: 8px; text-align: center; font-size: 16px}
.profile-container td {text-align:left; padding:0 10px; color:black}
.profile-container .graybg {background:url('../images/grayshade_bg.gif') repeat-x; padding:0;}
.profile-container .graytl {background:url('../images/grayshade_tl.gif') top left no-repeat; height:26px}
.profile-container .graytr {background:url('../images/grayshade_tr.gif') top right no-repeat; height:26px}

.title1 {font-size:16px; color:blue; width:600px; margin: 0 auto; text-align:center}
.title1 .note {font-size:14px; color:gray; margin-top:5px}
.profile-container .input {width:280px;}
/*.profile-container input.checkbox {display:inline;}
.checkbox {vertical-align:middle}
*/

#map_results a {display:block; margin-bottom:10px;}

.checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Responsive columns */
  gap: 5px; /* Space between checkboxes */
  padding: 5px;
}

.checkbox-grid label {
  display: flex;
  align-items: center;
  gap: 5px; /* Space between checkbox and label text */
  cursor: pointer;
}