/* ENQUIRY PORTAL ALL STYLES */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
    /* colors */
    /* colors */
    --accent-color:#00cccc;
    --accent-color-alpha: #00cccc1a;
    --dark-blue:  rgb(1, 44, 79);
    --dark-blue-alpha:  #012c4fd8;
    --dark-blue-alpha-light:  #012c4f81;
    --dark-blue-alpha-lighter:  #012c4f34;
    --dark-grey: #111;
    --black-alpha-darker: rgba(0,0,0,0.95);
    --black-alpha-dark: rgba(0,0,0,0.8);
    --black-alpha-medium: rgba(0, 0, 0, 0.5);
    --black-alpha-light: rgba(0, 0, 0, 0.4);
    --off-white: #f7f7f7;
  }
  
  #background {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1028%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(34%2c 34%2c 34%2c 1)'%3e%3c/rect%3e%3cpath d='M1618 353L1617 -363' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1470 584L1469 1284' stroke-width='8' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M723 539L722 -113' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M445 970L444 1716' stroke-width='8' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1698 240L1697 877' stroke-width='6' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1416 117L1415 -199' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M394 826L393 376' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1236 76L1235 500' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1852 609L1851 950' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M942 700L941 1088' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1597 510L1596 978' stroke-width='6' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1052 796L1051 -9' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1769 678L1768 1152' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M764 481L763 830' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M113 419L112 732' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1713 804L1712 390' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M446 114L445 915' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M946 517L945 825' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M778 473L777 -83' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M734 250L733 920' stroke-width='8' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M42 968L41 1380' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1360 42L1359 -472' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1687 360L1686 1000' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1253 437L1252 724' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1680 979L1679 460' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M954 38L953 -402' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1422 888L1421 232' stroke-width='8' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M983 535L982 143' stroke-width='6' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M973 261L972 914' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1094 373L1093 -172' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M581 202L580 -372' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1640 1055L1639 1550' stroke-width='8' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1680 272L1679 -486' stroke-width='8' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1542 214L1541 -509' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1554 567L1553 1170' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1226 496L1225 -291' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M318 543L317 1247' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M115 954L114 628' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M670 804L669 13' stroke-width='6' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1296 812L1295 203' stroke-width='6' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M1740 558L1739 972' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M38 704L37 1353' stroke-width='10' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M105 58L104 849' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M551 697L550 1424' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M403 917L402 1706' stroke-width='8' stroke='url(%23SvgjsLinearGradient1030)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M258 651L257 148' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1617 282L1616 659' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M1107 318L1106 21' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1028'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1029'%3e%3cstop stop-color='rgba(21%2c 244%2c 238%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(21%2c 244%2c 238%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='0%25' y1='0%25' x2='0%25' y2='100%25' id='SvgjsLinearGradient1030'%3e%3cstop stop-color='rgba(21%2c 244%2c 238%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(21%2c 244%2c 238%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");  background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  
  #loginContainer * {
    color: #fff;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    line-height: 1em;
    box-sizing: border-box;
  }
  
  #loginContainer {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  #loginForm {
    position: relative;
  }
  
  #inputContainer {
    width: 460px;
    padding: 3rem 2rem;
    background-color: var(--dark-grey);
  
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  #inputContainer h2 {
    text-align: center;
  }
  
  #inputContainer input[type="text"],
  #inputContainer input[type="password"] {
    display: block;
    background-color: transparent;
    border: white 2px solid;
    height: 3rem;
    line-height: 2rem;
    width: 100%;
    font-size: 1rem;
    padding-left: 1.25rem;
    outline: none;
    margin-bottom: 1rem;
    border-radius: 8px;
    color: white;
  }
  
  #inputContainer input[type="text"]:focus,
  #inputContainer input[type="password"]:focus {
    border: 4px solid white;
  }
  input[type="checkbox"]{
    margin-left: 1rem;
  }
  
  #inputContainer .label-block {
    color: white;
    font-size: 1rem;
    margin-top: 15px;
    display: block;
    margin: 2rem 0 0.5rem;
    font-weight: bold;
  }
  #inputContainer .label-block:first-of-type {
    margin-top: 0px;
  }
  
  #inputContainer .label-inline {
    color: white;
    font-size: 1rem;
  }
  
  #inputContainer button {
    background-color: var(--accent-color);
    border: 2px solid var(--accent-color);
    color: var(--dark-grey);
    font-weight: bold;
    display: block;
    font-size: 1.2rem;
    letter-spacing: 1px;
    margin: 2rem auto 1rem;
    height: 3rem;
    width: 100%;
    transition: 0.2s;
    border-radius: 8px;
  
  }
  #inputContainer button:hover {
    background-color: var(--accent-color-alpha);
    border: 2px solid var(--accent-color-alpha);
  }
  
  #inputContainer button:hover {
    cursor: pointer;
  }
  #inputContainer img {
    width: 200px;
    margin: 0 auto 1rem;
    display: block;
  }
  
  #inputContainer .errorMessage {
    color: #07d159;
    font-size: 12px;
    display: block;
  }
  
  #loginContainer .accessText p {
    font-size: 0.8125rem;
    line-height: 1.5;
  }
  #loginContainer .accessText p:nth-child(2) {
    color: var(--primary-color);
  }
  
  .enquiry-portal-success-message {
    background-color: red;
    margin: 0.5rem 0;
    text-align: center;
  }
  
  /* .bowling-enquiry-status-row {
    display: flex;
  } */
  .enquiry-container {
    padding: 6rem;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
  }
  .enquiry-container h1{
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem;
  }

  .enquiry-container-notes {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }

  .enquiry-container-search-container {
    display: flex;
    justify-content: space-around;
    padding: 2rem 5rem;
    border-left: 2px #eee solid;
    border-right: 2px #eee solid;
  }
  .enquiry-container-search-container div {
    width: 40%;
  }
  .enquiry-container-tabs {
    display: flex;
    justify-content: center;
  }
  .enquiry-container-tabs span {
    width: 50%;
    display: inline-block;
    padding: 1rem 0;
    text-align: center;
    border: 2px solid var(--accent-color);
    border-bottom: 2px solid #eee; 
    border-radius: 20px 20px 0 0 ;

    font-weight: bold;
    cursor: pointer;
  }

  .enquiry-container-tab-disabled {
    background-color: #555;
    color: var(--accent-color);
  }

  table {
    width: 100%;
    border-collapse: collapse;
    overflow-x: scroll;
    cursor: pointer;
  }
  
  table td, table th {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  table tr:nth-child(even){background-color: var(--accent-color-alpha);}
  
  table tr:hover {
    background-color: #ddd;
  }
  
  table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: var(--accent-color);
    color: white;
    border: 1px solid #eee;
  }

  table td {
    color: #555;
    padding: 12px;
  }

  label {
    font-size: 1.2rem;
    text-transform: uppercase;
    width: 50%;
  }
  #enquiry_search, #enquiry_search_2 {
        width: 80%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid var(--accent-color);
        border-radius: 4px;
        box-sizing: border-box;
        margin-left: 1rem;
        color: #555;
        font-size: 1rem;
  }
  #enquiry_search:focus, #enquiry_search_2:focus {
      outline: none;
      border: 2px solid var(--accent-color);
  }
  
  #logout-btn {
    position: absolute;
    top: 3rem; 
    right: 6rem;
    padding: 15px 30px;
    background-color: #cc0000b0;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
  }
  #logout-btn:hover {
    background-color: #cc0000;
  }
  @media only screen and (max-width: 1400px) {
    .enquiry-container {
      width: 100%;
      padding:3rem 0.5rem;
    }
    table{
      font-size: 12px;
    }

    table td, table th {
      padding: 6px;
    }

    .enquiry-container-search-container {
      padding: 3rem 1rem;
    }
    label {
      display: block;
      width: 100%;
    }
    .enquiry-container-search-container div {
      width: 45%;
  }
  #logout-btn {
    right: 1rem;
    top: 1rem;
  }
}
  @media only screen and (max-width: 480px) {
    #inputContainer {
      width: 90%;
      padding: 1.5rem;
    }
    .accessText p {
      font-size: 0.625rem;
    }
  }