.admin-button,
.admin-submit-button,
.team-submit-button,
.hacking-button{
    width: 100%!important;
    border-radius: 50px!important;
    text-transform: none!important;
    font-family: Poppins-Medium, sans-serif;
    font-size: 18px!important;
    background-color: transparent!important;
    color: white;
    border: 1px solid white!important;
    max-width: 372px;
}

.team-submit-button,
.admin-submit-button{
    background-color: rgba(255, 59, 198, 1)!important;
}

.admin-button.delete{
    background-color: red!important;
}

.admin-button:hover,
.team-submit-button:hover,
.hacking-button:hover{
    background-color: rgba(255, 59, 198, 1)!important;
}

.admin-button.delete:hover{
    background-color: red!important;
}

.offcanvas .materialized.btn-floating {
    background-color: var(--primaryBackground);
    border: 1px solid white;
    position: absolute;
    right: 32px;
    top: 32px
}

.offcanvas .materialized.btn-floating.btn-large {
    width: 48px;
    height: 48px;
    padding: 0;
}

.offcanvas .materialized.btn-floating.btn-large i {
    line-height: 46px;
}

.materialized.btn.disabled, .materialized.disabled.btn-large, .materialized.disabled.btn-small, .materialized.btn-floating.disabled, .materialized.btn-large.disabled, .materialized.btn-small.disabled, .materialized.btn-flat.disabled, .materialized.btn:disabled, .materialized.btn-large:disabled, .materialized.btn-small:disabled, .materialized.btn-floating:disabled, .materialized.btn-large:disabled, .materialized.btn-small:disabled, .materialized.btn-flat:disabled, .materialized.btn[disabled], .materialized.btn-large[disabled], .materialized.btn-small[disabled], .materialized.btn-floating[disabled], .materialized.btn-large[disabled], .materialized.btn-small[disabled], .materialized.btn-flat[disabled] {
    pointer-events: none;
    background-color: #C4C4C4 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #D1D1D1 !important;
    cursor: default;
    border-color: #C4C4C4!important;
}

.ranking-index-button{
    width: 100%!important;
    border-radius: 50px!important;
    text-transform: none!important;
    font-family: Poppins-Medium, sans-serif;
    font-size: 18px!important;
    background-color: transparent!important;
    color: white;
    border: 1px solid #657194!important;
    max-width: 372px;
    height: 40px;
}

.ranking-index-button.active{
    border: 1px solid rgba(255, 59, 198, 1)!important;
}


.materialized input:not([type]), .materialized input[type=text]:not(.browser-default), .materialized input[type=password]:not(.browser-default), .materialized input[type=email]:not(.browser-default), .materialized input[type=url]:not(.browser-default), .materialized input[type=time]:not(.browser-default), .materialized input[type=date]:not(.browser-default), .materialized input[type=datetime]:not(.browser-default), .materialized input[type=datetime-local]:not(.browser-default), .materialized input[type=tel]:not(.browser-default), .materialized input[type=number]:not(.browser-default), .materialized input[type=search]:not(.browser-default), .materialized textarea.materialize-textarea {
    border: 1px solid #FAFAFA;
    border-radius: 32px;
    background-color: transparent;
    /* border: none; */
    /* border-bottom: 1px solid #9e9e9e; */
    /* border-radius: 0; */
    outline: none;
    height: 3rem;
    width: calc(100% - 32px);
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    font-family: Poppins-Normal, sans-serif!important;
    font-size: 17px!important;
    color: white;
}

.materialized ul:not(.browser-default) {
    background-color: #292c34!important;
    z-index: 100;
    max-height: 228px;
    overflow-y: scroll;
}

.materialized .select-dropdown.dropdown-content li.selected {
    background-color: #292c34!important;
    z-index: 100;
}

.materialized input:not([type]):focus:not([readonly]), .materialized input[type=text]:not(.browser-default):focus:not([readonly]), .materialized input[type=password]:not(.browser-default):focus:not([readonly]), .materialized input[type=email]:not(.browser-default):focus:not([readonly]), .materialized input[type=url]:not(.browser-default):focus:not([readonly]), .materialized input[type=time]:not(.browser-default):focus:not([readonly]), .materialized input[type=date]:not(.browser-default):focus:not([readonly]), .materialized input[type=datetime]:not(.browser-default):focus:not([readonly]), .materialized input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .materialized input[type=tel]:not(.browser-default):focus:not([readonly]), .materialized input[type=number]:not(.browser-default):focus:not([readonly]), .materialized input[type=search]:not(.browser-default):focus:not([readonly]), .materialized textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #26a69a;
    -webkit-box-shadow: 1px 1px 1px 1px #26a69a;
    box-shadow: 1px 1px 1px 1px #26a69a;
}

.materialized .select-wrapper input.select-dropdown:focus {
    border: 1px solid #26a69a;
}

.materialized .select-dropdown li.disabled, .materialized .select-dropdown li.disabled > span, .materialized .select-dropdown li.optgroup {
    color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
    border-bottom: 1px solid #FAFAFA;
}

.materialized .dropdown-content li > a, .dropdown-content li > span {
    font-size: 17px;
    color: white;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
    font-family: Poppins-Normal, sans-serif!important;
}

.materialized .select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: white;
}

.materialized input.invalid:not([type]), .materialized input.invalid:not([type]):focus, .materialized input.invalid[type=text]:not(.browser-default), .materialized input.invalid[type=text]:not(.browser-default):focus, .materialized input.invalid[type=password]:not(.browser-default), .materialized input.invalid[type=password]:not(.browser-default):focus, .materialized input.invalid[type=email]:not(.browser-default), .materialized input.invalid[type=email]:not(.browser-default):focus, .materialized input.invalid[type=url]:not(.browser-default), .materialized input.invalid[type=url]:not(.browser-default):focus, .materialized input.invalid[type=time]:not(.browser-default), .materialized input.invalid[type=time]:not(.browser-default):focus, .materialized input.invalid[type=date]:not(.browser-default), .materialized input.invalid[type=date]:not(.browser-default):focus, .materialized input.invalid[type=datetime]:not(.browser-default), .materialized input.invalid[type=datetime]:not(.browser-default):focus, .materialized input.invalid[type=datetime-local]:not(.browser-default), .materialized input.invalid[type=datetime-local]:not(.browser-default):focus, .materialized input.invalid[type=tel]:not(.browser-default), .materialized input.invalid[type=tel]:not(.browser-default):focus, .materialized input.invalid[type=number]:not(.browser-default), .materialized input.invalid[type=number]:not(.browser-default):focus, .materialized input.invalid[type=search]:not(.browser-default), .materialized input.invalid[type=search]:not(.browser-default):focus, .materialized textarea.materialize-textarea.invalid, .materialized textarea.materialize-textarea.invalid:focus, .materialized .select-wrapper.invalid > input.select-dropdown, .materialized .select-wrapper.invalid > input.select-dropdown:focus {
    border: 1px solid #F44336;
    -webkit-box-shadow: 1px 1px 1px 1px #F44336;
    box-shadow: 1px 1px 1px 1px #F44336;
}

.materialized .input-field .helper-text{
    font-family: Poppins-Normal, sans-serif!important;
    color: #F44336;
}

.form-label{
    font-family: Poppins-Medium, sans-serif!important;
    font-size: 18px;
    color: white;
    margin-bottom: 8px;
    padding: 0 0 0 8px;
}

.materialized input.valid:not([type]), input.valid:not([type]):focus, .materialized input.valid[type=text]:not(.browser-default), .materialized input.valid[type=text]:not(.browser-default):focus, .materialized input.valid[type=password]:not(.browser-default), .materialized input.valid[type=password]:not(.browser-default):focus, .materialized input.valid[type=email]:not(.browser-default), .materialized input.valid[type=email]:not(.browser-default):focus, .materialized input.valid[type=url]:not(.browser-default), .materialized input.valid[type=url]:not(.browser-default):focus, .materialized input.valid[type=time]:not(.browser-default), .materialized input.valid[type=time]:not(.browser-default):focus, .materialized input.valid[type=date]:not(.browser-default), .materialized input.valid[type=date]:not(.browser-default):focus, .materialized input.valid[type=datetime]:not(.browser-default), .materialized input.valid[type=datetime]:not(.browser-default):focus, .materialized input.valid[type=datetime-local]:not(.browser-default), .materialized input.valid[type=datetime-local]:not(.browser-default):focus, .materialized input.valid[type=tel]:not(.browser-default), .materialized input.valid[type=tel]:not(.browser-default):focus, .materialized input.valid[type=number]:not(.browser-default), .materialized input.valid[type=number]:not(.browser-default):focus, .materialized input.valid[type=search]:not(.browser-default), .materialized input.valid[type=search]:not(.browser-default):focus, .materialized textarea.materialize-textarea.valid, .materialized textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border: 1px solid #4CAF50;
    -webkit-box-shadow: 1px 1px 1px 1px #4CAF50;
    box-shadow: 1px 1px 1px 1px #4CAF50;
}

.materialized textarea {
    border: 1px solid #FAFAFA;
    border-radius: 32px;
    background-color: transparent;
    font-family: Poppins-Normal, sans-serif!important;
    font-size: 17px!important;
    color: white;
    min-height: 200px;
    max-height: 300px;
    padding: 16px;
}

.materialized .select-dropdown li.optgroup > span {
    color: var(--purple);
    font-size: 18px;
}

.materialized .select-dropdown li.optgroup.second-optgroup > span {
    color: var(--purple);
    font-size: 16px;
    display: block;
    line-height: 22px;
    padding: 14px 31px;
    font-family: Poppins-Normal, sans-serif !important;
}

@media only screen and (max-width: 600px) {
    .offcanvas .materialized.btn-floating.btn-large {
        z-index: 3000;
    }
}