/* shared styles.

   requires:    /common/framework/css/framework.pt-br.css
                /common/framework/css/gui.pt-br.css
   ========================================================================== */


/* ==========================================================================
   setup
   ========================================================================== */

.required,
#registration p.privacy {
    color: #535353;
    font-size: 0.8125rem;
}

#registration .big-image {
    background-image: url('/events/user-conference-brazil/2025/img/registration-page.jpg'), linear-gradient(to right, #222, #222);
}

#registration main h3 {
    border-bottom: 1px solid #b7b7b7;
    color: #ee3032;
    font-size: 1.25rem;
    font-weight: 400;
}

#registration p {
    margin: 0 0 1.25rem 0;
    color: #535353;
    font-size: 0.9375rem;
}

.form-wrapper {
    border: 1px solid #d6d6d6;
    margin: 1.25rem 0;
    max-width: 40rem;
    padding: 1.25rem 1.25rem 2rem 1.25rem;
}

#registration .nav .save-the-date-button {
    display: none;
}

#_form-gui a:hover {
    color: #7cccbd;
}

#_form-gui .submit {
    background: #ee3032;
    border-radius: 0px;
    border: 1px solid;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0rem;
    margin-top: .5rem;
    outline: none;
    padding: 0.6875rem 1.562rem;
}

#_form-gui .submit:focus {
    background: #b00f00;
}

#_form-gui .submit:hover {
    background: #7cccbd;
    color: #fff;
}


/* fancy selects =================== */

#_form-gui input[type='text'].fancy-select {
    padding-right: 1.875rem;
    background: #fff url('/common/images/m10/form-icon-arrow-down.png') no-repeat 100% 50%;
}

#_form-gui .fancy-select-options,
#_form-gui .fancy-select-options.error {
    margin: 0;
    padding: 1rem 1.5rem;
    border-top: none;
}

#_form-gui .fancy-select-options input[type=checkbox] {
    margin: 2px 5px 0 0;
}

.fancy-select-options label {
    padding: 0;
    font-size: 0.8125rem;
}

.fancy-select-options .other {
    margin: 0 0 0 4px;
    padding: 2px 5px;
    color: #636363;
    font-size: 0.75rem;
}

#_form-gui .fancy-select-options label {
    display: inline-block;
    margin: 0;
    width: 90%;
}

#_form-gui .fancy-select-options ._main-grid>* {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}

#_form-gui .fancy-select-options ._main-grid>*:nth-child(odd) {
    padding-right: 0;
}

#_form-gui .fancy-select-options input#areasOther {
    height: 1rem;
    width: 60%;
}

#_form-gui .fancy-select-options input#areaOfInterest_51+label {
    display: inline;
    vertical-align: bottom;
    width: 30%;
}

.fancy-select-options {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0.9375rem 1.5625rem;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    background: #fff;
    color: #535353;
    font-size: 0.8125rem;
}


/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */


/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}


/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {}


/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {}


/* styles for small screens (320px)
   ========================================================================== */

@media all and (max-width: 380px) {}


/* styles for small screens (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}


/* styles for minimum supported screen width (31.25rem)
   ========================================================================== */

@media all and (max-width: 31.25rem) {}


/* printer styles
   ========================================================================== */

@media print {}