/* ----------- bootstrap override ----------- */
.container-fluid {
    padding-right: 0;
    padding-left: 0;
    padding-top: 20px;
}

.well {
    box-shadow: none;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.form-control, .form-control:focus, .has-error .form-control {
    box-shadow: none;
}

/* ----------- global ----------- */
.tip_required {
    text-align: right;
    margin-bottom: 10px;
}

.f_required {
    color: #ff0000;
}

@media (max-width: 413px) {
    .btn.btn-default, .btn.btn-primary {
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* ----------- page width ----------- */
.fidepi_login_form.fidepi_form_stacked,
.fidepi_reset_password_form.fidepi_form_stacked,
.fidepi_modify_password_form.fidepi_form_stacked {
    max-width: 560px;
}

.fidepi_login_form.fidepi_form_horizontal,
.fidepi_reset_password_form.fidepi_form_horizontal,
.fidepi_modify_password_form.fidepi_form_horizontal {
    max-width: 620px;
}

.fidepi_edit_form.fidepi_form_stacked,
.fidepi_edit_form.fidepi_form_horizontal {
    max-width: 620px;
}

.fidepi_consult_tb, .fidepi_form_start {
    max-width: 1024px;
    padding-left: 20px;
    padding-right: 20px;
}

/* ----------- horizontal form, only in desktop ----------- */
@media (min-width: 414px) {
    .fidepi_form_horizontal .form-group:not(.fidepi_login_remember_me) label {
        display: inline-block;
        width: 22%;
        text-align: right;
        padding-right: 2%;
        vertical-align: middle;
    }

    .fidepi_form_horizontal .fidepi_login_remember_me > div.checkbox {
        padding-left: 23%;
    }

    .fidepi_form_horizontal .form-group.fidepi_form_group_radio > span > label {
        text-align: left;
        vertical-align: middle;
    }

    .fidepi_form_horizontal .form-group.fidepi_form_group_radio > span > label > input {
        width: auto;
        vertical-align: middle;
    }

    .fidepi_form_horizontal .form-group:not(.fidepi_login_remember_me) input,
    .fidepi_form_horizontal .form-group:not(.fidepi_form_group_select) select {
        display: inline-block;
        width: 73%;
        vertical-align: middle;
    }

    .fidepi_form_horizontal .form-group.fidepi_form_group_select > div {
        display: inline-block;
        width: 73%;
        vertical-align: middle;
    }

    .fidepi_form_horizontal .fidepi_form_btns,
    .fidepi_form_horizontal .fidepi_form_links,
    .fidepi_form_horizontal .fidepi_form_help {
        padding-right: 4%;
    }
}

/* ----------- page consult ----------- */
.fidepi_consult_pts p, .fidepi_consult_euros p {
    font-size: 3rem
}

.fidepi_consult_listgroup {
    padding-right: 0;
}

.fidepi_consult_listgroup a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width: 768px) {
    .fidepi_consult_pts h4, .fidepi_consult_euros h4 {
        min-height: 3.4rem;
    }

    .row.point.remise > .well:first-child {
        width: 49%;
    }

    .row.point.remise > .well + .well {
        width: 49%;
        float: right;
    }

    .fidepi_consult_listgroup {
        width: 49%;
        float: right;
    }
}

/* ----------- page edit ----------- */
.fidepi_edit_date_anniv select, .fidepi_edit_naissance_enfant select {
    display: inline-block;
    width: 32%;
}

/* ----------- page duo bloc ----------- */
.fidepi_form_start_remember_me .checkbox {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.fidepi_form_start_remember_me .checkbox + span {
    text-align: right;
    padding: 0;
}

.fidepi_form_start h3 {
    margin-top: 5px;
    margin-bottom: 30px;
}

.fidepi_form_start .fidepi_form_btns {
    margin-bottom: 5px;
}

@media (max-width: 413px) {
    .fidepi_form_start_remember_me .checkbox, .fidepi_form_start_remember_me .checkbox + span {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .fidepi_form_start .well {
        min-height: 325px;
    }

    .fidepi_form_start .row > .well:first-child {
        width: 48%;
    }

    .fidepi_form_start .row > .well + .well {
        width: 48%;
        float: right;
    }

    .fidepi_form_start .fidepi_form_start_right_subwell {
        padding-top: 20%;
    }
}