html,
body {
    height: 100%;
}

body {
    background-color: transparent !important;
}



/*--- SPECIAL BADGES --*/
.col-badge {
    height: 800px;
    min-height: 800px;
    max-height: 800px;
    overflow: hidden;
}

/* ------------ */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0);
    outline: none;
}

#msg {
    font-size: 13px;
    margin-top: 20px;
}

.alert-danger {
    display: block;
}

.extra {
    display: none;
}

.invalid {
    border-color: red !important;
    color: red !important;
}

#loader {
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
    border-color: 2px solid black;
}

.bold {
    font-weight: bold;
}

.xsmall {
    font-size: 70%;
    font-weight: normal;
}

.btn-xs {
    font-size: 11px;
    padding: 5px;
}

.highlight {
    font-weight: bold;
}

.red {
    color: #e61919;
}

#infos_icons {
    font-size: 14px;
}

#infos_icons .fa, #infos_icons .fab, #infos_icons .far, #infos_icons .fas {
    font-size: 40px;
    margin-bottom: 10px;
    color: #1e1934;
}

.mandatory {
    color: red;
}

/*-------*/

.iti-flag {
    background-image: url(“libs/phone-flag/img/flags@2x.png”);
}

.intl-tel-input {
    width: 100%;
}

input[readonly] {
    background-color: #d9d9d9 !important;
    opacity: 1;
}

.iti {
    width: 100%;
}

.timer {
	text-align: center;
	margin: auto;
	font-size: 40px;
	padding-bottom:0px !important;
	padding-top:0px !important;
	padding-left:30px;
	padding-right:30px;
}

.hide {
    display: none !important;
}

.hideAtLoad {
    display: none;
}

.en {
    display: none;
}

.fr {
    display: none;
}

.es {
    display: none;
}

.de {
    display: none;
}

.uploadphoto{
    background-color: white;
    border: 1px dashed grey;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}

.uploadphoto img {
    border-radius: 10px;
    vertical-align: middle;
    max-width: 80%;
    max-height: 80%;
}

.quotas-text, .quotas {
    display:contents;
    vertical-align:middle;
    text-align:center;
}

.footer-policy {
    display: block;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 0;
    padding-bottom: 1%;
    color:darkgrey !important;
    font-size: 80%;
}

.footer-policy > div > a {
    color:darkgrey !important;
    cursor: pointer;
}

#cookiesBanner {
    display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 1050;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	background-color: rgba(0, 0, 0, 0.5);
	color: black;
}
#cookiesNotice {
	margin-top: 25vh;
	transform: translateY(-25%);
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 450px;
	text-align: center;
	background-color: white;
	padding: 20px;
	font-size: 14px;
	border: 1px solid #333333;
}
#cookiesNotice p a {
	text-decoration: underline;
	color: inherit;
}
#cookiesNotice .btn {
	font-size: 13px;
	padding: 5px 10px;
}

/* style for sldier autoplay */
.swiper-container-free-mode > .swiper-wrapper{
    transition-timing-function : linear !important;
}

html {
    scroll-behavior: unset !important;
}

[data-aos] {
    pointer-events: auto !important;
}

.form-floating .form-label.invalid {
    border: none;
}

#cookiesBanner {
	overflow: scroll;
}

form {
    display: none;
}

.fadeIn {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.text-justify{
    text-align: justify;
}

.iti__country-list {
    z-index: 3;
}

.flex-basis-1 {
    flex-basis: 100%;
}

.flex-basis-0 {
    flex-basis: 0;
}
