@charset "UTF-8";
/* CSS Document */


body {
  font-family: Arial, Helvetica, sans-serif;
  background-color:#000;
}



.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #181b21; /* slot results background & Top HR Rule */
  height: auto; /* automatically resize the main container to fit new content vertically */
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  
  text-decoration: none;
  font-size: 17px;
  display: block;
}


/* Hamburger Menu Decoration */
.topnav a.icon {
  background: #04AA6D; /* Orginal is 'Black' */
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}



.topnav a:hover {
  background-color: #ddd; /* Hover over Logo Bar. Original color is #ddd. */
  color: black; /* Font color turns to 'Black' when hover over. */
}


/* Top Logo bar section */
.active {
  background-color: #04AA6D; /* Original color is #04AA6D (Green) */
  color: white;
  height: 15px;
}



.welcome {
    height: 40px;
	background-color: #181b21;
  }





/* ---------- Main Login Form Styles ---------- */

.main-login-form {
    display: flex;
    flex-direction: column;
  }
  
.main-login-form-label {
    padding: 5px;
  }
  
.main-login-form-input {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box; 
  }
  
.main-login-form-submit {
    padding: 10px 20px;
  }
  
/* ---------- End Main Login Form Styles ---------- */






/* ---------- Main Casino List display: Div Styles for Button, Container, etc ---------- */

.green-div {
        background-color: #6C6;
        color: white;
		padding-left: 10px;
		margin-right: 15px;
		border-radius: 5px;
		
    }
    
.red-div {
        background-color: red;
        color: white;
		padding-left: 10px;
		margin-right: 15px;
		border-radius: 5px;
    }
	
	

.about-div {
		font-size: 14px;
		line-height: 1.5;
        background-color: #181b21;
        color: white;
		padding-left: 10px;
		margin-right: 15px;
		border-radius: 5px;
    }
	
	
	

.black-div {
		font-size: 14px;
        background-color: black;
        color: white;
		padding-left: 10px;
		margin-right: 15px;
		border-radius: 5px;
    }
	
.div-container {
  display: block;
}

.div-container > div {
  margin-right: 10px; /* Adjust the value as needed */
  margin-bottom: 2px; /* Adjust the space between each div as needed */
}




.top10container {
  display: flex;
}

.top10half {
  flex-grow: 1;
  padding: 10px;
  border: 1px solid #333;
  text-align: center;
}


.activeDiv {
  flex-grow: 1;
  padding: 10px;
  border: 1px solid #333;
  text-align: center;
  background-color: #132d15; /* Alternate color #102812D - background color */
}



.top10links {
  color: #dffc63;
  text-decoration: none;
}

.top10links:hover {
  color: red;
}



.errorOutput {
	color: #D0D0D0;
	line-height: 1.5;
	}


.videoText {
	color: #D0D0D0;
	line-height: 1.5;
	}
	
	
/* Set a style for all buttons */
button {
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}







    /* CSS style for the importantMessage link */
    a {
        text-decoration: none; /* Remove link underline */
    }

    /* CSS style for the div */
    .importantMessageDiv {
        border-style: solid;
        border-width: thin;
        border-color: red;
        height: 40px;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background-color 0.3s ease; /* Add smooth transition on hover */
    }

    /* CSS style for the div on hover */
    .importantMessageDiv:hover {
        background-color: lightgray; /* Change the background color on hover */
    }

/* ---------- End Main Casino List display ---------- */