/*
|------------------
| Tag(s) - Reset
|------------------
*/

a:link {
    color: #f8d33e;
    text-decoration: none;
}

a:visited {
    color: #f8d33e;
    text-decoration: none;
}

a:hover {
    color: #f8d33e;
    text-decoration: none;
}
 body  {
  margin:0px;
  padding:0px;
  font-family: "open sans", sans-serif;
  font-weight: normal;
  font-size: 22px;
 color: #fff;
  background-color: black;
  width:100%;
  min-width:600px;
  }

.p4 { color:yellow; text-shadow: 2px 2px 2px #333333;font-size:19px; font-family:Arial,sans-serif }   
.h7{ color:#000; font-weight:bold; font-size:25px; font-family:Verdana,sans-serif }   
.tx8{ color:maroon; text-align:center; text-shadow: 2px 2px 3px #555555; font-weight:bold; font-size:28px; font-family:Verdana,sans-serif }   
p3{ color:yellow; font-weight:bold; font-size:16pt; font-family:Arial,sans-serif }   
         /* page titles like create account - reg_text_insert.php  */
.tx7{ color:#990000; text-align:center; text-shadow: 2px 2px 2px #777777;font-weight:bold; font-size:28px; font-family:Verdana,sans-serif; }   
          /* smaller style of tx7  */
.tx6{ color:#000; text-align:center; text-shadow: 1px 1px 2px #222222;font-weight:bold; font-size:30px;line-height:40px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx5{ color:#990000; text-align:center; text-shadow: 2px 2px 3px #666666;font-weight:bold; font-size:26px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx4{ color:#990000; text-align:center; text-shadow: 2px 2px 3px #666666;font-weight:bold; font-size:22px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx9{ color:#73264d; text-align:center; text-shadow: 2px 2px 3px #888888;font-weight:bold; font-size:20px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx3{ color:#fff; text-align:center; text-shadow: 1px 1px 2px #000000;font-weight:normal; font-size:20px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx12{ color:#000; text-align:center;font-weight:bold; text-shadow: 2px 2px 2px #888888; font-size:28px; font-family:Verdana,sans-serif }   
          /* red text sign-in to purchase - reg_text_insert.php */
.tx10{ color:red; text-align:center; text-shadow: 1px 1px 1px #000;font-weight:bold; font-size:15px; font-family:Arial,sans-serif }   
         /* Title in payment box - purchase_insert.php  */
.py9{ color:#fff;text-align:center;  text-shadow: 3px 3px 2px #000;font-weight:bold; font-size:40px; font-family:Tahoma; }    
          /* Price in payment box - purchase_insert.php  */
.hx8{ color:#cc0000; text-shadow: 2px 2px 3px #555555;font-weight:bold; font-size:26px; font-family:Verdana,sans-serif }     
.tx2{ color:#000; text-align:center;font-weight:bold; text-shadow: 1px 1px 2px #555555; font-size:21px; font-family:'Barlow Light SemiCondensed'; }   
.tx3 { text-align:center;font-size:20px;color:#d6d6d6;font-weight:normal; }

.content {
      width:100%;
      margin-left:auto;
      margin-right:auto;
      padding:0px;
      max-width:590px;
      border:none;
     vertical-align:top;
     overflow:hidden;
     padding:0px;
     box-sizing: border-box;
    }
#ham_old {
 width:100%;
 height:72px;
  }
#ham { display:none; }
.text_border {
display:none;
  }
#m_table { 
display:none;
  } 
.oval-button {
  /* Button dimensions and appearance */
  padding: 10px 24px; /* Adjust padding to control the button's length and height */
  background-color: #000;
  color: yellow;
  border: 2px solid #7a7a7a;
  cursor: pointer;
  text-align: center;
  text-decoration: none; /* For anchor tags */
  display: inline-block; /* For anchor tags or specific layout needs */
  font-size: 20px;

  /* The key property for the oval shape */
  border-radius: 50px; /* A pixel value greater than half the button's height works well */
  /* Alternatively, use percentage for responsiveness */
  /* border-radius: 50%; */
}

/* Optional: Add a hover effect for better user experience */
.oval-button:hover {
  background-color: #333333;
}

.button-circle {
background-color: #000;
  color: yellow;
  border: 2px solid #7a7a7a;
  cursor: pointer;
  text-align: center;
  text-decoration: none; /* For anchor tags */
  display: inline-block; /* For anchor tags or specific layout needs */
  //font-size: 18px;
  border-radius: 50%; /* Makes it a circle */
  height: 50px;       /* Equal height and width */
  width: 50px;        /* Equal height and width */
  //display: grid;      /* Helps with centering content inside */
  place-items: center;
}
/* Optional: Add a hover effect for better user experience */
.button-circle:hover {
  background-color: #333333;
}
 .header {
  margin-left:auto; 
  margin-right:auto; 
  width:100%;
   max-width:590px;
  padding:0px; 
  background-color:#000; 
  border:0px;
        }
.slogo {
   width:100%;
   max-width:590px;
   margin-left:auto;
   margin-right:auto;
  }
.title {  font-size:30px; font-weight:700; color:#fff; text-align:center; }
.promo2 { width:100%; color:#d6d6d6;}
#packages { width:100%; text-align:center; margin:0px;margin-top:30px; padding:0px;  box-sizing: border-box; }
#container { width:100%; text-align:center; margin:0px;margin-top:40px; padding:0px;  min-height:700px;box-sizing: border-box; }
.paybox { width:464px; margin:7px;height:520px; display:inline-block; vertical-align:top; border:1px solid black; border-radius: 10px; padding: 3px; box-sizing: border-box; }
.packbox { width:100%;margin-left:auto;margin-right:auto;height:500px; border: 2px solid #7a7a7a; border-radius: 15px; padding: 4px; box-sizing: border-box; }
.packbox th { background-color:#f1c309; Height:100px; color:black; }
th:first-child {
  border-top-left-radius: 10px;
}

th:last-child {
  border-top-right-radius: 10px;
}

tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

td {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 10px;
  vertical-align:top;
 }
th {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 10px;
  font-size:24px;
  
}

/* Remove borders on the last row/col to prevent double thickness */
tr:last-child td {
  border-bottom: none;
}
th:last-child, td:last-child {
  border-right: none;
}
.profile {display:none; }
.mobile {  width:100%; padding:10px; color:#d6d6d6; box-sizing: border-box; }
#picks { width:100%;max-width:600px;margin-top:60px; }
.work_image { display:none; }
.mobile_works { width:580px;margin-left:auto;margin-right:auto;text-align:center; }

.rd_input {
  border-radius: 20px; /* Adjust the pixel value for desired roundness */
  border: 2px solid #d6d6d6; /* Add a solid border for clarity */
  padding: 10px; /* Add internal spacing */
  color:#fff;
  background-color:black;
  font-size:20px;
}

#footer {
    width:98%;
    margin-left:auto; 
    margin-right:auto; 
    min-height: 50px;
    color:#000;
    border:none;
    box-sizing: border-box;
  }
#stats {
   margin-right:auto;
  margin-left:auto;
   background-color:#e6e6e6;
   width:580px;
   color: #000;
   border-style: solid;
   border-width: 1pt;
  border-color: #333333;
   padding:3px;
   font-family: Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1.0em;
  }

#stats td {
   background-color:#e6e6e6;
   
   color: #000;
   border-style: solid;
   border-width: 1pt;
  border-color: #333333;
   padding:3px;
   font-family: Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1.0em;
  }
stat_title {
  text-align:center;
 }
.pay {
             width:98%;
             max-width:580px;
             overflow:hidden;
             margin-left:auto;
            margin-right:auto;
            border:thin solid black;
            border-collapse:collapse;
          background-color:#fff;
             box-shadow: 2px 2px 8px #777777;
        }

.pay td {
             border: none;
             color:#000; 
             font-family: Tahoma, sans-serif;
             font-style:normal;
            font-size: 18px;
            padding:4px;
   }

#bx {
    width: 120px;
    height: 45px;
 }

#auth {
    width: 80px;
    height: 42px;
 }

.log {
  display:none;
}

input[type=text], input[type=email], input[type=number], input[type=password], select {
  width: 68%;
 font-size:32px;
  padding: 2px;
border-radius: 20px; /* Adjust the pixel value for desired roundness */
  border: 2px solid #d6d6d6; /* Add a solid border for clarity */
  box-sizing: border-box;
  resize: vertical;
 color:#fff;
  background-color:black;
 }
input[type=submit] {
font-size:32px;
}

textarea {
  width: 90%;
 font-size:32px;
  padding: 0px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  resize: vertical;
 }

.topright {
 display:none;
 }