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

/* *** COLORS *** */
:root {

	--dark-blue: #151d45;
	--blue: #4285f4;
	--light-blue: #5BC0EB;
	--grey: grey;
	--light-grey: #DDDDDD;
	--light-grey2: #EEEEEE;
	--green: #21A0A0;
	--light-green: #adffb8;
	--red: #960200;
	--orange: #eb6824;
	--pink: #FFC09F;
	--yellow: #D9C89E;
	--white: #ffffff;
	--cream: #f9f9f9;
	--black: #071D49;
	--panel-background: rgba(7,29,73,0.9);

}







/* 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,
.IWIMail-Button,
.IWIHtml-Button {
	font-family: 'Roboto-Medium' !important;
	-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);
    text-transform: none !important;
    border-width: 1px;
}

.yu-btn {
	padding: 9px 15px 9px 15px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
}

.yu-btn-small {
	padding: 5px 11px 5px 11px;
}

.yu-btn-primary {
	background-color: var(--yellow);
	border-color: var(--yellow);
	color: var(--white);
}

.yu-btn-primary:hover,
.yu-btn-primary:focus,
.yu-btn-primary:active {
	background-color: var(--white);
	border-color: var(--yellow);
	color: var(--yellow);
}

.yu-btn-secondary {
	background-color: var(--black);
	border-color: var(--white);
	color: var(--white);
}

.yu-btn-secondary:hover,
.yu-btn-secondary:focus,
.yu-btn-secondary:active {
	background-color: var(--white);
	border-color: var(--black);
	color: var(--black);
}

.yu-btn-cancel {
	background-color: var(--red);
	border-color: var(--red);
	color: var(--white);
}

.yu-btn-cancel:hover,
.yu-btn-cancel:focus,
.yu-btn-cancel:active {
	background-color: var(--white);
	border-color: var(--red);
	color: var(--red);
}

/* HOVERIZE BUTTONS FROM EDITOR */

.IWIHtml-Button:hover,
.IWIHtml-Button:active,
.IWIHtml-Button:focus,
.IWIMail-Button:hover,
.IWIMail-Button:active,
.IWIMail-Button:focus {
	background-color: var(--white) !important;
	border-color: var(--black) !important;
	color: var(--black) !important;
}

/* UPLOAD BUTTON */ 

.iwi-upload-button > label > input[type=file] {
    color: var(--grey);
    background: transparent;
    border-radius: 3px;
    border: 1px solid var(--grey);
    font-family: 'Roboto-Light';
}

.iwi-upload-button > label > span {
	color: var(--grey);
	font-family: 'Roboto-Regular';
}

.iwi-upload-button > label > input[type=file]::file-selector-button {
	background-color: var(--yellow);
	color: var(--white);
	border-radius: 3px;
	font-family: 'Roboto-Regular';
}













/* 
	***FORM ELEMENTS *** 
*/

/* FORM FONT */

.yu-form,
.yu-select {
	font-family: 'Roboto-Regular';
}

/* UNFOCUSED FORM ELEMENTS */

.yu-form > input, 
.yu-form > textarea,
.yu-select > select {
	color: var(--white);
	border-color: var(--white);
}

.yu-form > label,
.yu-select > label {
	color: var(--white);
}

.yu-form-icon > span.yu-ficon {
	color: var(--white);
}

/* 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: var(--yellow) !important;
}

.yu-form > span.bar:before {
	color: var(--yellow);
	background-color: var(--yellow);
}

.yu-select:focus > select,
.yu-select > select:focus {
	color: var(--yellow);
}

.liststandard-searchbar-right input[type="text"]:focus {
	color: var(--yellow);
}

input[type='radio'],
input[type='checkbox'] {
	color: var(--yellow);
}

/* REGISTRATION FORMS */

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

.registration-closed, 
.regsection-container p,
.form-legal-text {
	font-family: 'Roboto-Light';
}

.htmlfield-title b,
.htmlfield-title strong,
.form-plusone-guesttitle span,
.regsection-container b,
.regsection-container strong {
	font-family: 'Roboto-Bold';
}

/* PLUS ONE BORDER */

.form-plusone-guest {
	border-color: var(--light-grey);
}

/* REGISTRATION FORMS - UPLOADED FILE NAME */
.form-uploaddoc-file {
	color: var(--green);
}

/* FORM RESPONSES (SUCCESS AND ERROR) */

.iwi-upload-progressbar > span.iwi-upload-progresstext,
.iwi-upload-progressbar2 > span.iwi-upload-progresstext {
	font-family: 'Roboto-Light';
	color: var(--grey);
}

.resp,
.iwi-upload-errormessage,
.iwi-upload-errormessage2{
	color: var(--red);
}

.iwi-upload-errormessage2 {
	font-family: 'Roboto-Medium';
}

.iwi-upload-errormessage2 {
	font-family: 'Roboto-Light';
}

.success{
	color: var(--green);
}

.yu-select > select option {
	background-color: var(--white);
	color: var(--black);
}

.yu-select > select option:hover {
	background-color: var(--yellow);
}












/* EVENT LOGIN */

body.login-body {
	background-color: var(--black);
	color: var(--black);
	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: var(--white);
	font-family: 'Roboto-Light';
}

.box,
.login-page-container > div {
	color: var(--white);
	background-color: rgba(7,29,73,0.9);
	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: 1px solid var(--yellow);
}

.box-header-title > h1,
.static-content .login-page-title h1 {
	font-family: 'Roboto-Black';
	color: var(--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: var(--white);
}

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

@media screen and (max-width : 600px) {
	body.login-body {
		background-color: var(--black);
	}
	.box-after,
	.box-after a,
	.language-selector,
	.language-dropdown > div:hover,
	.language-dropdown > div:active {
		color: var(--white);
	}
	.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;
}













/* LOGIN - SIGN UP - RECOVER PASSWORD */















/* HEADER / TOP TOOLBAR */

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

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

.header-button,
.header-dropdown-item {
	font-family: 'Roboto-Medium';
	font-size: 90%;
	color: var(--black);
	text-transform: uppercase;
}

.header-button-active,
.header-dropdown-item-active {
	background-color: var(--black);
	color: var(--white);
}

.header-button:hover,
.header-button:active {
	cursor: pointer;
}

.header-button:hover > span:after,
.header-dropdown-item:hover > span:after {
	bottom: -5px;
	height: 3px;
	background-color: var(--yellow);
}

.header-button-active:hover > span:after,
.header-dropdown-item-active:hover > span:after {
	background-color: var(--yellow);
}

.header-button-notification {
	color: var(--white);
	background-color: var(--yellow);
}

.header-burger,
.header-dropdown-close {
	color: var(--black);
}

.header-burger .header-language-button {
	font-family: 'Roboto-Light';
}















/* 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: var(--white);
	color: var(--black);
}

.side-menu-header{
	border-bottom: 1px solid var(--light-grey);
}

.side-menu-body > div{
    font-family: 'Roboto-Black';
    font-size: 110%;
}

.side-menu-body > div.side-active > span.side-menu-item:after {
	background-color: var(--yellow);
	bottom: -5px;
	height: 3px;
}

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

.side-menu-topnotification,
.side-menu-notification {
	color: var(--white);
	background-color: var(--yellow);
}
















/* FOOTER */

.footer{
	background-color: var(--white);
	color: var(--black);
	-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: var(--white);
	background-color: var(--yellow);
}

.footer-menu-clickitem > span {
	color: var(--black);
	text-transform: uppercase;
	font-family: 'Roboto-Regular';
}

.footer-logo > img {
	max-height: 100px;
	max-width: 70%;
	vertical-align: middle;
}

.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: var(--panel-background);
	padding: 50px 0 50px 0;
}

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

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

.home-countdown {
	width: 300px;
}

.countdown-row {
	border: 1px solid var(--yellow);
	background-color: var(--yellow);
	-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: var(--white);
	font-family: 'Roboto-Black';
	font-size: 280%;
}

.countdown-text {
	color: var(--white);
	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: 10px 10px 20px 10px;
	z-index: 12;
	background-color: var(--panel-background);
	-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: var(--white);
}

.iwi-session {
	border: 1px solid var(--light-grey);
}

.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';
	border: 1px solid var(--black);
}

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

.iwi-session-header > span.iwi-calendar-date {
	background-color: var(--white);
	color: var(--black);
}

.iwi-session-header > span.iwi-calendar-button {
	background-color: var(--yellow);
	color: var(--white);
}

.iwi-session-name {
	font-family: 'Roboto-Bold';
	color: var(--white);
}

.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: var(--yellow);
}











/* MODAL WINDOW */

.modal-content{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: var(--grey);
}

.modal-content, .modal-html-loader {
	background-color: var(--panel-background);
	color: white !important;
}

.modal-header > h3.modal-title{
	color: var(--black);
	font-family: 'Roboto-Black';
}

.modal-body b {
	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-Bold';
}

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










/* LANGUAGE MODAL - LIST */

.languages-current-item {
	background-color: var(--light-grey);
}

.languages-item-selected {
	background-color: var(--yellow);
	color: var(--white);
}





















/* MEDIA GALLERY */

.gallery-container > div {
    color: var(--white);
}

.gallery-container > div,
.gallery-controller-background {
	background-color: var(--black);
}

.gallery-miniatures,
.gallery-miniatures-cell {
	border-color: var(--black);
}

.gallery-miniatures-cell-active {
	border-color: var(--yellow);
}

.gallery-miniatures-cell:hover,
.gallery-miniatures-cell:active {
	border-color: var(--light-grey2);
}

.gallery-miniatures-cell > div {
	background-color: rgba(255,255,255,0.2);
}

.gallery-toolbar {
	font-family: 'Roboto-Light';
}

/* END MEDIA GALLERY */



















/* MEDIA VIDEO & IFRAME */

.mvideo-container > div,
.mvideo-player-loader,
.miframe-container > div {
	background-color: var(--black);
}

.mvideo-toolbar,
.mvideo-player-video .video-js .vjs-control-bar,
.mvideo-player-video .video-js .vjs-big-play-button {
    background-color: rgba(0,0,0,0.5);
    color: var(--white);
}

.miframe-container .mvideo-toolbar {
	background-color: rgba(0,0,0,0.7);
	color: var(--white);
}

/* END MEDIA VIDEO & IFRAME */














/* MEDIA PDF VIEWER */

.mpdf-container {
	text-align: center;
}

/* END MEDIA PDF VIEWER */

















/* QUIZZ */

.quizz-question-index,
.quizz-question-indexerror {
	color: var(--white);
	font-family: 'Roboto-Bold';
	display: none;
}

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

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

.quizz-question-rating > span,
.quizz-smiley-icon {
	color: var(--yellow);
}

.quizz-sortable-icon > i {
	color: var(--yellow);
}

.quizz-question-qcm .yu-radio label,
.quizz-question-qcm .yu-checkbox label {
	background-color: transparent;
	border: 1px solid var(--light-grey);
}

.quizz-question-qcm .yu-checkbox label.qcm-label-selected,
.quizz-question-qcm .yu-radio label.qcm-label-selected {
	background-color: var(--black);
	border-color: var(--black);
	color: var(--white);
}












/* 
	*** ITEMS CARDS GRIDS ***
	    (media, who's who)
*/

/* 	MEDIA BACKGROUND */

.userRecap {
	background-color: var(--white);
}

/* 	MEDIA ICON/IMAGE BACKGROUND */

.userRecapItem .userRecap-left {
	background-color: var(--light-grey2);
}

/* WHO'S WHO AVATARS */

.userRecap-left > span,
.userRecap-left-layer2 > span {
	border-color: var(--black);
	color: var(--black);
}

.userRecap-left .userRecap-left-layer2 > img {
	border-color: var(--black);
	background-color: var(--black);
}

/* MEDIA ICONS */

.mediasList .userRecap-left > span,
.mediasList .userRecap-left-layer2 > span {
	border-color: var(--black);
	color: var(--black);
}

/* ITEMS TITLE */

.userRecap-title {
	font-family: 'Roboto-Bold';
	color: var(--black);
}

/* ITEMS TEXT */

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

/* CARDS LIKES */ 

.userRecap-left-layer3 > i {
	color: var(--black);
}

.userRecap-left-layer3 > i.white-like-icon {
	color: var(--white);
}

.red-like-icon,
.userRecap-left-layer3 > i.red-like-icon {
	color: var(--red);
}






/* PROFILE MODAL */

.profile-card-avatar > img {
	border: 5px solid var(--yellow);
	background-color: var(--yellow);
}

.profile-card-avatar > span {
	border: 5px solid var(--yellow);
	color: var(--yellow);
}

.profile-card-title {
	color: var(--black);
	font-family: 'Roboto-Black';
}

.profile-field-label {
	font-family: 'Roboto-Bold';
	color: var(--black);
}

.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: var(--white);
}

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

.transaction-ref-item {
	color: var(--yellow);
	font-family: 'Roboto-Medium';
}

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














/* Rooming */

/* User selected */
.krd-userslist-selecteditem {
	background-color: var(--yellow) !important;
	color: var(--white);
}

/* Selected room */
.rooming-unfinished-cell-selected {
	background-color: var(--yellow);
	border-color: var(--yellow);
	color: var(--white);
}

/* Hoverized room */
.rooming-unfinished-cell:hover,
.rooming-unfinished-cell:focus {
	border-color: var(--yellow);
}

/* Room name */
.rooming-unfinished-name {
	text-transform: uppercase;
	font-family: 'Roboto-Bold';
}





















/* LIVE STREAM BACKGROUND */

.streaminterface-background {
	background: var(--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: var(--white);
    color: var(--grey);
}

.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: var(--white);
}

/* LIVE STREAM BUTTONS */

.streambtn {
  	color: var(--white) !important;
    background-color: var(--grey);
}

.streambtn-green {
	background-color: var(--green) !important;
}

.streambtn-blue {
	background-color: var(--blue) !important;
}

.streambtn-red {
	background-color: var(--red) !important;
}

.streambtn-orange {
	background-color: var(--orange);
}

/* LIVE STREAM NOTIFICATION */

.streamside-header-notif {
	color: var(--white);
	background-color: var(--red);
}

/* LIVE STREAM CHAT LIKE */

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

/* LIVE STREAM CAMERA PREVIEW */

.camera-preview-container {
	background-color: var(--black);
}

/* 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: var(--blue);
}

/* 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: var(--black);
}

.streamscreen-body > div.screen-loader {
	background-color: var(--black);
}

.publisher-container-wrapper {
	border: 2px solid var(--black);
}

.publisher-container-focused {
	border-color: var(--blue);
}

span.screenfooter-text,
.screenplaceholder-empty p {
	color: var(--light-grey2);
}

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

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

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

.stream-username {
	color: var(--white);
}





.static-content a {
	color: white !important;
	text-decoration: underline;
	cursor: pointer;
}











/* MOBILE DESIGN */

@media screen and (max-width : 600px) {
	body.website-body {
		background: var(--black) !important;
	}
	.content-panel{
		background-color: var(--black);
	}
	.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.8.0/public/images/background.jpg);
	}
	.banner-container {
		background-color: rgba(13,10,37,0.45);
	}

}


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

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


/* UGCB hong kong*/

.ugcb-hk-showcastle-container{
	display: flex;
	justify-content: center;
}

.ugcb-hk-clikable-title{
	margin-right: 10px !important;
}

.ugcb-hk-clikable-title:hover{
	opacity: 0.8;
	cursor: pointer;
}

.ugcb-hk-chateau-container i{
	position: relative;
	top: 1px;
	font-size: 20px;
}

.ugcb-hk-castle-container{
	display: none;
}