body {
  margin: 0;
  color:var(--main-text-color)
}
.overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.superEventLine {
  width: 100%;
}

.swingEventStyle {
  font-size: 0.8em;
  margin: 2px;
  border-radius: 5px;
}

.hrSwingEventLine {
  width: 100%;
  margin: 0px 0px 15px 0px;
  border: 0px solid lightgrey;
}

.formulaireEvtSwing input,
.formulaireEvtSwing .input-group {
  margin-bottom: 5px;
}

.formulaireReinitMdp input[type],
.updatePwd input[type] {
  margin-bottom: 5px;
  width: 100%;
}

.fullWidth {
  width: 100%;
}

.vdp-datepicker * {
  border: none;
}

input[type],
textarea {
  border: none;
}

/* #homeSwing {
  margin-top: 2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
} */

h2 {
  margin-top: 1.2em;
}

.supprFiltreBtn,
.aucunFiltreLibelle {
  font-size: 0.8em;
}

.typeEvent:hover,
.style:hover,
.supprFiltreBtn:hover {
  cursor: pointer;
}

.selected {
  font-weight: bold;
}

.adminUsersLabel {
  font-weight: bold;
}

.btnLogin {
  float: right;
  width: 150px;
}

.btnEnvoiMess,
.btnCreateSwingEvent,
.btnCreateUser,
.btnReinitMdp,
.btnUpdatePwd,
.btnModifySwingEvent {
  margin-top: 1em;
  float: right;
  width: 150px;
}

.checkNewsLetter {
  margin-top: 2em;
}

h2 {
  font-size: 1.2em;
}

.mainRow {
  min-height: calc(100vh - 70px);
}

.container {
  padding-top: 1em;
}

.errorBlock ul, .viewEventMainPanelContent ul {
  list-style-type: disc;
}

.errorBlock ul {
  margin: 0;
  padding: 0;
}

.errorBlock li, .viewEventMainPanelContent li {
  margin-left: 10px;
}

.navigation {
  display: flex;
  color: white;
  align-items: center;
  background-color: #e7b59e;
  padding: 0.5em;
}

.searchBlock {
  background-color: #eee5b3;
  padding: 0.5em;
  margin: 0.5em;
  border-radius: 0.5em;
}

.navigation ul {
  display: flex;
}

.navigation ul:first-child {
  flex-grow: 1;
}

.logout:hover {
  cursor: pointer;
}

.navigation li {
  padding-right: 1em;
}

.brand {
  display: flex;
  align-items: center;
}

.titleRegis {
  margin-top: 20px;
  text-decoration: unset;
}
.icon-action-btn {
    color: var(--primary-blue-color);
}

:root {
    --main-bg-color: #f1f1f1;
    --secondary-bg-color: #eeeeee;
    --primary-blue-color: #0046ff;
    --primary-orange-color: #ff9155;
    --primary-yellow-color: #ffee8e;
    --primary-brown-color: #877d4b;
    --primary-pink-color: #ed9cff;
    --primary-light-color: #dedec8;
    --primary-green-color: #cdffda;
    --primary-success-color: rgb(1, 147, 26);
    --text-disable-color: #8d8d8d;
    --text-grey-subtitle-color: rgb(126, 126, 126);
    --dark-border-color: #d4d4d4;
    --main-text-color: rgb(36, 36, 36);
    --additional-info-color:rgb(217, 240, 255);
    --warning-text-color:#ff800a;
    --error-text-color:rgb(216, 0, 0);
    --button-cancel-bg-color: rgb(186, 0, 31);
    --hello-asso-btn-color:#00ce00 ;
    --regis-new-color:rgb(109, 109, 109);
    --regis-valid-color:rgba(8, 133, 211, 0.856);
    --regis-wait-color:rgb(238, 95, 29);
    --regis-registered-color: rgb(159, 159, 159);
    --regis-paid-color: #22bd30;
    --regis-deleted-color:rgb(78, 78, 78);
    --regis-liberated-color:#8800a3d0;
    --defaut-tab-row-height: 50px;
    --delete-icon-color:rgb(187, 0, 0);
    --early-bird-color:rgb(168, 16, 16);
    --button-color: rgb(73, 115, 255);
    --button-color-hover: #241dff;
    --button-border-color: #e3e2e2;
    --primary-link-color: #0046ff;
    --enabled-color: #00a52e;
    --disabled-color: rgb(255, 65, 65);
    --auto-activation-color: #f68600;
    --participant-waiting-color: #ff7d46;
    --participant-valid-color: #008600;


    /* Regis Mode Color */
    --regis-mode-close-color: #ff4646;
    --regis-mode-private-color: #ffa122;
    --regis-mode-open-color: #1b8f00;

    /* Use for header Shadow */
    --jiveez-color-text-h: 239;
    --jiveez-color-text-s: 34%;
    --jiveez-color-text-l: 27%;
}

p {
    margin: 0 !important;
}

.default-link-color, .default-link-color:hover {
  color: var(--primary-blue-color)!important
}

.small-icon {
    vertical-align: -0.3em !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bababa;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bababa;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #bababa;
}


.no-data-info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.1em;
  font-style: italic;
  color: grey;
}

.iconAdminImg {
  padding:5px;
  width:35px;
}

.iconAdminImg:hover {
  cursor:pointer;
}

.pagination {
  margin-top: 1em;
  display:inline-block;
  width:100%;
}

.activePage {
  font-weight: bold;
  background-color: lightblue;
}

.page-link:disabled {
  color:grey;
}

.page-link {
  display: inline!important;
}

.param-div {
    padding: 20px 20px 20px 5px;
    border-radius: 7px;
    background-color: var(--main-bg-color) !important;
    margin-left: auto;
    margin-right: auto;
}

.statusMark {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.prestaDivSelected {
    outline-width: 1px;
    outline-style: solid;
}

.enabledMark {
    background-color: var(--enabled-color);
}

.disabledMark {
    background-color: var(--disabled-color);
}


.scheduledMark {
  background-color: var(--auto-activation-color);
}

.viewEventInfoLine {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 200px;
    background-color: #eee;
}

.top-banner {
  background-color: var(--primary-brown-color);
  color : white;
  display: flex;
  justify-content: center;
  margin-top: 66px;
  height: 140px;
  align-items: center;
}

.top-banner-admin {
  background-color: #1e1e1e;
}

.top-banner h1 {
  margin-bottom: unset!important;
}

.saumonTitleRow {
    background-color: var(--primary-brown-color);
    color : var(--primary-orange-color);
}

.mainWhiteTitle {
    color: white;
    font-family: QuicksandBold;

}

#divmap {
    width: 80%;
    height: 500px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    z-index: 0;
    position: relative;
}

.viewOrgaDescription {
    display: block;
    margin-bottom: 50px;
}

.line-separator {
  display: block;
  width: 100%;
  margin: 2em 0 1em 0;
  border-bottom: 1px solid #dadada;
}

.viewEventMainPanelTitle {
    font-family: PoppinsBold;
    display: block;
    margin-top: 30px;
    font-size: 16px;
    text-decoration: unset;
    margin-bottom: 5px !important;
}

.viewEventMainPanelTitlePreview {
    font-family: PoppinsBold;
    display: block;
    margin-top: 5px;
    font-size: 11px;
    text-decoration: unset;
    margin-bottom: 2px !important;
}

.iconMenuMobile {
    width: 40px;
}

.iconMenuMobile:hover {
    cursor: pointer;
}

.extendsMenu {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    box-shadow: 1px 15px 15px 0 grey;
    transition: max-height 0.2s ease-out;
}

.extendsMenu.open {
    max-height: 500px;
    transition: max-height 0.3s ease-in;
}

.viewEventTitle {
    padding-bottom: 5px;
    color: white;
    font-family: QuicksandBold;
    text-align: unset !important;
    width: 80%;
    margin-top: 20px;
}

.viewEventSubTitle {
    margin-top: 20px;
    display: block;
    font-family: PoppinsBold;
    font-size: 20px;
}

.viewEventSubTitleType {
    margin-bottom: -20px;
    display: block;
    font-family: PoppinsBold;
    font-size: 20px;
}

.viewEventSubAnswer {
    display: inline-block;
    color: white;
    font-family: QuicksandBold;
    font-size: 20px;
    min-width: 70%;
    padding-right: 20px;
}

.infoMessage {
    border-radius: 7px;
    padding: 10px;
    font-family: poppinslight;
    font-size: 15px;
    margin-bottom: 10px;
}

.info-message-v2 {
    max-width: 700px;
    padding: 5px;
    font-family: poppinslight;
    font-size: 15px;
    margin-bottom: 10px;
}

.centerDiv {
    margin-left: auto;
    margin-right: auto;
}

.whiteUnderline {
    border-bottom: 1px solid white;
}

.viewEventLeftPane {
    background-color: var(--main-bg-color);
}

.viewOrgaLeftPane {
    background-color: var(--main-bg-color);
}

.viewEventMainPane {
    background-color: white;
    padding: 0px 0px 100px 30px !important;
    min-height: 600px;
}

.OrganizationsMainPane {
    min-height: 600px;
    background-color: white;
    padding-bottom: 150px;
}


/* html {
    scroll-behavior: smooth;
} */

.successBlock {
    font-size: 15px;
    border-left: 3px solid var(--primary-success-color);
    background-color: #e9ffe8;
    color: #004200;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 12px 10px;
    border-radius: 7px;
}

.requiredStar {
    font-weight: bold;
    font-size: 15px;
}

img:focus,
a:focus,
input:focus,
button:focus {
    outline: none;
}

.label-subtitle {
  font-size: 0.9em;
  line-height: 1.4;
  color: var(--text-grey-subtitle-color);
}


.labelField.disabled {
    color: var(--text-disable-color) !important;
}

.label.disabled {
    color: var(--text-disable-color) !important;
}

.labelDesactivated {
    color: rgb(139, 139, 139) !important;
}

.aucunEvt {
    font-family: PoppinsLight;
    color: var(--primary-blue-color);
    font-size: 20px;
    margin-top: 20px;
}

.vAlignCenter {
    margin-top: auto;
    margin-bottom: auto;
}

#swingHeader {}


/*FIN BLOCK GLOBAUX */

#homeSwing {
    background-color: var(--primary-blue-color);
}

.flecheBasRow {
    display: none;
    background-color: var(--primary-blue-color);
    text-align: center;
    padding-bottom: 50px;
}

.flecheBas {
    width: 40px;
}

.smallBtnLogin {
    display: none;
    text-align: center;
    background-color: var(--primary-yellow-color);
    color: var(--primary-blue-color);
    font-family: PoppinsBold;
    font-size: 25px;
    padding: 10px;
}

.smallBtnLogin:hover {
    cursor: pointer;
}

.smallBtnCreateEvt {
    display: none;
    text-align: center;
    background-color: var(--primary-blue-color);
    color: white;
    font-family: PoppinsBold;
    font-size: 25px;
    padding: 10px;
}

.smallBtnCreateEvt:hover {
    cursor: pointer;
}

.homeTitle {
    font-family: QuicksandBold;
    font-size: 45px;
    color: white;
    text-align: center;
    line-height: 45px;
    margin: 70px 0px 70px 0px;
}

.mainContainers {
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
}

#backgroundSwingBlue {
    background-color: var(--primary-blue-color);
    width: 100%;
    height: 835px;
    position: absolute;
    z-index: 0;
}

#backgroundSwingOrange {
    background-color: var(--primary-orange-color);
    width: 100%;
    height: 600px;
    position: absolute;
    top: 835px;
    z-index: -1;
}

.bandeauSwing {
    background-color: var(--primary-blue-color);
}

.homeContact {
    padding-top: 70px;
    height: 660px;
    background-color: var(--primary-light-color);
    width: 100%;
}

#emailContact,
#sujetContact {
    border-radius: 7px;
}

.contactLabelField {
    margin-top: 10px;
    width: 100px;
    font-family: QuicksandBold;
    font-size: 28px;
    color: var(--primary-blue-color);
}

.biggestLabelContact {
    width: 300px;
}

.biggestInputContact {
    border-radius: 7px;
}

.homeContactLeft {
    display: block;
    float: left;
    width: 400px;
}

.homeContactCenter {
    display: block;
    float: left;
    max-width: 704px;
}

.swingStyle {
    margin-right: 1em;
    margin-top: 0.6em;
    padding: 0.3em 0.7em 0.3em 0.7em;
    display: inline-block;
    background-color: var(--primary-yellow-color);
    color: var(--primary-blue-color);
    font-weight: bold;
}

.circleBase {
    border-radius: 50%;
}

.logoDiv {
    display: inline-block;
    width: 100%;
}

.loginButton {
    font-family: PoppinsBold;
    width: 80px;
    height: 80px;
    background-color: white;
    color: var(--primary-blue-color);
    text-align: center;
    vertical-align: center;
    line-height: 80px;
    float: right;
    display: inline-block;
    margin-right: 40px;
    margin-top: 40px;
}

.loginButton:hover {
    cursor: pointer;
    text-decoration: underline;
}



.filterHome {
    display: block;
    float: left;
    background-color: var(--primary-yellow-color);
    /* background-color: var(--main-bg-color); */
}

.filterContent {
    float: right;
    display: block;
    width: 210px;
}

.nicePadding {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.goToCreateEventBtn {
    font-family: PoppinsBold;
    color: white;
    font-size: 16px;
    background-color: var(--primary-orange-color);
    position: absolute;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: 65%;
    padding-top: 35px;
    z-index: 2;
    text-align: center;
}

.goToMyAccountBtn {
    font-family: PoppinsBold;
    width: 80px;
    height: 80px;
    background-color: white;
    color: var(--primary-blue-color);
    text-align: center;
    vertical-align: center;
    line-height: 80px;
    float: right;
    display: inline-block;
    margin-right: 40px;
    margin-top: 40px;
}

.goToContactBtn {
    font-family: PoppinsBold;
    color: white;
    background-color: var(--primary-orange-color);
    position: absolute;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: 83%;
    padding-top: 35px;
    z-index: 2;
    text-align: center;
}

.goToCreateEventBtn:hover,
.goToContactBtn:hover,
.goToMyAccountBtn:hover {
    color: var(--primary-blue-color);
    cursor: pointer;
}

.filterInfo {
    font-family: PoppinsLight;
    font-size: 21px;
    color: var(--primary-blue-color);
}

#styleTous,
#typeEventTous,
.aucunFiltreLibelle {
    font-size: 21px;
    color: var(--primary-blue-color);
}

.selectedFilter {
    font-weight: bold;
    font-family: PoppinsMedium;
}

.searchCity {
    max-width: 190px;
}

.mobileBr {
    display: none;
}

.mainTextColor {
    color: var(--main-text-color);
}

.fontTabCell {
    font-size: 14px;
}

.eventMonth {
    font-family: Poppinsbold;
    font-size: 25px;
    margin-bottom: 0px !important;
    text-decoration: unset;
    display: inline-block;
    margin-top: 10px !important;
}

.eventCity {
    font-size: 1em;
}

.eventCityZipCode {
    font-size: 16px;
}

.eventDate,
.eventType,
.eventCity {
    font-family: QuicksandBold;
}

.eventType {
    background-color: var(--primary-orange-color);
    border-radius: 10px;
    padding: 0.3em 0.5em;
    margin-right: 8px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.exitLogo {
    width: 30px;
}

.eventTitle {
    font-family: PoppinsBold;
}

.actionButtonWrapper {
    width: 100%;
    height: 100%;
}

.btnAction {
    font-family: QuicksandBold;
    font-size: 20px;
    color: var(--primary-blue-color) !important;
    border: none;
    border-bottom: 1px solid var(--primary-blue-color);
    float: right;
    margin-top: 30px;
    background-color: transparent;
    padding: 0px;
}

.btnAction:hover {
    cursor: pointer;
    font-weight: bold;
}

.btnAction.disabled,
.btnAction:disabled,
.btnAction[disabled] {
    color: var(--primary-blue-color) !important;
    border-bottom: 1px solid var(--primary-blue-color);
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
    font-family: QuicksandBold;
    font-size: 20px;
    font-weight: bold;
    float: right;
    margin-top: 20px;
}

.input-row {
  padding : 5px 0 5px 0;
  align-items: center;
}

.datepicker-custom-input {
    border: unset !important;
    border-radius: 7px !important;
    font-family: poppinslight !important;
    font-size: 15px !important;
}

.dp-calendar-icon {
    height: 20px;
    width: 20px;
    margin-left: 8px;
    margin-bottom: 5px;
}

.vue-tel-input {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: unset !important;
    max-height: 40px;
    max-width: 300px;
    margin-bottom: 10px;
    background-color: white;
    border-bottom: 1px solid rgb(189, 189, 189) !important;
}

.vue-tel-input:focus-within {
    -webkit-box-shadow: unset !important;
    border-bottom: 1px solid rgb(90, 90, 90) !important;
}

.vdp-datepicker {
    margin-bottom: 10px;
    font-family: QuicksandBold;
    font-size: 18px;
    color: var(--primary-blue-color) !important;
}

.zipCode {
    width: 100px !important;
}

textarea {
    font-family: poppinslight;
    font-size: 15px;
    padding-left: 10px;
    color: black;
    width: 100%;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 10px;
}

.footerHome {
    height: 123px;
    width: 100%;
    background-color: var(--primary-orange-color);
}

.footerContent {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.pictoFooter {
    width: 30px;
    margin-left: 5px;
}

.mailToFooter:hover {
    color: var(--primary-blue-color) !important;
}

.centerFooter {
    padding-top: 40px;
    text-align: center;
}

.eventLinkView:hover {
    cursor: pointer;
}

.filterCol {
    color: var(--primary-blue-color);
}

a {
    color: inherit;
    text-decoration: unset;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
    /* font-weight: bold; */
    color: inherit;
}

.classicLink:hover {
    font-weight: bold;
}


/* LOGIN PAGE */

.mainLoginDiv {
    background-color: var(--main-bg-color);
    min-height: 935px;
}

.mainContactMobileDiv {
    background-color: var(--primary-orange-color);
    min-height: 935px;
}

.mdpOulieBtn {
    font-family: PoppinsBold;
    font-size: 16px;
    width: 120px;
    height: 120px;
    background-color: var(--primary-yellow-color);
    padding-top: 20px;
    color: var(--primary-blue-color) !important;
    text-align: center;
    display: block;
    float: left;
    margin-left: 10%;
}

.mdpOulieBtn:hover {
    background-color: var(--primary-blue-color);
    color: var(--primary-yellow-color) !important;
}

.creerCompteUtilBtn {
    font-family: PoppinsBold;
    font-size: 16px;
    width: 120px;
    height: 120px;
    background-color: var(--primary-yellow-color);
    padding-top: 35px;
    color: var(--primary-blue-color) !important;
    text-align: center;
    display: block;
    float: right;
    margin-right: 10%;
}

.creerCompteUtilBtn:hover {
    background-color: var(--primary-blue-color);
    color: var(--primary-yellow-color) !important;
}

.footerLogin {
    background-color: var(--primary-orange-color);
    height: 123px;
}


/* CREATE USER PAGE */

.labelCreateUser {
    margin-top: 10px;
    width: 200px;
    font-family: QuicksandBold;
    font-size: 26px;
    color: var(--primary-blue-color);
}

.inputCreateUser {
    width: 400px !important;
}

.labelNewsLetter {
    display: inline;
    margin-left: 0.5em;
}

.labelNewsLetter:hover,
.checkNewsLetter {
    cursor: pointer;
}


/* FORGOT PASSWD PAGE */
.vdp-datepicker__calendar {
    top: -280px;
    left: -5x;
    background-color: white;
    color: var(--primary-blue-color);
    font-family: QuicksandBold;
}

.eventLineSeparator {
    font-size: 21px;
}

.vdp-datepicker__calendar .cell.selected {
    background-color: var(--primary-orange-color) !important;
}

.pictoFooter.small {
    display: none;
}


.rowMoreEventMobile {
    display: none;
    text-align: center;
}

#dateBegin,
#dateEnd {
    background-color: white;
}

.monthRow {
    margin-bottom: 5px;
    margin-top: 40px;
}

#zipCode {
    width: 95% !important;
}

.quitCross {
    position: absolute;
    right: 30px;
    top: 30px;
    font-family: QuicksandBold;
    font-size: 40px;
    color: var(--primary-blue-color);
    z-index: 99;
}

.quitCross:hover {
    cursor: pointer;
    font-weight: bold;
    color: var(--primary-blue-color);
}

.typeEventField {
    font-size: 18px;
    font-family: PoppinsLight;
    text-align: center;
    color: var(--primary-blue-color);
    padding: 2px 10px 2px 10px;
    background-color: white;
    border-radius: 7px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.typeEventField:hover {
    cursor: pointer;
}

.selectedTypeEvent {
    font-weight: bold;
    background-color: var(--primary-orange-color);
    /* border: 1px solid var(--primary-blue-color); */
}

.leftColGrey {
    background-color: var(--main-bg-color);
}

.leftColDark {
    background-color: #313131;
}

.mainViewPageDiv {
    min-height: 500px;
    padding-bottom: 150px;

}

.paddingBottomGeneric {
    padding-bottom: 100px;
}

.paddingLeftGenDiv {
    padding-left: 30px;
}

.mainYellowEventDiv {
    background-color: var(--primary-yellow-color);
    padding-bottom: 80px;
    min-height: 900px;
}

.mainGenericDiv {
    background-color: white;
}

.quelStyleBtn {
    font-family: PoppinsBold;
    font-size: 16px;
    width: 120px;
    height: 120px;
    background-color: var(--primary-blue-color);
    padding-top: 35px;
    color: white;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.flecheBasStyleEvent {
    width: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.selectedStyle {
    font-family: PoppinsBold !important;
    background-color: var(--primary-orange-color) !important;
}

.labelStyle:hover {
    cursor: pointer;
}

.fontRadioButton {
    font-size: 16px;
}

.labelStyle {
    margin-bottom: 10px;
    font-family: PoppinsLight;
    /* display: block;
    margin-left: auto;
    margin-right: auto; */
    background-color: white;
    border-radius: 7px;
    width: 130px;
    margin: 3px 3px 3px 3px;
    padding: 3px 0px 3px 0px;
    text-align: center;
    color: var(--primary-blue-color);
}

.nextEventBtn {
    margin-top: 30px;
    left: 50px;
    bottom: 70px;
    width: 200px;
    display: block;
}

.nextEventBtn:hover {
    cursor: pointer;
}

.nextEventBtn img {
    width: 30px;
}

.plusEventText {
    font-family: PoppinsMedium;
    font-style: bold;
    float: right;
    color: var(--primary-orange-color);
    margin-left: 20px;
    font-size: 20px;
}

.arrowChangeEventPage {
    width: 60px;
}

.arrowChangeEventPage:hover {
    cursor: pointer;
}

.mainUpdatePwdRow {
    margin-top: 3em;
    min-height: 600px;
}

.moreEventMobileBtn {
    display: none;
    font-family: QuicksandBold;
    color: var(--primary-orange-color);
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.moreEventMobileBtn:hover {
    cursor: pointer;
}

.voirPlusImg {
    width: 30px;
}

.mobileContactBtn {
    display: none;
    font-family: PoppinsBold;
    color: white;
    font-size: 21px;
    padding-bottom: 5px;
    border-bottom: 5px solid white;
    float: right;
    margin-top: 40px;
    margin-right: 60px;
}

#zipCodeSelect:disabled {
    background-color: lightgray !important;
}

.loadingGifDivOverlay {
    z-index: 9999;
    background-color: rgb(139, 139, 139, 0.5);
    overscroll-behavior: contain;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-gif-overlay {
    max-width: 200px;
}


.loadingGifDivSmall {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.loadingGifDiv {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 300px;
}

.loadingGifViewEvent,
.loading-gif-small {
    width: 100px;
}

.loading-gif-inline-img {
    width: 30px;
}


.loading-gif {
    max-width: 300px;
}

.mobileFilterLocation {
    display: none !important;
}

.hideAdress {
    display: none;
}

.filterInfoTop {
    position: relative;
    display: inline-block;
    color: white;
    background-color: var(--primary-yellow-color);
    padding: 5px 20px 5px 10px;
    font-family: PoppinsMedium;
    margin-right: 15px;
    color: var(--primary-blue-color);
    margin-bottom: 11px;
}

.salmon {
    background-color: var(--primary-orange-color) !important;
}

.topCornerCross {
    position: absolute;
    top: -8px;
    right: -8px;
    border: 2px solid white;
    background-color: var(--primary-yellow-color);
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 15px;
}

.topCornerCross:hover {
    cursor: pointer;
    color: var(--primary-orange-color);
}

.filterTitleTop {
    font-family: PoppinsLight;
    font-size: 14px;
    color: var(--primary-blue-color);
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
}

.autocomplete {
    position: relative;
}

.autocomplete-results {
    padding: 0;
    margin: 0;
    width: 260px;
    background-color: white;
    position: absolute;
    z-index: 1001;
    font-family: PoppinsLight;
    color: var(--primary-blue-color);
    top: 40px;
    box-shadow: 3px 3px 3px lightgray;
}

.autocomplete-result {
    list-style: none;
    text-align: left;
    padding: 4px 2px;
    cursor: pointer;
}

.autocomplete-result.is-active,
.autocomplete-result:hover {
    background-color: var(--primary-blue-color);
    color: white;
}


#parallaxImg {
    position: absolute;
    z-index: 1000;
    width: 100%;
    object-fit: none;
}

.sloganHeader {
    font-family: QuicksandBold;
    font-size: 45px;
    color: white;
    text-align: center;
    margin-top: 50px;
    margin-left: 3%;
    margin-right: 3%;
    line-height: 45px;
}

.firstColor {
    color: var(--primary-blue-color);
}

.nbEventsFiltre {
    display: none;
}

.swingBreadcrumb {
    font-size: 16px;
    font-family: Poppinslight;
    padding: 0px 8px 0px 8px;
    display: inline-block;
}

.activeStep {
    font-family: PoppinsMedium;
    font-weight: bold;
    color: var(--primary-blue-color) !important;
}

.activeRegistrationStep {
    font-family: PoppinsMedium;
    font-weight: bold;
    color: var(--primary-blue-color) !important;
}

.activeStep:hover,
.disabledStep:hover {
    cursor: pointer;
}


.forbiddenStep {
    color: rgb(80, 80, 80) !important;
}

.bcCol {
    text-align: center;
    margin: 5px 20px 40px 20px;
}

.breadcrumb-col-regis {
    text-align: center;
    margin: 10px 20px 10px 20px;
}

.bcBlock:hover {
    cursor: pointer;
}

.hideRow {
    display: none;
}

.addElement {
    background-color: white;
}

.btnActionThird {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
    color: var(--primary-blue-color);
    font-size: 14px;
}

.icon-btn-third {
  width: 17px;
  height: 17px;
}


.btnActionThird:hover {
    cursor: pointer;
    color: var(--primary-blue-color);
}

.cancel-button {
  background-color: var(--button-cancel-bg-color)!important;
}

.btnMap {
    font-family: QuicksandBold;
    font-size: 17px;
    background-color: var(--primary-blue-color) !important;
    color: white;
    display: inline-block;
    margin-top: 10px;
    padding: 3px 8px 3px 8px;
    border-radius: 7px;
}

.vos-btn-action-secondary:hover {
    cursor: pointer;
    color: white;
}

.passList {
    background-color: white;
    padding: 10px;
    border-radius: 7px;
}

.aucunElementExistant {
    background-color: white;
    padding: 10px;
    width: 100%;
    color: grey;
    display: block;
}

.no-result-element-wrapper {
  background-color: white;
  padding: 10px;
  width: 100%;
  display: block;
}

.btnActionModal {
    float: none !important;
}

.rowTitleBlue {
    background-color: var(--primary-blue-color);
    min-height: 150px;
}

.rowList {
    padding: 5px 10px 5px 11px;
    background-color: white;
    color:black;
    font-size: 15px;
    border-bottom: 1px solid #d8d8d8;
}

.rowList:hover {
    cursor: pointer;
}

.rowNoResult {
    padding: 10px;
    font-family: PoppinsMedium;
    background-color: white;
    font-size: 15px;
    border: 1px solid #bababa;

}

.headerBar {
    background-color: white;
    float: right;
    width: 100%;
    height: 65px;
    vertical-align: center;
    line-height: 65px;
    position: fixed;
    top: 0;
    z-index: 4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-shadow: 0 .3125rem 1.5625rem hsla(var(--jiveez-color-text-h), var(--jiveez-color-text-s), var(--jiveez-color-text-l), .15);
    box-shadow: 0 .3125rem 1.5625rem hsla(var(--jiveez-color-text-h), var(--jiveez-color-text-s), var(--jiveez-color-text-l), .15);
}


.disabledInput {
    background-color: lightgrey !important;
}

.btnDisabled {
    color: darkgrey !important;
    border-color: darkgrey;
}

.btnDisabled:hover {
    cursor: default;
    font-weight: normal;
}


/* .rowEventList>[class*=col] {
    padding-left: 10px;
} */

.eventLine {
    font-size: 18px;
}

.actionButton {
    width: 15px;
}

.btn {
    padding: 0px !important
}

.btn-lg {
    font-size: inherit !important;
}

.link:hover {
    cursor: pointer;
    color: currentColor;
}

.blueLink {
    color: var(--primary-blue-color);
}

.blueLink:hover {
    cursor: pointer;
    color: var(--primary-blue-color);
}

.btnDeleteFile {
    color: var(--primary-blue-color);
    padding-left: 20px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.btnActionInline {
    color: var(--primary-blue-color);
    float: right;
    padding-left: 15px;
    padding-left: 15px;
    padding-right: 5px;
}

.btnActionInlineNoFloat {
    color: var(--primary-blue-color);
    padding-left: 15px;
    padding-right: 5px;
}

.btnActionInline:hover,
.btnActionInlineNoFloat:hover {
    cursor: pointer;
}

.uploadedFileDiv {
    min-height: 30px;
}

.labelResume {
    font-weight: bold;
    padding-right: 10px;
}

.nameEventRow {
    display: block;
    width: 90%;
}

.selectedPass {
    box-shadow: 0 0 5px 7px var(--primary-orange-color);
}

.regisInputInfo {
    max-width: 400px;
}

.underlineTitle {
    border-bottom: 1px solid var(--primary-orange-color);
}

.totalLine {
    background-color: var(--main-bg-color) !important;
}

.textColorBlue {
    color: var(--primary-blue-color);
}

.under-tab-btn-section {
  float: right;
  margin-top: 5px;
}

.viewEventPass {
    display: block;
}

.disabledLink {
    pointer-events: none;
    cursor: default;
}

.inputV3 {
  border: 1px solid rgb(189, 189, 189) !important;
}

.textAreaV2 {
    border-radius: unset !important;
    border-bottom: 1px solid black !important;
    background-color: white !important;
    border-right: 1px solid black;
}

.teasingText {
    color: black;
    font-size: 18px;
    text-align: center;
    background-color: var(--main-bg-color);
    margin-bottom: 20px;
    width: 100%;
    display: block;
    font-family: poppinsMedium;
}

.rowHeadRegis {
    background-color: var(--primary-blue-color);
    padding-bottom: 50px;
}

.reductionPassInfo {
    font-style: italic;
    display: block;
    margin-bottom: 5px;
}

.priceBlockPass {
    color: white;
    font-family: Poppinslight;
    text-align: center;
    position: relative;
    display: block;
    font-size: 15px;
    padding: 0px 0px 10px 0px;
    width: 100%;
}

.descriptionBlockPass {
    padding: 20px;
    display: block;
    font-family: poppinslight;
    font-size: 15px;
}

.validationRow {
    padding-bottom: 100px;
    min-height: 350px;
}

.viewEventInfoCol,
.viewGeneralInfoCol {
    padding-left: 30px !important;
}

.mainRegisCol {
    margin-bottom: 100px;
    min-height: 400px;
}

.selectRoleMandatory {
    color: red !important;
    border-color: red !important;
}

.errorLabel {
    padding: 1px 8px 1px 8px;
    position: absolute;
    top: -12px;
    background-color: #ff3d60;
    color: white;
}

.icon-info {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.optionTitle,
.questionTitle {
    font-family: PoppinsMedium;
    font-size: 14px;
}

.filter-checkbox-label {
  font-size: 14px;
}

.blockFilter {
    padding: 0 20px 20px 20px;
    margin-bottom: 30px;
    margin-top: 20px;
    background-color: white;
}

.filter-wrapper {
  min-height: 50px;
  display: flex;
  align-items: center;
}

.label-filter {
    display: inline-block;
    min-width: 70px;
    margin-right: 10px;
}

.titleBlockFilter {
    background-color: black;
    color: white;
    font-family: QuicksandBold;
    top: -10px;
    left: 20px;
    position: relative;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    border-radius: 7px;
}

.soldoutPass {
    border-color: lightgrey;
    color: lightgrey;
}

.soldoutPassTitle {
    background-color: grey;
}

.clickable:hover {
    cursor: pointer;
    color: var(--primary-blue-color);
    text-decoration: underline;
}

.clickable_no_underline:hover {
    cursor: pointer;
    color: var(--primary-blue-color);
}


.modifParticipationBtn {
    color: var(--primary-blue-color);
}

.eventAdminSubTitle {
    color: var(--primary-yellow-color);
    font-family: PoppinsMedium;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    font-size: 19px;
}

.regisTotalRow {
    margin-top: 10px;
    border-radius: 7px;
    font-weight: bold;
}

.participationMsg {
    font-family: PoppinsMedium;
    display: block;
    border: 1px solid var(--primary-blue-color);
    padding: 10px;
    border-radius: 7px;
}

.eventStateRow {
    padding: 10px;
    background-color: var(--main-bg-color);
    border: 1px solid #bababa;
    margin-bottom: 20px;
}

.greenValue {
    color: green;
}

.redValue {
    color: rgb(155, 0, 0);
}

.orangeValue {
    color: rgb(228, 148, 0);
}

.btnActionFilter {
    color: var(--primary-blue-color);
    font-size: 16px;
}

.btnActionFilter:hover {
    cursor: pointer;
}

.viewLogoOrganismDesktop {
    text-align: center;
}

.logoHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.thumbnailImage {
    width: 100px;
    margin-top: 5px;
}

.evtOrganisePar {
    display: block;
}

.ellipsisLink {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    display: block;
    white-space: nowrap;
}

.btnExtra {
    padding: 5px;
    display: inline-block;
    border: 1px solid var(--primary-blue-color);
    border-radius: 7px;
    color: var(--primary-blue-color);
    font-size: 14px;
    margin-top: 5px;
}


.btnExtra:hover {
    color: white;
    background-color: var(--primary-blue-color);
    text-decoration: none;
}

.imgLogoOrganismForOrganizationsView {
    width: 130px;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 25px;
}


.divEventOrga {
    color: white;
    min-height: 150px;
    padding: 20px;
    margin-top: 50px;
    border-radius: 7px;
    background-color: #666;
}

.divOrga {
    color: white;
    min-height: 200px;
    padding: 20px;
    margin-top: 50px;
    border-radius: 7px;
    background-color: #666;
    margin: 20px;

}

.divEventOrgaDescritpion {
    white-space: pre-line;
    margin-top: 10px;
    margin-bottom: 15px;
    font-family: poppinslight;
}

.btnEnSavoirPlus {
    background-color: white;
    color: var(--primary-blue-color);
    border-radius: 7px;
    padding: 5px;
}

.selectRegionHome {
    border: none;
    width: 130px;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.homeSecondaryFilter {
    border-radius: 7px;
    border: 1px solid var(--primary-blue-color);
    background-color: white;
    max-width: 600px;
    height: 40px;
    line-height: 40px;
}

.select-items {
    background-color: var(--main-bg-color);
    color: var(--primary-blue-color);
}

#regionSelect:focus,
regionSelect:hover {
    outline: none;
}

#regionSelect {
    margin-bottom: 0px !important;
    padding: 0px !important;
    height: unset !important;

}

.iconOrgaContact {
    margin-top: 10px !important;
    padding-right: 20px;
    display: inline-block;
}

.mapSection {
    margin-top: 40px;
}

.iconMap {
    float: right;
    margin-top: -10px;
}

.iconMap:hover {
    cursor: pointer;
}


.extraBtn {
    font-family: PoppinsBold;
    font-size: 15px;
    width: 140px;
    height: 140px;
    background-color: var(--primary-yellow-color);
    padding-top: 35px;
    color: var(--primary-blue-color) !important;
    text-align: center;
    display: inline-block;
    margin-right: 5%;
    margin-top: 15px;
}

.extraBtn:hover {
    background-color: var(--primary-blue-color);
    color: var(--primary-yellow-color) !important;
}

.rowOrgaInconnu {
    font-style: italic;
    font-size: 14px !important;
    font-family: PoppinsLight;
}

.mentionLegaleRow {
    font-size: 14px !important;
    font-family: PoppinsLight;
}

#mentionLegalesMainDiv {
    max-width: 800px;
    text-align: justify;
}

#aboutRegisMainDiv {
    font-family: PoppinsLight;
    max-width: 1000px;
    font-size: 17px;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}

.poppinsBold {
    font-family: poppinsmedium;
}

.popupMapEventName {
    font-weight: bold;
    font-size: 14px;
}

.popupMapEventDate {
    font-size: 12px;
}

.popupMapOrganism {
    font-size: 11px;
    color: #555555;
}

.popupMapOrganism {
    font-size: 11px;
}

.popupMapSavoirPlus {
    font-size: 13px;
    display: block;
}

hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.mapButtonHome {
    margin-left: 10%;
}

.leaflet-popup-content-wrapper {
    max-height: 300px !important;
    overflow-y: scroll;
    scrollbar-color: var(--primary-blue-color) white;
    scrollbar-width: thin;
}

.organismProfil {
    margin-top: 100px;
}

.dropDownBtn {
    display: inline-block;
    width: 100%;
}

.dropdown-item {
  font-size: 1.1em;
}

.left-icon-dropdown {
  margin-right: 8px;
  width: 1em;
  height: 1em;
  bottom: -0.1em;
  position: relative;
}

.tabCellEllipsis {
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding-right: 10px !important;
    white-space: nowrap;
}

.tdCellEllipsis {
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding-left: 10px !important;
    white-space: nowrap;
    max-width: 100px;
}

.descriptionPage {
    display: block;
    width: 50%;
    text-decoration: unset !important;
    margin-left: auto;
    margin-right: auto;
    font-family: poppinslight;
    font-size: 17px;
    border: 1px solid #dddddd;
    padding: 20px;
    border-radius: 7px;
    text-justify: distribute;
}

.textHomeSecondaryFilter {
    text-align: center;
    color: var(--primary-blue-color) !important;
    font-size: 18px;
    font-family: Quicksandbold;
}

.plusIcon {
    height: 30;
    vertical-align: -0.2em !important;
}

.colBtnAdvert {
    text-align: center;
}

.adressText {
    width: 70%;
    display: inline-block;
}

.adressBtn {
    width: 20%;
    display: inline-block;
}

.titleComingEvent {
    margin-top: 30px;
    padding-bottom: 20px;
    display: block;

}

.advertRow {
    margin-bottom: 50px;
}

.orgaName {
    color: white;
    text-decoration: unset !important;
    margin-bottom: 0px !important;
}

.orgaNameOrganizations {
    color: white;
    text-decoration: unset !important;
    margin-bottom: 0px !important;
    margin-top: 5px !important;
}

.orgaCity {
    color: white;
    font-size: 14px;
}

.viewOrgaDiv {
    padding-bottom: 100px;
    font-family: poppinsmedium;
}

.viewMainDiv {
    min-height: 350px;
    max-width: 800px;
}

.filtreOrganism {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.colRegionOrga {
    text-align: center;
    height: 30px;
}

.manageEventSubtitle:not(:first-of-type) {
    margin-top: 50px !important;
}

.homeEventTitle,
.eventTitleForOrga {
    font-family: Poppinsmedium;
    font-size: 18px;
    margin-bottom: 10px;

}

.eventTitleForOrga {

    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.homeEventLine {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    border-radius: 7px;
    padding: 10px !important;
    border-radius: 7px;
    max-width: 650px;
    box-shadow: 3px 3px 6px #d0d0d0;
}

.homeEventOpenRegis {
    float: right;
    font-size: 13px;
    font-family: poppinslight;
    color: var(--primary-blue-color);
}

.orgaEventLine {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: var(--main-bg-color);
    border-radius: 7px;
    max-width: 500px;
    height: 150px;
    border: 1px solid #dddddd;
}

.orgaImgBackground {
    background-repeat: no-repeat;
    background-size: 200% auto;
    border-radius: 7px 0px 0px 7px;
}

.orgaImgBackgroundPast {
    opacity: 0.2;
}

.orgaEventInfoCol {
    padding: 10px 10px 10px 20px !important;
}

.labelRadioFormModal {
    font-family: poppinsmedium;
    font-size: 13px;
    margin-right: 20px;
}

.homeEventDate,
.eventDateForOrga {
    font-family: poppinslight;
    font-size: 13px;
}

.homeEventCity {
    font-family: poppinslight;
    font-size: 13px;
    text-align: right;
}


.eventCityForOrga {
    text-align: left !important;
    margin-top: 15px;
}


.logoOrgaForEvent {
    position: absolute;
    top: -10px;
    left: -10px;
    height: 148px;
    border-radius: 7px 0px 0px 7px;
}

.homeEventOrgaName {
    margin-left: 10px;
    font-size: 13px;
    font-family: poppinslight;
}

.homeMonthMapIcon {
    background-color: var(--primary-yellow-color);
    color: var(--primary-blue-color);
    padding: 5px;
    border-radius: 90px;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-left: 15px;
    top: 4px;
}

.mapBeforeMonthBtn {
    text-align: right;
}

.mapMonthLibelleCol {
    text-align: center;
}

.mapMonthLibelle {
    text-decoration: unset !important;
    font-family: PoppinsBold;
}

.filterMapMonth {
    font-family: poppinslight;
    font-size: 15px;
}

.homeMonthMapLink {
    display: block;
    margin-bottom: 10px !important;
}

.paiementInfoRegis {
    margin-top: 15px;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid #bababa;

}

.noOrgaForUser {
    background-color: white;
    padding: 10px;
    color: #666;
    border-radius: 7px;
    font-family: poppinslight;
}

.subQuestionForm {
    padding: 10px;
    border: 1px solid #dddddd;
    background-color: white;
}

.noCoupleInfo {
    color: #888888;
}

.regisClickable:hover {
    cursor: pointer;
}

.title-tooltip-wrapper {
  display: flex;
  gap: 0.5em;
}

.fieldValue {
    font-family: poppinslight;
    font-size: 15px;
}

.nb-result-tab {
    font-size: 13px;
    padding-left: 5px;
    font-family: poppinsmedium;
}

.clickableSort:hover {
    cursor: pointer;
}


/* CUSTOM RADIO BUTTONS */
.radioContainer {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    font-family: poppinslight;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 25px;
}

/* Hide the browser's default radio button */
.radioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid #bababa;
}

/* On mouse-over, add a grey background color */
.radioContainer:hover input~.checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioContainer input:checked~.checkmark {
    background-color: var(--primary-blue-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioContainer input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.custom-control-label {
    font-family: poppinslight;
    font-size: 16px;
}

.actualPresta {
    background-color: var(--primary-orange-color);
    padding: 10px;
    display: block;
}

.passPrestationDiv {
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #bababa;
    padding-bottom: 50px;
}

.regisCanValid {
    background-color: #fffdb4de;
}

.regisValid {
    color: white;
    background-color: var(--regis-valid-color);
}

.regisWaiting {
    color: white;
    background-color: var(--regis-wait-color);
}

.regisDeleted {
    color: white;
    background-color: var(--regis-deleted-color);
}

.registeredState {
    background-color: #eeeeee;
}

.regisPaid {
    color: white;
    background-color: var(--regis-paid-color);
}

.no-value-message {
  font-style: italic;
  color: var(--text-disable-color);
}

.default-tab-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.manageEventRow {
    min-height: 800px;
    padding-bottom: 150px;
    background-color: var(--main-bg-color);
}

.blockFilter .labelField {
    width: 70px !important;
    display: inline-block;
}

.inputFilter {
    width: 200px !important;
    display: inline-block;
    font-size: 15px !important;
}

.textCenter {
    text-align: center;
}

.modalRegisPrestaName {
    font-size: 14px;
    text-decoration: underline;
}

.labelInfo {
    font-style: italic;
    font-size: 14px;
    display: block;
    margin-left: 5px;
}

.prestaGroupModalPass {
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    border-radius: 7px;
    padding: 10px;
    padding-bottom: 50px;
}

.swingerTypeLabel {
    font-weight: bold;
    display: inline-block;
}

.prestaNameResumeLabel {
    font-family: poppinsmedium;
    font-size: 15px;
    width: 250px;
    background-color: #808080;
    color: white;
    border-radius: 7px;
    padding: 2px 5px 2px 5px;
    display: block;
    text-align: center;
    position: relative;
    top: -20px;
    left: 20px;
}

.prestaInfoDiv {
    margin-top: 30px;
    border: 3px solid #808080;
    padding: 10px;
    padding-top: 5px !important;
    border-radius: 7px;
}

.nbRegisText {
    margin-right: 25px;
}

.inputMailGest {
    width: 100% !important;
}

.libellePrestaRegisPopup {
    font-family: poppinslight;
    margin-bottom: 15px;
    margin-top: 25px;
    display: block;
}

.msgAccesEventRegis {
    margin-top: 15px;
    font-weight: bold;
}

.colorLegendSettings {
    display: inline-block;
    width: 40px;
    height: 20px;
    border: 2px solid black;
    margin-bottom: -2px;
}

.colorSetting {
    font-size: poppinslight;
    font-size: 20px;
    padding-left: 15px;
}

.closeColorPicker {
    background-color: white;
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.clickableV2 {}

.clickableV2:hover {
    cursor: pointer;
}

.striped {
    text-decoration: line-through !important;
}

.orgaWaitingValid {
    color: orange;
}

.genericTabLabel {
    text-align: center;
    margin-bottom: 40px;
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
    border-radius: 7px;
    color: var(--primary-blue-color);
    font-size: 18px;
    background-color: var(--main-bg-color);
    font-family: poppinsmedium;
}

.genericTabLabel:hover {
    cursor: pointer;
}

.genericTabLabelSelected {
    background-color: var(--primary-orange-color) !important;
}

/* Permet de corriger un défaut sur le colorPicker "Verde" */
.slider {
    width: unset !important
}

.slider__track {
    height: 9px !important;
}

.colorPickDiv {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
    padding: 10px;
    border: 1px solid lightgray;
    margin-bottom: 50px;
    margin-top: 30px;
    background-color: var(--main-bg-color);
}

.lineColorPicker {
    display: block;
}

.rowCustomCss {
    margin-bottom: 10px;
}

.addCssLabel {
    display: block;
}

.cssPreviewCol {
    text-align: center;
    font-family: poppinsbold;
    font-size: 14px;
}

.colorPickerWrapper {
    padding: 10px;
}

.imgEventView {
    width: 95%;
    max-height: 500px;
    display: block;
    object-fit: contain;
    object-position: left top;
}

canvas {
    padding: 10px;
    background-color: white;
}

.btnShare {
    font-family: poppinsmedium;
    font-size: 13px;
    color: var(--primary-blue-color);
    display: inline-block;
    float: right;
    padding: 3px 8px 3px 8px;
    border-radius: 7px;
    border: 1px solid var(--primary-blue-color);
}

.popper-content-div {
    padding: 15px !important;
    max-width: 500px;
    box-shadow: 3px 3px 3px lightgrey;
    border-radius: 7px;
    background-color: white;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px!important;
}

.textMail {
    width: 100%;
}

.btnActionExtra {
    background-color: var(--primary-blue-color);
    color: white;
    border: 2px solid var(--primary-blue-color);
    font-size: 14px;
    padding: 3px;
    border-radius: 7px;
    display: block;
    float: right;
    margin-left: 15px;
}

.btnActionExtra:hover {
    cursor: pointer;
}

input[type="text"]:disabled.inputV2,
input[type="password"]:disabled.inputV2,
input[type="email"]:disabled.inputV2,
input[type="number"]:disabled.inputV2,
select:disabled.inputV2 {
    color: rgb(139, 139, 139) !important;
}

select:disabled {
    color: rgb(139, 139, 139) !important;
}

.noNeedRoleLabel {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.prestaNameDisabled {
    color: #bababa;
}

.regionSelected {
    font-weight: bold;
    text-decoration: underline;
}

.adRegisImg {
    max-width: 100%;
    filter: drop-shadow(5px 5px 5px rgb(88, 88, 88));
}

.colTextAd {
    padding-right: 20px !important;
    padding-left: 20px !important;
    margin: 0;
    font-family: PoppinsMedium;
    font-size: 16px;
    display: block;
}

.rowTextImgAd {
    margin-bottom: 50px;
}

.viewEventPassDesc {
    background-color: white;
    display: block;
    color: black;
    padding: 15px;
    display: none;
    font-size: 16px;
    font-family: poppinslight;
}

.view-pass-arrow-icon {
    margin-right:5px;
    float: right;
}

.nbChoiceLabel {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
    display: block;
}

.infoLabel {
    font-size: 14px;
    font-style: italic;
}

.additionalPriceInfo {
    font-family: poppinslight !important;
    font-size: 14px;
}

.cbPrestaContainer {
    display: flex;
    align-items: center;
}

.itemLabel {
    font-family: poppinslight;
    font-size: 14px;
}

.backToPassBtn {
    display: flex;
    font-family: poppinsbold;
    font-size: 16px;
    align-items: center;
    color: var(--primary-blue-color);
}

.backToPassBtn:hover {
    cursor: pointer;
}


.default-main-row,
.default-main-row-yellow {
    background-color: var(--main-bg-color);
    padding-bottom: 100px;
    min-height: 800px;
}

.default-main-row-yellow {
    background-color: var(--primary-yellow-color) !important;
}

.row-title-yellow {
    background-color: var(--primary-yellow-color);
}

.default-main-title {
    margin-top: 40px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.default-main-subtitle {
    width: 100%;
    text-align: center;
    margin-bottom: 3em;
    color: var(--secondary-text-color, #666);
    font-size: 14px;
}

.label-checkbox {
    font-family: poppinslight;
    font-size: 15px;
}

.list-order-move {
    transition: transform 0.5s;
}

.registered-text-color {
  color: var(--regis-registered-color);
}

.waiting-text-color {
    color: var(--regis-wait-color);
}

.valid-text-color {
    color: var(--regis-valid-color);
}

.paid-text-color {
  color: var(--regis-paid-color);
}

.deleted-text-color {
  color: var(--regis-deleted-color);
}

.delivered-text-color {
    color: var(--regis-liberated-color);
}

.line-through {
    text-decoration: line-through;
}

.div-content-max-width {
    max-width: 1300px;
}

.div-auto-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.event-regis-main-content {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

.btn-arrow-div {
    min-width: 40px;
    float: right;
    color:var(--button-color)
}

.btn-arrow-div:hover {
    min-width: 40px;
    float: right;
    color:var(--button-color-hover)
}

.input-with-delete-wrap {
  position:relative;
  width: 200px;
  margin-right: 10px;
  display: inline-block;
}

.input-delete-btn{
  position:absolute;
  right:10px;
  top:3px;
  font-size: 19px;
  color: rgb(65, 65, 65);
}

.input-delete-btn-disabled {
  color: rgb(218, 218, 218) !important;
}

.filter-radio-button {
  font-size: 15px;
  font-family: PoppinsLight, serif;
  padding: 2px 5px 2px 5px;
  margin: 0 5px 0 5px;
  border-radius: 7px;
  border-width: 1px;
  border-style: solid;
  opacity: 0.5;
  user-select: none;
  min-width: 50px;
  text-align: center;
}

.filter-radio-button.selected {
  opacity: 1;
  background-color: var(--primary-blue-color);
  color:white;
  font-family: poppinsbold;
  border:none!important;
}

.filter-radio-button:hover {
  cursor: pointer;
}

.planning-image-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.planning-image-overlay-zoomed {
  justify-content: flex-start;
  align-items: flex-start;
}

.planning-image-full {
  max-width: 90%;
  max-height: 90%;
  cursor: zoom-in;
}

.planning-image-zoomed {
  max-width: none;
  max-height: none;
  width: 180%;
  cursor: zoom-out;
}

.planning-image-close {
  position: absolute;
  top: 1em;
  right: 1.5em;
  color: white;
  font-size: 1.8em;
  font-weight: bold;
  cursor: pointer;
}

.vos-tabs-wrapper {
  margin-top: 10px;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}

.vos-tab {
  margin-left: -5px;
  display: inline-block;
  font-size: 15px;
  padding-top: 10px;
  height: 40px;
  color: var(--primary-blue-color);
  text-align: center;
  font-family: poppinsmedium;
  border-bottom: 1px solid var(--primary-blue-color);
  padding-left: 25px;
  padding-right: 25px;
}

.vos-tab:hover {
  cursor: pointer;
  color: var(--primary-blue-color);
}

.vos-tab-selected {
  font-family: poppinsbold;
  border-bottom: 3px solid var(--primary-blue-color);
}

.vos-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.vos-basic-card {
  background-color: white;
  padding: 1em;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
}

.vos-card {
  display: flex;
  background-color: white;
  border-radius: 7px;
  flex-direction: column;
}

.vos-card-title-wrapper {
  display: flex;
  flex-direction: row;
}

.vos-card-title {
  font-size: 1.5em;
  font-weight: bold;
}

.vos-card-subtitle {
  font-size: 1em;
  font-style: italic;
  color: #8c8c8c;
}

.vos-card-header {
  display: flex;
  flex-direction: column;
  padding: 0.5em 1em;
}

.vos-card-content {
  display: flex;
  flex-direction: column;
  padding: 1em 1em;
}

.vos-card-default-padding {
  padding: 1em;
}

.vos-card-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 0.9em;
}

.vos-card-footer {
  display: flex;
}

.vos-card-footer-btn-wrapper {
  display: flex;
  flex-direction: row;
  border-top: 1px solid lightgray;
  margin-top: 1em;
  align-items: center;
}

.vos-card-info-prefix {
  color:grey;
  margin-right: 0.5em;
}

.vos-card-info-value {
  margin-left: 0.3em;
}

.vos-card-info-row {
  display: flex;
  flex-direction: row;
}

.vos-card-info-col {
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
}

/**
 * BUTTON SECTION
 */
.vos-card-btn {
  flex-grow: 1;
  justify-content: center;
  align-content: center;
  display: flex;
  padding: 0.5em 1em;
  align-items: center;
  flex-basis: 50%;
  color: var(--primary-link-color);
}

.card-btn-label {
  color:var(--primary-blue-color);
  font-size: 17px;
}

.vos-card-left-btn {
  border-right: 1px solid lightgray;
}

.vos-card-btn-icon {
  color:var(--primary-blue-color);
  height: 1.1em;
  width: 1.1em;
  top: 1px;
  margin-right: 0.5em;
  position: relative;
}

.vos-card-btn-danger {
  color: var(--delete-icon-color)!important;
}

.vos-table {
  width: 100%;
}

.vos-table td {
  border-bottom: 1px solid #bababa;
}

.liste-headers,
.tab-headers {
  font-family: PoppinsMedium !important;
  background-color: white;
  font-size: 14px;
  border-bottom:1px solid black;
  color: black;
  padding: 5px 10px 5px 11px !important;
}

.header-tab-tr,
.liste-headers {
  height: 40px;
}

.tab-cell {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  padding-left: 10px;
  white-space: nowrap;
}

/* TABLE DEFAULT */
.default-table-row {
  height: var(--defaut-tab-row-height);
  background-color: white;
}

@media (max-width: 767px) {
  .tab-cell {
    font-size: 13px;
  }
}

.vos-main-button {
  padding: 0.5em 0.8em;
  background-color: var(--primary-link-color);
  color: white;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
  font-weight: bold;
}

.vos-main-button.cancel {
  background-color: white;
  color: var(--error-text-color);
  border: 1px solid var(--error-text-color);

}

.vos-green-button {
  background-color: #00b600 !important;
}

.vos-main-buttons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.6em;
  margin-top: 2em;
}

.vos-main-button.delete {
  background-color: var(--button-cancel-bg-color) !important;
}

.vos-main-button-border {
  padding: 0.3em 0.8em;
  border: 2px solid var(--primary-link-color);
  color: var(--primary-link-color);
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}

.vos-main-button-border:hover {
  text-decoration: underline;
}

.vos-main-button:hover {
  cursor: pointer;
}

.vos-main-button-icon {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  position: relative;
  top: 0.1em;
}


.vos-btn-action-secondary {
  font-family: QuicksandBold;
  font-size: 17px;
  background-color: var(--primary-blue-color);
  color: white;
  display: inline-block;
  float: right;
  margin-top: 10px;
  padding: 4px 12px;
  border-radius: 7px;
  border: unset!important;
}

.vos-btn-action-secondary-disabled, .vos-btn-action-secondary:disabled {
  background-color: #808080 !important;
  opacity: 0.5;
}

.vos-btn-action-secondary-disabled:hover {
  cursor: default !important
}

.vos-btn-action-secondary.deleteBtn {
  background-color: #db3333 !important;
}

.vos-button-inline {
  color: var(--primary-link-color);
  background-color: #e4f0ff;
  display: flex;
  font-weight: bold;
  font-size: 13px;
  padding: 0.3em 0.4em;
  border-radius: 7px;
  border: 1px solid #c5c3ff;
  cursor: pointer;
  float: right;
  justify-content: center;
}

.vos-button-inline-disabled {
  background-color: lightgrey;
  border-color: lightgrey;
  color: dimgrey;
  cursor: default;
}

.inline-button-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  margin: 0.5em 0 0 0;
  justify-content: right;
}

.inline-action-btn-icon {
  margin-right: 0.4em;
  width: 18px;
  height: 18px;
  top: 1px;
  position: relative;
}

.vos-button-inline.cancel {
  color: rgb(189, 69, 0) !important;
  background-color: #ffeaea;
  border-color: #ffbbbb;
}



.inputV2 {
  border-radius: unset !important;
  border-bottom: 1px solid rgb(189, 189, 189) !important;
}

.inputV2:focus {
  border-radius: unset !important;
  border-color: var(--primary-blue-color)!important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
.input-tel-number,
.datepicker-custom-input,
select {
  border: none;
  height: 40px;
  padding: 0px 10px 0px 10px;
  font-family: poppinslight;
  font-size: 15px;
  color: black;
  background-color: white;
  border-radius: 7px;
  width: 100%;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].noSpinBtn {
  -moz-appearance: textfield;
}

h1 {
  font-family: QuicksandBold;
  font-size: 37px;
  display: inline-block;
  vertical-align: middle;
}

h2 {
  font-family: QuicksandBold;
  font-size: 26px;
  padding-bottom: 5px;
  margin-top: 1em;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
}


h4 {
  font-family: PoppinsBold;
  font-size: 20px;
  margin-top: 35px;
}

.grey-title {
  color: grey;
}

h5 {
  font-weight: bold;
  font-size: 1.1em;
}

@media (max-width: 767px) {
  h1 {
    font-size: 26px;
    text-align: center;
  }

  h2 {
    font-size: 21px;
  }

  h4 {
    font-size: 17px;
  }
}

.table-regis {
    width: 100%;
}

.table-regis-wrapper {
    overflow: auto;
    width: 100%;
}

.table-regis-row {
    padding: 6px;
    background-color: white;
    font-size: 15px;
}

.table-regis-row .default-td {
    background-color: white;
}


table.table-regis td {
    border-bottom: 1px solid #bababa;
}
.form-flex-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.form-flex-button-wrapper {
  display: flex;
  justify-content: flex-end;
}

.form-flex-vertical-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  min-height: 35px;
  margin-bottom: 1em;
  gap: 0.5em;
}

.form-flex-vertical-label {
  width: 100%;
}

.form-flex-vertical-input {
  width: 100%;
}


.form-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 1em;
}

.form-flex-label-col {
    width: 25%;
}

.form-flex-input-col {
    width: 70%;
}

.labelField,
.label,
.label-field-flex
{
  font-family: QuicksandBold;
  font-size: 0.95em;
  color: #1c1c1c;
  display: inline;
  vertical-align: middle;
}

.click-pointer:hover {
    cursor:pointer
}

@media (max-width: 767px) {
  .form-flex-label-col {
    width: 100%;
  }

  .form-flex-input-col {
    width: 100%;
  }

  .form-flex-row {
    gap: 0.5em;
    margin-bottom: 1em;
  }


}

 /* Customize the label (the containerCheckBox) */
 .containerCheckBox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .containerCheckBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkboxmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border:1px solid var(--dark-border-color);
    background-color: white;
  }
  
  /* On mouse-over, add a grey background color */
  .containerCheckBox:hover input ~ .checkboxmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .containerCheckBox input:checked ~ .checkboxmark {
    background-color: #241dff;
  }
  
  /* Create the checkboxmark/indicator (hidden when not checked) */
  .checkboxmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkboxmark when checked */
  .containerCheckBox input:checked ~ .checkboxmark:after {
    display: block;
  }
  
  /* Style the checkboxmark/indicator */
  .containerCheckBox .checkboxmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  } 
.custom-control-input:focus~.custom-control-label::before {
    border-color: var(--primary-blue-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 143, 255, 0.25) !important;
  }
  
  .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--primary-blue-color) !important;
    background-color: var(--primary-blue-color) !important;
  }
  
  .custom-control-input:active~.custom-control-label::before {
    background-color: var(--primary-blue-color) !important;
    border-color: var(--primary-blue-color) !important;
  }
  
  .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: var(--primary-blue-color) !important;
  }
  
  .custom-control-input-green:not(:disabled):active~.custom-control-label::before {
    background-color: var(--primary-blue-color) !important;
    border-color: var(--primary-blue-color) !important;
  }
@media (min-width: 1439px) and (max-width: 2100px)  {
    .parallax {
        display: block;
    }
}

@media (max-width: 767px) {
    .btnAction {
      font-size: 18px!important;
    }
    .paddingLeftGenDiv {
        padding-left: 5px!important;
    }

    .autocomplete-results {
        background-color: white!important;
    }
    .exitLogo {
        width: 30px!important;
    }
    .menuDesktopRow {
        display: none;
    }
    .filterHome {
        padding-left: 50px!important;
    }
    .sloganHeader {
        font-family: QuicksandBold;
        font-size: 33px;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .nbEventsFiltre {
        font-family: PoppinsLight;
        display: block!important;
        width: 90%;
        font-size: 14px;
        margin-top: 40px;
    }
    .topFiltresSection {
        text-align: center;
    }
    .smallBtnLogin,
    .smallBtnCreateEvt,
    .flecheBasRow {
        display: block!important;
    }
    .homeContact {
        display: none;
    }

    .quelStyleBtn {
        display: none!important;
    }
    .flecheBasStyleEvent {
        display: none!important;
    }
    .styleLabelDiv {
        margin-bottom: 20px;
    }
    .labelStyle {
        padding: 3px!important;
        margin: 5px!important;
        width:110px!important;
    }
    .notMobileHome .logoDiv {
        display: none!important;
    }
    .loginButton {
        display: none;
    }
    .fontRadioButton {
        font-size: 13px;
    }
    .fontTabCell {
        font-size: 13px;
    }
    h1 {
        font-size: 26px;
        text-align: center;
    }
    h2 {
        font-size: 21px;
    }
    h4 {
        font-size: 17px;
    }
    #viewEvent h1 {
        margin-left: unset;
        margin-right: unset;
    }
    .quitCross {
        display: inline!important;
        right: 15px!important;
        top: 5px!important;
        font-size: 30px!important;
    }
    .genericTabLabel {
        font-size: 16px;
    }
    .monthRow {
        text-align: center;
    }

    .logoOrgaHomeEvents {
        width:65px;
    }
    .logoEventForOrga {
        width:90%;
    }
    .mobileBr {
        display: block;
    }
    .eventLineSeparator {
        display: none;
    }
    .eventCity {
        display: inline-block;
    }
    .bandeauSwing {
        top: unset;
        position: relative!important;
    }
    .footerHome {
        top: unset;
        height: unset;
        background-color: #ebdc87;
        padding-bottom: 30px;
    }
    .rowMoreEventMobile {
        display: block!important;
    }
    .colTextAd {
        transform: unset;
        position: relative!important;
        top:unset;
        margin-top: 15px;
    }
    .nextEventBtn {
        display: none!important;
    }

    .mainLoginDiv,
    .mainForgotPasswdDiv,
    .mainContactMobileDiv,
    .mainYellowEventDiv {
        height: unset;
    }
    .vdp-datepicker__calendar {
        top: -280px;
        left: -10px!important;
    }
    #backgroundSwingOrange {
        display: none;
    }
    .notMobileHome .mobileContactBtn {
        display: none!important;
    }
    .mobileContactBtn {
        display: inline!important;
    }
    .titreEventModal {
        margin-left: unset;
        margin-right: unset;
    }
    .eventLine {
        margin-bottom: 20px!important;
    }
    .mobileFilterLocation {
        display: inline-block!important;
    }
    .btnPrecedent {
        margin-left: 10%!important;
    }
    .btnSuivant {
        margin-right: 10%!important;
    }
    .labelField {
        display: inline-block;
        font-size: 15px!important;
    }
    .label {
        display: inline-block;
        font-size: 15px!important;
    }
    .fieldValue {
        font-size: 14px;
    }
    textarea {
        font-size: 14px;
    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    select {
        font-size: 14px;
        height: 40px;
        padding: 0px 7px 0px 7px;
    }
    .headerBar {
        float: none!important;
        width: 100%!important;
    }
    .viewEventSubTitle, .viewEventSubTitleType {
        font-size: 16px!important;
    }
    .viewEventSubAnswer {
        font-size: 18px!important;
    }
    .viewEventInfoCol, .viewGeneralInfoCol {
        padding-left: 0px!important;
    }

    .rowDescOrga {
        margin-top: 25px;
        text-align: center;
    }

    .eventForm {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .rowOrgaInconnu {
        padding-top: 0px!important;
        margin-top: 0px!important;
        margin-bottom: 20px;
    }

    #divmap {
        width: 95%!important;
        height: 400px!important;
    }

    .leaflet-popup-content {
        width:200px!important;
    }

    .mobileMenuRow {
        line-height: 50px!important;
    }

    .textHomeSecondaryFilter {
        text-align: center;
        color: #241dff!important;
        font-size: 18px;
        font-family: Quicksandbold;
    }

    .descriptionPage {
        padding-top: 20px;
        padding-bottom: 20px;
        display: block;
        width: 90%;
    }

    .top-banner {
      height: 80px;
    }

    .filtreOrganism {
        width: 100%!important;
        font-size: 12px;
    }
    .eventTitleForOrga {
        font-size: 16px;
    }

    .eventDateForOrga {
        font-size: 11px!important;
    }

    .eventCityForOrga {
        font-size: 11px!important;
    }

    .swingStyle {
        margin-right: 0.6em;
        margin-top: 0.8em;
        padding: 0.2em 0.5em 0.2em 0.5em;
        display: inline-block;
        font-size: 15px;
        background-color: #ebdc87;
        color: #241dff;
        font-weight: bold;
    }

    .validationBlockInfo {
        font-family: poppinslight;
        font-size: 14px!important;
    }
}

@media (max-width: 400px) {
    .orgaImgBackground {
        background-size: 250% auto!important;
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    z-index: 1000;
}

.modal-backdrop.sub-modal {
    z-index: 2000;
}

.modalEventCss {
    background-color: white!important;

}

.modal {
    scrollbar-color: #241dff white;
    scrollbar-width: 5px;
    background-color: var(--secondary-bg-color);
    position: relative!important;
    box-shadow: 2px 2px 20px 1px;
    overflow-x: auto;
    display: flex;
    flex-direction: column;
    overflow: auto;
    opacity: 1;
}

.modal.modalSmall {
    /* background-color: var(--primary-green-color); */
    /* background-color:white; */
}

.modal h5 {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    background-color: white;
    font-size: 18px;
    margin-bottom: 3px;
    border: 2px solid var(--primary-orange-color);
}

/* Cards avec titres (h5) orange + icône : ajouter la classe "modal-card-titles" sur DefaultModal ou sur le conteneur de la page */
.modal-card-titles .modal h5,
.modal-card-titles h5 {
    padding: 0.33em 0.66em;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    margin-top: 0 !important;
    border: unset !important;
    color: var(--primary-orange-color);
}

.modal-card-title-icon {
    color: var(--primary-orange-color);
    margin-right: 0.3em;
    stroke-width: thick;
}

.modal-card {
    padding: 1em;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin-bottom: 2em;
}

/* Valeurs du bloc d'entête de modale (ModalInfoHeaderItem) */
.modal-info-header-value {
    display: block;
    font-size: 1.3em;
}

.modal-info-header-detail {
    display: block;
    color: var(--text-grey-subtitle-color);
}

/* Mot secondaire au sein d'une valeur (ex : "de" / "à") : même taille que les détails */
.modal-info-header-value .modal-info-header-detail {
    display: inline;
    font-size: 0.77em;
}

.modal-second-screen {
    border:8px solid var(--primary-orange-color)!important;
}


/* ---------------------------------- */
.modalfade-enter-active,
.modalfade-leave-active {
  transition: opacity .01s linear;
}

.modalfade-enter,
.modalfade-leave-to {
  opacity: 0;
}

@media (max-width: 800px) {
    .modal-info-header-value {
        font-size: 1em;
    }

    .modal-info-header-detail {
        font-size: 0.93em;
    }

    .modal {
        width: 95%;
        height: 95%;
    }

    .modal.modalSmall {
        width: 85%;
        height: 85%;
    }
}

@media (max-width:1300px) and (min-width:800px) {
    .modal {
        width: 75%;
        height: 80%;
    }

    .modal.modalSmall {
        width: 70%;
        height: 75%;
    }

    .modalEventCss {
        width: 90%!important;
        height: 90%!important;
    }
}

@media (min-width: 1300px) {
    .modal {
        width: 75%;
        height: 80%;
        max-width: 1400px;
    }

    .modal.modalSmall {
        width: 60%;
        height: 60%;
    }

    .modalEventCss {
        width: 90%!important;
        height: 90%!important;
    }
}

.swingStyleList {
    text-align: center;
}

.retourEvtsLabel {
    font-family: QuicksandBold;
    font-size: 24px;
    color: #241dff;
}

.retourEvtsLabel:hover {
    cursor: pointer;
    font-weight: bold;
}

.contentFieldModalEvent {
    color: black;
    font-family: QuicksandBold;
    font-size: 20px;
    background-color: white;
    border-radius: 7px;
    padding: 10px 20px 10px 20px !important;
}

.modal h1 {
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

.modal-header,
.modal-footer {
    padding: 15px;
    display: flex;
}

.modal-header {
    color: #4b2c00;
    justify-content: space-between;
    border: none;
}

.modal-footer {
    border: none;
    justify-content: flex-end;
}

.modal-body {
    position: relative;
    padding: 0px 10px;
}

.btn-close {
    border: none;
    font-size: 25px;
    padding: 20px;
    cursor: pointer;
    font-weight: bold;
    color: black;
    background: transparent;
    position: absolute;
    right: 15px;
}

.btn-green {
    color: white;
    background: #4AAE9B;
    border: 1px solid #4AAE9B;
    border-radius: 2px;
}

.labelModalSwingEventTitle {
    font-family: QuicksandBold;
    font-size: 24px;
    color: white;
}

.labelMarginTop {
    margin-top: 1.5em;
}

.modalSwingEventDescription {
    white-space: pre-line;
}

.modalSwingEventCity {
    white-space: pre-line;
    overflow-wrap: break-word;
}

.modalSwingEventCity:hover {
    color: #f5a582!important;
}

.modal-open {
    overflow: hidden;
}

.modal-fade-enter-active,
.modal-fade-leave-active {
    transition: opacity .1s;
    opacity: 1;
}

.modal-fade-enter,
.modal-fade-leave-to
/* .fade-leave-active below version 2.1.8 */

{
    opacity: 1;
}

.labelFormModal {
    color: black;
    font-family: PoppinsMedium;
    font-size: 15px;
    margin-top: 30px;
    margin-right: 15px;
    margin-bottom: 5px;
    display: block;
}

.subLabelFormModal {
  color: black;
  font-family: PoppinsLight;
  font-size: 14px;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 5px;
  display: block;
}

.labelFormModal.disabled {
    color: rgb(151, 151, 151);
    font-family: PoppinsMedium;
    font-size: 15px;
    margin-top: 30px;
    margin-right: 15px;
    margin-bottom: 5px;
    display: block;
}

.labelFormModal:first-child {
    margin-top: 10px!important;
}

.sub-title-modal {
    background-color: white;
    width: 100%;
    text-align: center;
    border-radius: 7px;
    font-size: 18px;
    font-family: QuicksandBold;
    padding: 5px;
    border: 2px solid var(--primary-orange-color);
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
}

.sub-title-modal:not(:first-child) {
    margin-top: 60px;
}

.slide-enter {
    opacity: 0;
}

.slide-enter-active {
    animation: slide-in 1s ease-out forwards;
    transition : opacity 1s;
}

.slide-leave {

}

.slide-leave-active {
    animation: slide-out 1s ease-out forwards;
    transition: opacity 1s;
    opacity: 0;
    position : absolute;
}

.slide-move {
    transition: transform 1s;
}

@keyframes slide-in {
    from {
        transform: translateY(20px);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes slide-out {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(20px);
    }
}
.admin-bandeau {
  background-color: #212121;
}

.admin-main-row {
  background-color: #3d3d3d;
  color: #cbcbcb;
  padding-bottom: 100px;
  min-height: 800px;
}


.admin-tab-div {
  margin-top: 10px;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}

.adminTabSpan {
  color: #ff5a5a !important;
  border-color: #ff5a5a!important;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #ebdc87;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 15px;
    overflow-y: scroll;
    touch-action: pan-y !important;
}

.sidenav::-webkit-scrollbar {
    -webkit-appearance: none;
}

.sidenav::-webkit-scrollbar:vertical {
    width: 5px;
}


.sidenav::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
}

.sidenav .filterInfo {
    font-size: 15px !important;
    width: 90%;
    display: block;
    padding: 5px;
    margin: 3px;
    border-radius: 7px;
    background-color: white;
}

.sidenav .quitCross {
    top: 10px!important;
}

.sidenav #Filtres {
    padding-left: 15px;
    padding-top: 40px;
    min-height: 750px;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav h2 {
    margin-top: 25px!important;
    font-size: 22px;
}

.sidenav .filterInfo {
    font-size: 15px!important;
}

.sidenav .filterCol {
    text-align: center;
    text-overflow: ellipsis;
}

.sidenav .selectedFilter {
    text-decoration: none!important;
    background-color: #f5a582;
}


/* .sidenav a:hover {
  font-weight: bold!important;
  color:#241dff!important;
} */

@media (min-width: 768px) {
    .buttonMobile {
        display: none!important;
    }
    .sidenav {
        display: none;
    }
}

.buttonMobile {
    margin-left: 25px;
    color: #241dff;
    font-size: 30px;
    cursor: pointer;
    background-color: white;
    opacity: 0.7;
    position: fixed;
    top: 105px;
    width: 70px;
    height: 70px;
    z-index: 99;
    padding-left: 20px;
    border-radius: 70px;
    padding-top: 10px;
}

.buttonMobile img {
    width: 30px;
}

.buttonMobile:hover {
    opacity: 0.8;
}
.chip {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 2px 10px;
  border-radius: 7px;
  margin: 2px 5px 2px 0;
  color: #595959;
  border: 1px solid var(--primary-orange-color);
  cursor: pointer;
}

.chip-button {
  color: var(--primary-link-color)!important;
}

.chip-button:hover {
  background-color: var(--primary-orange-color);
  color: white;
}

.chip-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}

.main-maintenance-row {
    min-height: 800px;
}

.maintenance-message-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 800px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.maintenance-icon {
    margin-top: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.maintenance-message {
    font-size: 28px;
}

.main-error-row {
    min-height: 800px;
}

.error-message {
    font-size: 28px;
}

.error-message-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 800px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.error-icon {
    margin-top: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.errorBlock[data-v-909bbf16] {
  font-size: 14px;
  border: 1px solid #ff3d60;
  color: #ff3d60;
  background-color: white;
  border-radius: 5px;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  padding: 1.5em 1em 0.5em 1em;
  position: relative;
}
.ul-form-errors > li[data-v-909bbf16] {
  margin-bottom: 0.5em;
}

[data-v-ed37a608] .user-button-dropdown .dropdown-item {
    line-height: 40px!important;
}
.user-button-dropdown[data-v-ed37a608] {
  display: inline-block;
}
[data-v-ed37a608] .dropdown-menu {;
  margin: 0.3em 0 0 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.user-button-icon-user[data-v-ed37a608] {
    color: var(--primary-blue-color);
    margin-right: 20px;
}
.header-user-button-icon[data-v-ed37a608] {
    height: 22px;
    width:22px;
    margin-right: 10px;
    color: rgb(68, 68, 68);
}
.header-user-button-admin[data-v-ed37a608] {
    color:rgb(194, 0, 0);
}
[data-v-ed37a608] .header-user-button {
  display: block;
  font-family: PoppinsMedium;
  align-content: center;
  line-height: 35px;
  font-size: 14px;
  margin: 0;
  width: 100%;
}

.locale-changer[data-v-5694f23b] {
  display: inline-flex;
  align-items: center;
}
.locale-changer-select[data-v-5694f23b] {
    font-size: 13px !important;
    height: 40px;
}
.locale-btn[data-v-5694f23b] {
    color: dimgrey;
}
.locale-flag-btn-mode[data-v-5694f23b] {
  height: 13px;
  margin-right: 4px;
  position: relative;
  top: -1px;
}
.lang-sperator-btn-mode[data-v-5694f23b] {
  margin: 0 1.5em;
}
[data-v-5694f23b] .dropdown-menu {;
  margin: 0.5em 0 0 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.btn-group-locale[data-v-5694f23b] {
  display: flex;
  align-items: center;
}
[data-v-5694f23b] .lang-button {
  display: block;
  font-family: PoppinsMedium;
  align-content: center;
  height: 35px;
  font-size: 14px;
  margin: 0;
  width: 100%;
}
.selected-locale-label[data-v-5694f23b] {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 13px;
  color: var(--main-text-color);
}

.locale-selector-col[data-v-6016b16e] {
  border-bottom: 1px solid #e3e3e3;
}
.mobileMenuRow[data-v-6016b16e] {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-bar-col-mobile[data-v-089e6530] {
    text-align: center;
}
.header-bar-col-mobile-user[data-v-089e6530] {
    text-align: right;
}
.header-bar-col-mobile-user-logo[data-v-089e6530] {
    margin-right: 20px;
}
.header-bar-menu-mobile-entry[data-v-089e6530] {
    text-align: center;
}
.headerMenuList[data-v-089e6530] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.headerMenuItem[data-v-089e6530] {
  display: inline-block;
}
[data-v-089e6530] .headerButton {
    font-family: PoppinsMedium;
    font-size: 14px;
    display: inline-block;
    white-space: pre;
}
[data-v-089e6530] .headerButton {
    color: var(--primary-blue-color);
    margin: 0px 15px 0px 15px;
}
.headerButton[data-v-089e6530]:hover, .header-user-button[data-v-089e6530]:hover {
    cursor: pointer;
}
.locale-selector[data-v-089e6530] {
  margin: 0 10px 0 10px;
}
.header-logo[data-v-089e6530] {
    max-height: 30px;
    width: auto;
    margin-left: 10px;
}
.iconMenuMobile[data-v-089e6530] {
    max-height: 40px;
    width: auto;
    margin: auto;
}
.logo-swing-desktop[data-v-089e6530] {
  display: block;
  margin: 70px auto 40px;
}
@media (max-width: 767px) {
[data-v-089e6530] headerButton {
        font-size: 14px!important;
}
.logo-swing-desktop[data-v-089e6530] {
        width: 160px;
        height: 138px;
        margin: 40px auto 40px;
}
.header-logo[data-v-089e6530] {
      max-height: 20px;
}
}

.footer[data-v-076f145c] {
  display: flex;
  flex-direction: column;
  padding: 1em 2em;
  width: 100%;
  background-color: var(--primary-orange-color);
  min-height: 123px;
}
.footer-container[data-v-076f145c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1em;
  row-gap: 3em;
  column-gap: 15%;
}
.footer-block[data-v-076f145c] {
  justify-content: left;
  display: flex;
  flex-direction: column;
}
.footer-title[data-v-076f145c] {
  font-family: PoppinsMedium;
  margin-bottom: 0.5em;
  font-size: 2em;
  color: white;
}
.footer-link[data-v-076f145c] {
  font-size: 1.3em;
  color:white;
}
.footer-link[data-v-076f145c]:hover {
  color: var(--primary-link-color);
}
.pictoFooterBig[data-v-076f145c] {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  background-size: 30px 30px;
  background-image: url(/fc8eff339ea67c257858.png);
  display: inline-block;
  vertical-align: middle;
}
.pictoFooterBig[data-v-076f145c]:hover {
  cursor: pointer;
  background-image: url(/cb736b14b1e131c8178e.png);
}
.all-right-reserved[data-v-076f145c] {
  text-align: center;
  color: white;
}
hr[data-v-076f145c] {
  margin: 0!important;
  background-color: white;
  width: 100%;
  border: 1px solid white;
}
@media (max-width: 768px) {
.footer-container[data-v-076f145c] {
    flex-direction: column;
}
.footer-block[data-v-076f145c] {
    align-items: center;
}
.footer-link[data-v-076f145c] {
    font-size: 17px;
    margin-bottom: 0.6em;
    text-align: center;
}
}



.tooltip-icon[data-v-183e21a1] {
  margin-left: 5px;
  color: grey;
  width: 17px;
  height: 17px;
  display: inline-block;
}
.tooltip-icon-warning[data-v-183e21a1] {
  margin-left: 10px;
  color: #ff9a2a;
  width: 20px;
  height: 20px;
  display: inline-block;
}

label[data-v-31a7d937] {
  display: unset;
}
.form-check-input[data-v-31a7d937]:checked {
  background-color: var(--primary-blue-color);
  border-color: var(--primary-blue-color);
}
.form-check-input[data-v-31a7d937] {
  border: 1px solid lightgray !important;
}

.info-message-utils {
    max-width: 1000px;
    padding: 5px;
    font-family: poppinslight;
    font-size: 1em;
    margin-bottom: 10px;
    line-height: 30px;
    display: block;
}

.info-message-utils-logo {
    margin-right: 5px;
    position: relative;
    top: 3px;
}

/* Customize the label (the containerCheckBox) */
.containerCheckBox[data-v-622529da] {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheckBox input[data-v-622529da] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkboxmark[data-v-622529da] {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border:1px solid var(--dark-border-color);
  background-color: white;
}

/* On mouse-over, add a grey background color */
.containerCheckBox:hover input ~ .checkboxmark[data-v-622529da] {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheckBox input:checked ~ .checkboxmark[data-v-622529da] {
  background-color: #241dff;
}

/* Create the checkboxmark/indicator (hidden when not checked) */
.checkboxmark[data-v-622529da]:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkboxmark when checked */
.containerCheckBox input:checked ~ .checkboxmark[data-v-622529da]:after {
  display: block;
}

/* Style the checkboxmark/indicator */
.containerCheckBox .checkboxmark[data-v-622529da]:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}