@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

:root {
	--blue-color : 0, 188, 212;
	--green-color : 0, 200, 83;
	--red-color : 229, 57, 53;
	--grey-color : 102, 102, 102;
	--orange-color : 238, 171, 69;
	--darkorange-color : 255, 110, 64;
}

/** General Style Info **/
body {
	font-family:'Oxygen' !important;
	background: linear-gradient(-135deg, rgba(var(--blue-color), 1), rgba(var(--orange-color), 1));
}

form {
	width: 100%;
}

input {
	font-family:'Oxygen' !important;
}

.hidden {
	display: none !important;
}

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

.txt-align--right {
	text-align: right;
}

.txt-align--left {
	text-align: left;
}

.right {
	float: right;
}

.left {
	float: left;
}
@media screen and (orientation:portrait) {
	campaign img {
		width: 100vw;
	}
}

@media screen and (orientation:landscape) {
	campaign img {
		height: 100vh;
	}

	campaign-close, campaign-confirm {
		width: 600px;
	}
}
campaign {
    width: 100vw;
    height: 100vh;
    display: flex;
    position: absolute;
    z-index: 20;
		justify-content: center;
    align-items: center;
    background: rgba(var(--blue-color), .4);
}

campaign img {
	cursor: pointer;
	margin : auto;
	box-shadow: 0px 0px 30px 10px rgba(var(--orange-color), 0.8);
}

.campaign--close-btn {
	position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-size: 30px;
  background: rgba(var(--orange-color), 1);
  color: rgba(255, 255, 255, 1);
}

campaign-close, campaign-confirm {
	display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #FFF;
  border-radius: 25px;
  padding: 32px 0;
}

.campaign-close--question {
	flex: 100%;
  text-align: center;
	margin-bottom: 32px;
}

filled-button, text-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	height: 50px;
  border-radius: 25px;
  margin: 6px;
  padding: 0 24px;
  font-size: 15px;
  line-height: 1.5;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
	text-decoration: none;
  cursor: pointer;
  position: relative;
}

filled-button {
    color: #fff;
    background: rgba(var(--blue-color), 1);
    text-decoration: none;
}

text-button {
	border: 2px solid #FFF;
}

filled-button:hover {
	background: rgba(var(--blue-color), .8);
}

filled-button:active, text-button:active {
	background: rgba(var(--blue-color), .6);
	color: #FFF;
}

text-button:hover {
	border: 2px solid rgba(var(--blue-color), 1);
}

button.bleu {
	background: rgba(var(--blue-color),.8) !important;
	color: #FFF !important;
}

button.bleu:hover {
	background: rgba(var(--blue-color),.5);
}

button.rouge {
	background: rgba(var(--red-color),.8) !important;
	color: #FFF !important;
}

button.rouge:hover {
	background: rgba(var(--red-color),.5);
}

fieldset {
	margin : 10px;
	padding : 10px;
	border: 1px solid #f5f5f5;
	border-radius: 10px;
}

.clear {
	clear: both;
}

.page-content {
	margin : 30px 0 auto;
}

.popup__background {
	display: none;
    opacity: 1;
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 2003;
    background: #00000033;
    position: absolute;
}

.popup {
	width: 325px;
	max-height: calc(100% - 64px);
	background: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.popup {
	width: inherit !important;
    min-width: calc(20% - 40px);
}

.popup--large {
    max-width: calc(100% - 40px);
}

.popup--medium {
    max-width: calc(60% - 40px);
}

.popup--mini {
    max-width: calc(30% - 40px);
}

@media screen and (max-width:540px){
	.popup--phone {
	    max-width: calc(90%);
	}
}

.popup__actions {
	text-align: right;
	padding: 1em;
}

.popup__actions button.close {
	color: rgba(var(--blue-color), 1) !important;
}

.popup__actions button.popup__save {
	color: #FFF !important;
	background-color: rgba(var(--blue-color), 1) !important;
}

.popup__content {
    flex: 1 1 auto;
    overflow-y: auto;
}

.popup__content:first-child {
	padding: 0;
}

.popup__content-container {
	display: flex;
    flex-direction: column;
}

.popup__toolbar-title {
	color : #FFFFFFFF;
}

.popup-header--btn {
	/* width: calc(100% - 162px); */
   text-align: right;
}

.popup__toolbar {
	background: rgba(var(--blue-color), 1);
	padding: 1em;
}

.popup__toolbar-title {
    font-size: 33px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.00735em;
    padding: 0px;
    height: 39px;
    min-width: 60px;
    text-align: center;
}

.snackbar-error {
	background-color: #e53935;
	text-align: center;
	font-size: 17px;
}
.snackbar-success {
	background-color: #00c853;
	text-align: center;
	font-size: 17px;
}

header.bottom {
	position: fixed;
	bottom: 0px;
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,.14), 0 -3px 1px -2px rgba(0,0,0,.2), 0 -1px 5px 0 rgba(0,0,0,.12);
	text-align: center;
}

.normal_header {
	background-color: rgb(0,188,212);
}

.danger_header {
	background: rgb(255,110,64);
}

.btn_help {
	background-color: #FFF;
    position: fixed;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0 0 1px 0;
    min-width: 40px;
    border-radius: 20px;
    line-height: 40px;
}

.btn_help i {
	font-size: 40px;
}

.help_text {
	padding: 24px 8px;
}

#panneau_info {
	display: none;
}

.btn-accueil {
    border-radius: 10px;
    float: left;
    margin: 3px;
}
.btn-accueil text {
	display: none;
}

.error-message {
	color : rgba(var(--red-color), 1);
}

.error-field {
	border-color: rgba(var(--red-color), 1) !important;
}

.rotate-45 {
	-webkit-transform : rotate(45deg);
	-moz-transform : rotate(45deg);
	-ms-transform :  rotate(45deg)
}

.hand {
	cursor: pointer;
}

.mdl-selectfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

.mdl-selectfield__icon {
    bottom: 20px;
    cursor: pointer;
    color: rgba(0,0,0, 0.26);
    padding: 4px 0;
    position: absolute;
    top: 20px;
    right: 0;
    pointer-events: none;
}

.mdl-selectfield.is-dirty .mdl-selectfield__icon {
    color: inherit;
}

.mdl-selectfield__icon>i {
    outline: 0;
}

.mdl-selectfield.is-dirty .mdl-selectfield__label {
    visibility: hidden;
}

.mdl-selectfield--floating-label .mdl-selectfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-selectfield__label {
    bottom: 0;
    color: rgba(0,0,0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.mdl-selectfield__label:after {
    background-color: rgb(0,188,212);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px;
}

.mdl-selectfield__select {
    display: block;
    width: 100%;
    padding: 4px 0;
    margin: 0;
    color: inherit;
    background: transparent;
    font-size: 16px;
    text-align: left;
    border: none;
    border-bottom: 1px solid rgba(0,0,0, 0.12);
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label, .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label {
    color: rgb(0,188,212);
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

.div_btn {
	margin: 10px;
	text-align: right;
}

.badge-documents-error {
	top: 52px !important;
}

.badge-documents-validate:after {
	background-color: rgba(var(--green-color), 0.8) !important;
}

.badge {
	position: absolute;
	left: 40px;
	top: 20px;
	z-index: 100;
}

.badge[data-badge]:after {
	background-color: #F5F5F5;
	color: rgb(0,188,212);
}

.badge-menu[data-badge]:after {
	background-color: rgb(255,110,64);
	color: #F5F5F5;
	width: 20px;
	height : 20px;
}

.badge-menu {
	position: absolute;
	right: -10px;
	top: 10px;
	z-index: 10;
}

.badge-menu-menu {
	right: 8px;
	top: 12px;
}

.mdl-menu {
	min-width : 62px;
}

.btn_nav .mdl-cell {
	margin : 0;
}

header .mdl-layout__header-row {
	padding : 0 10px;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    margin : 0 10px;
}

.btn-fail {
    color: #fff;
    background-color: #ed4735;
    margin : 0 10px;
}

.btn-wait {
    color: #fff;
    background-color: rgb(189, 189, 189);
    min-height: 42px;
}

.btn-wait i {
	font-size: 20px !important;
	line-height: 27px;
}

div.line-25 {
	height: 25px;
	text-align: center;
}

.too_late {
	font-size: 18px;
	cursor: pointer;
	color: rgb(224, 224, 224);
}

.validate_files {
	font-size: 18px;
}

.validate_files.inactive {
	color: rgb(224, 224, 224);
}

.validate_files.active {
	color: rgb(78, 188, 212);
}

.validate_files.active_down {
	color: #e53935;
}

.justif {
	margin : 0 0 0 10px;
}

.files {
	margin : 0 10px 0 0;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	 text-decoration: none;
}

.btn a {
	text-decoration: none;
	color: #FFFFFF;
}

.btn i {
	font-size: 15px;
}

.progress {
    height: 20px;
    margin: 10px 0 20px 0 !important;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    display: none;
	 width: 100%;
}

.progress-bar {
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
	 margin-left: inherit !important;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.nopointer {
	cursor: initial;
}

dialog{
	position:absolute;
	left:0;
	right:0;
	width:-moz-fit-content;
	width:-webkit-fit-content;
	width:fit-content;
	height:-moz-fit-content;
	height:-webkit-fit-content;
	height:fit-content;
	margin:auto;
	border:solid;
	padding:0;
	background:white;
	color:black;
	display:none
}

dialog[open]{
	display:block
}

dialog+.backdrop{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.1)
}

@media screen and (max-width:540px){
	dialog[_polyfill_modal]{
		top:0;
		width:auto;
		margin:1em
	}

}

._dialog_overlay{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0
}

.liste_task {
    border: 1px solid rgba(var(--orange-color));
    border-radius: 10px;
    margin: 10px;
    cursor: pointer;
}

.liste_task__container {
	width: 100%;
}

.liste_task__done {
    cursor: auto !important;
    border: 1px solid rgba(var(--blue-color));
}

.liste_task__texte {
    margin-left: 15px;
}

.liste_settings {
	display : contents;
}

.btn_settings {
	color: #ef6a3d;
	width: 150px;
    height: 100px;
    line-height: 33px;
    text-align: center;
    font-size: 20px;
    margin: 30px;
    border: 3px solid;
    border-radius: 20px;
    cursor: pointer;
}

.btn_settings__icon {
	margin-top: 15px;
}

.btn_settings__icon i {
	font-size: 40px;
}

.dataTables_wrapper {
	overflow-x: auto;
}

.info_musiques {
	height: 500px;
	overflow-y: scroll;
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}
#filter .filter_value {
	display: none;
}
#close-help {
	display: none;
	float: right;
	position: absolute;
	top : 0;
	left : 0;
	cursor: pointer;
}
.div-check_in {
	width : 100px;
}

.login_fieldset {
	width: 90%;
	border-radius : 25px;
	min-height: 400px;
	margin : auto;
}

.mdl-list__item-done {
	height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    font-size: 40px;
    float: left;
	background: none;
	color: rgb(0, 188, 212)
}

.mdl-list__item-todo {
	height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    font-size: 40px;
    float: left;
	background: none;
	color: rgb(226, 119, 75);
}

.mdl-list__item-read, .mdl-list__item-no-current {
    font-size: 14px;
	color: rgb(214, 214, 214)
}

.mdl-list__item-no-read, .mdl-list__item-current {
    font-size: 14px;
	color: rgb(0, 188, 212)
}

.mdl-list__item-del, .mdl-list__item-edit, .mdl-list__item-save {
    font-size: 18px;
    vertical-align: text-bottom;
    cursor: pointer;
}

.liste__item {
	flex-flow: column;
}

.cadre_mail {
	border-bottom: 1px solid #EEE;
    cursor: pointer;
    padding-bottom: 20px;
}
.cadre_institut {
	border-bottom: 1px solid #EEE;
}

.chips_admin {
	cursor: pointer;
}

.list_admin {
	padding: 10px;
}

.ripple_liste {
  background-position: center;
  transition: background 0.8s, box-shadow 0.8s;
}

.ripple_liste:hover {
  background: rgba(var(--blue-color), 0.1) radial-gradient(circle, transparent 1%, rgba(var(--blue-color), 0.04) 1%) center/15000%;
	box-shadow: 0px 0px 10px 1px rgba(var(--grey-color), 0.5);
}

.ripple_liste:active {
  background-color: rgba(var(--blue-color), 0.4);
  background-size: 100%;
  transition: background 0s;
}

.message-date {
    font-size: 12px;
    color: #888;
}


.cadre_mail .texte {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color : #666;
	max-width: calc(59vw - 48px);
}

.fulltexte, .fulltexte_data, .edit_title_mail {
	display : none;
}

.cadre_mail .title {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn_pj {
    border-radius: 5px;
    position: relative;
}

.btn_pj:focus{
    outline:none;
}

.thumb_pj {
	position: absolute;
    background: #FFF;
    border-radius: 13px;
    line-height: 5px;
    padding: 3px;
}

.icon_pj {
	color: rgba(var(--grey-color), 0.5);
    cursor: pointer;
		font-size: 30px;
}

.icon_pj_no {
	color: rgba(var(--grey-color), 0.2);
	font-size: 30px;
}

.icon_pj_up {
	left: 38px;
    top: -12px;
    cursor: pointer;
}

.icon_pj_down {
	left: -15px;
    top: 20px;
}

.icon_pj_check, .icon_pay_check {
	color : rgb(78, 188, 212);
	font-size: 18px;
}

.icon_pj_uncheck, .icon_pay_uncheck {
	color : #e53935 !important;
	font-size: 18px;
}

.icon-spinner {
  animation: spin-animation 0.5s infinite;
  display: inline-block;
}

.participant--fieldset {
	border : none !important;
	border-right : 1px solid rgba(var(--grey-color), 0.2) !important;
	border-radius: 0 !important;
}

.participants--checkin {
	width: 110px;
  margin: auto;
  line-height: 30px;
  display: flex;
  justify-content: center;
}

.participants--checkin input {
    border: none;
    border-bottom: 1px solid rgba(var(--grey-color), 0.2);
    outline: none;
    font-size: 16px;
    font-family: "Roboto" !important;
    letter-spacing: 0.64px;
		margin: 1px 0 0 0;
}

.participant__number_checkin, .participant__number_checkin_no {
    position: relative;
    left: 25px;
}

.mdl-chip__text i {
    font-size: 18px !important;
    line-height: 32px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.mdl-chip__user-index-filter {
	display: flex;
  align-items: center;
  width: fit-content;
	margin: 0 5px;
}

.nippies__filter_list {
	display: flex;
}

.nippies__filter_list_container {
	display: none;
}

.mdl-chip__user-index-filter, .users-index__tune-btn {
	cursor: pointer;
}

.participant__number_checkin_no {
    color: #FFF !important;
}

.icon_checkin, .participant__number_checkin {
	color: rgba(var(--blue-color), 1);
	cursor: pointer;
}

.icon_checkin_no {
	color: rgba(var(--grey-color), 0.2);
}

.icon_checkin, .icon_checkin_no {
	font-size: 30px;
	margin : 0 5px;
}

.historic_checkin {
		display: grid;
    justify-content: center;
    margin: 10px;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.change_caution {
	cursor: pointer;
}

.fly_btn_pj, .fly_btn_pay {
	z-index : 1000;
	visibility : hidden;
	position: absolute;
	top : 5px;
	left : 5px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.participants--allowed {
	cursor: pointer;
	text-align: center;
}

.participants--lock-pay {
	color: rgba(var(--grey-color), 0.5);
   background: rgba(var(--grey-color), 0.1);
}

.participants--lock-pay i::after {
	content: "lock";
}

.participants--unlock-pay {
	color: rgba(var(--grey-color), 0.5);
}

.participants--unlock-pay i::after {
	content: "lock_open";
}

.icon_complete_up {
    width: 60px;
		margin: 30px auto;
}

.icon_complete_up i {
	font-size: 60px;
}

.thumb_complete {
	cursor: pointer;
}

.icon_complete_check {
	color : rgba(var(--blue-color), 1);
}

.icon_complete_uncheck {
	color : rgba(var(--grey-color), 0.5);
}

.start_pos1 {
	visibility: visible;
	transform: translate(-10px, -30px);
}
.start_pos2 {
	visibility: visible;
	transform: translate(20px, -25px);
}
.start_pos3 {
	visibility: visible;
	transform: translate(35px, -5px);
}

.cadre_pj, .cadre_pay {
	position: relative;
}

.checkbox_accepted {
	font-size: 12px;
}

.user-accepted {
	font-size: 12px;
    color: rgba(0,0,0,.87);
    padding-left: 10px;
}
.user-non-accepted {
	font-size: 12px;
    color: #BDBDBD;
    padding-left: 10px;
}

.cadre_user {
	border: 1px solid #EEE;
    border-radius: 5px;
    min-width: 80%;
}

.btn_cheque {
	font-family: Impact;
    color: #bdbdbd;
    border: 1px #bdbdbd solid;
    text-align: center;
    padding: 3px;
    margin-top: 3px;
}

.icon_cheque {
    font-style: normal;
    font-size: 15px;
    padding: 3px;
}

.icon_cheque_up {
	left : 35px;
}

.ligne_doc {
	background: rgba(0, 188, 212, 0.04) radial-gradient(circle, transparent 1%, rgba(0, 188, 212, 0.04) 1%) center/15000%;
}

.filter_user {
	font-size: 12px;
}

.sort_user {
	cursor: pointer;
	color: rgba(var(--grey-color), 0.5);
	font-size: 13px;
	align-items: center;
  display: flex;
}

.sort_user.inactive {
	cursor: default !important;
}

.mdl-chip__nippies-add-filter {
	cursor: pointer;
}

.mdl-chips {
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(var(--grey-color));
  display: flex;
  align-items: center;
  width: fit-content;
	margin: 0 5px;
}

.mdl-chips.active {
	background: rgb(129 197 209);
	position: relative;
}

.mdl-chips i {
	font-size: 18px !important;
	margin: 0 8px;
}

.users-index__tune {
	font-size: 18px;
}

.users-index__open-menu-icon {
    transition: transform 330ms ease-in-out;
}

.mdl-chips .users-index__open-menu-icon {
    transform: rotate(0deg);
}

.mdl-chips.active .users-index__open-menu-icon {
    transform: rotate(180deg);
}

.mdl-chips .users-index__list_groups_container {
	display: none;
}

.mdl-chips.active .users-index__list_groups_container {
	display: flex;
	background: rgb(207 235 238);
	z-index: 10;
	position: absolute;
	top: 32px;
	border-radius: 8px;
	width: fit-content;
	overflow-y: scroll;
	max-height: calc(100vh - 300px);
  box-sizing: border-box;
}

.users-index__list_groups {
    display: flex;
    flex-direction: column;
}

.users-index__group-item {
    display: grid;
		grid-template-columns: repeat(4, 1fr);
		align-items: center;
}

.users-index__group-item-text {
    grid-column: 1;
    grid-row: 1;
		margin: 5px 10px;
		white-space: nowrap;
}

.users-index__group-item-action {
    grid-column: 4;
    grid-row: 1;
}

.users-index__filter-checked {
	margin : 0 0 0 5px;
}

.sort_icons {
	font-size: 16px;
	vertical-align: bottom;
}

.sort_user .sort_icons {
	display: none;
}

.sort_user.active .sort_icons {
	display: block;
}

.sort_user.active {
	color: rgba(var(--grey-color), 1);
	align-items: center;
}

.affichage_full {
	display: none;
	font-size: 12px;
}

.legend-complete {
    margin: 0 5px;
    color: #BDBDBD;
}

#mail-list {
	margin : auto;
}

#mail-list .cadre_user div i{
	color : rgba(78, 189, 212,1);
    padding: 0 5px 5px 0;
    vertical-align: middle;
}
#mail-list .name {
	font-weight: bold;
	padding : 0 0 10px 0;
}
#mail-list .group {
	padding : 0 0 10px 0;
}

.titre_section {
    border-bottom: 1px solid #AAA;
    padding: 10px;
    color: #888;
    font-weight: 500;
    font-size: 120%;
}

.contenu_section {
    color: #888;
}

#event_add .contenu_section input {
    color: #888 !important;
}

.contenu_section input {
    color: #000;
}

.contenu_section input:focus, .contenu_section select:focus {
    outline:none;
}

#event_view .contenu_section .mdl-textfield, #event_view .edit_section .mdl-textfield {
	padding : 0;
}

#event .contenu_section {
	text-align: center;
}

.ligne_section {
    border-bottom: 1px solid #EEE;
}

.ligne_section label {
	height: auto !important;
}

.textfield_input_section, .textfield_section {
	padding : 0px;
	width: auto;
	outline: none;
}

.textfield_event, .textfield_event > *, .textfield_event > * > * {
	width: 90% !important;
}

.textfield_section > * {
	display: inline-block;
}

.textfield_adress_section, .textfield_input_adress_section {
	padding : 0px;
	width: 100%;
}

.datepicker__background {
	display: none;
    opacity: 1;
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    background: #00000033;
    position: absolute;
}

.datepicker {
	width: 325px;
	max-height: calc(100% - 64px);
	background: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.datepicker__actions {
	text-align: right;
	padding: 1em;
}

.datepicker__actions button {
	color: #4ebdd5;
}

.datepicker__content {
    flex: 1 1 auto;
    overflow-y: auto;
}

.datepicker__content:first-child {
	padding: 0;
}

.datepicker__content-container {
	display: flex;
    flex-direction: column;
}

.datepicker__picker {
	display: flex;
    max-width: 325px;
    min-width: 310px;
    min-height: 300px;
    overflow-x: hidden;
    flex-direction: column;
    justify-content: center;
}

.datepicker__picker-month {
	display: flex;
    margin-top: 4px;
    align-items: center;
    margin-bottom: 8px;
    justify-content: space-between;
}

.datepicker__picker-month-button {
	flex: 0 0 auto;
    color: rgba(0, 0, 0, 0.54);
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
    min-width: 48px;
    height: 48px;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
}

.datepicker__picker-month-text {
	font-size: 16px;
}

.datepicker__picker-month-week {
	display: flex;
    max-height: 16px;
    align-items: center;
    justify-content: center;
}

.datepicker__picker-month-week-text {
	color: rgba(0, 0, 0, 0.38);
    width: 36px;
    margin: 0 2px;
    text-align: center;
}

.datepicker__picker-month-button span {
	width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

.datepicker__picker-calendar {
	margin: 5px 12px 0 12px;
    min-height: 216px;
    display: block;
    position: relative;
}

.datepicker__slider {
	display: inline-flex;
    position: absolute;
    left: -300px;
}

.datepicker__slider > * {
	margin: 0 10px;
}

.datepicker__slider-LeftEnter {
	transform: translate(0);
    transition: transform .3s ease-in;
	will-change : transform;
}

.datepicker__slider-LeftExit {
	transform: translate(300px);
    transition: transform .3s ease-in;
	will-change : transform;
}

.datepicker__slider-RightEnter {
	transform: translate(0);
    transition: transform .3s ease-in;
	will-change : transform;
}

.datepicker__slider-RightExit {
	transform: translate(-300px);
    transition: transform .3s ease-in;
	will-change : transform;
}

.datepicker__picker-calendar-week {
	display: flex;
    justify-content: center;
}

.datepicker__picker-calendar-week .mdl-button {
	min-width: 36px;
	margin: 0 2px;
	padding: 0;
	border-radius: 50%;
}

.datepicker__picker-calendar-day {
	line-height: 2.5;
	color: rgba(0,0,0,0.87);
}

.datepicker__toolbar {
	background: rgb(0,188,212);
	padding: 1em;
}

.datepicker__toolbar-date-month {
    font-size: 33px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.00735em;
    padding: 0px;
    height: 39px;
    min-width: 140px;
}

.datepicker__toolbar-date-year {
	font-size: 16px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.00938em;
    padding: 0;
}

.datepicker__toolbar-time {
	display: flex;
	align-items: flex-end;
}

.datepicker__toolbar-time-hour {
	font-size: 45px;
	height: 49px;
	padding : 0;
}

.datepicker__toolbar-time-minute {
	font-size: 45px;
	height: 49px;
	padding : 0;
}

.datepicker__toolbar-time-separator {
	font-size: 45px;
	line-height: 1.2;
}

.datepicker__button-active {
	color: #FFFFFFFF;
}

.datepicker__button-inactive {
	color: #FFFFFFAA;
}

.datepicker__timer {
	min-height: 300px;
}

.datepicker__selector {
    display: flex;
    max-width: 325px;
    min-width: 310px;
    min-height: 300px;
    overflow-x: hidden;
    flex-direction: column;
    justify-content: center;
}

.datepicker__selector_container {
    height: 300px;
    overflow-y: auto;
}

.datepicker__selector_year {
    cursor: pointer;
    height: 40px;
    display: flex;
    outline: none;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 1.2rem;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.00938em;
    position: relative;
}

.datepicker__selector_year_selected {
    font-size: 1.8rem;
    color: rgb(255,110,64);
    margin: 10px 0;
    font-weight: 500;
}

.datepicker__clock_container {
    margin: 16px 0 8px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.datepicker__clock_clock {
    width: 260px;
    height: 260px;
    z-index: 1;
    position: relative;
    border-radius: 50%;
    pointer-events: none;
    background-color: rgba(0,0,0,.07);
}

.datepicker__clock_pin {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: rgb(255,110,64);
}

.datepicker__clock_pointer {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    left: calc(50% - 1px);
    height: 40%;
    width: 2px;
    bottom: 50%;
    position: absolute;
    background-color: rgb(255,110,64);
    transform-origin: center bottom 0px;
}

.datepicker__clock_nopointer {
	top: -21px;
    left: -15px;
    width: 4px;
    border: 14px solid rgb(255,110,64);
    height: 4px;
    position: absolute;
    box-sizing: content-box;
    border-radius: 100%;
    background-color: rgb(255,110,64);
}

.datepicker__clock_number_hour {
    left: calc((100% - 32px) / 2);
    color: rgba(0, 0, 0, 0.87);
    width: 32px;
    height: 32px;
    display: inline-flex;
    position: absolute;
    align-items: center;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
}

.datepicker__clock_number_body2 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: 0.01071em;
}

.datepicker__clock_number_body1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
}

.datepicker__clock_hour_active {
	color: #fff;
}

.datepicker__clock_squareMask {
    width: 100%;
    height: 100%;
    outline: none;
    position: absolute;
    user-select: none;
    touch-actions: none;
    pointer-events: auto;
}

button.danger_header:hover {
	background: rgb(255,110,64);
}


/* Set droplist names */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='']::before
{
  content: 'Default';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='roboto']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='roboto']::before
{
  content: 'Roboto';
  font-family: 'Roboto';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='oxygen']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='oxygen']::before
{
  content: 'Oxygen';
  font-family: 'Oxygen';
}

/****************************************************
Set the font-family content used for the HTML content.
*****************************************************/
.ql-font-oxygen {
  font-family: 'Oxygen';
}

.ql-font-roboto {
  font-family: 'Roboto';
}

.ql-snow a {
	color : rgb(255,110,64)!important;
}

.ql-save {
	margin: 0 0 0 80px;
}

.ql-save, .ql-restore {
    font-family: 'Material Symbols Outlined';
    font-size: 21px;
    color: #444;
}

.ql-container {
	margin : 0 8px !important;
}

.ql-save:after {
  content: "save";
}

.ql-restore:after {
	content: 'restore_page';
}

.ql-size .ql-picker-item::before {
	content: attr(data-value) !important;
}

.ql-size .ql-picker-label::before {
	content: attr(data-value) !important;
}

/* .ql-size .ql-picker-label::before {
	content: 'format_size';
} */

.ql-size {
	width: 60px!important;
}

/* pour maintenir le style en dehors de l'éditeur */
.ql-align-center {
    text-align: center;
}

.edit_title_mail {
    border: 0px;
    font-size: 16px;
    font-family: Roboto;
    width: 100%;
}

.edit_title_mail:focus {
    outline: none;
}

.connect_div {
	margin: 20px 8px;
}

.connect_div a {
	font-size: 16px;
	text-decoration: none;
}

.connect_div .login100-form-btn a {
	color: #FFF;
	display: flex;
	align-items: center;
}

.connect_div .login100-form-btn a:hover {
	color: #FFF;
}

.fiche_title {
	text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #ef6a3d;
	 margin-top: 30px !important;
}

.event_pathway {
    margin: 20px;
    font-size: 14px;
    color: #666;
}

.event_pathway a {
	color: #666;
}

.event_pathway_icon a {
	color: #666;
	text-decoration: none;
  line-height: 14px;
  font-size: 14px;
  vertical-align: bottom;
}

.event_pathway_icon i {
	line-height: 14px;
  vertical-align: bottom;
	font-size: 14px;
}

.wrap-error {
	margin-bottom: 20px;
}

.header-btn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
}

.header-btn i {
	font-family: 'Roboto';
    line-height: 56px;
    font-style: normal;
    font-size: 25px;
}

.mdl-button--fab {
    background-color: rgb(var(--orange-color)) !important;
}

.onglets {
	margin: auto;
    margin-top: 20px;
    display: flex;
}

.onglet {
	max-width: 200px;
    padding: 10px 20px 5px 20px;
    text-transform: uppercase;
    display: flex;
    border-top: 1px solid rgba(var(--blue-color));
}

.onglet-actif {
	border-bottom: 2px solid rgba(var(--blue-color));
    color: rgba(var(--blue-color));
    background: rgba(var( --blue-color), 0.2);
    cursor: pointer;
}

.onglet-inactif {
    cursor: pointer;
    transition: 0.5s ease;
}

.onglet.onglet-inactif:hover {
    background: rgba(var(--blue-color), 0.1);
}

.onglet--new {
	max-width: 200px;
}

.onglet .textfield_input_section {
	text-transform: uppercase;
	border-bottom: 0;
}

.onglet--del, .question--del {
	display: none;
	color: rgba(var(--red-color));
}

.onglet--edit {
	cursor: default;
}

.onglet--edit .onglet--del {
	display: inline;
}

.onglet--edit i {
	font-size: 20px;
    line-height: 10px;
    vertical-align: -3px;
    padding-left: 5px;
    cursor: pointer;
}

.onglet--legend {
	border-bottom: 2px solid rgba(var(--blue-color)) !important;
    max-width: initial !important;
    min-width: fit-content;
    border: 0;
}

.onglet--empty {
	max-width: initial !important;
    width: 100%;
}

.footer-list--onglets {
	margin-top: 0 !important;
}

.list--questions {
	margin : 0;
}

.question--question, .question--answer {
	display: flex;
	margin-top: 20px;
}

.question--icon-question {
	color: rgba(var(--darkorange-color));
    padding: 7px 15px 0 0;
}

.question--icon-answer {
	color : rgba(var(--blue-color));
    padding: 7px 0 0 15px;
}

.question--title {
	width: 80%;
	line-height: 38px;
}

.question--title .mdl-textfield {
	width: 100%;
	padding : 0;
}

.question--title .mdl-textfield__input, .question--title {
	font-size: 20px;
}

.question--question .mdl-textfield__input, .question--question .question--title {
    color: rgba(var(--darkorange-color));
}

.question--answer .mdl-textfield__input, .question--answer .question--title {
    color: rgba(var(--blue-color));
    text-align: right;
}

.question--answer .question--title {
	margin-left: 17%;
}

.mdl-textfield__input {
	outline : none;
}

#row_add, .question--edit {
	text-align: right;
}

.question--action {
    margin-top: 30px;
}

.question--edit {
	display: none;
}

.messages--wrapper_save {
	display: none;
}

.checkin--icon_check_circle {
	color : rgba(var(--green-color));
	vertical-align: bottom;
	font-size: 150px;
}

.checkin--icon_warning {
	color : rgba(var(--orange-color));
	vertical-align: bottom;
	font-size: 150px;
}

.checkin--icon_error {
	color : rgba(var(--red-color));
	vertical-align: bottom;
	font-size: 150px;
}

.content--ajax_checkin {
	margin: 5px 10px;
	text-align: center;
}

.content--ajax_checkin-user {
	font-size: 18px;
}

.content--ajax_checkin-user-name {
	font-weight: bold;
}

.checkin--link-user, .checkin--info-ring {
	display: none;
}

.checkin--label {
	line-height: 56px;
}

.inline-text-field-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    visibility: visible;
    width: 100%;
}

.myt-select {
	width: calc(100% - 25px) !important;

}

.myt-select--wrap, .myt-textarea--wrap {
	width: 100%;
}

.myt-textarea--wrap {
	height: 200px !important;
}

.myt-text-field:not(.my-text-field-disabled) {
    background-color: transparent;
}

.myt-text-field--outlined {
    border: none;
    overflow: visible;
}

.myt-text-field {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    will-change: transform,opacity;
    height: 56px;
    border-radius: 4px 4px 0 0;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    will-change: opacity,transform,color;
    margin-bottom: 15px;
}

.myt-text-field:not(.mdc-text-field--disabled) .myt-text-field__input {
    border-bottom-color: rgba(0,0,0,.42);
    color: rgba(0,0,0,.87);
}

.myt-text-field .myt-text-field__input {
    caret-color: #6200ee;
    caret-color: var(--mdc-theme-primary, #6200ee);
    width: 100%;
    border: none !important;
    font-size: 120%;
}

.myt-text-field .myt-text-field__input:focus {
    outline: none;
}

.myt-text-field--outlined .myt-text-field__input {
    display: flex;
    padding: 17px 40px 14px;
    border: none !important;
    background-color: transparent;
    z-index: 1;
}

.myt-notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: calc(100% - 2px);
    max-width: calc(100% - 2px);
    height: 100%;
    text-align: left;
    pointer-events: none;
}

.myt-text-field--outlined .myt-notched-outline .myt-notched-outline__leading {
    border-radius: 4px 0 0 4px;
}

.myt-text-field--outlined:not(.myt-text-field--disabled) .myt-notched-outline__leading,
.myt-text-field--outlined:not(.myt-text-field--disabled) .myt-notched-outline__notch,
.myt-text-field--outlined:not(.myt-text-field--disabled) .myt-notched-outline__trailing {
    border-color: rgba(0,0,0,.38);
}

.myt-notched-outline__leading, .myt-notched-outline__notch, .myt-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none;
}

.myt-notched-outline__leading {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid;
    border-right: none;
    width: 12px;
}

.myt-notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 12px * 2);
}

.myt-text-field:not(.myt-text-field--disabled) .myt-floating-label {
    color: rgba(0,0,0,.6);
}

.myt-text-field .myt-floating-label {
    left: 16px;
    right: initial;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.myt-notched-outline .myt-floating-label {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.myt-floating-label {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    position: absolute;
    left: 0;
    transform-origin: left top;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform;
}

.myt-text-field--outlined .myt-notched-outline .myt-notched-outline__trailing {
    border-radius: 0 4px 4px 0;
    padding: 16px 0;
}

.myt-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid;
    flex-grow: 1;
}

.myt-text-field--with-leading-icon.myt-text-field--outlined .myt-text-field__icon {
    left: 16px;
    right: initial;
}

.myt-text-field:not(.myt-text-field--disabled) .myt-text-field__icon {
    color: rgba(0,0,0,.54);
}

.myt-text-field--with-leading-icon .myt-text-field__icon {
    left: 16px;
    right: initial;
}

.myt-text-field--outlined .myt-text-field__icon {
    z-index: 2;
}

.myt-text-field__icon:not([tabindex]), .myt-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none;
}

.myt-text-field--with-leading-icon .myt-text-field__icon, .myt-text-field--with-trailing-icon .myt-text-field__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.myt-text-field--with-leading-icon.myt-text-field--outlined .myt-text-field__input {
    padding-left: 48px;
    padding-right: 16px;
}

.myt-icons-delete {
	line-height: 56px;
	color: rgb(var(--red-color)) !important;
}

.myt-icons-reorder {
	line-height: 56px;
	color: #aaaaaa !important;
	cursor: grab;
}

.mdl-color-text--accent {
	color: rgba(var(--darkorange-color)) !important;
}

.symbol-input100-check {
	visibility: hidden;
	left: 94%;
   display: flex;
   position: absolute;
   bottom: 0;
   height: 100%;
   width: 100%;
   align-items: center;
   color: rgb(var(--green-color));
}

.symbol-input100-error {
	visibility: hidden;
	left: 94%;
   display: flex;
   position: absolute;
   bottom: 0;
   height: 100%;
   width: 100%;
   align-items: center;
   color: rgb(var(--red-color));
}

.focus-input100.focus-input100-check {
    box-shadow: 0px 0px 10px 2px !important;
    color: rgba(var(--green-color));
	 transition: all 0.5s;
}

.focus-input100.focus-input100-error {
    box-shadow: 0px 0px 10px 2px !important;
    color: rgba(var(--red-color));
	 transition: all 0.5s;
}

select.input100 {
	width: 95%;
}

.pratike_container {
    margin: auto;
    border: 1px solid #DEDEDE;
    padding: 20px;
}

.pratike_qrcode {
    text-align: center;
    margin: 10px 0px;
		height: calc(30px + 5vw);
}

.pratike_qrcode i {
	font-size: 185px;
}

.pratike_map {
	margin-top: 10px;
	width:100%;
	display:inline-block;
	overflow:hidden;
}

.pratike_map iframe {
	margin: auto;
}

.informations__teeshirt {
	display: flex;
	flex-wrap: wrap;
}
.informations__school_teeshirt {
	margin-top: 30px;
   min-width: 25%;
}

.my-mdl-progress {
	margin: 35px auto;
   height: 20px;
}

.my-mdl-progress > * {
	border-radius: 10px;
}

.name_president {
	padding : 30px;
}

.name_president form {
	margin-top: 30px;
}

.result_president {
	border : 1px solid rgba(var(--orange-color), 1);
	border-radius: 10px;
	margin : 20px 0;
	cursor: pointer;
}

.result_president div {
	margin : 10px;
}

.result_president .username {
	font-weight: bold;
}

.president_confirm {
    display: none;
    color: rgba(var(--red-color));
    font-size: 14px;
}

.btn_president_confirm {
	color: rgba(0, 0, 0, 0.87);
	text-align: center;
}

.cancel_president_confirm {
    font-weight: bold;
    color: rgba(var(--blue-color));
}

.dashboard_event__container, .dashboard_event_user__container {
	position: relative;
	padding: 80px 0;
}

.dashboard_event, .dashboard_event_user {
		text-align: center;
		margin: auto;
		position: absolute;
}

.dashboard_event_settings {
		aspect-ratio : 1;
		border : 6px solid rgba(var(--orange-color), 1);
		border-radius : 50%;
		position: relative;
		box-shadow: 0px 0px 30px 10px rgba(var(--orange-color), 0.8);
		cursor: pointer;
		text-align: center;
		margin: auto;
		width: 50%;
}

.dashboard_event_settings::before {
      content: "";
      background-image: url(/img/logo.png);
	    background-size: auto 100%;
	    background-position-y: 20px;
			border : 5px solid #FFF;
			border-radius : 50%;
			position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.1;
}

.dashboard_event_settings_users::before {
      background-image: url(/img/ticket.png) !important;
			background-position-y: 10px !important;
			background-position-x: -13px !important;
      opacity: 0.6 !important;
}

.dashboard_event__btn {
    border: 3px solid rgba(var(--blue-color));
    border-radius: 50%;
    width: 50px;
	background: #FFF;
	z-index: 10;
	position: relative;
	top : calc(50% - 28px);
	left : calc(50% - 28px);
	cursor: pointer;
	transition: background-color 80ms linear;
}

.dashboard_event__btn:not(.disabled):hover {
	box-shadow: 0px 0px 20px 5px rgba(var(--orange-color), 0.8);
}

.dashboard_event__btn {
    border: 3px solid rgba(var(--blue-color));
    border-radius: 50%;
    width: 50px;
	background: #FFF;
	z-index: 10;
	position: absolute;
	top : calc(50% - 28px);
	left : calc(50% - 28px);
	cursor: pointer;
	transition: background-color 80ms linear;
}

.dashboard_event__btn.disabled {
	border: 3px solid rgba(var(--grey-color), 0.3);
	background: rgba(var(--grey-color), 0.1);
	cursor: default;
}

.dashboard_event__btn.disabled i {
	color: rgba(var(--grey-color), 0.3);
}

.dashboard_event__btn i {
    line-height: 50px;
		color: rgba(var(--blue-color), 1);
}

.dashboard_event_settings_btn_container {
	position: relative;
  top: calc(50% - 40px);
}

.dashboard_event_settings_btn_container i {
	font-size : 80px;
	color : rgba(var(--orange-color));
}

.dashboard_event_settings_btn_container div {
	font-size : 50px;
	color : rgba(var(--orange-color));
}

.dashboard_event__name {
    font-family: Acme;
    font-size: 25px;
    color: rgba(var(--blue-color));
    padding-top: calc(30% - 30px);
    line-height: 30px;
}

.golden_ticket {
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  border-color: #5D4A1F !important;
}

.dashboard_event__dates, .btn-success, .btn-fail {
    display: flex !important;
    align-items: center;
    width: fit-content;
    margin: 10px auto;
	 font-size : calc(4px + 0.6vw);
}

.dashboard_event__dates i {
    color: rgba(var(--blue-color), 1);
}

.mdl-menu__item {
	padding: inherit !important;
	display: flex;
  justify-content: center;
  align-items: center;
}

.btn_nav .mdl-menu__item a {
	text-decoration: none;
	line-height: 48px;
	display: block !important;
	padding: 0 16px;
}

.form-div--perso {
	text-align: center;
}

.form-div--perso .mdl-checkbox {
	display: initial;
   margin: 0 10px;
}

.wrap-input100-number {
	width: 200px !important;
	margin: 10px auto !important;
}

.group_rules__norule i {
    vertical-align: bottom;
}

.group_rules__norule {
    color: rgba(var(--red-color));
}

.group_rules__group fieldset {
	text-align: center;
	border-radius: 0px;
    border: 0px;
    border-top: 1px solid rgba(var(--orange-color));
	 position: relative;

}

.group_rules__group .group_rules__btn {
	position: relative;
}

.mdl-menu i {
	vertical-align: middle;
}

.group_rules__group legend {
	padding : 0 10px;
}

.group_rules__promos {
    display: flex;
	 width: fit-content;
	 margin: auto;
}

.group_rule__user {
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(var(--grey-color), 0.1);
}

.group_rule__remove_user {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: calc(100% - 60px);
	height: 100%;
	align-items: center;
	display: flex;
	cursor: pointer;
	color: rgba(var(--red-color));
	border-radius: 50%;
	aspect-ratio: 1;
	transition: background-color 0.5s ease;
}

.group_rule__remove_user:hover {
    background: rgba(var(--grey-color),0.1);
}

.group_rule__remove_user i {
    margin: auto;
}

.mdl-checkbox-perso i {
	font-size: 20px;
   color: #FFF;
   font-weight: bold;
}

.mdl-checkbox-perso.is-checked .mdl-checkbox__tick-outline {
	background: rgba(var(--blue-color), 1);
	mask: none;
	-webkit-mask: none;
}

.mdl-checkbox-perso.is-checked .mdl-checkbox__box-outline {
	border: 2px solid rgba(var(--blue-color), 1);
}

.mdl-checkbox__box-outline-perso {
	width: 25px !important;
	height: 25px !important;
	border-radius: 50% !important;
}

.my-checkbox__checked {
	color : rgba(var(--blue-color));
}

.my-checkbox__click {
    vertical-align: middle;
    cursor: pointer;
}

.my-checkbox__label {
    height: 25px;
    vertical-align: middle;
    padding: 0 0 0 5px;
}

.my-checkbox {
    padding: 5px;
    width: fit-content;
}

.my-checkbox-disabled, .my-checkbox-disabled i {
	color : rgba(var(--grey-color), 0.5);
	cursor: default !important;
}

.group_rules__promos {
	line-height: 50px;
}

.group_rules {
    display: flex;
	 height: fit-content;
}

.upload_rules__index, .uploads__index {
	width: inherit !important;
}

.uploads__index a:hover {
	color : #FFF;
}

.uploads__index div {
	align-items: center;
}

.group_rules__index, .upload_rules__index, .uploads__index {
    width: calc(50% - 20px);
	 	position: relative;
    margin: 10px;
    border: 1px solid rgba(var(--orange-color), 1) !important;
    border-radius: 10px !important;
    padding: 10px;
}

.group_rules__index_btn {
    position: absolute;
    right: 10px;
    top: -5px;
		display: flex;
}

.group_rules__index_btn button {
	justify-content: center;
	align-items: center;
	color: rgba(var(--orange-color), 1);
	display: flex;
}

.group_rules__index_chips {
	background: rgba(var(--blue-color), 1);
}

.group_rules__index_chips i {
	line-height: 32px;
}

.group_rules__index_number {
    align-items: center;
    margin: 10px auto;
    display: flex;
    color: rgba(var(--blue-color), 1);
 }

.group_rules__index_number i {
	margin-left: 5px;
}

.group_rules__index_number div {
    margin: auto;
    align-items: center;
    display: flex;
}

.group_rules__index_dates div {
    align-items: center;
    font-size: 14px;
    display: flex;
	 margin: auto;
}

.group_rules__index_dates i {
	color: rgba(var(--blue-color), 1);
}

.group_rules__index_dates {
    display: flex;
    margin: 10px auto;
}

.group_rules__index_title a {
    text-decoration: none;
}

.group_rules__index_add, .mails__btn {
	position: absolute;
	right: 10px;
}

.visible {
	visibility: visible;
}

.accueils__index {
	width: 100%;
	padding: 0;
	margin: 20px 0;
}

.group_rules__group {
    list-style-type: none;
}

.group_rules__group legend a {
    color : rgba(var(--orange-color), 1);
		text-decoration: none;
}

.header-sort {
    width: 100%;
}

.progress-circle{
  position: relative;             /* pour servir de référent */
  box-sizing: border-box;         /* prise en compte bordure dans la dimension */
  font-size: 6em;                 /* pour définir les dimensions */
  width: 62px;                     /* fixe la largeur */
  height: 62px;                    /* fixe la hauteur */
  border-radius: 50%;             /* rendu aspect circulaire */
  border: 3px solid #FFF0;       /* couleur de fond de l'anneau */
  background-color: #FFF;         /* couleur de fond de la progress bar */
}

.progress-masque {
  position: absolute;
  width: 62px;                     /* 100% de la largeur */
  height: 62px;                    /* 100% de la hauteur */
  left: -3px;                   /* décalage de la largeur bordure de la gauge */
  top: -3px;                    /* décalage de la largeur bordure de la gauge */
  clip: rect(0, 62px, 62px, 31px);  /* par défaut seule la partie droite est visible */
}

.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-masque,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-masque,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-masque,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-masque,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-masque,
.progress-circle[data-value^='100'] .progress-masque {
  clip: rect(auto, auto, auto, auto);
}

.progress-barre,
.progress-sup50 {
  position: absolute;
  transition: transform 2s;
  box-sizing: border-box;         /* prise en compte bordure dans la dimension */
  border-width: 3px;            /* largeur bordure de la gauge */
  border-style: solid;
  border-color: rgba(var(--blue-color));
  border-radius: 50%;             /* rendu aspect circulaire */
  width: 62px;                     /* largeur à 100% */
  height: 62px;                    /* hauteur à 100% */
  clip: rect(0, 31px, 62px, 0);    /* on ne garde que la partie gauche */
}

.progress-sup50 {
  display: none;
  clip: rect(0, 62px, 62px, 31px);
}

.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-sup50,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-sup50,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-sup50,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-sup50,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-sup50,
.progress-circle[data-value^='100'] .progress-sup50 {
  display:block;
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important;
}

.ql-toolbar.ql-snow {
	margin-bottom: 0;
}

.mails__btn i {
    line-height: 32px;
}

.fileinput-button i {
	margin: 5px;
	font-size: 18px;
}

.fileinput-button a {
	padding: 4px;
}

.mdl-switch {
	width: auto !important;
}

.product_add__btn {
	position: fixed;
	left : calc(50% - 136px);
	bottom: 0px;
}

.price_add__btn button:hover {
    background: rgba(var(--blue-color), 1);
}

.price_add__btn button:hover a {
    color: #FFF;
}

.price_add__btn button {
    background: rgba(var(--blue-color), 0.4);
}

.price_add__btn a {
    text-decoration: none;
    color: #000;
    height: 100%;
		display: flex;
		align-items: center;
}

.price_add__btn a i {
    line-height: 100%
}

.prices_index__rule, .prices_add__rules {
	text-align: left;
	display: grid;
	align-items: center;
}

.prices_index__price, .prices_index__max {
    text-align: right;
    height: 70px;
    display: grid;
    align-items: center;
}

.prices_index__price .wrap-input100-number, .prices_index__max .wrap-input100-number {
	width: 136px !important;
}

.price__edit, .max__edit {
    cursor: pointer;
    color: rgba(var(--orange-color));
}

.prices_index__remove_price {
    align-items: center;
    display: grid;
    text-align: right;
	 overflow-x: hidden;
}

.products--delete-btn, .products--delete-btn:hover:hover {
  color: rgba(var(--red-color), 1) !important;
  font-size: 20px;
  margin-left: 12px;
}

.prices_index__remove_price i {
	cursor: pointer;
}

.prices_index__remove_confirm {
    background: rgba(var(--red-color));
    color: #FFF;
    padding-left: 10px;
}

.prices_index__remove_btn, .prices_index__remove_confirm {
    position: relative;
    width: 50%;
    height: 70px;
    display: flex;
    align-items: center;
	 left: 0px;
	 transition: all 0.5s ease;
}

.prices_index__remove_btn {
    padding-left: calc(50% - 24px);
	 color: rgba(var(--red-color));
}

.prices_index__remove_mask {
    width: 200%;
    height: 70px;
    display: flex;
}

.prices_index__remove_is_confirm {
    left: -50%;
	 cursor: pointer;
}

.shopping__btn_quantity, .shopping__btn_donation {
	color : rgba(var(--blue-color), 1);
	cursor: pointer;
	justify-content: center;
}

.shopping__product_amount, .shopping__donation_amount {
	align-items: center;
   display: flex;
   font-size: 20px;
   justify-content: right;
}

.cart_total_amount {
    font-size: 20px;
    text-align: right;
    width: 100%;
}

.cart__list_products {
	width: 100%;
	align-items: center;
}

.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.noSelect:focus {
    outline: none !important;
}

#price__iframe_helloasso {
    width: 100%;
}

.legend-link {
	position: relative;
  background: #FFF;
  top: -22px;
  margin: 0 auto;
  padding: 0 15px;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: rgba(var(--orange-color), 1);
}

.legend-link a {
	text-decoration: none;
	color: rgba(var(--orange-color), 1);
	line-height: 26px;
}

.legend-link:hover, .legend-link a:hover {
	color: rgba(var(--darkorange-color), 1) !important;
}

.legend-link i {
	font-size: 16px;
}

.wrap-switch100 {
    padding: 10px 20px;
}

.btn--emphasis-high--green:hover {
	opacity: 0.92;
}

.btn--emphasis-high--green:active {
	opacity: 0.8;
}

.btn--emphasis-low--red:hover {
	background: rgba(var(--red-color), 0.08);
}

.btn--emphasis-low--red:active {
	background: rgba(var(--red-color), 0.12);
}

.btn--emphasis-high--green {
	border: 1px solid rgba(var(--green-color));
	color : #FFF;
	background: rgba(var(--green-color));
}

.btn--emphasis-low--red {
	border: 1px solid rgba(var(--red-color), 0.3);
	color : rgba(var(--red-color));
	background: #FFF;
}

.btn--perso {
	display: flex;
   align-items: center;
	padding: 7px 24px 7px 16px;
	border-radius: 20px;
	cursor: pointer;
	font-family: 'Roboto';
   font-size: 16px;
}

.btn--perso i {
	margin-right: 8px;
}

.participants--waitlist .cadre_user {
	align-items: center;
}

.participants--waitlist a {
	text-decoration: none;
}

.cart__pay_iframe {
	display: none;
}

.my-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.my-switch .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.my-switch__track {
    background: rgb(189 189 189);
    position: absolute;
    left: 0;
    top: 2px;
    height: 14px;
    width: 18px;
    cursor: pointer;
}

.my-switch__track_left {
    border-radius: 20px 0 0 20px;
}

.my-switch__track_base {
    left: 18px;
}

.my-switch__track_right {
    left: 36px;
    border-radius: 0 20px 20px 0;
}

.my-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 17px;
    top: -1px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: left;
}

.my-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px,-4px);
    transform: translate(-4px,-4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
}

.my-switch.is-checked-right .my-switch__thumb {
    left: 35px;
    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 14%), 0 3px 3px -2px rgb(0 0 0 / 20%), 0 1px 8px 0 rgb(0 0 0 / 12%);
}

.my-switch.is-checked-left .my-switch__thumb {
    left: -2px;
    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 14%), 0 3px 3px -2px rgb(0 0 0 / 20%), 0 1px 8px 0 rgb(0 0 0 / 12%);
}

#upload_caution_list {
	visibility: hidden;
	display: none;
}

.btn_pj__container {
	height: 50px;
	text-align: center;
}

.group_rule__user_actions {
    display: flex;
    justify-content: end;
}

.search-input--active {
    margin: 0 !important;
    width: 100% !important;
}

.search-input--inactive {
    width: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
		background: #FFF !important;
		cursor: pointer;
}

.search-input--inactive:hover {
	background: #e6e6e6 !important;
}

.search-input--inactive .input100, .search-input--inactive .focus-input100 {
    display: none;
}

.search-input--inactive .symbol-input100 {
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center;
}

.search-input--container {
    display: flex;
    justify-content: end;
}