@import url(https://fonts.googleapis.com/css?family=Maven+Pro);
/******************************* VARIABLES *******************************/

:root {
    /* COLORS */


    --color-primary-black: #1E1E1E; /* BLACK */
    --color-primary-dark-grey: #707070; /* DARK GREY */
    --color-secondary-grey: #BFBFBF; /* GREY */
    --color-secondary-light-grey: #F6F6F6; /* LIGHT GREY */
    --color-light: #FFFFFF; /* WHITE */
    --color-accent: #d70780; /* RED */
}



.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
    color: var(--color-accent);
}

span#saveButton.btn.btn-primary.btnFormRegSubmit {
    position: absolute;
    right: 17px;
    bottom: 70px;
}

form[action*="PrivateArea"] #saveButton,
form[action*="privateArea"] #saveButton,
form[action*="WelcomParty"] #saveButton,
form[action*="welcomParty"] #saveButton {
    left: 15px;
    max-width: fit-content;
    bottom: 30px !important;
}

form[action*="WelcomParty"] .well.well-sm, 
form[action*="welcomParty"] .well.well-sm{
    margin-bottom: 60px;
    padding-left:0
}

#formreg span#saveButton.btn.btn-primary.btnFormRegSubmit {
    bottom: 184px;
}

@media (max-width:369px){
    #formreg span#saveButton.btn.btn-primary.btnFormRegSubmit {
        bottom: 235px;
    }
}


@media (min-width: 480px) {
    #formreg span#saveButton.btn.btn-primary.btnFormRegSubmit {
        bottom: 184px;
    }
}

@media (min-width: 600px){
    #formreg span#saveButton.btn.btn-primary.btnFormRegSubmit {
        bottom: 163px;
    }
}


@media(min-width: 768px) {
    #formreg span#saveButton.btn.btn-primary.btnFormRegSubmit {
        bottom: 111px;
    }

    .body-content > .col-md-8 {
        padding: 0 40px
    }

    .row .col-xs-12 h2 {
        padding-left: 0!important
    }
}

@media (min-width: 1024px) {
    #formreg span#saveButton.btn.btn-primary.btnFormRegSubmit {
        bottom: 158px;
    }
}