#formActionLogin input:-webkit-autofill,
#formActionLogin input:-webkit-autofill:hover,
#formActionLogin input:-webkit-autofill:focus,
#formActionLogin input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s !important;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out !important;
}

.text-color {
    color: black;
}


.login-btn {
    margin: 0px 8px;
    border: 1px solid rgba(255, 222, 168, 0.719);
    color: rgba(253, 232, 197, 0.6);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0e0e+1,5e5e5e+100 */
    background: rgb(14, 14, 14);
    /* Old browsers */
    background: -moz-linear-gradient(31deg, rgba(14, 14, 14, 1) 50%, rgba(94, 94, 94, 1) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(31deg, rgba(14, 14, 14, 1) 50%, rgba(94, 94, 94, 1) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(31deg, rgba(14, 14, 14, 1) 50%, rgba(94, 94, 94, 1) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e0e', endColorstr='#5e5e5e', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.register-btn {
    margin: 0px 8px;
    border: 1px solid rgba(255, 222, 168, 0.781);
    color: rgba(253, 232, 197, 0.6);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c021f+50,964a3f+52 */
    background: rgb(124, 2, 31);
    /* Old browsers */
    background: -moz-linear-gradient(31deg, rgba(124, 2, 31, 1) 50%, rgba(150, 74, 63, 1) 52%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(31deg, rgba(124, 2, 31, 1) 50%, rgba(150, 74, 63, 1) 52%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(31deg, rgba(124, 2, 31, 1) 50%, rgba(150, 74, 63, 1) 52%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c021f', endColorstr='#964a3f', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.password-backgroundcolor {
    background: linear-gradient(180deg, black 0%, #434343 100%) !important;
    border: 1px solid rgb(255, 222, 168) !important;
    color: rgba(253, 232, 197, 0.486) !important;
}

button {
    cursor: pointer;
}
.logout{
    color:black;
    border-color:black;
}
.logout:hover{
    color:black;
    background-color:white;
    border-color:black;
}

.navbar-brand {
    color: black!important;
    font-size: 1.25rem;
    font-family: arial,sans-serif;
    font-weight: 600;
}
.fa-sign-out{
    color: black!important;
}
.bd-navbar .dropdown-menu {
    background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
}
.dropdown-item{
    font-size: 1.25rem;
    font-family: arial,sans-serif;
    color: #ffffff!important;
}
.dropdown-item:hover{
    color: black!important;
}
.navbar-backgroundcolor {
    background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#4c4c4c', GradientType=0);
}

.nav-link:hover>i {
    animation-name: rotateY;
    animation-duration: 2s;
    /* animation-delay: 0.5s; */
    animation-iteration-count: infinite;
}

hr.style-1{
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    /* background-color:rgba(125, 126, 125, 1); */
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(125, 126, 125, 1), rgba(0,0,0,0));
}

@keyframes rotateY {
    from {
        transform: rotateY(0);
    }

    to {
        transform: rotateY(360deg);
    }
}

/* @media screen and (max-width: 800px) {
    .navbar-nav-scroll ul li a::first-line {

        display: none;
    }


} */
.itm {
    display: none;
}
.Mobilegamenone{
    display:none;
}

@media screen and (max-width: 1200px) {
    /* .nav-item a span {
        display: none;
    } */

    /* .navbar-nav-scroll {
        display: none;
    } */
    .Mobilegamenone
    .betlognone,
    .betlognone,
    .diarynone,
    .passwordnone,
    .trading-centernone,
    .banknone {
        display: none;
    }

    .gamenone{
        padding: 0;
        padding-right: 0.5rem;
        display: block;
        font-size: 2rem;
        line-height:normal;
    }

    .itm {
        display: block;
    }
}

@media (max-width: 991px) {
    .gamenone {
        line-height: normal;
    }
}

@media (max-width: 768px) {
    .bd-navbar .navbar-nav-scroll {
        /* height: 1rem; */
        padding: 0rem;
        padding-right: 0rem;
        font-size: 1rem;
    }
    .gamenone {
        line-height: 2.5rem;
    }
}
.gamenone{
    padding-right: 0;
    padding-left: 0;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: blink3;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s;
    /* Chrome, Safari, Opera */
    animation-name: blink3;
}

@-webkit-keyframes blink3 {
    from {
        color: #ba0025;
    }

    to {
        color: #9600fa;
    }
}

/* Standard syntax */
@keyframes blink3 {
    from {
        color: #ba0025;
    }

    to {
        color: #9600fa;
    }
}

/*theme*/
.nav{
    width:100%;
    height:50%;
    /* float:left; */
    /* padding-top:0.5rem; */
    /* margin: 0 auto; */
    height: auto;
}
.member-nav{
    width:100%;
    height:50%;
    float:left;
    /* padding-top:0.5rem; */
    /* margin: 0 auto; */
    height: auto;
}
.member-nav{
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    /* overflow-y:hidden ; */
    /* position: relative; */
    text-align:right;
    /* background:black; */
    background-color: #3d4145;
    /* background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%); */
}
.member_title_container{
    max-width: 65%;
    margin:auto;
    height: 100%;
}

.btn-big {
    margin: 0 4px;
    line-height: 15px;
    height: 30px;
    min-width: 90px;
    text-align: center;
    font-size: 13px;
    border-radius: 4px;
    color: #fff;
    
    font-weight: 400;
    cursor: pointer;
}
.btn-big:hover{
    background-color: #ee8f12;
    border-color: #ee8f12;
}
.btn-big-login{
    background-color: #01a69c;
    border-color:#01a69c;
}
.btn-big-logout:hover{
    color:#fff;
    text-decoration: none;
}
.btn-big-signup{
    background-color: #1c97ce;
    border-color:#1c97ce;
}

.game-nav{
    
    width:100%;
    height:110px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    /* overflow-y:hidden ; */
    /* position: relative; */
    text-align:center;
    background: white;
    /* background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 11%, rgba(33, 33, 33, 1) 60%, rgba(76, 76, 76, 1) 88%); */
}

.realvision{
    order:1;
}
.esport{
    order:2;
}
.logo{
    order:3;
}
.electronic{
    order:4;
}
.lottery{
    order:5;
}
.game-nav-container{
    display:flex;
    max-width: 50%;
    margin:auto;
    height: 100%;
}
.game-nav-item{
    max-width: 50%;
    margin:auto;
    height: 100%;
}

/* .title-box{
    height:100%;
    width:100px;
    position: relative;
    text-align:center;
    float: left;
    margin: 0px 10px;
    line-height:100px;
    display:inline;
} */

/* #game_menu_table{
    height: 50%;
    width:100%;
    background-color: gray;
    display:none;
} */

.dropbtn:hover .dropdown-content{
    height:200px;
    opacity: 1;
    /* display: block; */
    
  }

.dropdown-content {
    /* display: none; */
    position: absolute;
    top:148px;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin:0;
    z-index: 10;
    margin-left: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    float:left;
    height:0px;
    background-color: #3d4145;
    /* background-color:gray; */
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    transition: all .2s ease;
    opacity: 0;
  }
.dropdown-content a {
    color: black!important;
    margin: 0px 16px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    text-align: left;
    /* height: 100%; */
    /* width:30%; */
}

.dropbtn {
    display: inline-block;
    /* color: white; */
    color: #666;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    /* width:100%; */
    line-height:5em;
    height: 7em;
}

.game-item{
    height:100%;
}


.dropbtn a{
    /* color:white; */
    color: #666;
    cursor: pointer;
    /* font-size: 1.2em; */
    /* font-family: Microsoft JhengHei; */
}
.dropbtn a:hover{
    color:#00aeff!important;
}
/* .dropbtn a img:hover{
    height:195px;
    width:auto;
    transition: all .4s ease;
} */