.hidden-content {
    display: none; /* Hide the content by default */
    border: 1px solid black; /* Example styling */
    padding: 10px;
    margin-top: 10px;
}
.page-id-15 .site-main, .page-id-292 .site-main{
	text-align:center;
  	color:#443d2e;
}

.page-id-15 .logo-span, .page-id-292 .logo-span{
	width:700px;
}


/* Responsive adjustments for smaller screens */
/* Media query for smaller screens */
@media (max-width: 750px) and (orientation: portrait){
    .page-id-15 .logo-span, .page-id-292 .logo-span {

        display: none;
    }
}

.page-id-15 .my-form-div{

	display:inline-block;
}


/* Style the main select area */
.page-id-15 select{

	background-color: transparent;
	color: silver;
	border-radius: 4px;
	border: 1px solid black;
	outline: 2px ridge rgb(84, 84, 84);
	margin-top: 3px;
	margin-bottom: 10px;
	text-align: center;
  }
  
  /* Style the options in the dropdown */
  .page-id-15 select option {
	background-color: #3d3c32; /* Dark background for options */
	color: silver; /* Light text for options */
	padding: 8px 12px; /* Padding for options */
	font-size: 16px; /* Text size for options */
	text-align: center;
  }
  
  /* Style the selected option */
  .page-id-15 select#shortcode-select option:checked {
	background-color: #212121; /* Darker background for selected option */
	color: #b8a680; /* Highlighted text color for selected option */
  }
  
  /* Style the options on hover */
  .page-id-15 select#shortcode-select option:hover {
	background-color: #443d2e; /* Darker background on hover */
	color: #3c3831; /* Highlighted text color on hover */
  }
  
  
  
  .page-id-15 button[type="submit"]{
  
	  background-color: #212121;
	  border:
	  1px solid black;
	  color: silver;
  }
  
   input{
	background-color: transparent !important;
	border-radius: 4px !important;
	border: 1px solid black !important;
	outline: 2px ridge rgb(84, 84, 84);
	margin-top: 3px !important;
	margin-bottom: 10px !important;
	text-align: center !important;
	color: silver !important;
	font-size: 18px;
  	width: 100%;
}

  
  input::placeholder{
	color: silver;
	}
	
  
  
  textarea{
	background-color: transparent !important;
	border-radius: 4px !important;
	border: 1px solid black;
	outline: 2px ridge rgb(84, 84, 84) !important;
	margin-top: 3px !important;
	margin-bottom: 10px !important;
	text-align: center !important;
	color: silver !important;
  
  }
  
  
  .page-id-15 select:disabled{
	background-color: #656464;
  }
  
  .page-id-15 p{
  
	color: #b8a680;
	margin-bottom: 10px;
	font-size: 20px;
	text-align: center;
  }
  
/* Style for the table cells */
.page-id-15 td {
    padding: 8px;
    border-bottom: 1.0px solid #4c4b4b;
    border-right: 1.0px solid #4c4b4b; /* Add right border to all cells */
}

.page-id-15 table{
    border-collapse: collapse;
    color: silver;
}

.page-id-15 tbody{
    color: silver;
    font-size: 16px;
    text-align: left;
}


.page-id-15 thead{
    border-bottom: 2.0px solid #4c4b4b;
    border-top: 2.0px solid #4c4b4b;
}

.page-id-15 thead tr{
    border-left: 2px solid #4c4b4b
}

.page-id-15 thead th{
    border-right: 2.0px solid #4c4b4b;
    padding: 5px;
    color: #b8a680;
}

.page-id-15 tr{
    border-right: 1.0px solid #4c4b4b;
    border-left: 1.0px solid #4c4b4b;
}

  
  .page-id-15 table.ui-datepicker-calendar{
  
	background: rgb(61,54,30);
	background: linear-gradient(0deg, rgba(51,46,30,0.9808123933167017) 0%, rgba(47,43,35,1) 35%); 
	border: 5px solid rgb(72, 71, 71);
	margin-bottom: 0px;
  }
  
  .page-id-15 div#ui-datepicker-div{
  
	padding: 0px;
	background: rgb(61,54,30);
	background: linear-gradient(0deg, rgba(51,46,30,0.9808123933167017) 0%, rgba(47,43,35,1) 35%); 
	border: 1px solid rgb(84, 83, 83);
  }
  
  .page-id-15 .ui-datepicker td, .ui-state-default{
	background: transparent !important;
	color: silver !important;
  }
  
  .page-id-15 .ui-datepicker .ui-datepicker-header{
  
	background: transparent;
  
  }
  
  .page-id-15 .receipt-box {
	border: 1px solid #333333; /* Add a subtle border */
	border-radius: 4px; /* Add rounded corners */
	padding: 5px 10px; /* Add padding around the text */
	text-align: center; /* Center the text */
	font-size: 16px; /* Adjust the font size */
	cursor: pointer; /* Change the cursor to a pointer */
	margin-bottom: 10px; /* Add margin around the input */
	height: 28px;
	background-color: transparent;
  }
  
  .page-id-15 .receipt-box:disabled {
  
	background-color: #606060 !important;
  }
  
  .page-id-15 h3{
  
	color: #b8a680 !important;
  }
  
  
  .page-id-15 h2{
  
	color: #b8a680 !important;
  }

  div#exgraph-list{
	display: none; /* Hidden by default */
	padding: 10px;
	float: left;
  }

  div.message{
	display: none; /* Hidden by default */
	padding: 10px;
	font-size: 12px !important;
  }

  /*.select2{

	min-width: 250px;
  }*/

/*Changes the background color in the select face*/
  .select2-container--default .select2-selection--single{
	background-color: transparent;

}

/*Changes the text color in the box*/

.select2-container--default .select2-selection--single .select2-selection__rendered{

	color: silver;
}

.select2-container .select2-selection--single .select2-selection__rendered{

	padding-bottom: 1px;
}

/*Changes the background color in the dropdown*/
  .select2-dropdown{

	background-color: #3d3c32; /* Dark background for options */
	color: silver; /* Light text for options */
	padding: 8px 12px; /* Padding for options */
	font-size: 16px; /* Text size for options */
	text-align: center;
  }



/*Changes the background color in the dropdown of the selected result*/
  .select2-container--default .select2-results__option--selected{

	background-color: #2d2d21;
  }


  /*Changes the text color in the dropdown*/
  .select2-container--default .select2-results > .select2-results__options{

	color: silver;
  }


  /*Changes the background color on the mouse hover*/
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{

	background-color: #3c414b;
  }

  select{

	font-size: 20px;
	width: 100%;
  }

  .shortcode-select{

    max-width: 300px !important;
}
/* ---------- Sign-out control on the portal page ---------- */
/* The only logout link used to be in the WordPress toolbar, which non-admins
   cannot see. This puts one on the portal page itself. */

/* Pinned to the top-right of the window. The site logo sits top-left, so this
   corner is free. `fixed` rather than `absolute` so it stays reachable as the
   page scrolls - a sign-out control that scrolls away is easy to lose. */
.page-id-15 .shortcode-session {
    position: fixed;
    top: 12px;
    right: 16px;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 6px 10px;
    color: silver;
    font-size: 15px;
    text-align: right;
    /* Its own backing, so it stays readable over whatever is behind it. */
    background-color: rgba(33, 33, 33, 0.85);
    border: 1px solid #4c4b4b;
    border-radius: 4px;
}

.page-id-15 .shortcode-session-user {
    color: silver;
    white-space: nowrap;
}

/* Administrators still see the WordPress admin bar, which is itself fixed to
   the top of the window - so without this the sign-out block sits underneath
   it. WordPress puts an `admin-bar` class on <body> whenever that bar is shown,
   which is the reliable way to know. Non-admins never see the bar (see
   portal-wp-admin-lockout.php) and so are unaffected. */
/* NOTE: `admin-bar` and `page-id-15` are both classes on <body>, not nested -
   so this must be written as body.admin-bar, never "body.admin-bar .page-id-15",
   which would look for a page-id-15 element INSIDE the body and never match. */
body.admin-bar .shortcode-session {
    top: 44px; /* 32px bar + the usual 12px gap */
}

/* The admin bar grows to 46px below 782px - WordPress's breakpoint, not ours. */
@media screen and (max-width: 782px) {
    body.admin-bar .shortcode-session {
        top: 58px;
    }
}

/* On a phone the header and this would fight for the same space, so shrink it
   and drop the "Signed in as" wording, keeping just the button. */
@media (max-width: 750px) {
    .page-id-15 .shortcode-session {
        top: 6px;
        right: 6px;
        padding: 4px 6px;
        font-size: 13px;
    }

    body.admin-bar .shortcode-session {
        top: 52px; /* 46px bar + 6px */
    }

    .page-id-15 .shortcode-session-user {
        display: none;
    }
}

.page-id-15 a.shortcode-logout {
    display: inline-block;
    background-color: #212121;
    color: silver;
    border-radius: 4px;
    border: 1px solid black;
    outline: 2px ridge rgb(84, 84, 84);
    padding: 5px 14px;
    font-size: 15px;
    text-decoration: none;
}

.page-id-15 a.shortcode-logout:hover {
    background-color: #7e7853;
    color: silver;
    box-shadow: 0px 0px 17px 5px rgba(97,93,73,0.9);
}