/* ==================================================================================== */
/*                            Take It Or Leave It Plus                                  */
/*                              Copyright (c) 2021                                      */
/*                                 Tioli Gaming                                         */
/*                                                                                      */
/* This file defines the cascading style sheet styles for the Admin page.               */
/* ------------------------------------------------------------------------------------ */
/* Calls To:     None                                                                   */
/*                                                                                      */
/* Called From:  src/adminMessges.html                                                  */
/* ==================================================================================== */
/*                                            CHANGE LOG                                */
/* ------------------------------------------------------------------------------------ */
/* DATE   |    CHANGE ID     | CHANGE DESCRIPTION / NOTES                               */
/* ------------------------------------------------------------------------------------ */
/* 030821 |       NA         | Original Code                                            */
/* ------------------------------------------------------------------------------------ */
/*        |                  |                                                          */
/* ------------------------------------------------------------------------------------ */
/*        |                  |                                                          */
/* ==================================================================================== */

body {
   background-image: url("../img/red_suits_wall.jpg");
   width: 100%;
}

.tournamentOptions {
    margin-top: 2vmax;
}

.tournamentLogo {
  display: block;
  width: 13vmax;
}

.tournamentLogoLeft {
  margin-right: 5vmax;    
}

#logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 25px;
  width: 25vmax;
}

.errorMessage  {
    font-size: 1.5vmax;
    text-align: center;
    font-family: "Arial";
    color: white;
    font-weight: bold;
    font-style: italic;
}

.tab {
    padding:10px 20px;
    color: black;
    border: 2px solid black;
}

/* Only visible when the mouse is on a tab title */
.tab:hover {
   background-color: blue; /* Colors the text in black to highlight the possible selection */
   color: white;
   text-decoration: none; /* Removes the hyperlink underline style */
}

.tab-box {
    /*border: 2px solid black;*/
}

.tab-content {
    margin-top: 20px;
    border: 2px solid black;
}

.button_section {
    margin-top: 20px;
}

.dashboardTioliButton_section {
     margin-top: 0px;
}

.tioli_button {
    position: relative;
    margin-right: 20px;
    font-size: 2.5vmax;
    color: #660000;
}

.dashboardTioliButtons {
    margin-top: 0px;
    margin-right: 10px;
}

.tioli_button img {
    height: 5vmax;
}

.dashboardTioliButtons img {
    height: 3vmax;
}

.playAsGuest {
    position:absolute;
    z-index:999;
    margin: 0 0;
    left: 0;
    right: 0;
    top: 15%;
    text-align: center;
    width: 7.5em;
    font-family: "Arial";
    font-size: 2.4vmax;
    font-weight: bold;
}

.buttonText {
    position:absolute;
    z-index:999;
    margin: auto;
    left: 0;
    right: 0;
    top: 2%;
    text-align: center;
    width: 70%;
    font-family: "Arial";
    font-size: 3.3vmax;
    font-weight: bold;
}

.logoutMenuButtons {
    position:absolute;
    z-index:999;
    margin: auto;
    left: 0;
    right: 0;
    top: 15%;
    text-align: center;
    width: 70%;
    font-family: "Arial";
    font-weight: bold;
    font-size: 2vmax;
}

.backtoMenu {
    margin-top: 3vmax;
    font-size: 1.5vmax;
}

.backtoMenu img {
    height: 3vmax;
}

.backToMenuText {
    font-size: 1.9vmax;
}

.form-group {
    margin-top: 10px;
}

.form_input {
    font-family: "Arial";
    /*font-size: 2em;*/
    font-weight: bold;
}

.welcomeUser {
  width: 100%;
  font-size: 2.5vmax;
  text-align: center;
  font-family: "Arial";
  font-weight: bold;
  color: white;
  margin-bottom: 0px;
}

.selectTournamentHeader {
    font-size: 3vmax;
}
.refresh_button {
    margin: 0 auto;
    display: block;
    background-color: orange;
    margin-bottom: 20px;
}

#accountBalance {
  font-style: italic;
  margin-bottom: 10px;
  font-size: 1.8vmax;
}

.gameOptions {
    display: block;
    margin: 5px auto;
}

.centerButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.gameButton {
    font-family: "Arial";
    font-size: 1.8vmax;
    font-weight: bold;
    color: white;
    text-align: center;
    border: 2px solid white;
    margin-left: 15px;
    background: orange;    
}

.gameHistoryButton {
    font-size: 1vmax;
}


.gameButtonRed {
    background: red;
}

.gameButtonBlue {
    background: blue;
}

.gameButtonGreen {
    background: green;
}

.gameButtonGrey{
    background: gray;
}

.gameButtonBlack {
    background: #00008b;    
}

@media only screen and (max-width: 669px) {
    .centerButtons {
      display: initial;
      /*width:100%*/
    }
    
    .tournamentButton {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }
    
    .form-group {
        width: 50vw;
    }
}