/*----------------------------------------------------------------------
  FILENAME: custom.css
  DESCRIPTION: Rules placed in this file will override all other rules.
  You can use !important to ensure the rules are applied.
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
  FILENAME: custom.css
  DESCRIPTION: Rules placed in this file will override all other rules.
  You can use !important to ensure the rules are applied.
----------------------------------------------------------------------*/
@media (max-width: 767px) {
    #page_signup #header {
        height: auto;
    }
    #page_signup  div#siteLogo {
    width: 40%;
}
#page_signup .articl{
      padding: 20px;

}
#page_signup form fieldset {
        padding: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    #page_signup input#btn-signup {
    margin-top: -20px;
    height: 48px;
}
}


body#page_signup {
    background: #f5f6f7;
}
#page_signup .article {
    background: transparent;
    padding: 15px;
}
#page_signup div#pageBody {
    background: transparent;
}
#page_signup div#siteLogo {
    margin: 0 auto;
    width: fit-content;
    display: block;
    float: none;
}
#page_signup .section p span.reqStar {
    float: none;
}
#page_signup fieldset dl {
    margin-left: 0px;
}
#page_signup .article .section h1 {
    text-align: center;
    color: #fff;
}
#page_signup .section p {
    text-align: center;
}

#page_signup div#pageBody {
    margin: 0 auto;
    max-width: 610px;
}
#page_signup form fieldset dd {
    margin-left: 0px;
    clear: both;
    padding-left: 0px;
}
#page_signup input[type="checkbox"] {
    width: auto;
}
#page_signup .article ul {
    margin: 0px;
}
#page_signup dl#dtl_email_unsubscribed {
    margin-top: 20px;
    margin-bottom: 20px;
}
#page_signup div#header {
    background: #fff;
        min-height: auto;
        padding: 10px;
}

#page_signup input {
    width: 100%;
}
#page_signup form fieldset dt {
    width: auto;
}
#page_signup dl#dtl_termsagreement span.reqStar {
    float: none;
}
#page_signup input[type="radio"] {
    width: auto;
}
#page_signup dl#dtl_market_us {
    margin-top: 20px;
}
#page_signup form fieldset {
    padding: 20px;
  padding: 30px;
    border-radius: 10px;
        background: #fff;
}
#page_signup form dl select {
    width: 100%;
}
#page_signup span.reqStar {
    float: right;
}
#page_signup input#btn-signup {
    margin-top: -20px;
    height: 48px;
}
#page_signup fieldset.submit-buttons {
    padding: 0px;
    margin: 0px;
    background: none;
}
.betnacional-class input#btn-signup{
      background: #FFD800;
    color: #133880;
}
.pagbet-class input#btn-signup{
    background: #fff;
    color: #000;}

.betpix-class input#btn-signup {
    background: #f2b124;
    color: #312c70;
}
.mrjack-class input#btn-signup{
      background: #f58d3d;
}
body#page_signup.betnacional-class {
    background: #133880 ;
}
body#page_signup.pagbet-class {
    background: #000;
}
body#page_signup.betpix-class {
    background: #312c70 ;
}
body#page_signup.mrjack-class {
    background: #56479a ;
}
#page_signup .article p {
    color: white !important;
}
#page_signup #footer p, #footer a{
    color: white !important;

}

#page_password_retr #nav ul li a:hover, #page_login #nav ul li:hover a,
#page_verify-resend #nav ul li a:hover, #page_login #nav ul li:hover a,
#page_login #nav ul li a:hover, #page_login #nav ul li:hover a{
    background: #022246;
}
#page_password_retr #nav ul li.selected a,
#page_verify-resend #nav ul li.selected a,
#page_login #nav ul li.selected a{
    background: #00877c;
}
#page_password_retr #nav,
#page_verify-resend #nav,
#page_login #nav {
    background: rgb(1, 35, 70);
    background: linear-gradient(94deg, rgba(1, 35, 70, 1) 2%, rgba(0, 135, 125, 1) 92%);
}
#page_login{
        background: none !important;
}
#page_login .login dl{
        width: 100%;
}
#page_login .login dt{
        width: 100%;
}
#page_login input {
    width: 100%;
}
#page_password_retr button,
#page_verify-resend button,
#page_login button {

    width: 100%;
    background: #00877d;
    border: 0px;
    height: 40px;
}
#page_login div#footer {
    background: #dddddd !important;
}

#page_login #footer a {
    color: #666 !important;
}