.middlebackground { 
    background: url(/assets/images/upload/GioBola/middleBg.jpg) no-repeat top center #020d17;
}
.main-page .logo-container {
width: 33.33%;
}
.main-page .header-container{
width: 66.66666667%;
}
.alternativelink1-design1 .alternativelink-header {
    border-color: #416e94;
    color: #ffffff;
    background: linear-gradient(to bottom, #005faf 0%, #004887 100%);
}
.alternativelink1-design1 a {
    color: #ffffff;
}
.mainheader1-design1,
.mainheader,
.masterheader2-design1 {
    background: #000000;
}
.mainheader1-design1 .header-content .form-control[disabled], .mainheader1-design1 .header-content .form-control[readonly], .mainheader1-design1 .header-content .form-control,
.mainheader1-design1 .header-content .show-password-btn {
    background-color: #fff;
    color: #555;
    background: #fff;
    color: #555;
}
.mainheader1-design1 .form-buttons .btn {
  width: 112px;
  height: 32px;
  border-radius: 0px;
}
.mainheader1-design1 .form-buttons {
    gap: 10px;
}
.login-button, .login-button:hover, .login-button.active, .login-button:active, .login-button.focus, .login-button:focus {
  background: url(/assets/images/upload/GioBola/imgBtnLogin.png);
  color: #ffffff;
  font-weight: bold;
  font-size: 21px;
  border: none;
  outline: none;  
  width: 112px;
  height: 32px;
  border-radius: 0px;
  padding: 0;
}
.main-content .content-form .form-container .btn-group .btn.register-button,
.register-button, .register-button:hover, .register-button.active, .register-button:active, .register-button.focus, .register-button:focus {
  background: url(/assets/images/upload/GioBola/imgBtnRegister.png);
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  border: none;
  outline: none;
  width: 112px;
  height: 32px;
  border-radius: 0px;
padding: 0;
}
.login-button:hover, .login-button.active, .login-button:active, .login-button.focus, .login-button:focus {
color: #512f00;
}
.register-button:hover, .register-button.active, .register-button:active, .register-button.focus, .register-button:focus {
color: #001d44;
}
.mainnavbar1-design1{
    background: url(/assets/images/upload/GioBola/navbar.jpg) repeat-x top left #0042ad;
}
.mainnavbar-container .navbar-nav > li > a:hover,
.mainnavbar-container .navbar-nav > li > a.mobile-button:hover,
.mainnavbar-container .navbar-nav .open > a, .mainnavbar-container .navbar-nav .open > a:hover
{
    border-top-color: #00f7ff;
    color: #00f7ff;
}
.mainnavbar-container .navbar-nav > li > a.mobile-button {
    color: #e7c224;
}
.mainnavbar-container .navbar-nav > li.gamemenu > ul {
    max-width: 1000px;
}
.announcement1-design1 .announcement-title {
    color: #000000;
    background: #e5b902;
}
.announcement1-design1 .marquee:before {
    background: linear-gradient(90deg, transparent 0, rgba(41, 49, 60, 0));
}
.onlineplayer1-design1 .container {
    background-color: #222222;
    border-color: #2133a1;
}
#footer {
background: #000000;
}
.footer-border-top-1.footer-container > .container {
    background: url(/assets/images/upload/GioBola/footerbg.jpg) no-repeat center top #000000;
border-color: #0053d8;
}
.footer-container .footer-content {
    color: #969696;
}
.footer-container h1, .footer-container h2, .footer-container h3, .footer-container  h4, .footer-container h5, .footer-container h6 {
    color: #ffffff;
}
.footer-container a, .footer-container .collapse-button {
    color: #0090ff;
}
.contact1-design1.contact-container {
    background: linear-gradient(to bottom, rgba(0,83,216,1) 0%, rgba(0,46,121,1) 100%);
}
.contact1-design1 .contact-icon .svg-icon,
.contact1-design1 .contact-box {
    color: #ffffff;
    color: #ffffff;
}
.provider-border-top-dot-1.gameprovider-container > .container {
border-color: #293572;
}
.gameprovider1-design1 .gameprovider-group {
border-color: #444444;
}
@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}

.masterpage .mainnavbar1-design4 {
    background: url(/assets/images/upload/GioBola/navbar2.jpg) repeat-x top left #0042ad;
}
.masterpage .mainnavbar1-design4 > .container {
    border: none;
}
.masterpage .mainnavbar1-design4 .navbar-nav {
    justify-content: flex-start;
}
.masterpage .mainnavbar1-design4 .navbar-nav > li {
    width: unset;
}
.masterpage .mainnavbar1-design4 .navbar-nav > li > a {
    font-size: 14px;
    padding: 7px 10px 5px 10px;
}
.masterpage .mainnavbar1-design4 .svg-icon {
    width: 30px;
    height: 30px;
}