a {
    text-decoration: none !important;
}

/*===========================================
    SIMPLE ICONS
============================================*/
.sli-icon {
    font-size: 20px !important;
}

/*===========================================
    TOAST MESSAGES
============================================*/
.menu-hamburger {
    display: block !important;
}
.menu-hamburger-disabled {
    pointer-events: none; 
    opacity: .5;
}
.margin-right-none {
    margin-right: 0 !important;
}
.menu-game-details {
    height: 35px !important; 
    line-height: 35px !important;
}
.menu-game-details-info {
    padding-left: 35px !important;
}
.menu-options-loggedIn {
    display: none;
}
.gameRooms-list li a {
    text-decoration: none;
}
/*===========================================
    LOGIN BOX
============================================*/
.card {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
}
.gameRoomLogo {
    width: 100%;
}
.gameRoomLogo-div {
    margin-top: 20px;
}
.loginBox-title {
    margin-bottom: 0;
}
.error-div {
    height: 15px !important;
}
.error {
    margin: 0 0 15px 0;
}
.login-tab-text {
    font-size: 1.1rem !important;
}
.login {
    height: 100vh; 
    width: 100%;
}
.login h1 {
    color: white;
}
.login-box {
    background: rgba(255,255,255,1);
    /*height: 300px;
    margin-top: 20px;*/
    padding: 20px;
}
.login-box h1 {
    text-align: center;
    color: #666;
    font-size: 25px;
    padding: 10px 0;
}
.input-group {
    width: 100%; 
}
form .row {
    margin-bottom: 10px;
}
.rememberMe-div {
    padding-left: 5px;
}
.no-padding {
    padding: 0 15px !important;
}
.login-register-button {
    margin: 15px 0;
}
.redtheme.blue-grey {
    background: red;
}
/*===========================================
    REGISTER
============================================*/
.register-tab {
    padding: 0 !important;
}
.register-close-icon {
    padding: 10px;
}
.register-form {
    margin-bottom: 35px;
}
.register-tab-login {
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 0;
}

/*===========================================
    INPUT COLORS
============================================*/
/* icon prefix focus color */
.input-field .prefix.active {
    color: rgb(21,101,192);
}
/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label {
     color: rgb(21,101,192);
}
/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=password]:focus {
    border-bottom: 1px solid rgb(21,101,192);
    box-shadow: 0 1px 0 0 rgb(21,101,192);
}
.input-field input[type="checkbox"].filled-in:checked+label:after {
    border-color: rgb(21,101,192);
    background-color: rgb(21,101,192);
}

/*===========================================
    TOAST MESSAGES
============================================*/
.toast {
    float: none;
    min-height: 75px;
}
#toast-container {
    left: 0 !important;
    max-width: 40% !important;
    right: 0 !important;
    margin: auto;
}

.toast-loginLogout {
    /* background: rgba(198, 212, 233, .7); */
    background: #7793BD;
}
.toast-register {
    /* background: rgba(198, 212, 233, .7); */
    background: #7793BD;
}


/*===========================================
    TOAST MESSAGES
============================================*/
nav .nav-wrapper{
    /*z-index: 4 !important;*/
}
/*===========================================
    MEDIA QUERIES
============================================*/
@media only screen and (min-width: 1400px) {
   .gameRoomLogo {
       width: 40%;
   } 
}
@media only screen and (max-width: 1399px) {
   .gameRoomLogo {
       width: 50%;
   } 
}
@media only screen and (min-width: 976px)  and (max-width: 1188px){
   .gameRoomLogo {
       width: 50%;
   } 
}
@media only screen and (max-width: 975px) {
   .gameRoomLogo {
       width: 60%;
   } 
}
@media only screen and (max-width: 992px) and (min-width: 601px) {
    #toast-container {
        max-width: 50% !important;
    }
}
@media only screen and (max-width: 992px){
   .gameRoomLogo {
       width: 80%;
   }
   
}
@media only screen and (width: 600px) {
   .gameRoomLogo {
       width: 30%;
   }
   
}
@media only screen and (max-width: 480px) {
    form .row {
        margin-bottom: 0;
    }
    form .row .input-field {
        margin-top: 0;
    }
    .card .card-content {
        padding: 10px;
    }
}
@media only screen and (min-width: 450px) {
    nav, .menu-hamburger i {
        height: 100px !important;
        line-height: 100px !important;
    }
}
@media only screen and (max-width: 449px) {
    nav, .menu-hamburger i {
        height: 70px !important;
        line-height: 70px !important;
    }
}