/* !COMMON */
*{
	padding:0;
	margin:0;
	font-family:'Arial',sans-serif;
	box-sizing:border-box;
	z-index:0;
}


body{
	min-height:100%;
	text-align:center;
}

label{
	margin-top:20px;
}

textarea{
	resize:none;
}

input[type='checkbox'],input[type='radio']{
	transform:scale(1.5);
}

.serial{
	padding:0.5em 1em;
	width:100%;
	background:#efefef;
	border:1px #aaaaaa dashed;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
	word-break:break-all !important;
	overflow:hidden;
	display:inline-block;
}

.nopadding{
	padding:0 !important;
	margin:0 !important;
}

.nopadding-h{
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

.nopadding-v{
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}

.sm-padding{
	padding:0.4em !important;
}

.pl5{
	padding-left:5px !important;
}

.ml5{
	margin-left:5px;
}

.mr10{
	margin-right:10px;
}

.mr20{
	margin-right:20px;
}

.mb1{
	margin-bottom:1px !important;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.pad3{
	padding:3px;
}

.pad5{
	padding:5px;
}

.pad10{
	padding:10px;
}

.pad15{
	padding:15px;
}

.pad20{
	padding:20px;
}

.pad30{
	padding:30px;
}

.center{
	text-align:center;
}

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

.right{
	text-align:right;
}

.fullwidth{
	width:100%;
}

.option-box{
	margin-top:1em;
	margin-bottom:1em;
	box-sizing:border-box;
	border-radius:6px;
	-webkit-border-radius:6px;
}

.note{
	color:#aaaaaa;
	font-size:0.8em;
}

.vcenter{
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.bottom-right-align{
    bottom:0;
    right:0;
    margin-right:1em;
    margin-bottom:1em;
    position:absolute;
}

.back1{background:#000000 !important;}.color1{color:#000000 !important;}.border1{border:1px #000000 solid !important;}.back2{background:#ffffff !important;}.color2{color:#ffffff !important;}.border2{border:1px #ffffff solid !important;}.back3{background:#efefef !important;}.color3{color:#efefef !important;}.border3{border:1px #efefef solid !important;}.back4{background:#aaaaaa !important;}.color4{color:#aaaaaa !important;}.border4{border:1px #aaaaaa solid !important;}.back5{background:#444444 !important;}.color5{color:#444444 !important;}.border5{border:1px #444444 solid !important;}.back6{background:#fffae1 !important;}.color6{color:#fffae1 !important;}.border6{border:1px #fffae1 solid !important;}.back7{background:#07b9e2 !important;}.color7{color:#07b9e2 !important;}.border7{border:1px #07b9e2 solid !important;}.back8{background:#78c7ce !important;}.color8{color:#78c7ce !important;}.border8{border:1px #78c7ce solid !important;}.back9{background:#E74C3C !important;}.color9{color:#E74C3C !important;}.border9{border:1px #E74C3C solid !important;}.back10{background:#87dd6b !important;}.color10{color:#87dd6b !important;}.border10{border:1px #87dd6b solid !important;}.back11{background:#fef9e1 !important;}.color11{color:#fef9e1 !important;}.border11{border:1px #fef9e1 solid !important;}
/* CONTENT */

#container{
	text-align:left;
}

.container-fluid{
	height:100%;
	padding-left:0 !important;
	padding-right:0 !important;
}

.nav-tabs{
	text-align:center;
}

.box{
	padding:1em;
	min-height:300px;
	background:#efefef;
	border:8px #ffffff solid;
	-webkit-border-radius:15px;
	border-radius:15px;
	display:inline-block;
	overflow:auto;
}

.box .form-control{
	background:#ffffff;
}

.box-stream{
	padding:0;
	margin:0;
	width:100%;
	min-height:200px;
	background:#efefef;
	border:8px #ffffff solid;
	-webkit-border-radius:15px;
	border-radius:15px;
	display:inline-block;
	overflow:none;
}

.box-stream .radio input[type="radio"],.box-stream .checkbox input[type="checkbox"]{
	margin-left:0;
	margin-right:1em;
	position:relative;
}

.box-stream .radio,.box-stream .checkbox{
	margin-top:0;
}

.queue-list-placeholder{
	margin:1em 0;
	width:100%;
	height:8em;
	background:#78c7ce !important;
}


/* ANIMATIONS */

@keyframes fadein {
    from {
        opacity:0;
		visibility: hidden;
    }
	to{
        opacity:1;
		visibility: visible;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
		visibility: hidden;
    }
	to{
        opacity:1;
		visibility: visible;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
		visibility: hidden;
    }
	to{
        opacity:1;
		visibility: visible;
    }
}
@-o-keyframes fadein { 
    from {
        opacity:0;
		visibility: hidden;
    }
	to{
        opacity:1;
		visibility: visible;
    }
}

@keyframes fadeout {
    from {
        opacity:1;
		visibility: visible;
    }
	to{
        opacity:0;
		visibility: hidden;
    }
}
@-moz-keyframes fadeout {
  	from {
        opacity:1;
		visibility: visible;
    }
	to{
        opacity:0;
		visibility: hidden;
    }
}
@-webkit-keyframes fadeout {
 	 from {
        opacity:1;
		visibility: visible;
    }
	to{
        opacity:0;
		visibility: hidden;
    }
}
@-o-keyframes fadeout { 
  	from {
        opacity:1;
		visibility: visible;
    }
	to{
        opacity:0;
		visibility: hidden;
    }
}



/* !HEADER */

/* !MENU */
.main-menu{
	position:relative;
}

.nav-side-menu{
	top:0px;
	width:250px;
	height:100%;
	background-color:#444444;
	font-size:1.6rem;
	overflow:auto;
	position:fixed;
}

.nav-side-menu a{
	color:#ffffff;
	text-decoration:none;
}

.nav-side-menu .brand{
	background-color:#07b9e2;
	font-size:14px;
	line-height:50px;
	text-align:center;
	display:block;
}

.brand img{
	margin:1em;
	max-width:100px;
}

.nav-side-menu .toggle-btn{
	display:none;
}

.nav-side-menu ul,.nav-side-menu li{
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:35px;
	cursor:pointer;
}

.nav-side-menu i{
	padding:0 0.5em;
}

.nav-side-menu ul :not(collapsed) .arrow:before,.nav-side-menu li :not(collapsed) .arrow:before{
	font-family:Arial;
	content:"\f078";
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	float:right;
}

.nav-side-menu ul .active,.nav-side-menu li .active {
	border-left: 3px solid #07b9e2;
	background-color: #4f5b69;
}

.nav-side-menu ul .sub-menu li.active,.nav-side-menu li .sub-menu li.active {
	color: #d19b3d;
}

.nav-side-menu ul .sub-menu li.active a,.nav-side-menu li .sub-menu li.active a {
	color: #d19b3d;
}

.nav-side-menu ul .sub-menu li,.nav-side-menu li .sub-menu li {
	background-color: #181c20;
	border: none;
	line-height: 28px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}

.nav-side-menu ul .sub-menu li:hover,.nav-side-menu li .sub-menu li:hover {
	background-color: #020203;
}

.nav-side-menu ul .sub-menu li:before,.nav-side-menu li .sub-menu li:before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.nav-side-menu li {
	padding-left: 0px;
	border-left: 3px solid #2e353d;
	border-bottom: 1px solid #23282e;
}

.nav-side-menu li a {
	text-decoration: none;
	color: #e1ffff;
}

.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}

.nav-side-menu li:hover {
	border-left: 3px solid #d19b3d;
	background-color: #4f5b69;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.nav-side-menu .menu-list .menu-content{
	display:block;
}

.copyright{
	padding:1em 2em;
	width:100%;
	color:#aaaaaa;
	font-size:0.9rem !important;
	text-align:center;
}

.btn-circle{
	margin-right:1em;
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 4px 0;
	font-size:8px;
	border-radius: 15px;
}

/* !CONTENT */
#content{
	padding-right:2em;
	margin-left:270px;
}

#player,#player iframe{
	overflow:hidden;
	height:100%;
	width:100%;
}
#player{
	opacity:0;
}
html:not(.video-loading) #player{
	animation: fadein 2s;
	-moz-animation: fadein 2s;
	-webkit-animation: fadein 2s;
	-o-animation: fadein 2s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;

}
html.video-ended #player{
	animation: fadeout 2s;
	-moz-animation: fadeout 2s;
	-webkit-animation: fadeout 2s;
	-o-animation: fadeout 2s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;

}
.player-background{
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: black;
    background-position: center center!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    border: 15em solid transparent;
}
.video-order{
	font-size:1.5em;
}

.thumbnail{
	margin:0.5em auto;
	max-height:60px;
}

.thumbnail-big{
	margin:0.5em auto;
	max-height:100px;
}

.valign{
	display:inline-block;
	vertical-align:middle;
	float:none;
}

/* !Message box */
#message-box{
	top:0;
	left:0;
	padding:30px;
	margin-left:15%;
	width:70%;
	background:#fffae1;
	font-size:1.5em;
	text-align:center;
	overflow:auto;
	display:none;
	position:fixed;
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.4);
	box-shadow:0 2px 10px rgba(0,0,0,0.4);
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

/* !Scroll to top plugin */
.cd-top{
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(232, 98, 86, 0.8) url(/themes/default/img/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}

#popup{
	display:none;
}

#messages{
	top:0px;
	padding:0 10px 10px;
	width:500px;
	background:#E74C3C;
	border-top:0px;
	text-align:center;
	box-shadow:0px 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.3);
	display:none;
	z-index:999;
	position:fixed;
	overflow:auto;
}

/* !Plugins */

/* !Bootstrap */
body #popup-print.modal .modal-dialog{
    width:90%;
    margin-left:5%;
}
body #popup-print.modal .modal-dialog .modal-content{
    width:100%;
}

ul.nav-tabs{
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
}



.dropzone.dropzone-zone{
    height: 300px!important;
    width: 300px!important;
    background: #eee!important;
    border: 3px dashed #ddd!important;
    padding:0!important;
}
.dropzone.dropzone-zone.aspect-16-9{
	width:533px!important;
}
.dropzone.dropzone-zone .dz-message{
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: center;
    font-size: 1.8em;
    color: #888;
    margin:0!important;
}
.dropzone.dropzone-zone.dz-max-files-reached .dz-message{
	display:none;
}
.dropzone.dropzone-zone img{
	max-width:100%;
    height: 300px;
    object-fit: contain;
}
.dropzone.dropzone-zone .dz-preview.dz-image-preview{
	background:none!important;
    margin: 0!important;
}
.dropzone.dropzone-zone .dz-preview .dz-image {
    border-radius: 0!important; 
    width: 300px!important;
    height: 300px!important;
}
.dropzone.dropzone-zone.aspect-16-9 .dz-preview .dz-image,
.dropzone.dropzone-zone.aspect-16-9 img{
	width:533px!important;
}
.images-wrapper .bloc{
	display:inline-block;
	width:auto;
	vertical-align:top;
    margin-right: 1%;
}
.images-wrapper .bloc #current-image-logo{
    width: 533px;
}
.images-wrapper .bloc #current-image-transitions{
    width: 533px;
}
.images-wrapper .bloc .current-image{
    background: #eee;
    border: 3px dashed #ddd!important;
}
.images-wrapper .bloc .current-image img{
    width: 100%;
    height: 300px;
    object-fit: contain;
    cursor:pointer;
}
.dropzone.dropzone-zone{
	display:none;
}
.images-wrapper .bloc .dropzone.dropzone-zone{
	display:none;
}
.images-wrapper .bloc.upload .dropzone.dropzone-zone{
	display:block;
}
.images-wrapper .bloc.upload .current-image{
	display:none;
}


/* !Media queries */
/* !1023 */
@media only screen and (max-width: 1023px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	}
	
	.box{
    	width:100%;
	}
}

/* !767 */
@media only screen and (max-width: 767px) {
	.cd-top {
		right: 20px;
		bottom: 20px;
	}
	
	/* MENU */
	.nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.nav-side-menu .toggle-btn{
		display: block;
		cursor: pointer;
		position: absolute;
		right: 0.5em;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		width: 40px;
		text-align:center;
		font-size:3em;
	}
	
	.nav-side-menu li{
    	padding-top:0.5em;
    	padding-bottom:0.5em;
    	font-size:1.5em;
	}
	
	.toggle-btn{
    }
	
	.brand {
		text-align: left !important;
		font-size: 22px;
		padding-left: 20px;
		line-height: 50px !important;
	}
	
	#content{
		padding-left:2em;
		padding-right:2em;
		margin-left:0;
	}
}

/* !400 */
@media only screen and (max-width:400px){
}

@media print{
	@page{  
      size:210mm 297mm !important;  
    }
    
	body *{
		visibility:hidden !important;
	}
	.printable, .printable * {
		visibility:visible !important;
	}
	.printable table tr{
		page-break-inside:avoid;
	}
	.printable{
    	padding:0 !important;
    	margin:0 !important;
		width:1000px !important;
		position:absolute;
		transform:scale(100%,100%) !important;
		left:0;
		top:0;
	}
	.page-break{
		display:block;
		page-break-before:always;
	}
}

/* !jQuery UI tweaks */
.ui-autocomplete{
	text-align:left;
	position:relative;
	display:inline-block;
	z-index:99999;
}
.custom-combobox{
}

.custom-combobox-toggle{
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input{
	margin:0;
	background:none;
}