/*
///////
////////////// *** CLIENT CSS ***
*/







/* FONT */

@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.ttf') format('truetype'),
        url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype'),
        url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('fonts/Roboto-Black.eot');
    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff'),
        url('fonts/Roboto-Black.ttf') format('truetype'),
        url('fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('fonts/Roboto-Medium.eot');
    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}










/* BUTTONS */

.yu-btn {
	font-family: 'Roboto-Medium';
	background-color: #C39E6A;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border: 1px solid #C39E6A;
}

.yu-btn-primary {
	background-color: #C39E6A;
	border-color: #C39E6A;
}

.yu-btn-secondary {
	background-color: white;
	border-color: #0d0a25;
	color: #0d0a25 !important;
}

.yu-btn-cancel {
	background-color: grey;
	border-color: grey;
	color: white !important;
}







/* BUTTONS FROM EDITOR */

.IWIMail-Button {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    font-family: 'Roboto-Medium' !important;
}

.IWIMail-Button:active,
.IWIMail-Button:hover {
	opacity: 0.8 !important;
}









/* FORM ELEMENTS - FOCUSED */

.yu-form > input:focus ~ label, 
.yu-form > input:valid ~ label,
.yu-form > input:disabled ~ label,
.yu-form > textarea:focus ~ label,
.yu-form > textarea:valid ~ label,
.yu-form > textarea:disabled ~ label,
.yu-form-icon > input:focus ~ span.yu-ficon,
.yu-form-icon > input:valid ~ span.yu-ficon,
.yu-select:focus > label,
.yu-select > select:focus ~ label,
.yu-select > select:valid ~ label {
	color: #C39E6A;
}

.yu-form > span.bar:before {
	background: #C39E6A;
}

.yu-select:focus > select,
.yu-select > select:focus {
	border-color: #C39E6A;
}

/* FORM RESPONSE */

.resp{
	color: red;
	font-size: 90%;
}

.success{
	color: green;
	font-size: 90%;
}









/* EVENT LOGIN */

body.login-body {
	background-color: #f9f9f9;
    color: #474747;
	font-family: 'Roboto-Light', 'Roboto-Regular', 'Roboto-Black', 'Roboto-Medium', 'Roboto-Bold', Helvetica, Arial, sans-serif;
}

pre{
	font-family: 'Roboto-Light', Helvetica, Arial;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: 'Roboto-Black';
}

.language-selector {
	color: #474747;
	font-family: 'Roboto-Light';
}

.box {
	background-color: white;
	color: #474747;
}

.box .yu-form > label {
	color: #474747;
}

.box-header-image img {
	max-height: 80px;
}

.login-page-container > div {
    color: white;
    background-color: rgba(13,10,37,.7);
	padding: 20px;
	-moz-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -o-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -ms-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -webkit-box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
    box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
    border: none;
}

.box-header-title > h1 {
	color: rgb(13,10,37);
}

.static-content .login-page-title h1 {
	font-family: 'Roboto-Black';
	color: white;
	text-transform: uppercase;
}

.box-header-title > p{
	font-weight: 400;
	font-family: 'Roboto-Light';
	font-size: 85%;
	margin: 0;
	padding: 0;
	line-height: normal;
}

.box-after,
.box-after a {
	color: #474747;
}

/* Verification code - Digit */
.code-digit > div > input {
	font-family: 'Roboto-Regular';
}

@media screen and (max-width : 600px) {
	body.login-body {
		background-color: white;
	}
	.box-after,
	.box-after a,
	.language-selector,
	.language-dropdown > div:hover,
	.language-dropdown > div:active {
		color: #474747;
	}
	.box{
	    -webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
}












/* GENERAL - WEBSITE */

body.website-body {
	font-family: 'Roboto-Light', 'Roboto-Regular', 'Roboto-Black', 'Roboto-Medium', 'Roboto-Bold', Helvetica, Arial, sans-serif;
    background-image: url(images/background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
	background-color: #ffffff;
}






























/* HEADER / TOP TOOLBAR */

.scrolled-header {
	background-color: white;
	-moz-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -o-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -ms-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -webkit-box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
    box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
}

.header-logo > img {
	max-height: 40px;
	max-width: 120px;
}

.header-button {
	font-family: 'Roboto-Medium';
	font-size: 100%;
	color: #474747;
}

.header-button:hover,
.header-button:active {
	opacity: 0.8;
}

.header-button-active > span:after {
	bottom: -5px;
	height: 3px;
	background-color: #C39E6A;
}

.header-button-notification {
	color: rgba(13,10,37,1);
	background-color: #C39E6A;
}

.header-burger {
	color: #C39E6A;
}

/*

.header-container{
    color: #151d45;
}

.scrolled-header {
	background-color: white;
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.burger-button:hover,
.burger-button:active {
	background-color: #eeeeee;
}

.header-button {
	font-family: 'Roboto-Black';
	font-size: 100%;
}

.header-button:hover,
.header-button:active {
	background-color: #eeeeee;
}

.header-button-active > span.header-button-text:after {
	background-color: #adffb8;
}

.header-button-notification {
	color: #151d45;
	background-color: #adffb8;
}

*/













/* SIDE MENU */

.side-menu{
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1);
    color: #C39E6A;
}

.side-menu-header{
	border-bottom: 1px solid #ddd;
}

.side-menu-body > div{
    font-family: 'Roboto-Medium';
    font-size: 110%;
    color: #0d0a25;
}

.side-menu-body > div.side-active > span.side-menu-item:after {
	background-color: #C39E6A;
	bottom: -5px;
	height: 3px;
}

.side-menu-footer > img{
	max-height: 50px;
	max-width: 90%;
	opacity: 1;
}

.side-menu-topnotification,
.side-menu-notification {
	color: #474747;
	background-color: #C39E6A;
}
















/* FOOTER */

.footer{
	background-color: white;
	color: #C39E6A;
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
}

.footer-copyright > span{
	font-family: 'Roboto-Light';
}

.footer-social > a{
	color: white;
	background-color: #C39E6A;
}

.footer-menu > span{
	color: white;
	text-transform: uppercase;
}


.footer-logo > img {
	max-height: 100px;
}

.footer-social > a > i {
	top: -1px;
}










/* BANNER */

.banner-container {
	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	background-color: rgba(13,10,37,0.9);
	padding: 50px 0 50px 0;
}

.banner-container img {
	max-width: 60%;
}

.banner-countdown-container {
	margin-top: 50px;
}

.home-countdown {
	width: 300px;
}

.countdown-row {
	border: 1px solid rgba(13,10,37,1);
	background-color: rgba(13,10,37,1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.countdow-cell {
	color: #ADFFB8;
	font-family: 'Roboto-Black';
	font-size: 280%;
}

.countdown-text {
	color: #ADFFB8;
	font-family: 'Roboto-Regular';
	font-size: 80%;
    top: -7px;
}

.banner-button-container {
	text-align: center;
	margin-top: 50px;
}











/* CONTENT PANEL */ 

.content-panel{
	display: block;
	margin: 0 10px 20px 10px;
	z-index: 12;
	background-color: rgba(13,10,37,0.9);
	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
}

.content-panel-body{
	background-color: transparent;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page-element {
	padding: 0;
}












/* CALENDAR */

.calendar-header {
	font-family: 'Roboto-black';
	color: white;
}

.iwi-session {
	border: 1px solid #ddd;
}

.iwi-session-header > span.iwi-calendar-time,
.iwi-session-header > span.iwi-calendar-date,
.iwi-session-header > span.iwi-calendar-button {
	font-family: 'Roboto-Regular';
}

.iwi-session-header > span.iwi-calendar-time {
	background-color: grey;
	color: white;
}

.iwi-session-header > span.iwi-calendar-date {
	background-color: #0d0a25;
	color: white;
}

.iwi-session-header > span.iwi-calendar-button {
	background-color: #C39E6A;
	color: white;
}

.iwi-session-name {
	font-family: 'Roboto-Bold';
	color: #ffffff;
}

.iwi-session-description,
.iwi-session-info {
	font-family: 'Roboto-Light';
}

.iwi-session-description b,
.iwi-session-description strong {
	font-family: 'Roboto-Bold';
}

.iwi-session-description a {
	color: #4285f4;
}











/* MODAL WINDOW */

.modal-content{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #474747;
    background-color: #ffffff;
}

.modal-header > h3.modal-title{
	color: rgba(13,10,37,1);
	font-family: 'Roboto-Black';
}

.modal-body b {
	font-family: 'Roboto-Bold';
}


.profile-fields-container .yu-form>input {
    color: black;
}
.profile-fields-container .yu-form>label {
    color: white;
}

.modal-content .yu-form > input, .modal-content .yu-form > textarea, .modal-content .yu-select > select {
    color: black;
}
.modal-content .yu-form > label {
    color: white;
}

.yu-form > label {
	color: white;
}

.yu-form > input, .yu-form > textarea {
	color: white;
}












/* REGISTRATION FORM */

.content-panel-body h1{
	font-family: 'Roboto-Black';
}

.registration-closed{
	font-family: 'Roboto-Light';
}

.regsection-container p{
	font-family: 'Roboto-Light';
}

.regsection-container b,
.regsection-container strong{
	font-family: 'Roboto-Black';
}

.form-legal-text{
	font-family: 'Roboto-Light';
}

.content-panel-body h1.regtitle,
.reginput-container h1{
	font-family: 'Roboto-Black';
}

.formfield-title h1 {
	font-family: 'Roboto-Black';
}

.htmlfield-title b,
.htmlfield-title strong {
	font-family: 'Roboto-Black';
}

.form-plusone-guesttitle span {
	font-family: 'Roboto-Bold';
}












/* INFORMATION PAGE */

.static-content h1,
.static-content h2,
.static-content h3{
	font-family: 'Roboto-Black';
}

.static-content p{
	font-family: 'Roboto-Light';
}

.static-content b,
.static-content strong {
	font-family: 'Roboto-Black';
}

.static-content ul,
.static-content ol {
	margin-left: 30px;
}










/* LANGUAGE MODAL - LIST */

.languages-current-item {
	background-color: #eeeeee;
}

.languages-item-selected {
	background-color: #4285f4;
	color: white;
}














/* MEDIAS */

div.media-item {
	background-color: white;
	border: 1px solid #dddddd;
}

div.media-item:hover,
div.media-item:active {
	background-color: #f9f9f9;
}

.media-icon{
	color: rgba(13,10,37,1);
}

.media-title {
	color: rgba(13,10,37,1);
	font-family: 'Roboto-Bold';
	text-transform: uppercase;
}

.media-description {
	font-family: 'Roboto-Light';
}










/* LIST TOOLBAR */

.liststandard-searchbar-right input[type="text"]:focus {
	border-color: #C39E6A;
}


























/* QUIZZ */

.quizz-question-index,
.quizz-question-indexerror {
	color: white;
	font-family: 'Roboto-Bold';
}

.quizz-optionimage-selected {
	background-color: #f9f9f9;
	border: 1px solid rgba(13,10,37,1);
}

.quizz-numeric-values {
	font-family: 'Roboto-Black';
}

.quizz-question-rating > span,
.quizz-smiley-icon {
	color: #C39E6A;
}
.quizz-sortable-icon > i {
	color: #C39E6A;
}

.quizz-question-qcm .yu-checkbox label.qcm-label-selected,
.quizz-question-qcm .yu-radio label.qcm-label-selected {
	background-color: #f9f9f9;
}












/* ITEMS CARDS */

.userRecap {
	background-color: white;
}

.userRecapItem .userRecap-left {
	background-color: #C39E6A;
}

.userRecap-left > img {
	border-color: rgba(13,10,37,1);
	background-color: rgba(13,10,37,1);
}

.userRecap-left > span,
.userRecap-left-layer2 > span {
	border-color: rgba(13,10,37,1);
	color: rgba(13,10,37,1);
}

.userRecap-title {
	font-family: 'Roboto-Bold';
	color: rgba(13,10,37,1);
}

.userRecap-subtitle {
	font-family: 'Roboto-Light';
}


/* CARDS LIKES */ 

.userRecap-left-layer3 > i {
	color: rgba(13,10,37,1);
}

.userRecap-left-layer3 > i.white-like-icon {
	color: #ffffff;
}

.red-like-icon,
.userRecap-left-layer3 > i.red-like-icon {
	color: #ed4123;
}

.userRecap-left .userRecap-left-layer2 > img {
	border-color: rgba(13,10,37,1);
	background-color: rgba(13,10,37,1);
}

/* PROFILE MODAL */

.profile-card-avatar > img {
	border: 5px solid #C39E6A;
	background-color: #C39E6A;
}

.profile-card-avatar > span {
	border: 5px solid #C39E6A;
	color: #C39E6A;
}

.profile-card-title {
	color: #0d0a25;
	font-family: 'Roboto-Black';
}

.profile-field-label {
	font-family: 'Roboto-Bold';
	color: #C39E6A;
}

.profile-field-value,
.profile-card-subtitle {
	font-family: 'Roboto-Light';
}

















/* SHOPPING CART - TOTAL & TAXES */

.check-table-header{
	font-family: 'Roboto-Black';
}

.check-table-footer{
	font-family: 'Roboto-Bold';
	text-transform: uppercase;
	font-size: 120%;
}

.checkout-title h1 {
	font-family: 'Roboto-Black';
    font-size: 130%;
    color: #151d45;
}

.checkout-amount-reminder {
	font-family: 'Roboto-Bold';
}

.transaction-ref-item {
	color: #151d45;
	font-family: 'Roboto-Medium';
}

.transaction-status {
	font-family: 'Roboto-Medium';
}





















/* LIVE STREAM BACKGROUND */

.streaminterface-background {
	background: white;
}

/* LIVE STREAM HEADER */

.streaminterface-header {
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    background-color: white;
    color: #151d45;
}

.streaminterface-header-left {
	width: 250px;
}

.streaminterface-header-right {
	left: 250px;
}

.streaminterface-header-right span {
	margin-right: 15px;
	font-size: 150%;
}

.streaminterface-header-right i {
	margin-right: 15px;
	font-size: 150%;
}

.streaminterface-header-left img {
	max-height: 35px;
	max-width: 230px;
	margin-left: 10px;
}

.streamscreen-header {
	color: white;
}

/* LIVE STREAM BUTTONS */

.streambtn {
  	color: white !important;
    background-color: #686868;
}

.streambtn-green {
	background-color: #416D45 !important;
}

.streambtn-blue {
	background-color: #4285f4 !important;
}

.streambtn-red {
	background-color: #FF5151 !important;
}

.streambtn-orange {
	background-color: #FFA552;
}

/* LIVE STREAM NOTIFICATION */

.streamside-header-notif {
	color: white;
	background-color: #FF5151;
}

/* LIVE STREAM CHAT LIKE */

.streamchat-comment-right i.liked {
	color: red;
}

/* LIVE STREAM CAMERA PREVIEW */

.camera-preview-container {
	background-color: #000000;
}

/* LIVE STREAM FONTS */

.conference-inprogress-countdown {
	font-family: 'Roboto-Light';
}

.conference-inprogress-title {
	font-family: 'Roboto-black';
}

.streamchat-username,
.streamchat-moderator {
	font-family: 'Roboto-Bold';
}

.streamchat-time,
.streamchat-post > div,
.conference-inprogress-text {
	font-family: 'Roboto-Regular';
}

/* LIVE STREAM PLACEHOLDER */

.screenplaceholder-html b,
.screenplaceholder-html strong,
.screenplaceholder-html h1,
.screenplaceholder-html h2,
.screenplaceholder-html h3,
.screenplaceholder-html h4
.screenplaceholder-html h5 {
	font-family: 'Roboto-Bold' !important;
	font-weight: normal !important;
}

.screenplaceholder-html a {
	color: #4285f4;
}

/* LIVE STREAM SCREEN */

.streaminterface-screen,
.screen-placeholder-moderator div.screenplaceholder-content,
.streamscreen-body > div.screen-placeholder-moderator > div.screenplaceholder-toolbar,
.streamscreen-body > div.screen-placeholder-reduced,
.publisher-container-wrapper > div.publisher-container-background,
.stream-video,
.stream-screen-sharing div.stream-screen-screen,
.hls-waiting {
	background-color: #000000;
}

.streamscreen-body > div.screen-loader {
	background-color: #000000;
}

.publisher-container-wrapper {
	border: 2px solid #000000;
}

.publisher-container-focused {
	border-color: #4285f4;
}

span.screenfooter-text,
.screenplaceholder-empty p {
	color: #eee;
}

.streamscreen-body > div.screen-placeholder-moderator > div.screenplaceholder-toolbar,
div.screenplaceholder-toolbar i,
.screenplaceholder-content,
.conference-inprogress-title {
	color: white;
}

.streamscreen-body > div.screen-inprogress,
.streamscreen-body > div.screen-auth {
	background-color: rgba(0,0,0,0.8);
	color: white;
}

.stream-username,
.stream-buttons {
	background-color: rgba(0,0,0,0.45);
}

.stream-username {
	color: white;
}

















/* MOBILE DESIGN */

@media screen and (max-width : 600px) {
	body.website-body {
		background: white !important;
	}
	.content-panel{
		background-color: #0d0a25;
	}
	.header-container {
		-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	}
	.mobile-background {
		padding: 0;
		margin: 0;
		min-width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		background-color: #0d0a25;
		background-image: url(https://ugcbevents.com/registration/0.7.0/public/images/background.jpg);
	}
	.banner-container {
		background-color: rgba(13,10,37,0.45);
	}

}

@media screen and (max-width: 1000px){
	.header-logo > img {
		max-height: 38px;
	}
}

.liststandard-searchbar-left i, .liststandard-searchbar-left span {
	color: white;
}

.liststandard-searchbar-right input[type="text"], .liststandard-searchbar-right select {
	color: white;
}






.box-body .yu-form > input,
.box-body .yu-form > textarea {
	color: black;
}

.page-element .yu-select > select {
	color: white;
}

/*
input::placeholder {
	color: white !important; 
}*/