/* Green Player Global Stylesheet */
/* Copyright 2011 - WeLink Team */
/* Color Scheme: #8FBE00 / #6F9E00 / #C6F066 / #EEFFEE / greenplayer */
/* New - Colors: #FF9900 / #DF7900 / #FFEE00 / #FFEEEE / welinkscreen */


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- GENERAL STYLES --- */
/* Global 

@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,600,700);

*/

#dialog_market_publisher_media_unsee #market_media_block{
	background-color:#FFFFFF!important;
}

#menu_admin_vertical{
	overflow-y:auto;
	position:fixed;
	top:0px;
	margin-top:60px;
}

.ui-datepicker-today .ui-state-highlight{
	color:#000!important;
	font-weight:bold!important;
}

.ui-dialog-buttonpane .ui-button:focus {
	color: #5c8b00;
}

.smallDatabase .dataTables_info{
	float:none!important;
}

#dialOldInterfaceQuestion {
	height: 100%;
}
#dialOldInterfaceQuestion div {
	font-size: 14px;
	margin-bottom: 10px;
}
#dialOldInterfaceQuestion textarea {
	resize: none;
	width: calc(100% - 2px - 20px);
	height: calc(100% - 100px);
	padding: 10px;
	border: 1px solid #75BF7A;
	border-radius: 10px;
	outline:0px none transparent;
}
#dialOldInterfaceQuestion textarea:focus {
	outline: 0;
}

.ui-datepicker .ui-state-disabled, .ui-datepicker .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled{
	opacity:0.45;
}
.ui-datepicker .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    height: 20px!important;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
    border: #f2f4f7;
    background: #EDF1F5;
    font-weight: normal;
    color: rgb(79, 84, 103);
    text-align: center;
    width: 22px;
    height: 22px;
    line-height: 2.15;
    border-radius: 19px;
}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover{
	border:none; 
    background: #3b7eb9;
    font-weight: normal;
    color: #ffffff;
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {
    border-top: none;
    background: #3b7eb9;
    font-weight: normal;
    color: #ffffff;
}
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
    border: none!important;
    background: rgb(79, 84, 103);
    color: #ffffff;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
	background-color:#ffffff!important; 
}
 .ui-datepicker-header {
    border: none;
    background: #8fbe00 url(images/ui-bg_gloss-wave_25_8fbe00_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
	border-radius: 5px;
	margin-top: 5px;
}

#ui-datepicker-div {
    border: 0px;
	border-radius: 0px 0px 7px 7px;
	background-color:#ffffff!important; 
	padding: 3px;
}

#tabs_server-server li{
	height:30px;
	border:1px solid #EDF1F5;
}

#tabs_server-server li a{
	height:30px;
	display:block;
	text-decoration:none;
	color:#000000;
	background:#FFFFFF;
	padding:5px;
	
}

#tabs_server-server li a.active{
	height:30px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background:#494E60;
	padding:5px;
	
}
/*
.ui-datepicker-header{
	background:#8fbe00!important;
	border:0px!important;
}
*/
.ui-datepicker-calendar tbody tr td .ui-state-default{
	background:#eeeeee!important;
	
}

.gp-icon{
	color: #4F5467;
}
.margin-left-icons{
	margin-left: 7px;
}

.action-players-icons > a{
	margin: 0 4px;
}


/* .smallMenu{
	width: 50px !important;
}
.smallMenu > div > ul > li > a > span{
	display:none !important;
} */

.buttonResizeMenu{
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	position: fixed;
	/*z-index: 10000001;*/
	z-index: 1001;
	bottom: 25px;
	height: 30px;
	width: 30px;
	color: #FFFFFF;
	cursor: pointer;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	background-color: #9FCF20;
}



/* END GREENPLAYER BUTTON */
/* END GREENPLAYER BUTTON */
/* END GREENPLAYER BUTTON */
/* END GREENPLAYER BUTTON */

/* NEW CSS NYROMODAL */
.nyroModalTitle{
	background-color: #EDF1F5 !important;
	background: #EDF1F5 !important;
	border: 1px solid #EDF1F5 !important;
	border-radius: 10px 10px 0 0;
	padding: 6px 30px 0 30px;
	font-family:Poppins, normal !important;
	color: #4F5467 !important;
	z-index: 100;
}
.nyroModalCont{
	z-index: 100;
	border: 1px solid white !important;
	border-radius: 0 0 10px 10px;
	padding: 20px;
	box-shadow: 0px 0px 27px 2px rgba(0,0,0,0.52);
}
.nyroModalCloseButton{
	background: url("/images/close-modal.svg");
	margin: 2px 10px 0 0;
}
.nyroModalCloseButton:hover{
	background: url("/images/close-modal.svg");
}
.nyroModalBg{
	opacity: .50 !important;
	background: rgb(50, 50, 50) !important;
}
/* END NEW CSS NYROMODAL */

/* UIDIALOG NEW CSS */
.ui-corner-all{
	border-radius: 0;
}
.ui-dialog{
	border-radius: 10px;
	box-shadow: 0px 0px 27px 2px rgba(0,0,0,0.52);
}
.ui-dialog-titlebar{
	background-color: #EDF1F5 !important;
	background: #EDF1F5 !important;
	border: 1px solid #EDF1F5 !important;
	border-radius: 10px 10px 0 0 !important;
}
.ui-dialog-titlebar > span{
	color: #4F5467 !important;
	font-family:Poppins, sans-serif!important;
}
.ui-dialog.ui-widget.ui-widget-content{
	/* margin-top:80px!important; bug iframe cloud */
}
.ui-dialog-titlebar-close > span{
	background: url("/images/close-modal.svg") !important;
	background-image: url("/images/close-modal.svg") !important;
}
.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover{
	border: none !important;
	background-color: transparent !important;
	background: transparent !important;
	border-radius: 0 !important;
	margin: -9px 6px 0 0 !important;
	border: none !important;
}
.ui-widget-overlay{
	opacity: .50 !important;
  	background: rgb(50, 50, 50) !important;
}
/* END UI DIALOG CSS */
.ui-slider-handle{
	width: 1.3em !important;
	height: 1.3em !important;
	background: #FFFFFF !important;
	border: 1px solid #9A9DAA !important;
	border-radius: 999px !important;
}
.slideRange.ui-slider.ui-slider-horizontal, .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
	background: #EDF1F5 !important;
	border-radius: 999px !important;
}
.ui-slider-range.ui-widget-header.ui-slider-range-min{
	border-radius: 999px !important;
}
/* UI SLIDER NEW CSS */

/* END UI SLIDER CSS */


.dropdown_h_menu{
	border: 1px solid rgba(120, 130, 140, 0.13);
    border-radius: 0px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
    padding-bottom: 8px;
    margin-top: 0px;
}

#compo_magnet.active  { border: 1px solid #5c8b00; background: #8fbe00 url(images/ui-bg_glass_25_8fbe00_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }

.iconText{
	display: flex!important;
	align-items:center!important;
}

#body_preloader{
	z-index:10000000;
}

#body_preloader_text{
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 300px);
	font-size:16px;
	text-align:center;
	font-weight:bold;
	width:600px;
}

@import url(/fonts/poppins2/font.css);

.tableFixHead {
  /*overflow: auto;
  min-height: 300px;
  */
}

.tableFixHead thead th {
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index:999;
}


#btn_market_menu.busy{
	/*color:#FFFFFF!important;*/
}

.input_datatable:focus{
	outline-color: #9fcf21;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
	border-radius: 999px;
}
::-webkit-scrollbar-track {
    background: #F9F9F9;
	border-radius: 999px;
}
::-webkit-scrollbar-thumb {
    background: #C8C8C8;
	border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C8C8C8;
	border-radius: 999px;
}

div#menu_vertical::-webkit-scrollbar {
    width: 5px;
	border-radius: 0px !important;
}
div#menu_vertical::-webkit-scrollbar-track {
    background: #7A7F93;
	border-radius: 0px !important;
}
div#menu_vertical::-webkit-scrollbar-thumb {
    background: #44485A;
	border-radius: 0px !important;
}
div#menu_vertical::-webkit-scrollbar-thumb:hover {
    background: #44485A;
	border-radius: 0px !important;
}

div#div_menu_application::-webkit-scrollbar {
    width: 10px;
}
div#div_menu_application::-webkit-scrollbar-track {
    background: #F9F9F9;
}
div#div_menu_application::-webkit-scrollbar-thumb {
    background: #C8C8C8;
}
div#div_menu_application::-webkit-scrollbar-thumb:hover {
    background: #C8C8C8;
}

#menu_vertical{
	overflow-y:auto !important;
	z-index:1001;
}
/* #menu_vertical::-webkit-scrollbar {
  display: none;
} */

table thead tr th.filter input{
	background:#FFF url('images/icons/mini/magnifier.png')  no-repeat right 2px top 1px;
}

ul#menu li ul {
	display:none;
}
ul#menu li ul.active {
	display:block;
}

ul#menu li ul li a{
	padding:7px 7px 7px 7px!important;
	padding-left:20px!important;
	
}

.holds-the-iframe {
	height:100%;
  background:url(/images/greenplayer2/nyroModal/ajaxLoader.gif) center center no-repeat;
}

.ui-corner-top{
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}

.ui-corner-bottom{
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}


.ui-tabs-nav.ui-widget-header{
	background:none!important;
	border:0px;
}



.no-close .ui-dialog-titlebar-close {display: none }

tr.filter th{
	height:22px!important;
}

th.filter input.filtred{
	padding-left:5px!important;
	background-color:#E8F0FE;
}

/* Login- register pages */
.login-register {
  background: url(/images/login-register.jpg) no-repeat center center / cover !important;
  height: 100%;
  position: fixed;
  width:100%;
}
.login-box {
  background: #ffffff;
  width: 400px;
  margin: 0 auto;
  margin-top: 7%;
}
.login-box .footer {
  width: 100%;
  left: 0px;
  right: 0px;
}
.login-box .social {
  display: block;
  margin-bottom: 30px;
}
#recoverform {
  display: none;
}


/*Bootstrap overight*/
.dropdown-menu {
	position:absolute;
  border: 1px solid rgba(120, 130, 140, 0.13);
  border-radius: 0px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
  -webkit-box-shadow: 0px!important;
  -moz-box-shadow: 0px!important;
  padding-bottom: 0px;
  margin-top: 0px!important;
}
.dropdown-menu > li{
  height:30px!important;
  text-decoration:none
}
.dropdown-menu > li > a {
  padding: 9px 20px;
  text-decoration:none;
  background:#FFF;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background: #f7fafc;
}

.boxWrapper.right h1{
	height:20px!important;
	font-size:15px!important;
	line-height:20px!important;
}

.block_btn_medialibrary{
	background-color:#FFF;padding:10px;padding-top:0px;padding-bottom:0px;
}

.login_box{
	border:1px solid #CCC;
	border-bottom:1px solid #CCC!important;
}
.login_box h1{
	text-align:center;
}

#page #page{
	border:0px!important;
}

/*Search*/
.app-search {
  position: relative;
  margin: 0px;
}
.app-search a {
  position: absolute;
  top: 20px;
  right: 10px;
  color: #4c5667;
}
.app-search .form-control,
.app-search .form-control:focus {
  border: none;
  font-size: 13px;
  color: #4c5667;
  padding-left: 20px;
  padding-right: 40px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
  height: 30px;
  font-weight: 600;
  width: 140px;
  display: inline-block;
  line-height: 30px;
  margin-top: 15px;
  border-radius: 40px;
  transition: 0.5s ease-out;
}
.app-search .form-control::-moz-placeholder {
  color: #4c5667;
  opacity: 0.5;
}
.app-search .form-control::-webkit-input-placeholder {
  color: #4c5667;
  opacity: 0.5;
}
.app-search .form-control::-ms-placeholder {
  color: #4c5667;
  opacity: 0.5;
}

.unselectable{
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

#modules #content{
	margin:25px!important;
}

#modules .box.right{
	width:100%!important;
}

#modules .left.menu{
	display:none!important;
}

#menu_vertical h1{
	display:none!important;
}

#menu_vertical #pageMenu li{
	margin:0px 0px 0px 0px!important;
	list-style:none!important;
}
#menu_vertical #pageMenu li a{
	display:block;
	height:26px;
	line-height:26px;
	padding:0px 10px;
	color:#a6acbc;
	text-decoration:none;
	padding:13px 13px 13px 13px;
	font-size:14px;
}
#menu_vertical #pageMenu li a.active{
	border-left:3px solid #C6F066;
	background-color:#494E60;
	color:#FFF;
}

.navbar-header {
  width: 100%;
  background: #3c4451;
  border: 0px;
}
.navbar-default {
  border: 0px;
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links .badge {
  position: absolute;
  right: 6px;
  top: 15px;
}
.navbar-top-links > li {
  float: left;
}
.navbar-top-links > li > a {
  color: #ffffff;
  padding: 0 14px;
  line-height: 60px;
  min-height: 60px;
}
.navbar-top-links > li > a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.navbar-top-links > li > a:focus {
  background: rgba(0, 0, 0, 0);
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-top-links .dropdown-menu li {
  display: block;
}

.logo svg{
  height: 80%;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}
.logo img{
height: 80%;
padding: 5px;
}
.logo .hidden-xs b{
top: 9px !important;
}
.top-left-part div:nth-child(2) div{
top: 33px !important;
}

svg#Calque_1 {}
.logo i {
  color: #ffffff;
}
.top-left-part {
  width: 220px;
  float: left;
}
.top-left-part a {
  color: #ffffff;
  font-size: 18px;
  padding-left: 0px;
  text-transform: uppercase;
}

.alert{
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	background-color:#FFF;
	color:#000;
	padding: 15px;
}


.alert.alert-warning{
	background:#FFF3CD;
	color:#856404;
}

.label{
	text-align:center;
	background-color:#FFF;
	color:#333;
	padding: 4px 3px;
	border-radius: 10px;
}

.label-primary{
	background-color:#9FCF20;
	color:#FFF;
}

.label-secondary{
	background-color:#333;
	color:#FFF;
}


#dashboard .boxWrapper #content{
	
	height:245px;
	overflow-y:auto;
}

#modules .boxWrapper.left{
	
	background-color:#4F5467;
	height:100%;
	display:block;
}

#modules .menu.box{
	margin-bottom:0px!important;
}

#modules .menu #pageMenu{
	background-color:#4F5467!important;
	margin:0px;
	padding:0px;
}

#modules .menu #pageMenu li a{
	background-color:#4F5467!important;
	color:#FFF;
	border:0px;
	font-size:14px;
	font-weight:400;
}

#menu a.active img{
	 
}


.box.left.menu h1{
	display:none!important;
}

.notifTr td{
	border-bottom: 1px solid #e5e7ea;
	/*height:50px;*/
}

.hiddenGP2{
	display:none;
}

#form_array .param{
	max-height:400px;
	overflow-y:auto;
	margin-bottom:20px;
	/*border:1px solid #CCC;*/
	padding: 15px;
}

.media_sub_btn_block{
	background-color:#FFF;
}

#modules .box #content{
	margin-top:20px!important;
}
.filters{
	background-color:#FFF;
}

.preloader {
  width: calc(100% - 220px);
  height: 100%;
  top: 60px;
  left:220px;
  position: fixed;
  z-index: 999;
  background: #fff;
}
.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}


.cssload-speeding-wheel {
  width: 31px;
  height: 31px;
  margin: 0 auto;
  border: 2px solid rgba(97,100,193,0.98);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 425ms infinite linear;
    -o-animation: cssload-spin 425ms infinite linear;
    -ms-animation: cssload-spin 425ms infinite linear;
    -webkit-animation: cssload-spin 425ms infinite linear;
    -moz-animation: cssload-spin 425ms infinite linear;
}



@keyframes cssload-spin {
  100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
  100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
  100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
  100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

.mainPage{
	padding:25px;
}
.mainPageSubMenu{
	padding-top:10px;
	padding-bottom:25px;
	padding-right:25px;
}

#urlTizenContainer {
	position: absolute; 
	bottom:40px; 
	right: 40px; 
	display: flex;
	align-items: center;
}

#urlTizen {
	user-select: text; 
	padding: 5px 5px 5px 10px; 
	background-color: #f0f0f0; 
	border-radius: 5px;
	display:none;
	margin-right: 20px;
}

#copyMessage {
	position: absolute;
	top: -35px;
	right: 65px;
	background-color: #4caf50;
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 14px;
	display: none;
}

#page .box h1{
	height:40px;
	padding-left:15px!important;
	padding-top:15px!important;
	color:rgba(0, 0, 0, 0.5)!important;

	background:#FFFFFF!important;
}

#page .box.toggle h1{
	height:25px!important;
	padding-left:15px!important;
	padding-top:15px!important;
	color:rgba(0, 0, 0, 0.5)!important;

	background:#FFFFFF!important;
}

#page .box.small h1{
	height:25px!important;
	padding-left:15px!important;
	padding-top:15px!important;
	color:rgba(0, 0, 0, 0.5)!important;

	background:#FFFFFF!important;
}

ul#tabs{
	border-left:0px solid #CCC;
	border-right:0px solid #CCC;
}

/*
#page .box h1.topTitle{
	margin-bottom:20px!important;
}
*/

.toggle h1{
	font-size:15px!important;
	height:30px!important;
	padding-left:15px!important;
	padding-top:5px!important;
	padding-bottom:5px!important;
	color:rgba(0, 0, 0, 0.5)!important;
	margin-bottom:0px!important;
	background:#FFFFFF!important;
}


#dashboard .box h1{
	font-size:15px!important;
	height:30px!important;
	padding-left:15px!important;
	padding-top:5px!important;
	padding-bottom:5px!important;
	color:rgba(0, 0, 0, 0.5)!important;
	margin-bottom:0px!important;
	background:#FFFFFF!important;
}


#page .box{
	background-color:transparent!important;
	background:transparent!important;
}

#page .box #content{
	background:#FFF;
}

#boxFilters .arrowToggle{
	margin-top:15px!important;
}

.marginT15{
	margin-top:15px;
}

.marginT5{
	margin-top:5px;
}

th.selector .chzn-container-single .chzn-single{
	margin-bottom:0px!important;
}

th.selector .chzn-search{
	height:30px!important;
}

#popup_overlay{
	
	background:#CCC!important;
	opacity:0.7!important;
}
.center {
  margin: auto;
  width: 50%;
  padding: 10px;
}
/*.ui-dialog{ top:50px!important;position:fixed!important;z-index:16000!important; } */
.ui-dialog-content{max-height:700px;}
.ui-dialog{ 
/*
	z-index:16000!important; 
	*/
	padding:0px!important;
}

/*
a#logoTopRight{
	float:right;
	display:block;
	width:240px;
	height:60px;
	margin:0px;
	background:url('/images/greenplayer/logoSmall.png') no-repeat center center;
}
*/

.ui-widget{
	
	font-family:Poppins, sans-serif!important;
}

html,body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#EDF1F5;
	font-family:Poppins, sans-serif;
	font-size:12px;
	width:100%;
	height:100%;
}
body{
	/*min-width:1540px;*/
	min-width:1350px;
	width:100%;
	height:100%;
}
html.fullscreen, body.fullscreen{
	background:#FFFFFF;
}
html.smallWidth, body.smallWidth{ min-width:960px; }
a{ outline:none; }
img{ border:0px; }
img.frame{
	padding:5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}
/* Special Classes */
.clear{ clear:both; }
.cLeft{ clear:left; }
.cRight{ clear:right; }
.fLeft{ float:left; }
.fRight{ float:right; }
.fNone{ float:none!important; }
.dNone{ display:none; }
.dBlock{ display:block; }
.sColor{ color:#8FBE00; }
.sBack{ background-color:#8FBE00; }
.cGreen{ color:#00CC00; }
.cRed{ color:#CC0000; }
.cOrange{ color:#FF9900; }
.bOrange{ background-color:#FF9900; }
.uLine{ text-decoration:underline; }
.aLeft{ text-align:left; }
.aCenter{ text-align:center; }
.aRight{ text-align:right; }
.transition{ transition:background-color 0.2s linear, color 0.2s linear; }
.noSelect{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	cursor:default;
}
.wrapper{
	width:990px;
	margin:0px auto;
}
.fullPageLoading{
	position:fixed;
	z-index:50000;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	opacity:0.75;
	background:#cccccc;
	/*background:RGBA(255, 255, 255, 0.5);*/
}
.fullPageLoading img{
	position:fixed;
	top:50%;
	left:50%;
	display:block;
	width:31px;
	height:31px;
	margin:-15px 0px 0px -15px;
}
.fullPageLoading p{
	position:fixed;
	top:50%;
	left:0%;
	width:100%;
	margin:30px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- MESSAGES --- */
/* Global */
p.notification, .notification-div{
	margin:0px auto 10px auto;
	padding:10px 35px 10px 35px;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
	font-weight:bold;
	text-align:justify;
	cursor:pointer;
}
.notification-div {
	padding:10px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.nyroModalCont p.notification, .ui-dialog p.notification, .ui-dialog .notification-div {
	max-width:500px;
	cursor:default;
}
.notificationFullWidth p.notification{ max-width:none; }
p.notification.fixed{ cursor:default; }
p.notification.information,
.notification-div.notification.information {
	color:#62768B;
	background:#EDF1F5;
	border:1px solid #D8E3EF;
	display:flex;
	margin-bottom: 26px;
	align-items: center;
}
p.notification.information > span:nth-child(1), 
.notification-div.notification.information > span:nth-child(1) {
	margin-right: 10px;
}
p.notification.attention,
.notification-div.notification.attention {
	color:#FF9900;
	background:#FFEBCC url('/images/icons/mini/exclamation-button.png') no-repeat 10px center;
	border:1px solid #FFCC00;
}
p.notification.success, 
.notification-div.notification.success {
	color:#569B4B;
	background:#D5FFCE url('/images/icons/mini/tick-button.png') no-repeat 10px center;
	border:1px solid #89CE7E;
}
p.notification.fail,
.notification-div.notification.fail {
	color:#9B4B4B;
	background:#FFCECE url('/images/icons/mini/cross-button.png') no-repeat 10px center;
	border:1px solid #DF8F8F;
}
p.notification.explain,
.notification-div.notification.explain {
	color:#333;
	padding:10px 10px 10px 10px;
	background:#EFEFEF;
	border:1px solid #CCC;
}
p.notification a{
	color:#666666;
	text-decoration:none;
}
p.notification a:hover{ text-decoration:underline; }
/* jPromptMsg */
p.jPromptMsg{
	margin:0px;
	padding:0px 0px 0px 20px;
	line-height:20px;
	color:#666666;
	background:url('/images/icons/mini/information-button.png') no-repeat 0px 2px;
	text-align:left;
}

.notification-div > :first-child {
	margin-right: 20px;
}


#notif_files_in_upload, #notif_files_in_upload_finish {
	font-size: 12px;
	border: 2px solid #9FCF20;
	background-color: #9FCF20;
	color: #2F2F2F;
}



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- Z-INDEX --- */
#page .box h1{ z-index:1!important; }
#page .box.toggle h1 span.arrowToggle{ z-index:2!important; }
div#page div#composition div#compo_zone div.element div.hideFrame{ z-index:10!important; }
div#page div#composition div.zoneFrame{ z-index:10000!important; }
div#page div#animation div#timeline_content  div#timeline_timeviewer{ z-index:50!important; }
div#page div#animation div.zoneFrame{ z-index:10000!important; }
.btnQuery{ z-index:10!important; }
ul#folders div#drag_media_helper{ z-index:2000!important; }
#multipleUpload object{ z-index:20!important; }
.ui-resizable-handle{ z-index:30!important; }
.ui-selectable-helper{ z-index:30!important; }
.fg-menu-container{ z-index:5000!important; }
#switchAccount, div#accounts{ z-index:7500!important; }
.nyroModalBg{ z-index:10000!important; }
.nyroModalCont{ z-index:11000!important; }
.nyroModalCont.nyroModalLoad{ z-index:12000!important; }
.nyroModalTitle{ z-index:13000!important; }
.nyroModalCloseButton{ z-index:14000!important; }

/*
.ui-widget-overlay{ z-index:15000!important; }
.ui-widget-overlay.force-top-overlay{ z-index:17000!important; }
*/

.ui-dialog.force-top-dialog{ z-index:18000!important; }
.ui-tooltip, .qtip{ z-index:20000!important; }
.ui-timepicker, .ui-datepicker{ z-index:20000!important; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- JQUERY UI --- */
/* Dialog */
.ui-dialog-titlebar{ height:30px; line-height:30px; font-size:13px; margin-bottom:10px; }
.ui-dialog-titlebar .ui-dialog-titlebar-close{ margin-right:5px; }
.ui-dialog h2{
	margin:0px 0px 10px 0px;
	padding:0px 5px;
	font-size:16px;
	font-weight:normal;
	border-bottom:3px double #999999;
	color:#666666;
}
.ui-dialog .imgLoading{
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:31px;
	height:31px;
	margin:-15px 0px 0px -15px;
}
/* btnQuery */
.btnQuery{ margin:0px 10px 0px 0px; }
.btnQuery.fRight{ margin:0px 0px 0px 10px; }
form .btnQuery{ padding:5px 10px; }
/* form a.btnQuery{ padding:1px 0px 0px 0px; } */
.nyroModalCont a.btnQuery{ line-height:30px; }
h1.small .btnQuery .ui-button-text{ padding:.22em 1em .22em 2.1em; }
table tr td a.btnQuery:hover{ color:#FFFFFF; }
#panel .btnQuery{ margin:15px 0px 0px 0px; }
/* nyroModal */
.nyroModalCont{ position:relative; }
.nyroModalCont h2{
	margin:0px 0px 10px 0px;
	padding:0px 5px;
	font-size:16px;
	font-weight:normal;
	border-bottom:3px double #999999;
	color:#666666;
}
.nyroModalCont form{ width:390px; }
.nyroModalCont form textarea{ width:200px; }
/* qTip */


.ui-tooltip-dark, .ui-tooltip-tip, .ui-tooltip, .ui-tooltip-content, .ui-tooltip-tip > canvas {
	background-color: #4F5467 !important;
	background: #4F5467 !important;
	color: white !important;
	margin: 0px !important;
	border: none;
	border-radius: 5px;
	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}
.ui-widget-content{
	/*border-bottom: none !important; */ 
	/* text-align: center !important; */
}
.ui-tooltip-tip{
	bottom: -5px !important; 
	display: none !important;
}

.ui-tooltip-img > .ui-tooltip-content{
	padding: 0 !important;
	background-color: transparent !important;
	background: transparent !important;
}
.ui-tooltip-img > .ui-tooltip-content > img{
	object-fit: cover;
	height: 100%;
    width: 100%;
}
/* Drop Down */
.dd .ddChild a img{ max-height:40px; }
.dd .ddChild a.selected, .dd .ddChild a:hover{
	background:#8FBE00;
	font-weight:bold;
	color:#FFFFFF;
}
/* Slider Range */
div.sliderRange .values{
	float:left;
	width:32%;
	height:100%;
	margin-right:4%;
	font-weight:bold;
	color:#8FBE00;
}
div.sliderRange .bar{
	float:left;
	width:60%;
}
div.sliderRange span{
	display:inline-block;
	width:44%;
	text-align:center;
}
/* GMapBox */
div.GMapBox{
	overflow-x:hidden;
}
div.GMapBox p.title{
	margin:0px;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
div.GMapBox img.screenshot{
	display:block;
	max-width:100%;
	max-height:240px;
	margin:5px auto;
}
/* mCustomScrollbar */
.mCSB_vertical .mCSB_container{ margin-right:20px; }
.mCSB_horizontal .mCSB_container{ margin-bottom:20px; }
.mCSB_scrollTools.mCSB_scrollTools_vertical{ width:10px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal{ height:10px; }
.mCSB_scrollTools .mCSB_draggerRail{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail{ width:10px; margin:0px 0px 0px 0px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height:10px; margin:0px 0px 0px 0px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar{ left:0px; width:10px; margin:0px 0px 0px 0px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ top:0px; height:10px; margin:0px 0px 0px 0px; }
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }
/* jRaty */
div.jRaty{
	display:inline-block;
	cursor:pointer;
}
div.jRaty img{
	margin:0px 0px 0px 0px;
	padding:0px 2px 0px 0px;
	vertical-align:bottom;
}
div.jRaty img:last-of-type{ padding-right:0px; }
div.jRatyText{
	font-weight:bold;
	color:#CCCCCC;
}
/* Others */
.placeHolder{ background:#EEFFEE; border:1px solid #8FBE00; }
.ui-datepicker-calendar td, .ui-timepicker td, .wc-time-slots td{ height:auto; }
.wc-grid-timeslot-header{ font-size:9px; }
input.datepicker{ width:75px; }
input.timepicker{ width:75px; }
.dropButton{ width:160px!important; text-align:left; }
.ui-slider-handle:hover{ cursor:pointer; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PAGE 404 --- */
/* Global */
body > div#wrapper404{ background:url('/images/bgContent.png') repeat-x left top; }
div#wrapper404 div#content404{
	position:relative;
	width:800px;
	margin:0px auto;
	padding:25px 0px;
}
div#wrapper404 a#return{
	float:right;
	display:block;
	width:64px;
	height:64px;
	background:url('/images/404/goBack.png') no-repeat left top;
}
div#wrapper404 div#imgCont{
	position:relative;
	width:800px;
	height:300px;
	background:url('/images/404/404.png') no-repeat left top;
}
div#wrapper404 p#msgError{
	position:absolute;
	top:315px;
	left:490px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#FFFFFF;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PAGE LOGIN GREENPLAYER --- */
/* Global */
#page #connexion a#logo img{
	display:block;
	width:250px;
	height:40px;
	margin:50px auto;
	background:url('/images/greenplayer/logoBig.png') no-repeat center center;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PAGE MODULES RESTRICTED --- */
/* Global */
#page #modules_restricted div.box{
	width:930px;
	margin:0px auto;
}
/* Logo */
#page #modules_restricted a#logo{
	display:block;
	width:600px;
	height:100px;
	margin:50px auto;
	background:url('/images/greenplayer2/logoBig.png') no-repeat center center;
}
/* Liste Modules */
#page #modules_restricted ul li{
	float:left;
	margin:10px;
}
#page #modules_restricted ul li a{
	display:block;
	width:150px;
	height:150px;
	padding:5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
#page #modules_restricted ul li a:hover{
	background:#EEFFEE;
	border:1px solid #8FBE00;
	color:#8FBE00;
}
#page #modules_restricted ul li a img{
	display:block;
	width:96px;
	height:96px;
	margin:15px auto;
}
#page #modules_restricted ul li a p{
	margin:0px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}
/* Footer */
#footer.medium{
	width:910px;
	margin:0px auto;
}
#footer.medium p{ text-align:center; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- IFRAME --- */
/* Global */
#page .iframeWrapper{
	background:#000000;
	overflow:auto;
}
#page .iframeWrapper iframe{
	display:block;
	margin:0px;
	padding:0px;
	border:1px solid #000000;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- LISTS --- */
/* Global */
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
li{ list-style:none; }
/* Tree List */
ul.treeList ul{ padding-left:0px; }
ul.treeList > ul ul{ padding-left:25px; }
ul.treeList li{
	margin:0px 0px 5px 0px;
	padding:0px;
}
ul.treeList li a{
	display:block;
	padding:5px 5px 4px 5px;
	background:#F3F3F3;
	color:#666666;
	text-decoration:none;
}
ul.treeList li a:hover{
	background:#E3E3E3;
	font-weight:bold;
}
ul.treeList li a.active{
	background:#8FBE00;
	font-weight:bold;
	color:#FFFFFF;
}
ul.treeList ul li a{
	background:#F3F3F3 url('/images/icons/mini/arrow-000-small.png') no-repeat 5px center;
	padding-left:25px;
}
ul.treeList ul li a:hover{ background:#E3E3E3 url('/images/icons/mini/arrow-000-small.png') no-repeat 5px center; }
ul.treeList ul li a.active{ background:#8FBE00 url('/images/icons/mini/arrow-000-small.png') no-repeat 5px center; }
/* Tag List */
ul.tagList li{
	float:left;
	margin:0px 10px 10px 0px;
	padding:6px 8px 4px 6px;
	background:#F6F6F6;
	border:1px solid #BBBBBB;
	color:#999999;
	font-weight:bold;
}
ul.tagList li.tick{
	padding-left:18px;
	background:#EEFFEE url('/images/icons/mini/tick-small.png') no-repeat 2px center;
	border:1px solid #8FBE00;
	color:#8FBE00;
}
ul.tagList li.cross{
	padding-left:18px;
	background:#FFEEEE url('/images/icons/mini/cross-small.png') no-repeat 2px center;
	border:1px solid #CC6666;
	color:#CC6666;
}
/* Polaroïds */
ul.pols > li{
	position:relative;
	float:left;
	width:234px;
	margin:0px 20px 20px 0px;
	background:#FFFFFF;
	box-shadow:2px 2px 0px #E3E3E3;
}
ul.pols > li.imported{
	background:#E3EFCF;
	box-shadow:2px 2px 0px #D3DFBF;
}
ul.pols > li div.pic{
	position:relative;
	display:block;
	width:100%;
	height:131px;
	overflow:hidden;
}
ul.pols > li div.pic > img{
	display:block;
	width:100%;
	border:5px solid #F3F3F3;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
ul.pols > li.imported div.pic > img{ border-color:#E3EFCF; }
ul.pols > li div.pic ul.infos{ position:absolute; }
ul.pols > li div.pic ul.infos.top{ top:6px; }
ul.pols > li div.pic ul.infos.right{ right:6px; }
ul.pols > li div.pic ul.infos.bottom{ bottom:1px; }
ul.pols > li div.pic ul.infos.left{ left:6px; }
ul.pols > li div.pic ul.infos li{
	float:left;
	margin:0px;
	padding:4px 6px;
	background:#F3F3F3;
	line-height:16px;
	font-size:12px;
	color:#909090;
	text-decoration:none;
}
ul.pols > li.imported div.pic ul.infos li{ background:#E3EFCF; }
ul.pols > li div.pic ul.infos li img{
	float:left;
	width:auto;
	margin:0px 3px 0px 0px;
}
ul.pols > li div.pic ul.infos.left li{ margin-right:5px; }
ul.pols > li div.pic ul.infos.right li{ margin-left:5px; }
ul.pols > li div.pic ul.infos.top.right{ display:none; }
ul.pols > li.imported div.pic ul.infos.top.right{ display:block; }
ul.pols > li div.desc{
	padding:10px;
	background:#F3F3F3;
	color:#707070;
}
ul.pols > li.imported div.desc{ background:#E3EFCF; }
ul.pols > li div.desc p.title{
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
	color:#999999;
}
ul.pols > li div.desc p.text{
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	color:#AAAAAA;
}
ul.pols > li div.desc a.btnDown{
	float:right;
	display:block;
	width:16px;
	height:16px;
	padding:6px;
	margin:4px 0px 0px 0px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}
ul.pols > li div.boxLoad{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	width:100%;
	height:100%;
}
ul.pols > li div.boxLoad div{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#FFFFFF;
	opacity:0.9;
}
ul.pols > li div.boxLoad img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-16px 0px 0px -16px;
}
ul.pols > li div.boxLoad p{
	position:absolute;
	top:65%;
	left:0px;
	width:100%;
	margin:0px;
	font-weight:bold;
	color:#8FBE00;
	text-align:center;
}
/* Stickers */
ul.stickers li h2, ul.stickers li h3{ margin:0px; }
ul.stickers li h2 a{
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
ul.stickers > li{
	float:left;
	width:300px;
	margin:0px 20px 20px 0px;
	padding:0px 0px 10px 0px;
	background:#F3F3F3;
	box-shadow:2px 2px 0px #E3E3E3;
}
ul.stickers > li a.banner{
	display:block;
	width:100%;
	height:80px;
	background:#FFFFFF;
	overflow:hidden;
}
ul.stickers > li a.banner img{
	display:block;
	width:100%;
}
ul.stickers > li div.description, ul.stickers > li div.latest{ padding:0px 10px; }
ul.stickers > li div.description p{
	margin:0px 0px 5px 0px;
	color:#333333;
}
ul.stickers > li div.latest ul li a{
	display:block;
	margin:5px 0px 0px 0px;
	padding:5px 10px;
	background:#FFFFFF;
	color:#333333;
	text-decoration:none;
}
ul.stickers > li div.latest ul li a:hover{
	background:#8FBE00;
	color:#FFFFFF;
}



select option{
	color:#666666;
}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- FORMS --- */
/* Global */
form *{
	/*font-family:Arial, Helvetica, sans-serif;*/
	/* font-size:12px; */
}
form *:focus{ outline:none; }
form br{ clear:both; }
form:not(#form-upload) label{
	display:block;
	float:left;
	width:150px;
	line-height:20px;
	margin:0px 10px 10px 0px;
	/*
	font-weight:bold;
	font-style:italic;
	*/
	color:#666666;
}
form.large label{
	width:220px;
}
form label.noMarginB{ margin-bottom:0px; }
form label.required{ background:url('/images/icons/mini/exclamation-red.png') no-repeat right 2px; }
form input[type=text], input[type=email], form input[type=password], form input[type=submit], form select{
	float:left;
	width:200px;
	margin:0px;
}
form input[type=text].small{ width:120px; }
form input[type=text].mini{ width:60px; }
form input[type=submit].fRight{ float:right; }
form select{ width:206px; }
form textarea{
	float:left;
	width:280px;
	min-height:140px;
	max-height:280px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	resize:vertical;
}
form input[type=submit]{ width:auto; }
form input.errorField, form select.errorField, form textarea.errorField{ border:2px solid #C00; }
form span.fieldSep{
	float:left;
	margin:0px 10px;
	line-height:22px;
}
form span.inputLike{
	float:left;
	line-height:20px;
	margin:0px 0px 10px 0px;
}
form .checkLabel{
	display:inline;
	float:none;
	line-height:auto;
	margin:0px 0px 0px 5px;
	font-weight:bold;
	font-style:normal;
	color:#666666;
	vertical-align:2px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
}
form .checkValues{
	float:left;
	width:196px;
	margin-bottom:10px;
}
form .addMarginB{ margin-bottom:14px; }
form .infoField{
	font-size:11px;
	text-align:justify;
	color:#999999;
	margin:-2px 0px 6px 0px;
	text-decoration:none;
}
form a.infoField:hover{ color:#8FBE00; }
input[disabled], select[disabled], textarea[disabled]{
	padding:2px;
	background:#F9F9F9;
	border:1px solid #CCCCCC;
}
select[disabled]{ padding:1px 1px 1px 2px; }
input.clean{
	padding:2px 0px;
	border:none;
	background:none;
	color:#333333;
}
form div.slideRange{
	float:left;
	width:160px;
	margin:5px 0px 0px 0px;
}
form span.slideValue{
	float:left;
	width:40px;
	margin:3px 0px 0px 0px;
}
/* Color Picker */
form input.colorpickerField, form input.colorpickerBg{ width:140px; }
form div.colorpickerBox{
	float:left;
	width:50px;
	height:19px;
	border:1px solid #999;
	margin:0px 5px 0px 0px;
	cursor:pointer;
}
/* Media Picker */
form input.nameMediaSel{
	width:130px;
	margin-right:5px;
}
div.boxMediaPicker{ float:left; }
div.boxMediaPicker a{
	float:left;
	margin:0px 0px 0px 5px;
	padding:3px 0px;
	cursor:pointer;
}
div.boxMediaPicker a img{ display:block; }
/* Inputs - Blurred */
input.blurred, textarea.blurred, select.blurred{
	color:#AAAAAA;
	font-style:italic;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- TABLES --- */
/* Global */
table{
	width:100%;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	border:0px;
	border-spacing:0px;
	color:#4F5467;
}
.nyroModalCont table{
	min-width:400px;
	border:1px solid #f7f7f9;
}
table th{
	height:40px;
	padding:0px 5px;
	background:#FFFFFF;
	/* border-bottom:1px solid #DDDDDD; */
	font-size:13px;
	text-align:left;
}

table td{
	border-bottom:1px solid #e5e7ea;
}


/*
table tr.alt{ background:#EFEFEF; }
table.hoverColor tbody tr:hover{ background:#C6F066; }
table tbody tr.hoverColor{ background:#C6F066; }
*/
table td{
	height:40px;
	padding:0px 5px;
	color:#333333;
	/*border-bottom:1px solid #CCC;*/
}

table.mceToolbar td{
	height:auto!important;
}

table td.sub{
	padding-left:25px;
	background:url('/images/icons/mini/arrow-000-small.png') no-repeat 5px center;
}
table td.summary{
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	border-top:1px solid #DDDDDD;
	color:#666666;
}
table.lowHeight td{ height:25px; }
table tr th.actions > *, table tr td.actions > *{
	float:left;
	margin:0px 10px 0px 0px;
}
table tr td.preview{
	width:100px;
	padding:5px 0px;
}
table tr td.preview a{ display:block; }
table tr td.preview div{
	width:80px;
	overflow:hidden;
}
table tr td.preview div img{
	display:block;
	height:45px;
}
table tr td a{
	color:#333333;
	text-decoration:none;
	/*display:inline-block; this bug on tinymce*/
}
table.dataTable tr td a{
	display:inline-block;
}
table tr td a:hover{
	color:#8FBE00;
	text-decoration:underline;
}
table.hoverColor tr td a:hover{ color:#000000; }
/* Data Tables */
div.dataTables_wrapper{ color:#666666; }
div.dataTables_wrapper:first-child table{ border-top:none; }
div.dataTables_length{ float:right; }
div.dataTables_filter, div.dataTables_length{
	display:none;
	padding:10px;
	background:#FFFFFF;
}
div.dataTables_info, div.dataTables_paginate{
	padding:12px 10px;
	border-top:1px solid #DDDDDD;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;
}
div.spacer div.dataTables_info, div.spacer div.dataTables_paginate{ background:none; }
div.dataTables_info{
	float:right;
	margin-top:3px;
	margin-right:1px;
	border-top:none;
}
div.nyroModalCont div.dataTables_paginate{
	border:1px solid #CCCCCC;
	border-top:none;
}
/* Data Tables - Fast Edit */
div.dataTables_wrapper tr td.fastEdit.active{ padding:0px 5px; }
div.dataTables_wrapper tr td.fastEdit.active input, div.dataTables_wrapper tr td.fastEdit.active select{
	margin:0px;
	background:#EEEEFF;
	border:1px solid #8FBE00;
}
div.dataTables_wrapper tr td.fastEdit.active form{
	position:relative;
	padding-right:26px;
}
div.dataTables_wrapper tr td.fastEdit.active div.applyEdit{
	position:absolute;
	top:0px;
	right:0px;
	width:25px;
	height:25px;
	background:#FFFFFF url('../../images/icons/mini/disk-return-black.png') no-repeat center center;
	border:1px solid #8FBE00;
	cursor:pointer;
}
/* Data Tables - Colors */
div.dataTables_wrapper table thead tr th{ background:#EDF1F5; }
div.dataTables_wrapper table tbody tr td{ border-bottom: 1px solid #efeff5!important; }
div.dataTables_wrapper table tbody tr:nth-of-type(odd){ 
/*background:#F3F3F3; */
}
#dtPlayersGroupsSelectedContainer div.dataTables_wrapper table tbody tr:nth-of-type(odd){
	background:#F3F3F3;
}
/* Data Tables - Filters */
div.dataTables_wrapper tr.filter th{
	padding:0px;
	background:#F6F8FB;
	color: #4F5467;
	/* border-top:1px solid #DDD; */
}
div.dataTables_wrapper tr.filter th input[type=text]{
	background-image: url("/images/search.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 12px !important;
	background-position-y: center !important;
	padding:0 20px 0 0 !important;
	background-position-x: 1px right !important;
}
div.dataTables_wrapper tr.filter th input[type=text], div.dataTables_wrapper tr.filter th select{
	width:100%;
	height:100%;
	margin:0px;
	padding:0;
	border: 2px solid #F6F8FB !important;
	box-sizing: border-box;
	color: #4F5467;
}
div.dataTables_wrapper tr.filter th input[type=text]:focus, div.dataTables_wrapper tr.filter th select:focus{
	outline: none !important;
}
/* div.dataTables_wrapper tr.filter th select{ padding:11px 0px; }*/
div.dataTables_wrapper tr.filter th select option{ padding:5px; }
/* Data Tables - Empty */
div.dataTables_wrapper .dataTables_empty{
	font-weight:bold;
	font-style:italic;
	background:#FFFFFF;
	color:#4F5467;
	text-align:center;
}
/* Data Tables - Sorting */
div.dataTables_wrapper .sorting{
	background:#EDF1F5 url('../../images/tables/sort.png') no-repeat right 5px center;
	cursor:pointer;
}
div.dataTables_wrapper .sorting_asc{
	background:#EDF1F5 url('../../images/tables/sortAsc.png') no-repeat right 5px center;
	cursor:pointer;
}
div.dataTables_wrapper .sorting_desc{
	background:#EDF1F5 url('../../images/tables/sortDesc.png') no-repeat right 5px center;
	cursor:pointer;
}
/* Data Tables - Paginate */
div.dataTables_paginate *{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; }
div.dataTables_paginate .paginate_button, div.dataTables_paginate .paginate_active{
	position:relative;
	top:-2px;
	margin-right:5px;
	padding:5px 10px;
	color: #4F5467;
	background: #EDF1F5;
	border-radius: 3px;
	cursor:pointer;
}
div.dataTables_paginate .paginate_button{ padding:5px 10px; }
div.dataTables_paginate .paginate_button.first{ padding:5px; }
div.dataTables_paginate .paginate_button.previous{ padding:5px; }
div.dataTables_paginate .paginate_button.next{ padding:5px; }
div.dataTables_paginate .paginate_button.last{ padding:5px; }
div.dataTables_paginate .paginate_button:hover{
	background:-moz-linear-gradient(100% 100% 90deg, #DDDDDD, #FFFFFF);
	color:#4F5467;
}
div.dataTables_paginate .paginate_active{
	background: #4F5467;
	font-weight:bold;
	border-radius: 3px;
	color:#FFFFFF;
	cursor:default;
}
div.dataTables_paginate .paginate_button_disabled, div.dataTables_paginate .paginate_button_disabled:hover{
	background:#F6F8FB;
	color:#999999;
	cursor:default;
	border-radius: 3px;
}
div.dataTables_paginate .paginate_button img{
	display:inline;
	position:relative;
	top:4px;
}
div.dataTables_paginate .paginate_button div.control{
	position:relative;
	top:5px;
	display:inline-block;
	width:16px;
	height:16px;
	background:url('../../../images/tables/controls_greenplayer.png') no-repeat left top;
}
div.dataTables_paginate .paginate_button div.control.first{ background-position:0px 0px; }
div.dataTables_paginate .paginate_button_disabled div.control.first{ background-position:-16px 0px; }
div.dataTables_paginate .paginate_button div.control.last{ background-position:-32px 0px; }
div.dataTables_paginate .paginate_button_disabled div.control.last{ background-position:-48px 0px; }
div.dataTables_paginate .paginate_button div.control.previous{ background-position:0px -16px; }
div.dataTables_paginate .paginate_button_disabled div.control.previous{ background-position:-16px -16px; }
div.dataTables_paginate .paginate_button div.control.next{ background-position:-32px -16px; }
div.dataTables_paginate .paginate_button_disabled div.control.next{ background-position:-48px -16px; }
/* dataTables - sFooter */
.dataTables_sFooter .dataTables_info{ display:none; }
.dataTables_sFooter .dataTables_paginate{ text-align:center; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- FOOTER --- */
/* Global */
div#footer{
	margin:0px 20px 20px 20px;
	padding:10px 5px;
	border-top:1px solid #CCCCCC;
}
div#footer.small{
	width:370px;
	margin:0px auto 20px auto;
}
div#footer p{
	margin:0px;
	color:#666666;
	text-align:right;
}
div#footer.small p{ text-align:center; }
div#footer p a{
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
div#footer p a:hover{ color:#8FBE00; }
div#pageLoadTime{
	margin:-20px 20px 30px 20px;
	padding:0px 5px;
	color:#666666;
	text-align:right;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- HEADER --- */
/* Global */
#panel{
	height: calc(100% - 165px);
}
/* Logo */
#panel a#logo{
	float:right;
	display:block;
	width:240px;
	height:60px;
	margin:0px;
	background:url('/images/greenplayer/logoSmallCloud.png') no-repeat center center;
}
/* Menu */
#panel ul#menu{
	padding-top:0px;
	max-height: 100%;
	overflow: auto;
}
#panel ul#menu li{
	margin:0px 0px 0px 0px;
}
#panel ul#menu li a{
	display:block;
	height:26px;
	line-height:26px;
	padding:0px 10px;
	color:#a6acbc;
	text-decoration:none;
	padding:13px 13px 13px 13px;
	font-size:14px;
	transition: all 0.21s ease;
}
#panel ul#menu li a:hover{ 
	transition: all 0.21s ease;
	background-color:#494E60;
}
/*#panel ul#menu li a.active{*/
#panel ul#menu>li>a.active{
	border-left:3px solid #C6F066;
	background-color:#494E60;
	color:#FFF;
}
#panel ul#menu>li>a.active img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(47deg) brightness(301%) ;
}
#panel ul#menu>li>ul>li>a.active{
	color:#FFF;
}
#panel ul#menu>li>ul>li>a.active img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(47deg) brightness(301%) ;
}
#panel ul#menu li a img{
	float:left;
	margin:5px 8px 0px 0px;
}
/* Page Menu */
#page ul#pageMenu{ 
	background: #FFFFFF;
	/* box-sizing: border-box; */
	/* margin-top: -7px; */
	/* margin-bottom: -7px; */
}
#page ul#pageMenu li{
	padding: 2px 5px;
}
#page ul#pageMenu li a{
	display:block;
	padding:10px;
	background:#FFFFFF;
	font-weight:400;
	color:#666666;
	border-radius: 5px;
	text-decoration:none;
	transition: all 0.21s ease;
}
#page ul#pageMenu li a:hover{
	background:#EDF1F5;
	transition: all 0.21s ease;
}
#page ul#pageMenu li a.last, #page ul#pageMenu li:last-child a{
	
}
#page ul#pageMenu li a.active{
	background:#EDF1F5;
	font-weight: 600;
}
#page ul#pageMenu li a img{
	float:left;
	margin:0px 5px 0px 0px;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PAGE --- */
/* Global */
#page{
	padding:20px;
	border-top:1px solid #FFFFFF;
}
/* Location */
#page ul#location{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:11px;
	color:#666666;
}
#page ul#location li{ float:left; }
#page ul#location li img{
	margin:0px 0px 0px 0px;
	vertical-align:middle;
}
#page ul#location li.divider{
	margin:0px 10px 0px 9px;
	width:1px;
	height:16px;
	border-right:1px dotted #666666;
}
#page ul#location li.sep{ margin:0px 5px; }
#page ul#location li span{
	margin:0px 10px 0px 0px;
	font-weight:bold;
	border-bottom:1px dotted #999999;
}
#page ul#location li a{
	color:#666666;
	text-decoration:none;
}
#page ul#location li a:hover{ color:#8FBE00; }
#page ul#location li a.active{
	font-weight:bold;
	color:#8FBE00;
}
/* User Menu */
#page ul#usermenu{ float:right; }
#page ul#usermenu li{
	float:left;
	margin:0px;
	color:#666666;
	font-size:11px;
}
#page ul#usermenu li img{
	margin:0px 0px 0px 0px;
	vertical-align:middle;
}
#page ul#usermenu li a{
	color:#666666;
	text-decoration:none;
}
#page ul#usermenu li a:hover{ color:#8FBE00; }
#page ul#usermenu li a.active{
	font-weight:bold;
	color:#8FBE00;
}
#page ul#usermenu li.divider{
	margin:0px 10px 0px 9px;
	width:1px;
	height:16px;
	border-right:1px dotted #666666;
}
#page ul#usermenu li.user span{
	margin:0px 8px;
	font-weight:bold;
	color:#8FBE00;
}
#page ul#usermenu li.user a#userInfo{
	color:#8FBE00;
	text-decoration:none;
}
#page ul#usermenu li.user a#userInfo:hover{ text-decoration:underline; }
#page ul#usermenu li.user a#switchAccount{
	position:relative;
	margin-left:2px;
	padding:4px 16px 4px 6px;
	background:url('../../images/tables/sortDesc.png') no-repeat right -4px center;
	border:1px solid #E9E9E9;
	border-bottom:none;
	color:#8FBE00;
	font-weight:bold;
	text-decoration:none;
}
#page ul#usermenu li.user a#switchAccount.active{
	background:#FFFFFF url('../../images/tables/sortDesc.png') no-repeat right -4px center;
	border:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
	box-shadow:0px -3px 3px -3px #CCCCCC, 3px 0px 3px -3px #CCCCCC, -3px 0px 3px -3px #CCCCCC;
}
ul#defaultUserAccount{
	float:left;
	width:180px;
	padding:10px 10px 5px 10px;
	background:#F0F0F0;
	border:1px solid #CCCCCC;
}
ul#defaultUserAccount li{
	line-height:16px;
	margin:0px 0px 5px 0px;
	font-weight:bold;
	color:#666666;
}
ul#defaultUserAccount li a{
	float:left;
	margin:0px 5px 0px 0px;
}
/* Accounts */
#accounts{
	position:absolute;
	top:102px;
	right:128px;
	width:320px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	box-shadow:0px 0px 3px #CCCCCC;
}
#accounts #information{
	padding:20px 20px 15px 20px;
	background:#FFFFFF;
	border-bottom:1px solid #E6E6E6;
}
#accounts #information img{
	float:left;
	width:64px;
	height:64px;
	margin:0px 10px 0px 0px;
	padding:5px;
	background:#F6F6F6;
	border:1px solid #DDDDDD;
}
#accounts #information p{
	margin:0px 0px 5px 0px;
	color:#666666;
}
#accounts #information p strong{
	font-size:13px;
	color:#000000;
}
#accounts #others > p{
	margin:0px;
	padding:10px 20px;
	background:#EEFFEE;
	border-bottom:1px solid #CCCCCC;
	color:#8FBE00;
	font-weight:bold;
	font-style:italic;
}
#accounts #others ul{
	max-height:375px;
	overflow-y:auto;
}
#accounts #others ul li a{
	display:block;
	padding:10px 20px;
	border-bottom:1px solid #CCCCCC;
	line-height:18px;
	color:#333333;
	text-decoration:none;
}
#accounts #others ul li a strong{ color:#333333; }
#accounts #others ul li a em{ color:#666666; }
#accounts #others ul li a:hover{ background:#E6E6E6; }
#accounts #others ul li a:hover strong{ color:#000000; }
#accounts #others ul li a:hover em{ color:#333333; }
#accounts #others ul li a img{
	float:left;
	width:46px;
	height:46px;
	margin:0px 10px 0px 0px;
	padding:4px;
	background:#FCFCFC;
	border:1px solid #E3E3E3;
}
#accounts #others ul li a:hover img{ background:#FFFFFF;border:1px solid #C3C3C3; }
/* Box */
#page .box{
	background:#FFFFFF;
	border-bottom:0px;
	
}
/* Box Title */
#page .box h1{
	position:relative;
	/*height:30px!important;*/
	line-height:35px;
	margin:0px;
	padding:5px 10px;
	font-size:16px;
	/*-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;*/
	white-space:nowrap;
	overflow:hidden;
	font-weight:600!important;
}
#page .box h1.close{ 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
}
#page .box h1.small{
	height:24px!important;
	line-height:24px;
	padding:3px 10px;
	font-size:16px;
}
#page .box.toggle h1{ cursor:pointer; }
#page .box.toggle h1 span.arrowToggle{
	position:absolute;
	top:15px;
	right:11px;
	display:block;
	width:16px;
	height:16px;
	background:url('/images/icons/mini/toggle.png') no-repeat left top;
}
#page .box.toggle h1.small span.arrowToggle{ top:7px; }
#page .box.toggle h1.close span.arrowToggle{ background:url('/images/icons/mini/toggle-expand.png') no-repeat left top; }
#page .box h1 img{
	float:left;
	margin:7px 7px 0px 0px;
}
#page .box h2{
	margin:10px 0px;
	padding:0px 5px;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px double #999999;
	color:#666666;
}
#page .box h2.first{ margin-top:0px; }
#page .box h2.toggle{
	cursor:pointer;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
}
#page .box h2.toggle span.arrowToggle{
	float:right;
	width:16px;
	height:16px;
	margin:3px 0px 0px 0px;
	background:url('/images/icons/mini/toggle-small.png') no-repeat left top;
}
#page .box h2.toggle.close span.arrowToggle{ background:url('/images/icons/mini/toggle-small-expand.png') no-repeat left top; }
#page .box h3{
	font-size:12px;
	margin:10px 0px;
	padding:0px 5px;
	color:#333333;
	border-bottom:1px dotted #999999;
}
/* Box Infos */
#page .box #infos{
	padding:10px;
	/*background:#EEEEEE;*/
	background:#FFFFFF;
	border-top:1px solid #CCCCCC;
}
#page .box #infos p{
	margin:0px;
	font-size:11px;
	font-style:italic;
	color:#666666;
}
/* Box Tabs */
#page .box #tabs{
	height:30px;
	padding:0px;
	margin-top: 5px;
	background:#EDF1F5;
	border-radius: 5px 5px 0 0;
}
#page .box #tabs li,
#newPageContainer .gp-card #tabs li {
	float:left;
	margin:6px 0px 0px 5px;
}
#page .box #tabs li.sep,
#newPageContainer .gp-card #tabs li.sep {
	width:0px;
	height:100%;
	margin-top:0px;
}

#page .box #tabs li.semisep,
#newPageContainer .gp-card #tabs li.semisep {
	width:15px;
	/* background-color: #FFFFFF; */
	height:100%;
	margin-top:0px;
}
#page .box #tabs li select,
#newPageContainer .gp-card #tabs li select {
	border-radius: 5px;
	padding: 2px;
	color: #4F5467;
	margin-top: 0 !important;
	border: none;
	background-color: #FFF;
}
#page .box #tabs li select:focus,
#newPageContainer .gp-card #tabs li select:focus {
	outline: none;
}

#page .box #tabs li a,
#newPageContainer .gp-card #tabs li a {
	display:block;
	height:24px;
	line-height:24px;
	padding:0px 10px;
	color:#4F5467;
	text-decoration:none;
}
#page .box #tabs li a:hover{ color:#8FBE00; }
#page .box #tabs li a.active,
#newPageContainer .gp-card #tabs li a.active {
	background:#FFFFFF;
	border-radius: 5px 5px 0 0;
	border-bottom:none;
	cursor:default;
	color:#4F5467;
	font-weight:bold;
}
#btns-upload-to-playlist {
	background-color: #fff;
	padding: 0px 10px 10px 10px;
}
/* Box Filters */
#filters.mediaFiltersBox{
	position:relative;
	background:#EEEEEE;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#filters.mediaFiltersBox #search_media{
	float:left;
	width:61%;
	/*width:40%;*/
	margin:0px;
	padding:5px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#666666;
}
#filters.mediaFiltersBox #search_type{
	float:right;
	width:35%;
	/*width:30%;*/
	margin:0px;
	padding:4px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
#filters.mediaFiltersBox #search_kind{
	float:left;
	width:23%;
	margin-right:10px;
	/*margin:0px;*/
	padding:4px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
#filters.mediaFiltersBox #search_close{
	position:absolute;
	top:3px;
	left:58%;
	/*left:63%;*/
	display:block;
	width:16px;
	height:16px;
	/* background:url('/images/icons/mini/cross-small.png') no-repeat left top; */
}


#filters.mediaFiltersBox div.form{ height:30px; }
#filters.mediaFiltersBox div.form label, #filters.mediaFiltersBox div.form input, #filters.mediaFiltersBox div.form select{
	float:left;
	width:auto;
	height:100%;
	margin:0px;
	border:none;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#filters.mediaFiltersBox div.form label{
	margin:0px 10px;
	line-height:30px;
}
#filters.mediaFiltersBox div.form input{
	width:200px;
	margin-right:20px;
	padding:0px 5px;
}
#filters.mediaFiltersBox div.form input[type=checkbox]{
	width:auto;
	margin-right:20px;
}
#filters.mediaFiltersBox div.form select{
	width:200px;
	margin-right:20px;
	padding:6px 0px;
}
/* Box Loading */
#page .box div.boxLoading{
	position:relative;
	width:100%;
	height:60px;
}
#page .box div.boxLoading img{
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:31px;
	height:31px;
	margin:-16px 0px 0px -16px;
}
/* Dialog Filters */
#filters.mediaPicker{ margin:0px 0px 10px 0px; }
#filters.mediaPicker #search_media{
	position:relative;
	float:left;
	width:70%;
	margin:0px;
	padding:5px;
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#666666;
}
#filters.mediaPicker #search_type{
	float:right;
	width:25%;
	margin:0px;
	padding:4px;
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
#filters.mediaPicker #search_close{
	position:absolute;
	top:11px;
	left:67%;
	display:block;
	width:16px;
	height:16px;
	background:url('/images/icons/mini/cross-small.png') no-repeat left top;
}
#filters.newClose #search_close{
	position:absolute;
	top:4px;
	left:67%;
	display:block;
	width:16px;
	height:16px;
	background:url('/images/icons/mini/cross-small.png') no-repeat left top;
}
/* Box Content */
#page .box #content{
	padding:10px;
	border-radius: 4px;
	/*border-top:1px solid #CCCCCC;*/
}
#page .box #content.noPadding{ padding:0px; }
#page .box #content.noPaddingT{ padding-top:0px; }
#page .box #content.noPaddingL{ padding-left:0px; }
#page .box #content.noPaddingB{ padding-bottom:0px; }
#page .box #content.noPaddingR{ padding-right:0px; }
#page .box #content #loader{ text-align:center; }
#page .box.menu #content{
	padding:0px;
	border-top:none;
}
/* Box Bloc */
#page .box #content .bloc{
	padding:5px 5px 0px 5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
}
/* Box Foot */
#page .box #foot{
	padding:10px;
	background:#EEEEEE;
	border-top:1px solid #CCCCCC;
}
#page .box #foot a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:5px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#333333;
	text-decoration:none;
}
#page .box #foot a:hover{
	border:1px solid #8FBE00;
	color:#8FBE00;
}
#page .box #foot a img{
	float:left;
	margin:-1px 5px 0px 0px;
}
/* Diffusions */
#page .box .diffusions p.none{
	margin:0px;
	padding:5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#666666;
}
#page .box .diffusions ul li{
	float:left;
	margin:0px 5px 5px 0px;
}
#page .box .diffusions ul li a{
	display:block;
	padding:5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
#page .box .diffusions ul li a:hover{
	background:#EEFFEE;
	border:1px solid #8FBE00;
	color:#8FBE00;
}
#page .box .diffusions ul li a img{
	float:left;
	margin:0px 5px 0px 0px;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- BOX's WIDTH --- */
/* Global */
#page .box.left{ float:left; }
#page .box.right{ float:right; }
#page .boxWrapper .box{ margin-bottom:10px; }
#page .boxWrapper .box.last{ margin-bottom:0px; }
#page .boxWrapper .box label{ width:40%; }
/* Page Menu */
#page .box.left.menu{ width:220px; }
/* Connexion */
#page #connexion .box{ width:450px; margin:0px auto; }
/* Dashboard */
#page #dashboard .boxWrapper{ width:33%; float:left; }
#page #dashboard .box{ width:95%; margin:0px auto; }
/* Mediathèque */
#page #mediatheque .box.left{ width:29%; }
#page #mediatheque .box.right{ width:70%; }
/* Market */
#page #market .boxWrapper.left{ width: calc(100% - 270px); float:left; }
#page #market .boxWrapper.right{ width:250px; float:right; }
#page #market .boxWrapper .box{ width:100%; }
/* Libraries */
#page #libraries .box.left{ width:100%; }
/* Library */
#page #library .box.left{ width:16%; }
#page #library .box.right{ width:83%; }
/* Image */
#page #image .box.left{ width:calc(100% - 440px);  }
#page #image .boxWrapper.right{ width:420px; float:right; }
#page #image .box.right{ width:100%; }
/* Movie */
#page #movie .box.left{ width: calc(100% - 440px); }
#page #movie .boxWrapper.right{ width:420px; float:right; }
#page #movie .box.right{ width:100%; }
/* Playlist */
#page #playlist .box.left{  width: calc(100% - 440px);  }
#page #playlist .boxWrapper.right{ width:420px; float:right; }
#page #playlist .box.right{ width:100%; }
/* Calendar */
#page #calendar .box.left{ width:calc(100% - 440px); }
#page #calendar .boxWrapper.right{ width:420px; float:right; }
#page #calendar .box.right{ width:100%; }
/* Agenda */
#page #agenda .box.left{ width:calc(100% - 440px); }
#page #agenda .boxWrapper.right{ width:420px; float:right; }
#page #agenda .box.right{ width:100%; }
/* Composition */
#page #composition .box.left{ width: calc(100% - 440px); }
#page #composition .boxWrapper.right{ width:420px; float:right; }
#page #composition .box.right{ width:100%; }
/* News */
#page #news .box.left{ width:calc(100% - 440px);  }
#page #news .boxWrapper.right{ width:420px; float:right; }
#page #news .box.right{ width:100%; }
/* Audio */
#page #audio .box.left{ width: calc(100% - 440px); }
#page #audio  .boxWrapper.right{ width:420px; float:right; }
#page #audio  .box.right{ width:100%; }
/* Texte */
#page #text .box.left{ width:calc(100% - 440px);  }
#page #text .boxWrapper.right{ width:420px; float:right; }
#page #text .box.right{ width:100%; }
/* Texte Défilant */
#page #textscroll .box.left{ width:calc(100% - 440px);  }
#page #textscroll .boxWrapper.right{ width:420px; float:right; }
#page #textscroll .box.right{ width:100%; }
/* Clock */
#page #clock .box.left{ width:calc(100% - 440px);  }
#page #clock .boxWrapper.right{ width:420px; float:right; }
#page #clock .box.right{ width:100%; }
/* Weather */
#page #weather .box.left{ width:calc(100% - 440px); }
#page #weather .boxWrapper.right{ width:420px; float:right; }
#page #weather .box.right{ width:100%; }
/* Slideshow */
#page #slideshow .box.left{ width: calc(100% - 440px);  }
#page #slideshow .boxWrapper.right{ width:420px; float:right; }
#page #slideshow .box.right{ width:100%; }
/* Array */
#page #array .box.left{ width:calc(100% - 460px); }
#page #array .boxWrapper.right{ width:440px; float:right; }
#page #array .box.right{ width:100%; }
/* Catalog */
#page #catalog .box.left{ width:70%; }
#page #catalog .boxWrapper.right{ width:29%; float:right; }
#page #catalog .box.right{ width:100%; }
/* Package SVG */
#page #packagesvg .box.left{ width: calc(100% - 450px); }
#page #packagesvg .boxWrapper.right{ width:430px; float:right; }
#page #packagesvg .box.right{ width:100%; }
/* Website */
#page #website .box.left{ width:calc(100% - 440px); }
#page #website .boxWrapper.right{ width:420px; float:right; }
#page #website .box.right{ width:100%; }
/* Flash */
#page #flash .box.left{ width:70%; }
#page #flash .boxWrapper.right{ width:29%; float:right; }
#page #flash .box.right{ width:100%; }
/* Wall */
#page #wall .box.left{ width:calc(100% - 440px); }
#page #wall .boxWrapper.right{ width:420px; float:right; }
#page #wall .box.right{ width:100%; }
/* Modules */
#page #modules .boxWrapper.left{ width:19%; float:left; }
#page #modules .box.left{ width:100%; }
#page #modules .box.right{ width:80%; }
/* Serveur */
#page #serveur .box.right{ width: calc(100% - 245px);  }
#page #broadcast.server .box.right{ width: calc(100% - 245px);  }
/* Broadcast */
#page #broadcast .box.left{ width:24%; }
#page #broadcast .box.right{ width:75%; }
/* Broadcast - Server */
#page #broadcast.server .box.right{ width: calc(100% - 245px);  }
/* Logs */
#page #logs .box.left{ width: calc(100% - 440px);  }
#page #logs .boxWrapper.right{ width:420px; float:right; }
#page #logs .box.right{ width:100%; }
/* Template */
#page #template .box.left{ width:19%; }
#page #template .box.right{ width:80%; }
/* Support */
#page #support .box.left{ width:29%; }
#page #support .box.right{ width:70%; }



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- FOLDERS LIST --- */
ul#folders{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; }
ul#folders > ul:not(#mainUlFolder){
	max-height:300px;
	overflow:auto;
}
ul#folders ul{ padding:0px 0px 0px 16px; }
ul#folders ul.alt:not(.ul-folder) { background:#F8F8F8; }
ul#folders li,
.new-design-tree li {
	padding:5px;
	line-height:16px;
	white-space:nowrap;
	/* overflow:hidden; */
}
ul#folders li img{
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
}
ul#folders li p{
	margin:0px 5px;
	font-style:italic;
	color:#666666;
}
ul#folders li a{
	color:#333333;
	font-style:italic;
	text-decoration:none;
	padding:1px 0px;
	line-height:22px;
}
ul#folders li a:hover{ color:#8FBE00; }
ul#folders li a.toggleFolder{
	padding-left: 5px;
	/* background:url('/images/icons/mini/folder-horizontal.png') no-repeat left top -2px; */
	font-style:normal;
	color:#000000;
}
ul#folders li a.toggleFolder:hover{ color:#8FBE00; }
ul#folders li[status=open] a.toggleFolder{ /*background:url('/images/icons/mini/folder-horizontal-open.png') no-repeat left top -2px; */ }
ul#folders li[active=active] a.toggleFolder{
	/* background:url('/images/icons/mini/blue-folder-horizontal-open.png') no-repeat left top -2px; */
	font-weight:bold;
}
ul#folders li a.showRoot{
	padding-left: 5px;
	/*background:url('/images/icons/mini/bookmark.png') no-repeat left top;*/
	/* background:url('/images/icons/mini/folder-horizontal.png') no-repeat left top -2px;  */
	font-style:normal;
	color:#000000;
}
ul#folders li a.showRoot:hover{ color:#8FBE00; }
ul#folders li[active=active] a.showRoot{
	/*background:url('/images/icons/mini/bookmark-green.png') no-repeat left top;*/
	/* background:url('/images/icons/mini/folder-horizontal-open.png') no-repeat left top -2px; */
	font-weight:bold;
}
ul#folders li.media.active{ background:#EEFFEE; }
ul#folders li.dropActive{
	background:#EEFFEE;
	border:1px solid #8FBE00;
}
/* Drag Media Helper */
ul#folders div#drag_media_helper{
	padding:10px;
	background:#EEFFEE;
	border:1px solid #8FBE00;
}
ul#folders div#drag_media_helper > p{
	margin:0px 0px 5px 0px;
	font-size:13px;
	font-style:normal;
	color:#8FBE00;
}
ul#folders div#drag_media_helper img{ width:100px; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- BROADCAST --- */
/* Left */
div#broadcast div.box.left img#preview{
	display:block;
	width:90%;
	margin:0px auto;
	padding:5px;
	background:#EEFFEE;
	border:1px solid #8FBE00;
}
div#broadcast div.box.left form label{ width:40%; }
div#broadcast div.box.left form input{ width:50%; }
/* Right */
div#broadcast div.box.right h2 span{
	font-size:13px;
	font-style:italic;
}
div#broadcast div.box.right input#search_player{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:5px 5px 5px 30px;
	background:url('/images/icons/mini/magnifier.png') no-repeat 5px center;
	border:1px solid #CCCCCC;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
div#broadcast div.box.right h2 a{
	margin-top:4px;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
div#broadcast div.box.right h2 a:hover{ color:#8FBE00; }
div#broadcast div.box.right h2 a.toggleGroup{
	float:left;
	width:16px;
	height:16px;
	margin:1px 4px 0px 0px;
	background:url('/images/icons/mini/toggle.png') no-repeat left top;
}
div#broadcast div.box.right h2 a.toggleGroup.close{ background:url('/images/icons/mini/toggle-expand.png') no-repeat left top; }
div#broadcast div.box.right ul#players li{
	position:relative;
	float:left;
	width:240px;
	height:215px;
	margin:0px 20px 20px 0px;
	padding:10px 5px;
	background:#F3F3F3;
	border:1px solid #CCCCCC;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
}
div#broadcast.server div.box.right ul#players li{ height:160px; }
div#broadcast div.box.right ul#players li h3{
	margin-top:0px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
}
div#broadcast div.box.right ul#players li div.preview{
	width:240px;
	height:135px;
	margin:0px auto;
}
div#broadcast div.box.right ul#players li div.preview img{
	display:block;
	max-width:100%;
	max-height:100%;
	margin:0px auto;
}
div#broadcast div.box.right ul#players li p{
	margin:10px 0px 0px 0px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
}
div#broadcast div.box.right ul#players li p.vp_content a{ color:#333333; }
div#broadcast div.box.right ul#players li p.vp_content a:hover{ color:#8FBE00; }
div#broadcast div.box.right ul#players li a.addBroad{
	position:absolute;
	top:-1px;
	left:-1px;
	display:block;
	width:32px;
	height:32px;
	background:#FFFFFF url('/images/icons/mini/tick-gray.png') no-repeat center center;
	border:1px solid #CCCCCC;
}
div#broadcast div.box.right ul#players li div.status{
	position:absolute;
	top:-1px;
	right:-1px;
	display:block;
	width:32px;
	height:32px;
	background:#FFFFFF url('/images/icons/mini/status.png') no-repeat center center;
	border:1px solid #CCCCCC;
}
div#broadcast div.box.right ul#players li div.status.busy{ background:#FFFFFF url('/images/icons/mini/status-busy.png') no-repeat center center; }
div#broadcast div.box.right ul#players li div.status.offline{ background:#FFFFFF url('/images/icons/mini/status-offline.png') no-repeat center center; }
/* Active */
div#broadcast div.box.right ul#players li.active{
	background:#EEFFEE;
	border:1px solid #8FBE00;
}
div#broadcast div.box.right ul#players li.active h3{
	color:#8FBE00;
	border-bottom:1px dotted #8FBE00;
}
div#broadcast div.box.right ul#players li.active a.addBroad{
	background:#FFFFFF url('/images/icons/mini/tick.png') no-repeat center center;
	border:1px solid #8FBE00;
}
div#broadcast div.box.right ul#players li.active div.status{ border:1px solid #8FBE00; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PLAYERS --- */
/* Index */
div#content table tr td p.vp_content{
	margin:5px 0px;
	line-height:16px;
}
div#content table tr td p.vp_content img{
	display:block;
}
div#content table tr td p.vp_content span{
	margin:0px 5px 0px 0px;
	font-style:italic;
}
/* Screenshots */
div#screenshots ul#shotsList li{
	float:left;
	margin:10px;
}
div#screenshots ul#shotsList li a{
	display:block;
	padding:5px;
	background:#F3F3F3;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	text-align:center;
}
div#screenshots ul#shotsList li a:hover{
	background:#EEFFEE;
	border:1px solid #8FBE00;
	color:#8FBE00;
}
div#screenshots ul#shotsList li a img{ height:130px; }
div#screenshots ul#shotsList li a p{ margin:5px 0px; }
/* Messages */
div#determinate_duration input#duration_message{
	width:100px;
	margin-right:10px;
}
div#determinate_duration select#type_time{
	width:100px;
	padding:2px;
}
div#fixed_date input{
	width:90px;
	margin-right:10px;
}



/* Skin */
.skin_block{
	float:left;
	margin:5px;
	border:1px solid #EFEFEF;
	padding: 5px 3px;
}
.skin_block.active{
	background-color:#EFEFEF;
	color:#FFF;
}
.skin_block.active h2{
	color:#FFF;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- MEDIATHEQUE --- */
h1 a#refresh, h1 a#add_files{
	display:block;
	float:right;
	height:32px;
	width:32px;
	margin:-8px -4px 0px 0px;
	padding:0px;
}
h1 a#refresh.embed{ margin-right:24px; }
h1 a#add_files{ margin-right:12px; }
h1 a#refresh img, h1 a#add_files img{
	display:block;
	margin:0px;
}
/* Add Media */
ul#selectMedia li{
	float:left;
	margin:5px;
}
ul#selectMedia.selectMediaNew li {
	margin: 15px;
}
ul#selectMedia li a{
	display: flex;
    width: 85px;
    height: 75px;
    padding: 10px 5px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
}
ul#selectMedia:not(.selectMediaNew) li a:hover{
	background:#EEFFEE;
	border:1px solid #8FBE00;
	color:#8FBE00;
}

.selectMediaNew li .mediaTextColor {
	display: none;
}
ul#selectMedia.selectMediaNew li a:hover .mediaTextColor {
	display: block;
}
ul#selectMedia.selectMediaNew li a:hover .mediaTextBlack {
	display: none;
}

ul#selectMedia li a img{ margin:10px 0px; }
ul#selectMedia li a p{ margin:0px; }
/* Add Files */
form#multipleUpload{
	position:relative;
	width:400px;
	height:360px;
	padding-top:40px;
}
form#multipleUpload .uploadifyQueueItem{ margin:0px auto 10px auto; }
form#multipleUpload object, form#multipleUpload input#file_button{
	position:absolute;
	top:0px;
	left:140px;
	width:120px;
}
/* List Media */
#mediatheque a.renameMedia, #mediatheque a.rename_media{
	float:left;
	margin:0px 5px 0px 0px;
}
#listMediaSel{
	height:100px;
	padding:10px 20px;
	background:#F3F3F3;
	border:1px solid #CCC;
	overflow:auto;
}
#listMediaSel li{
	margin:0px 0px 5px 0px;
	list-style:square;
}
/* Tree Architecture */
ul.tree{ padding:0px 0px 0px 5px; }
ul.tree ul{ padding:0px 0px 0px 25px; }
ul.tree li{ margin:10px 0px; }
ul.tree li a{
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
ul.tree li a:hover{ color:#8FBE00; }
ul.tree li a img{
	float:left;
	margin:0px 5px 0px 0px;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- MARKET --- */
/* Select Page */
#page #market #select h1, #page #market #select h2{
	margin:20px 0px 10px 0px;
	padding:0px;
	font-size:32px;
	font-weight:lighter;
	color:#8FBE00;
	text-align:center;
	text-shadow:1px 1px 0px RGBA(0, 0, 0, 0.1);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#page #market #select h2{
	margin:0px;
	font-size:16px;
	color:#666666;
}
#page #market #select div#titleLine{
	width:120px;
	height:2px;
	margin:40px auto 40px auto;
	padding:0px;
	background:#8FBE00;
}
#page #market #select ul.listPlayerTypes{ padding:0% 20%; }
#page #market #select ul.listPlayerTypes li{
	float:left;
	width:22%;
	margin:0px 4% 20px 0px;
}
#page #market #select ul.listPlayerTypes li:nth-child(4n+4){ margin-right:0px; }
#page #market #select ul.listPlayerTypes li a{
	display:block;
	width:100%;
	padding:10px;
	background:#FFFFFF;
	color:#666666;
	text-decoration:none;
	box-shadow:1px 1px 0px RGBA(0, 0, 0, 0.1);
}
#page #market #select ul.listPlayerTypes li a:hover{
	background:#F6F6F6;
	font-weight:bold;
	box-shadow:1px 1px 0px RGBA(0, 0, 0, 0.25);
}
#page #market #select ul.listPlayerTypes li a img.picture{
	display:block;
	width:100%;
	margin:0px 0px 10px 0px;
}
#page #market #select ul.listPlayerTypes li a p{
	margin:0px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#page #market #select ul.listPlayerTypes li a p.name{
	margin:0px 0px 10px 0px;
	font-size:24px;
	color:#8FBE00;
	text-transform:uppercase;
}
/* Global */
#page #market .box{
	margin:0px 0px 10px 0px;
	background:none;
	border:none;
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
#page #market .box #content{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:none;
	border-left-width:0px;
	border-left-style:solid;
}
#page #market .box .boxLoading{ background:#FFFFFF; }
#page #market p.notification{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
#page #market .box #content .widgetsWrapper p.notification{ margin-bottom:0px; }
#page #market p.notification.information{ border:none; }
#page #market p.notification.attention{ border:none; }
#page #market p.notification.success{ border:none; }
#page #market p.notification.fail{ border:none; }
/* Colors */
#page #market .box #content{ border-left-color:#9FCF20; }
#page #market .box h1{ color:#8FBE00; background-color:transparent!important; }
#page #market .box h1 div.icon{ background:#8FBE00; }
#page #market .box.boxWhatsNew #content{ border-left-color:#9FCF20; }
#page #market .box.boxWhatsNew h1{ color:#8FBE00; height:30px!important; }
#page #market .box.boxWhatsNew h1 div.icon{ background:#8FBE00; }
#page #market .box.boxMediaTypes #content{ border-left-color:#9FCF20; }
#page #market .box.boxMediaTypes h1{ color:#CC66CC;height:30px!important; }
#page #market .box.boxMediaTypes h1 div.icon{ background:#CC66CC; }
#page #market .box.boxMediaTypes h1 a{ background:#CC66CC; }
#page #market .box.boxCategories #content{ border-left-color:#9FCF20; }
#page #market .box.boxCategories h1{ color:#F25648;height:22px!important; }
#page #market .box.boxCategories h1 div.icon{ background:#F25648; }
#page #market .box.boxCategories h1 a{ background:#F25648; }
#page #market .box.boxPublishers #content{ border-left-color:#9FCF20; }
#page #market .box.boxPublishers h1{ color:#FC913A;height:30px!important; }
#page #market .box.boxPublishers h1 div.icon{ background:#FC913A; }
#page #market .box.boxPublishers h1 a{ background:#FC913A; }
#page #market .box.boxCart #content{ border-left-color:#9FCF20; }
#page #market .box.boxCart h1{ color:#607890; }
#page #market .box.boxCart h1 div.icon{ background:#607890; }
#page #market .box.boxMyAccount #content{ border-left-color:#9FCF20; }
#page #market .box.boxMyAccount h1{ color:#7972AC; }
#page #market .box.boxMyAccount h1 div.icon{ background:#7972AC; }
#page #market .box.boxMyAccount h1 a{ background:#7972AC; }
#page #market .box#boxInfo #content{ border-left:none; }
#page #market .box#boxInfo h1{ color:#444444; }
#page #market .box#boxInfo h1 div.icon{ background:#444444; }
#page #market .box#boxSearch #content{ border-left:none; }
#page #market .box#boxSearch h1{ color:#444444; }
#page #market .box#boxSearch h1 div.icon{ background:#444444; }
#page #market .box#boxResults #content{ border-left-color:#444444; }
#page #market .box#boxResults h1{ color:#444444; }
#page #market .box#boxResults h1 div.icon{ background:#444444; }
#page #market .box#boxFilters #content{ border-left:none; }
#page #market .box#boxFilters h1{ color:#444444; height:40px!important;}
#page #market .box#boxFilters h1 div.icon{ background:#444444; }
#page #market .box#boxRating #content{ border-left:none; }
#page #market .box#boxRating h1{ color:#444444; }
#page #market .box#boxRating h1 div.icon{ background:#444444; }
/* Box Title */
#page #market .box h1{
	position:relative;
	height:48px;
	line-height:18px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:none;
	border-top:none;
	-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;
	-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px;
	font-size:18px;
	font-weight:lighter;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#page #market .box h1.small{
	height:30px;
	line-height:30px;
	font-size:18px;
	text-transform:uppercase;
}
#page #market .box h1.close{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
#page #market .box h1 div.icon{
	float:left;
	width:48px;
	height:48px;
	margin:0px 10px 0px 0px;
}
#page #market .box h1.small div.icon{
	width:30px;
	height:30px;
}
#page #market .box h1 div.icon img{
	display:block;
	width:42px;
	height:42px;
	margin:3px;
}
#page #market .box h1.small div.icon img{
	display:block;
	width:24px;
	height:24px;
	margin:3px;
}
#page #market .box h1 span{
	display:block;
	margin:0px 0px 5px 0px;
	font-size:14px;
	text-transform:uppercase;
}
#page #market .box h1 a{
	float:right;
	line-height:24px;
	padding:0px 10px;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}
/* Nav */
div#market div#nav ul{
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
}
div#market div#nav ul li a{
	position:relative;
	display:block;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #E9E9E9;
	font-size:16px;
	font-weight:lighter;
	color:#666666;
	text-decoration:none;
	background-size:200% auto;
	background-position:100% 0%;
	transition:background-position 0.5s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market div#nav ul li a{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #888888 50%, #888888 100%); }
div#market div#nav ul li a#market{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #444444 50%, #444444 100%); }
div#market div#nav ul li a#whatsnew{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #8FBE00 50%, #8FBE00 100%); }
div#market div#nav ul li a#mediatypes{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #CC66CC 50%, #CC66CC 100%); }
div#market div#nav ul li a#categories{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #F25648 50%, #F25648 100%); }
div#market div#nav ul li a#publishers{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #FC913A 50%, #FC913A 100%); }
div#market div#nav ul li a#cart{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #607890 50%, #607890 100%); }
div#market div#nav ul li a#myaccount{ background-image:linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #7972AC 50%, #7972AC 100%); }
div#market div#nav ul li a:hover, div#market div#nav ul li a.active{
	color:#FFFFFF;
	background-position:0% 0%;
}
div#market div#nav ul li a.active{ cursor:default; }
div#market div#nav ul li a div.icon{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 10px;
}
div#market div#nav ul li a div.icon{ background:#888888; }
div#market div#nav ul li a#market div.icon{ background:#444444; }
div#market div#nav ul li a#whatsnew div.icon{ background:#8FBE00; }
div#market div#nav ul li a#mediatypes div.icon{ background:#CC66CC; }
div#market div#nav ul li a#categories div.icon{ background:#F25648; }
div#market div#nav ul li a#publishers div.icon{ background:#FC913A; }
div#market div#nav ul li a#cart div.icon{ background:#607890; }
div#market div#nav ul li a#myaccount div.icon{ background:#7972AC; }
div#market div#nav ul li a div.icon img{
	display:block;
	width:30px;
	height:30px;
	margin:0px;
}
div#market div#nav ul li a#market div.icon img{
	display:block;
	width:24px;
	height:24px;
	margin:3px;
}
div#market div#nav ul li a div.arrow{ float:right; }
div#market div#nav ul li a div.arrow img{
	display:block;
	width:24px;
	height:24px;
	margin:3px;
}
div#market div#nav ul li a span{
	position:absolute;
	top:0px;
	right:0px;
	height:30px;
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 10px;
	background:#E9E9E9;
	font-size:15px;
	color:#666666;
}
div#market div#nav ul li a:hover span, div#market div#nav ul li a.active span{
	background:RGBA(0, 0, 0, 0.25);
	color:#FFFFFF;
}
/* Box Markets */
div#market div#nav ul#markets{ margin:0px 0px 10px 0px; }
div#market div#nav ul#markets li a span{
	width:auto;
	padding:0px 10px;
	background:none;
	text-align:right;
}
div#market div#nav ul#markets li a div.icon img{
	display:block;
	width:24px;
	height:24px;
	margin:3px;
}
/* Box Paging */
div#market div.paging{ margin:10px 0px 0px 0px; background-color:#EDF1F5; }
div#market div.paging p{
	line-height:31px;
	margin:0px 0px 0px 10px;
	font-weight:bold;
}
div#market div.paging div.links{ float:right; }
div#market div.paging a{
	float:left;
	margin:2px 2px;
	padding:4px 12px;
	background:#FFFFFF;
	color:#666666;
	text-decoration:none;
}
div#market div.paging a:first-of-type{ margin-left:0px; }
div#market div.paging a:last-of-type{ margin-right:0px; }
div#market div.paging a:hover{
	background:#F6F6F6;
	color:#333333;
}
div#market div.paging a.active{
	background:#C6F066;
	font-weight:bold;
	color:#6F9E00;
}
/* Widgets Box */
div#market ul.widBoxes{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
div#market ul.widBoxes li{
	float:left;
	display:block;
	width:25%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	box-sizing:border-box;
}
div#market ul.widBoxes.s2 li{ width:50%; }
div#market ul.widBoxes.s3 li{ width:33%; }
div#market ul.widBoxes.s4 li{ width:25%; }
div#market ul.widBoxes.s5 li{ width:20%; }
div#market ul.widBoxes li a .market_block_media{
	height:180px;
}
div#market ul.widBoxes li a .market_block_media_img{
	height:180px;
}
div#market ul.widBoxes li a{
	display:block;
	width:100%;
	height:100%;
	padding:5px;
	background:#FFFFFF;
	border-bottom:1px solid #E9E9E9;
	border-left:1px solid #E9E9E9;
	color:#999999;
	text-decoration:none;
	box-sizing:border-box;
}
@media screen  and (max-width: 1400px) {
	div#market ul.widBoxes li a .market_block_media{
		height:120px;
	}
	div#market ul.widBoxes li a .market_block_media_img{
		height:120px;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
	div#market ul.widBoxes li a .market_block_media{
		height:140px;
	}
	div#market ul.widBoxes li a .market_block_media_img{
		height:140px;
	}
}
@media screen and (min-width: 1600px) and (max-width: 1700px) {
	div#market ul.widBoxes li a .market_block_media{
		height:150px;
	}
	div#market ul.widBoxes li a .market_block_media_img{
		height:150px;
	}
}
@media screen and (min-width: 1700px) and (max-width: 1800px) {
	div#market ul.widBoxes li a .market_block_media{
		height:160px;
	}
	div#market ul.widBoxes li a .market_block_media_img{
		height:160px;
	}
}
@media screen and (min-width: 1800px) {
	div#market ul.widBoxes li a .market_block_media{
		height:180px;
	}
	div#market ul.widBoxes li a .market_block_media_img{
		height:180px;
	}
}

div#market ul.widBoxes li a:hover{ background:#F6F6F6; }
div#market ul.widBoxes li a div.preview{
	position:relative;
	float:left;
	width:33%;
	height:63px;
	overflow:hidden;
}
div#market ul.widBoxes li a div.preview img{
	display:block;
	height:100%;
}
div#market ul.widBoxes li a div.preview p.inCart{
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	display:none;
	margin:0px;
	padding:4px 8px;
	background:#FFCC33;
	font-weight:bold;
	color:#FFFFFF;
}
div#market ul.widBoxes li a div.preview p.inCart img{
	width:16px;
	height:16px;
}
div#market ul.widBoxes li a div.infos{
	float:left;
	width:67%;
	padding-left:5px;
	box-sizing:border-box;
}
div#market ul.widBoxes li a div.infos p{
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market ul.widBoxes li a div.infos p.title{
	margin:0px 0px 2px 0px;
	font-size:17px;
	font-weight:lighter;
	color:#999999;
}
div#market ul.widBoxes li a div.infos p.dev{
	line-height:15px;
	margin:0px 0px 6px 0px;
	font-style:italic;
	color:#AAAAAA;
}
div#market ul.widBoxes li a:hover div.infos p{ color:#8FBE00; }
div#market ul.widBoxes li a p.description{
	height:42px;
	margin:10px 0px 0px 0px;
	font-size:11px;
	font-style:italic;
	text-align:justify;
	text-overflow:ellipsis;
	overflow:hidden;
}
div#market ul.widBoxes li a p.type{
	float:left;
	margin:10px 0px 0px 0px;
	padding:2px 0px;
	font-weight:bold;
	color:#999999;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market ul.widBoxes li a p.type span{ color:#666666; }
div#market ul.widBoxes li a p.type img{
	float:left;
	display:block;
	margin:0px 4px 0px 0px;
}
div#market ul.widBoxes li a p.price{
	float:right;
	margin:10px 0px 0px 0px;
	padding:2px 8px;
	background:#CCCCCC;
	font-weight:bold;
	color:#FFFFFF;
}
/* Classic Box */
div#market ul.claBoxes{
	margin:0px;
	padding:0px;
	list-style:none;
}
div#market ul.claBoxes li{
	float:left;
	display:block;
	width:25%;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
div#market ul.claBoxes.s2 li{ width:50%; }
div#market ul.claBoxes.s3 li{ width:33.33%; }
div#market ul.claBoxes.s4 li{ width:25%; }
div#market ul.claBoxes.s5 li{ width:20%; }
div#market ul.claBoxes.s6 li{ width:16.66%; }
div#market ul.claBoxes.s7 li{ width:14.28%; }
div#market ul.claBoxes.s8 li{ width:12.50%; }
div#market ul.claBoxes.s9 li{ width:11.11%; }
div#market ul.claBoxes.s10 li{ width:10%; }
div#market ul.claBoxes li > a{
	display:block;
	width:100%;
	height:100%;
	padding:5px;
	background:#FFFFFF;
	border-left:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
	color:#999999;
	text-decoration:none;
	box-sizing:border-box;
}
div#market ul.claBoxes li > a:hover{ background:#F6F6F6; }
div#market ul.claBoxes li > a.active{
	background:#C6F066;
}
/* Classic Box - Categories */
/*
div#market ul.claBoxes.categories li a img.logo{
	float:left;
	width:96px;
	height:96px;
	margin:0px 5px 0px 0px;
}
div#market ul.claBoxes.categories li a p{
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market ul.claBoxes.categories li a p.name{
	margin:0px 0px 3px 0px;
	font-family:'Trebuchet MS',Arial,sans-serif;
	font-size:17px;
	font-weight:lighter;
	color:#999999;
}
div#market ul.claBoxes.categories li a p.description{
	height:48px;
	line-height:16px;
	margin:0px 0px 7px 0px;
	color:#AAAAAA;
	font-weight:bold;
	white-space:normal;
	overflow:hidden;
	text-overflow:clip;
}
div#market ul.claBoxes.categories li a p.nbMedia{
	line-height:15px;
	margin:0px 0px 0px 0px;
	font-style:italic;
	color:#AAAAAA;
}
div#market ul.claBoxes.categories li a:hover p{ color:#8FBE00; }
*/
div#market ul.claBoxes.categories li a img.logo{
	display:block;
	width:48px;
	height:48px;
	margin:10px auto;
}
div#market ul.claBoxes.categories li a p.name{
	margin:5px 0px;
	font-size:14px;
	color:#999999;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* Classic Box - Mediatypes */
div#market ul.claBoxes.mediatypes li a img.icon{
	display:block;
	width:32px;
	height:32px;
	margin:10px auto;
}
div#market ul.claBoxes.mediatypes li a p.name{
	margin:5px 0px;
	font-size:14px;
	color:#999999;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* Category Information */
div#market div.boxWrapper.right div#category img.logo{
	float:left;
	width:96px;
	height:96px;
	margin:0px 10px 10px 0px;
}
div#market div.boxWrapper.right div#category p{
	margin:0px 0px 4px 0px;
	color:#666666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market div.boxWrapper.right div#category p.name{
	margin:0px 0px 8px 0px;
	border-bottom:1px dotted #444444;
	font-size:17px;
	font-weight:lighter;
	color:#444444;
}
div#market div.boxWrapper.right div#category p.nbMedia{
	margin:0px 0px 2px 0px;
	font-style:italic;
	color:#999999;
}
div#market div.boxWrapper.right div#category p.description{
	line-height:18px;
	margin:0px 0px 10px 0px;
	padding:10px;
	background:#FFFFFF;
	font-weight:bold;
	color:#999999;
	white-space:normal;
	overflow:auto;
	text-overflow:clip;
}
/* Classic Box - Publishers */
div#market ul.claBoxes.publishers li a img.logo{
	float:left;
	width:96px;
	height:96px;
	margin:0px 5px 0px 0px;
}
div#market ul.claBoxes.publishers li a p{
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market ul.claBoxes.publishers li a p.name{
	margin:0px 0px 3px 0px;
	font-size:17px;
	font-weight:lighter;
	color:#999999;
}
div#market ul.claBoxes.publishers li a p.description{
	height:48px;
	line-height:16px;
	margin:0px 0px 7px 0px;
	color:#AAAAAA;
	/*font-weight:bold;*/
	white-space:normal;
	overflow:hidden;
	text-overflow:clip;
}
div#market ul.claBoxes.publishers li a p.nbMedia{
	line-height:15px;
	margin:0px 0px 0px 0px;
	font-style:italic;
	color:#AAAAAA;
}
div#market ul.claBoxes.publishers li a:hover p{ color:#8FBE00; }
/* Publisher Relations */
div#market div.relPublisher{ border-left:1px solid #E9E9E9; }
div#market div.relPublisher div{
	float:left;
	width:25%;
	background:#FFFFFF;
	border-bottom:1px solid #E9E9E9;
	font-weight:bold;
	color:#999999;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
}
div#market div.relPublisher div.iconYes *{ background:#FFFFFF url('/images/icons/mini/tick-small.png') no-repeat left 3px; }
div#market div.relPublisher div.iconNo *{ background:#FFFFFF url('/images/icons/mini/cross-small.png') no-repeat left 3px; }
div#market div.relPublisher div.iconNone *{ background:#FFFFFF url('/images/icons/mini/question-small.png') no-repeat left 3px; }
div#market div.relPublisher div.iconEdit *{ background:#FFFFFF url('/images/icons/mini/pencil-small.png') no-repeat left 3px; }
div#market div.relPublisher div.iconNo *, div#market div.relPublisher div.iconNone *{ visibility:hidden; }
div#market div.relPublisher div.iconEdit{ border-left:1px solid #E9E9E9; }
div#market div.relPublisher div span, div#market div.relPublisher div a{
	display:block;
	width:100%;
	height:100%;
	padding:5px 5px 5px 15px;
}
div#market div.relPublisher div a{
	color:#999999;
	text-decoration:none;
}
div#market div.relPublisher div a:hover{
	background-color:#F6F6F6;
	color:#8FBE00;
}
/* Publisher Information */
div#market div.boxWrapper.right div#publisher img.logo{
	float:left;
	width:96px;
	height:96px;
	margin:0px 10px 10px 0px;
}
div#market div.boxWrapper.right div#publisher p{
	margin:0px 0px 4px 0px;
	color:#666666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market div.boxWrapper.right div#publisher p.title{
	margin:10px 0px 4px 0px;
	border-bottom:1px dotted #444444;
	font-weight:bold;
	color:#444444;
}
div#market div.boxWrapper.right div#publisher p.name{
	margin:0px 0px 8px 0px;
	border-bottom:1px dotted #444444;
	font-size:17px;
	font-weight:lighter;
	color:#444444;
}
div#market div.boxWrapper.right div#publisher p.company{
	margin:0px 0px 16px 0px;
	font-weight:bold;
	color:#666666;
}
div#market div.boxWrapper.right div#publisher p.dateCreate, div#market div.boxWrapper.right div#publisher p.nbMedia{
	margin:0px 0px 2px 0px;
	font-style:italic;
	color:#999999;
}
div#market div.boxWrapper.right div#publisher p.description{
	line-height:18px;
	margin:0px 0px 10px 0px;
	padding:10px;
	background:#FFFFFF;
	font-weight:bold;
	color:#999999;
	white-space:normal;
	overflow:auto;
	text-overflow:clip;
}
div#market div.boxWrapper.right div#publisher ul.infos li{
	margin:0px 0px 4px 0px;
	color:#666666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market div.boxWrapper.right div#publisher ul.infos li:last-child{ margin-bottom:0px; }
div#market div.boxWrapper.right div#publisher ul.infos li span{
	float:left;
	width:20%;
	font-weight:bold;
}
div#market div.boxWrapper.right div#publisher ul.infos li a{
	color:#666666;
	text-decoration:none;
}
div#market div.boxWrapper.right div#publisher ul.infos li a:hover{
	color:#8FBE00;
	text-decoration:underline;
}
/* Shopping Cart */
div#market table{ border-left:1px solid #E9E9E9; }
div#market div#cart table#tableCart tr.importSuccess td{ background-color:#DDFFDD; }
div#market div#cart table#tableCart tr.importFail td{ background-color:#FFDDDD; }
div#market div#cart table#tableCart tr.importBoth td{ background-color:#FFDDBB; }
div#market div#cart table#tableCart input[name='quantity'],
div#market div#cart table#tableCart select[name='id_folder'],
div#market div#cart table#tableCart input[name='name'],
div#market table textarea[name='comment']{
	width:100%;
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
}
div#market table textarea[name='comment']{
	height:36px;
	min-height:20px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	font-family:Arial, sans-serif;
	font-size:12px;
	resize:vertical;
	box-sizing:border-box;
}
div#market table p.price{
	float:left;
	margin:0px;
	padding:2px 8px;
	font-weight:bold;
	color:#FFFFFF;
}
div#market .myCredits{
	margin:0px;
	font-size:40px;
	font-weight:lighter;
	font-style:italic;
	color:#8FBE00;
}
div#market .buyCredits{
	float:right;
	display:block;
	margin:0px 0px 0px 10px;
	padding:8px 16px;
	background:#444444;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
div#market .buyCredits:hover{
	background:#8FBE00;
	color:#FFFFFF;
}
div#market .getWidgets, div#market .refreshCart{
	display:block;
	margin:0px 0px 0px 0px;
	padding:8px 24px;
	background:#444444;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
div#market .getWidgets:hover, div#market .refreshCart:hover{
	background:#8FBE00;
	color:#FFFFFF;
}
div#market .loadingCart{
	position:relative;
	padding:50px 0px 10px 0px;
}
div#market .loadingCart img{
	position:absolute;
	top:10px;
	left:50%;
	display:block;
	width:31px;
	height:31px;
	margin:0px 0px 0px -15px;
}
div#market .loadingCart p{
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
/* Box Search */
div#market div#boxSearch input[type=text]{
	width:60%;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 5px;
	border:none;
	box-sizing:border-box;
}
div#market div#boxSearch a#searchWidget, div#market div#boxSearch a#clearSearch{
	float:right;
	width:40%;
	height:30px;
	line-height:30px;
	margin:0px;
	padding:0px 10px;
	background:#444444;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market div#boxSearch a#searchWidget:hover, div#market div#boxSearch a#clearSearch:hover{ background:#8FBE00; }
div#market div#boxSearch div#searchResults p{
	line-height:28px;
	margin:5px 0px 0px 0px;
	font-weight:bold;
	color:#666666;
}
div#market div#boxSearch div#searchResults p span{ color:#6F9E00; }
/* Box Filters */
div#market div#boxFilters ul{ margin:10px 0px 0px 0px; }
div#market div#boxFilters ul:first-of-type{ margin-top:0px; }
div#market div#boxFilters ul li{ margin:0px 0px 1px 0px; }
div#market div#boxFilters ul li a{
	display:block;
	padding:5px;
	background:#FFFFFF;
	color:#666666;
	text-decoration:none;
}
div#market div#boxFilters ul li a div.icon{
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin:0px 5px 0px 0px;
	background:url('/images/icons/mini/blank.png') no-repeat left top;
}
div#market div#boxFilters ul li a:hover{ background:#F6F6F6; }
div#market div#boxFilters ul li a:hover div.icon{ background-image:url('/images/icons/mini/funnel-small.png'); }
div#market div#boxFilters ul li a.active{
	background:#C6F066;
	font-weight:bold;
}
div#market div#boxFilters ul li a.active div.icon{ background-image:url('/images/icons/mini/tick-small.png'); }
div#market div#boxFilters ul li.title a{
	background:#8FBE00;
	font-weight:bold;
	color:#FFFFFF;
}
div#market div#boxFilters ul li.title a div.icon{ background-image:url('/images/icons/mini/eraser-small.png'); }
div#market div#boxFilters ul li a span.info{
	float:right;
	margin:1px 0px 0px 0px;
	font-size:11px;
}
div#market div#boxFilters ul li a span.info.bullet{
	width:9px;
	height:9px;
	margin:3px 0px 0px 0px;
	background-color:#999999;
}
/* Box Rating */
div#market div#boxRating a{ text-decoration:none; }
div#market div#boxRating a p{ cursor:pointer; }
/* Account - Nav */
div#market ul#navAccount li{
	float:left;
	width:25%;
	margin:0px 0px 0px 0px;
}
div#market ul#navAccount li a{
	display:block;
	padding:20px 10px;
	background:#FFFFFF;
	border-left:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
	color:#999999;
	text-decoration:none;
	box-sizing:border-box;
}
div#market ul#navAccount li a:hover, div#market ul#navAccount li a.active{
	background:#F6F6F6;
	color:#8FBE00;
}
div#market ul#navAccount li a img{
	display:block;
	margin:0px auto 10px auto;
}
div#market ul#navAccount li a p{
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
/* Account - Monthly Consumption */
div#market div#account a#hideFree{
	float:right;
	display:block;
	width:25%;
	margin:0px 0px 10px 0px;
	padding:8px 0px;
	background:#EEEEEE;
	font-weight:bold;
	color:#333333;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#market div#account a#hideFree:hover, div#market div#account a#hideFree.active{
	background:#8FBE00;
	color:#FFFFFF;
}
div#market div#account select#showMonth{
	display:block;
	width:100%;
	padding:5px 5px 6px 5px;
	background:#FFFFFF;
	border:none;
	border-left:1px solid #E9E9E9;
	border-bottom:5px solid #E9E9E9;
	box-sizing:border-box;
}
/* Account - My Billing Information */
div#market div#account ul.addresses li{
	float:left;
	width:25%;
	margin:0px 0px 0px 0px;
	padding:10px;
	background:#FFFFFF;
	border-left:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
}
div#market div#account ul.addresses li p{
	margin:0px 0px 5px 0px;
	color:#333333;
}
div#market div#account ul.addresses li p span{
	display:block;
	margin:0px 0px 2px 0px;
}
div#market div#account ul.addresses li p.title{
	margin:0px 0px 10px 0px;
	border-bottom:1px dotted #000000;
	font-size:13px;
	font-weight:bold;
}
div#market div#account ul.addresses li p.address{
	margin:0px 0px 10px 0px;
	font-style:italic;
}
div#market div#account ul.addresses li a{
	margin:10px 0px 0px 0px;
	padding:4px 12px;
	background:#CCCCCC;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
div#market div#account ul.addresses li a.editAddress:hover{ background:#33CC33; }
div#market div#account ul.addresses li a.delAddress:hover{ background:#CC3333; }
/* Dialog Confirm */
.dialConfirm{
	padding:0px;
	border:1px solid #BBBBBB;
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1);
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
.dialConfirm .ui-dialog-titlebar{ display:none; }
.dialConfirm .ui-dialog-content{
	position:relative;
	width:100%;
	height:100%;
	padding:0px;
}
.dialConfirm div.message{
	min-height:80px;
	padding:10px;
	font-weight:bold;
	color:#666666;
}
.dialConfirm div.message p{
	margin:0px 0px 10px 0px;
	line-height:16px;
	text-align:justify;
}
.dialConfirm div.message p:last-of-type{ margin-bottom:0px; }
.dialConfirm div.message div.boxLoading{
	position:absolute;
	top:0%;
	left:0%;
	display:block;
	width:100%;
	height:60px;
	margin:20px 0px 0px 0px;
}
.dialConfirm div.message div.boxLoading img{
	display:block;
	width:31px;
	height:31px;
	margin:0px auto;
}
.dialConfirm div.message div.boxLoading p{
	margin:10px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.dialConfirm div.footer{
	padding:10px;
	background:#EEEEEE;
	border-top:1px solid #CCCCCC;
}
.dialConfirm div.footer a.cancel, .dialConfirm div.footer a.confirm, .dialConfirm div.footer a.goToMedia{
	float:right;
	display:block;
	width:100px;
	margin:0px 0px 0px 10px;
	padding:8px 0px;
	background:#CCCCCC;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dialConfirm div.footer a.confirm{ background:#33CC33; }
.dialConfirm div.footer a.cancel{ background:#CC3333; }
.dialConfirm div.footer a.goToMedia{
	width:150px;
	background:#444444;
}
/* Dialog Form */
.dialForm{
	padding:10px;
	border:1px solid #BBBBBB;
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1);
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
.dialForm .ui-dialog-titlebar{ display:none; }
.dialForm .ui-dialog-content{
	position:relative;
	width:100%;
	height:100%;
	min-height:0px;
	padding:0px;
}
.dialForm p.notification{ margin-bottom:0px; }
.dialForm form label{
	width:38%;
	margin-right:2%;
	box-sizing:border-box;
}
.dialForm form input, .dialForm form select, .dialForm form textarea{
	width:60%;
	padding:2px 4px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
}
.dialForm form select{ padding:1px 4px; }
.dialForm form a.submit, .dialForm form a.cancel{
	float:right;
	margin:10px 0px 0px 0px;
	padding:8px 24px;
	background:#33CC33;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.dialForm form a.cancel{
	float:left;
	background:#CC3333;
}
/* Dialog Loading */
.dialLoading{
	padding:0px;
	border:1px solid #BBBBBB;
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1);
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
.dialLoading .ui-dialog-titlebar{ display:none; }
.dialLoading .ui-dialog-content{
	position:relative;
	width:100%;
	height:100%;
	padding:0px;
}
.dialLoading div.boxLoading{
	position:absolute;
	top:50%;
	left:0%;
	display:block;
	width:100%;
	height:60px;
	margin:-30px 0px 0px 0px;
}
.dialLoading div.boxLoading img{
	display:block;
	width:31px;
	height:31px;
	margin:0px auto;
}
.dialLoading div.boxLoading p{
	margin:10px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
/* Dialog Widget */
.dialWidget{
	padding:0px;
	border:1px solid #BBBBBB;
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1);
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
.dialWidget .ui-dialog-titlebar{ display:none; }
.dialWidget .ui-dialog-content{
	position:relative;
	background-color:#FFF;
	padding:0px;
}
.dialWidget div.header{
	position:relative;
	padding:10px;
}
.dialWidget div.header a.close{
	position:absolute;
	z-index:10;
	top:10px;
	right:10px;
	display:block;
	width:32px;
	height:32px;
	background:url('/images/closeDialog.png') no-repeat left top;
}
.dialWidget div.header a.close:hover{ background-position:left bottom; }
.dialWidget div.header p.notification{
	max-width:100%;
	width:100%;
	margin:45px 0px 0px 0px;
	box-sizing:border-box;
}
.dialWidget div.preview{
	float:left;
	height:99px;
	margin:0px 5px 0px 0px;
}
.dialWidget div.preview img{
	display:block;
	height:100%;
}
.dialWidget div.infos{
	float:left;
	width:67%;
	width:100%;
	padding-left:5px;
	box-sizing:border-box;
}
.dialWidget div.infos div.col{
	float:left;
	width:50%;
}
.dialWidget div.infos div.col.right{ text-align:right; }
.dialWidget div.infos img.icon{
	float:left;
	margin:0px 12px 0px 0px;
}
.dialWidget div.infos p{
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dialWidget div.infos p.title{
	margin:0px 24px 2px 0px;
	font-size:24px;
	font-weight:lighter;
	color:#999999;
}
.dialWidget div.infos p.dev{
	margin:0px 0px 6px 0px;
	font-size:14px;
	font-style:italic;
	color:#AAAAAA;
}
.dialWidget div.infos p.dev a{
	color:#AAAAAA;
	text-decoration:none;
}
.dialWidget div.infos p.dev a:hover{
	color:#8FBE00;
	text-decoration:underline;
}
.dialWidget div.infos div.jRaty{ margin-bottom:12px; }
.dialWidget div.infos div.jRatyText{ margin-bottom:13px; }
.dialWidget div.infos p.type{
	display:inline-block;
	margin:0px;
	padding:2px 0px;
	font-size:13px;
	font-weight:bold;
	color:#999999;
}
.dialWidget div.infos p.type span{ color:#666666; }
.dialWidget div.infos p.bgWarning{
	padding:2px 4px;
	background:#FF9900;
	font-weight:bold;
	color:#FFFFFF;
}
.dialWidget div.infos p.type img{
	float:left;
	display:block;
	margin:0px 4px 0px 0px;
}
.dialWidget div.snapshots{
	position:relative;
	width:100%;
	height:177px;
	height:320px;
	padding:10px;
	background:#666666;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	box-sizing:border-box;
}
.dialWidget div.snapshots div.slider{
	width:100%;
	height:100%;
	overflow:auto;
}
.dialWidget div.snapshots img, .dialWidget div.snapshots video{
	float:left;
	display:block;
	height:135px;
	height:180px;
	height:280px;
	margin:0px 10px 0px 0px;
}
.dialWidget div.snapshots video::-webkit-media-controls-fullscreen-button { display:none; }
.dialWidget div.snapshots video::-webkit-media-controls-mute-button { display:none; }
.dialWidget div.snapshots img:last-child{ margin-right:0px; }
.dialWidget div.description, .dialWidget div.pricing, .dialWidget div.comment{ padding:10px; }
.dialWidget div.description p.title, .dialWidget div.pricing p.title, .dialWidget div.comment p.title{
	margin:0px 0px 10px 0px;
	border-bottom:1px dotted #999999;
	font-size:20px;
	font-weight:lighter;
	color:#666666;
}
.dialWidget div.description p.text, .dialWidget div.pricing p.text{
	height:auto;
	max-height:126px;
	overflow-y:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	font-style:italic;
	color:#999999;
	text-align:justify;
}
.dialWidget div.pricing p.text{ height:auto; }
.dialWidget div.comment{
	background:#EEEEEE;
	border-top:1px solid #CCCCCC;
}
.dialWidget div.comment textarea{
	height:76px;
	min-height:38px;
	padding:10px;
	background:#FFFFFF;
	border:1px solid #999999;
	box-sizing:border-box;
}
.dialWidget div.footer{
	padding:10px;
	background:#EEEEEE;
}
.dialWidget div.footer a.price, .dialWidget div.footer a.cart, .dialWidget div.footer a.close, .dialWidget div.footer a.fastAdd, .dialWidget div.footer p.pricing{
	float:right;
	display:block;
	margin:0px 0px 0px 10px;
	padding:8px 0px;
	background:#CCCCCC;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dialWidget div.footer a.price{
	width:250px;
	margin:0px 0px 0px 0px;
	background:#607890;
}
.dialWidget div.footer a.cart{
	width:160px;
	background:#33CC33;
}
.dialWidget div.footer a.close{
	width:80px;
	margin:10px 0px 0px 10px;
	background:#CC3333;
}
.dialWidget div.footer p.pricing{
	width:160px;
	margin:10px 0px 0px 0px;
}
.dialWidget div.footer a.fastAdd{
	width:250px;
	margin:0px 0px 0px 0px;
	background:#444444;
}
.dialWidget div.footer p.notification{
	max-width:100%;
	width:100%;
	box-sizing:border-box;
}
.dialWidget div.footer select#folderSelect, .dialWidget div.footer input#quantityBox, .dialWidget div.footer input#nameBox{
	float:left;
	width:230px;
	margin:0px 10px 0px 0px;
	padding:6px 5px;
	border:1px solid #999999;
	box-sizing:border-box;
}
.dialWidget div.footer input#quantityBox{
	width:60px;
	margin:0px 0px 0px 0px;
	padding:7px 5px;
	text-align:center;
}
.dialWidget div.footer input#nameBox{
	width:300px;
	margin:10px 0px 0px 0px;
	padding:7px 5px;
}
.dialWidget div.footer select#folderSelect.noChoice, .dialWidget div.footer input#quantityBox.noChoice, .dialWidget div.footer input#nameBox.noChoice{
	background:#FFCCCC;
	border:1px solid #CC0000;
	color:#CC0000;
}
/* Dialog Widget - mCustomScrollbar Colors */
.dialWidget div.snapshots .mCSB_scrollTools .mCSB_draggerRail{ background:#333333; }
.dialWidget div.snapshots .mCS_no_scrollbar .mCSB_draggerRail{ background:#555555; }
.dialWidget div.snapshots .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#999999; }
.dialWidget div.snapshots .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.dialWidget div.snapshots .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.dialWidget div.snapshots .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#FFFFFF; }
.dialWidget div.description .mCSB_scrollTools .mCSB_draggerRail{ background:#CCCCCC; }
.dialWidget div.description .mCS_no_scrollbar .mCSB_draggerRail{ background:#EEEEEE; }
.dialWidget div.description .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#999999; }
.dialWidget div.description .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.dialWidget div.description .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.dialWidget div.description .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#333333; }
/* Dialog Buy Credits */
.dialBuyCredits{
	padding:0px;
	border:1px solid #BBBBBB;
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1);
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
.dialBuyCredits .ui-dialog-titlebar{ display:none; }
.dialBuyCredits .ui-dialog-content{
	position:relative;
	padding:0px;
}
.dialBuyCredits div.header{
	position:relative;
	padding:20px 20px 26px 20px;
	background:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
}
.dialBuyCredits div.header a.goStep{
	position:absolute;
	top:0px;
	display:block;
	width:100px;
	height:30px;
	line-height:26px;
	margin:8px 0px 0px -50px;
	background:#FFFFFF;
	border:2px solid #CCCCCC;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	text-align:center;
	text-decoration:none;
	cursor:default;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
}
.dialBuyCredits div.header a.goStep:first-of-type{ margin:8px 0px 0px 8px; }
.dialBuyCredits div.header a.goStep:last-of-type{ margin:8px 0px 0px -108px; }
.dialBuyCredits div.header a.goStep.active{
	border-color:#8FBE00;
	color:#8FBE00;
}
.dialBuyCredits div.header a.goStep.done{
	background:#8FBE00;
	border-color:#8FBE00;
	color:#FFFFFF;
	cursor:pointer;
}
.dialBuyCredits div.header div.barStep{
	float:left;
	height:6px;
	background:#CCCCCC;
}
.dialBuyCredits div.header div.barStep.active{ background:#8FBE00; }
.dialBuyCredits div.footer{
	padding:10px;
	background:#EEEEEE;
	border-top:1px solid #CCCCCC;
}
.dialBuyCredits div.footer a.goStep, .dialBuyCredits div.footer a.close{
	display:block;
	margin:0px 0px 0px 0px;
	padding:8px 24px;
	background:#CCCCCC;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
.dialBuyCredits div.footer a.goStep:hover{ background:#8FBE00; }
.dialBuyCredits div.footer a.goStep.previous:hover{ background:#444444; }
.dialBuyCredits div.footer a.close{ background:#CC3333; }
.dialBuyCredits div.content{ padding:10px; }
.dialBuyCredits div.content p.title{
	margin:0px 0px 10px 0px;
	padding:0px 5px;
	font-size:16px;
	font-weight:normal;
	border-bottom:3px double #999999;
	color:#666666;
}
.dialBuyCredits div.content ul#chooseCredits li{
	float:left;
	width:180px;
	margin:0px 20px 20px 0px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
}
.dialBuyCredits div.content ul#chooseCredits li.active{
	background:#EEFFEE;
	border:1px solid #8FBE00;
}
.dialBuyCredits div.content ul#chooseCredits li.last{ margin-right:0px; }
.dialBuyCredits div.content ul#chooseCredits li p.head{
	height:25px;
	line-height:25px;
	margin:0px 0px -5px 0px;
	font-weight:bold;
	color:#555555;
	text-align:center;
	text-transform:uppercase;
}
.dialBuyCredits div.content ul#chooseCredits li p.head.bestSelling{
	background:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
}
.dialBuyCredits div.content ul#chooseCredits li.active p.head.bestSelling{
	background:#C6F066;
	color:#333333;
	border-bottom:1px solid #8FBE00;
}
.dialBuyCredits div.content ul#chooseCredits li div.boxPadding{ padding:10px; }
.dialBuyCredits div.content ul#chooseCredits li p{
	margin:0px 0px 0px 0px;
	text-align:center;
}
.dialBuyCredits div.content ul#chooseCredits li p.credits{
	margin:0px 0px 20px 0px;
	font-size:16px;
	font-weight:lighter;
	color:#555555;
	text-transform:uppercase;
}
.dialBuyCredits div.content ul#chooseCredits li p.credits span{
	display:block;
	margin:0px 0px 0px 0px;
	font-size:48px;
	font-weight:lighter;
	color:#8FBE00;
}
.dialBuyCredits div.content ul#chooseCredits li p.price{
	margin:0px 0px 20px 0px;
	font-size:12px;
	color:#999999;
}
.dialBuyCredits div.content ul#chooseCredits li p.price span{
	display:block;
	margin:0px 0px 4px 0px;
	font-size:14px;
	color:#555555;
}
.dialBuyCredits div.content ul#chooseCredits li a.doChoose{
	display:block;
	margin:0px 0px 0px 0px;
	padding:8px 24px;
	background:#EEEEEE;
	font-weight:bold;
	color:#555555;
	text-align:center;
	text-decoration:none;
}
.dialBuyCredits div.content ul#chooseCredits li a.doChoose:hover, .dialBuyCredits div.content ul#chooseCredits li.active a.doChoose{
	background:#8FBE00;
	color:#FFFFFF;
}
.dialBuyCredits div.content div#confirmPurchase p.notification, .dialBuyCredits div.content div#endPurchase p.notification{ max-width:600px; }
.dialBuyCredits div.content div#confirmPurchase p.summary, .dialBuyCredits div.content div#endPurchase p.summary{
	margin:0px 0px 5px 0px;
	padding:5px 10px;
	background:#F6F6F6;
	font-size:16px;
}
.dialBuyCredits div.content div#confirmPurchase p.summary span, .dialBuyCredits div.content div#endPurchase p.summary span{
	float:right;
	font-weight:bold;
}
.dialBuyCredits div.content div#confirmPurchase p.terms_intro{
	margin:20px 0px 10px 0px;
	padding:0px 5px;
	font-size:14px;
}
.dialBuyCredits div.content div#confirmPurchase div.terms{
	height:250px;
	padding:10px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	color:#666666;
	overflow-x:auto;
}
.dialBuyCredits div.content div#confirmPurchase div.terms p{ margin:0px 0px 10px 0px; }
.dialBuyCredits div.content div#confirmPurchase div.terms_accept{
	margin:10px 0px 0px 0px;
	padding:10px;
	background:#F6F6F6;
}
.dialBuyCredits div.content div#confirmPurchase div.terms_accept input[type=checkbox]{
	float:left;
	margin:1px 10px 0px 0px;
}
.dialBuyCredits div.content div#confirmPurchase div.terms_accept p{
	margin:0px 0px 0px 0px;
	font-weight:bold;
}





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- CALENDAR --- */
/* Container */
div#calendar div.calScroll{
	position:relative;
	width:100%;
	height:600px;
	overflow:auto;
}
div#calendar table.calHeader tr th{ text-align:center; }
div#calendar table.calContent{ border-bottom:1px solid #DDDDDD; }
div#calendar table.calContent tr td{
	height:20px;
	padding:0px 2px;
	border-left:1px solid #DDDDDD;
	border-bottom:1px dotted #DDDDDD;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
div#calendar table.calContent tr.hour td{ border-top:1px solid #DDDDDD; }
div#calendar table.calContent tr td.time{
	background:#F3F3F3;
	border-left:none;
	border-bottom:none;
	font-size:16px;
	text-align:center;
	color:#666666;
}
/* Default Media */
div#calendar table.calHeader tr td.defaultMedia{
	line-height:22px;
	font-style:italic;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
}
div#calendar table.calHeader tr td.defaultMedia a img{ margin:0px 5px 0px 0px; }
div#calendar table.calHeader tr td.defaultMedia a.delDefaultMedia{
	display:block;
	float:right;
	margin:3px 9px 0px 0px;
}
div#calendar table.calHeader tr td.defaultMedia a.delDefaultMedia img{ display:block; }
/* Events */
div#calendar div.eventsWrapper{ position:absolute; }
div#calendar div.event{
	position:absolute;
	background:#EEFFEE;
	border:1px solid #8FBE00;
	overflow:hidden;
	cursor:move;
}
div#calendar div.event.badTime{
	background:#FFCECE;
	border:1px solid #DF8F8F;
}
div#calendar div.event p{
	margin:0px;
	text-align:center;
}
div#calendar div.event p.title{ margin:5px 0px; }
div#calendar div.event p.title a{
	font-size:13px;
	font-weight:bold;
	color:#8FBE00;
	text-decoration:none;
}
div#calendar div.event.badTime p.title a{ color:#9B4B4B; }
div#calendar div.event p.title a:hover{ text-decoration:underline; }
div#calendar div.event p.title a img{ margin:0px 5px 0px 0px; }
div#calendar div.event p.desc{
	font-size:11px;
	color:#666666;
}
div#calendar div.event div.handle{
	position:absolute;
	bottom:0px;
	left:50%;
	width:16px;
	height:12px;
	margin-left:-8px;
	background:url('/images/jQueryIcons.png') no-repeat -16px -224px;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- AGENDA --- */
/* Global */
#calContent h1.wc-title{
	position:relative!important;
	height:auto!important;
	line-height:auto!important;
	margin:0px!important;
	padding:0px!important;
	background:none!important;
	border:none!important;
	font-size:24px!important;
	color:#FFFFFF!important;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 600 !important;
}
#eventRefresh{ display:none; }
#eventNotRefresh{ display:none; }
#event_edit_container{ display:none; }
#content.calendar .ui-widget-header .wc-toolbar{ height:20px; }
#calContent h1{ font-size:15px; }
/* Items */
div#agenda #calContent table td{ padding:0px 1px; }
#calContent table td span.closeButton{
	float:right;
	width:16px;
	height:16px;
	/* background:url('/images/icons/mini/cross.png') no-repeat left top; */
}
div#agenda #calContent table td span.closeButton{
	float:right;
	width:16px;
	height:16px;
	/* background:url('/images/icons/mini/cross.png') no-repeat left top; */
}
#calContent table td span.repeatButton{
	float:left;
	width:16px;
	height:16px;
	background:url('/images/icons/mini/applications-stack.png') no-repeat left top;
	cursor:default;
}
div#agenda #calContent table td span.repeatButton{
	float:left;
	width:16px;
	height:16px;
	background:url('/images/icons/mini/applications-stack.png') no-repeat left top;
	cursor:default;
}
/* Edit */
div#event_edit_container label{ width:120px; }
/* Default Media */
div#agenda div#default_media_zone{
	margin:0px 0px 10px 0px;
	padding:10px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
	cursor:default;
}
div#agenda div#default_media_zone span{
	float:left;
	margin:0px 10px 0px 0px;
}
div#agenda div#default_media_zone img{
	float:left;
	margin:-1px 4px 0px 0px;
}
div#agenda div#default_media_zone p{
	margin:0px;
	font-weight:bold;
	color:#666666;
}
div#agenda div#default_media_zone span a{
	color:#8FBE00;
	text-decoration:none;
}
div#agenda div#default_media_zone span a:hover{ text-decoration:underline; }
div#agenda div#default_media_zone p.info{
	float:right;
	font-weight:normal;
	font-style:italic;
}





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- COMPOSITION --- */
/* Container */
div#composition div#compo_zone{
	position:relative;
	width:100%;
	margin:20px auto;
	background:#FFFFFF;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
}
div#composition div#slider_wrapper{
	float:right;
	padding:6px 10px 5px 10px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
div#composition div#slider_wrapper p{
	float:left;
	width:70px;
	margin:0px;
	font-weight:bold;
	color:#666666;
}
div#composition div#slider_wrapper div#slider_zoom{
	float:left;
	width:80px;
	margin:1px 0px 0px 10px;
}


/* Elements */
div#composition div#compo_zone div.zoneFrame{
	position:absolute;
	width:100%;
	height:100%;
	border:1px solid #666666;
	pointer-events:none;
	box-shadow:0 0 0 10000px rgb(240 240 240 / 60%);
}
div#composition div#compo_zone div.element{
	position:absolute;
	min-height:20px;
	min-width:20px;
	/*border:1px solid #FFFFFF;*/
	text-align:center;
	overflow:hidden;
}
.ui-resizable-helper { border: 2px dotted #00F; }
div#composition div#compo_zone div.compo_layer:hover{
	outline:1px dashed #CCCCCC;
}
div#composition div#compo_zone div.compo_layer.hover{
	outline:1px dashed #CCCCCC;
}
#dialog_tools_layer_box{
	padding:0px;

	overflow:hidden!important;

}
.dialog_tools_layer_box_dialog{
	width:40px!important;
}
div#composition .ui-resizable-handle{
	background-color:#FFF!important;
	border:1px solid #CCC!important;
}
/*div#composition div#compo_zone div.element.active{ border:1px solid #8FBE00; }*/
div#composition div#compo_zone div.element div.titlebar{
	top:0px;
	left:0px;
	margin:0px 0px 0px 16px;
	background:#FFFFFF;
}
.dialog_tools_layer_box_dialog .ui-dialog-titlebar{
	display:none;
}
div#composition div#compo_zone div.element div.titlebar a{
	float:left;
	display:block;
	margin:0px 2px;
	padding:0px;
}
div#composition div#compo_zone div.element div.titlebar a img{ display:block; }
div#composition div#compo_zone div.element div.hideFrame{
	position:absolute;
	width:100%;
	height:100%;
}
/* Informations Layers */
div#composition ul#infoLayers li{
	/*float:left;*/
	margin:0px 2px 2px 0px;
}
div#composition ul#infoLayers li a{
	display:block;
	height:30px;
	line-height:35px;
	padding:0px 5px 0px 0px;
	/*background:#EEEEEE;*/
	border:1px solid #CCCCCC;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
}
div#composition ul#infoLayers li a:hover{
	border:1px solid #999999;
	color:#333333;
	background:#EFEFEF;
}
div#composition ul#infoLayers li.hover a{
	border:1px solid #999999;
	color:#333333;
	background:#EFEFEF;
}
div#composition ul#infoLayers li a.active{
	border:1px solid #8FBE00;
	color:#8FBE00;
}
div#composition ul#infoLayers li a img{
	float:left;
	margin:7px 5px 0px 0px;
}
div#composition ul#infoLayers li a span{
	float:left;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	margin:0px 5px 0px 0px;
	/*background:#CCCCCC;*/
	text-align:center;
	color:#FFFFFF;
}
div#composition ul#infoLayers li.hover a span{ /*background:#999999;*/ }
div#composition ul#infoLayers li a:hover span{ /*background:#999999;*/ }
div#composition ul#infoLayers li a.active span{ /*background:#8FBE00;*/ }
div#dialog_tools_layer a#selectedMedia{
	display:block;
	margin:0px;
	padding:7px 5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
div#dialog_tools_layer a#selectedMedia:hover{
	border:1px solid #8FBE00;
	color:#8FBE00;
}
a#selectedMedia img{
	float:left;
	margin:-1px 5px 0px 0px;
}
/* Composition Alignement */
ul#alignement li{
	float:left;
	margin:0px 5px 5px 0px;
}
ul#alignement li.sep{
	width:1px;
	height:20px;
	margin:-2px 10px 0px 5px;
	background:#999999;
}
ul#alignement li img{ cursor:pointer; }
/* Composition Templates */
table#compoTemplates{ max-width:600px; }
table#compoTemplates tr td{ padding:10px 5px; }
table#compoTemplates tr td img{ width:100px; }
table#compoTemplates tr td p.title{
	margin:0px 0px 5px 0px;
	font-weight:bold;
	color:#8FBE00;
	text-decoration:underline;
}
table#compoTemplates tr td p.desc{
	margin:0px;
	font-size:11px;
	font-style:italic;
	color:#666666;
	text-align:justify;
}
/* Template List */
ul#templateList li{
	float:left;
	margin:10px;
	padding:5px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#999999;
	text-align:center;
	text-decoration:none;
}
ul#templateList li p{
	margin:5px 0px 10px 0px;
	border-bottom:1px dotted #CCCCCC;
}
ul#templateList li img{
	display:block;
	height:125px;
	border:1px solid #999999;
}
ul#templateList li a{ margin:10px 0px; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PLAYLIST & CLOCK & WHEATHER & SLIDESHOW & AUDIO & WIDGET --- */
div#page div#playlist span.change_durAuto{ cursor:pointer; }
div#page div#previewLayout{ text-align:center; }
/* Slideshow Preview */
div#page ul#slideshowPrev li{
	float:left;
	margin:5px;
}
div#page ul#slideshowPrev li a{
	display:block;
	padding:2px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}
div#page ul#slideshowPrev li a:hover{
	background:#EEFFEE;
	border:1px solid #8FBE00;
}
div#page ul#slideshowPrev li a img{
	display:block;
	height:200px;
}
/* Albums List */
div#page div#audio ul#albumsList > li{ margin:0px 0px 20px 0px; }
div#page div#audio ul#albumsList li div.artwork{
	float:left;
	width:20%;
	padding:10px 0px;
	background:#FFFFFF;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}
div#page div#audio ul#albumsList li div.artwork p{
	height:29px;
	line-height:20px;
	margin:0px 0px 10px 0px;
	padding:0px 5px;
	background:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:left;
}
div#page div#audio ul#albumsList li div.artwork img{
	width:128px;
	padding:5px;
	background:#F3F3F3;
	border:1px solid #CCC;
}
div#page div#audio ul#albumsList li table{ width:80%; }
div#page div#audio ul#albumsList li table tr th span{
	font-size:11px;
	color:#999999;
}
div#page div#audio ul#albumsList li table tr td{
	height:20px;
	padding:5px;
}
div#page div#audio ul#albumsList li table tr td img.miniArtwork{
	display:block;
	height:20px;
}
/* Filters Day */
div#page  ul.filter_day li, div#page ul.album_filter_day li{
	float:left;
	border-radius: 3px;
	width:16px;
	height:16px;
	line-height:14px;
	margin:0px 2px 2px 0px;
	background:#E6E6E6;
	display:flex;
	padding: 2px 3px;
	align-items: center;
    justify-content: center;
	font-size:10px;
	text-align:center;
	cursor:pointer;
}
div#page ul.filter_day li.selected{
	background:#9FCF20;
	color:#FFFFFF;
	font-weight:bold;
}
/* Album Filters Day */
div#page div#audio ul.album_filter_day li.allSel{
	background:#4E71A4;
	color:#FFFFFF;
	font-weight:bold;
}
div#page div#audio ul.album_filter_day li.someSel{
	background:#E6E6E6;
	color:#FFFFFF;
	font-weight:bold;
}
/* Show Scripts */
div#page div#packagesvg ul.list_scripts li{
	margin:0px 0px 1px 0px;
}
div#page div#packagesvg ul.list_scripts li a, div#page div#packagesvg ul.list_scripts li p{
	display:block;
	line-height:16px;
	margin:0px;
	padding:5px 10px;
	background-color:#F9F9F9;
	color:#333333;
	text-decoration:none;
}
div#page div#packagesvg ul.list_scripts li p{ color:#999999; }
div#page div#packagesvg ul.list_scripts li a{
	background-image:url('/images/icons/mini/chevron-expand.png');
	background-repeat:no-repeat;
	background-position:right 10px center;
}
div#page div#packagesvg ul.list_scripts li a:hover{
	background-color:#C6F066;
	color:#000000;
}
div#page div#packagesvg ul.list_scripts li a.open{
	background-color:#8FBE00;
	background-image:url('/images/icons/mini/chevron.png');
	color:#FFFFFF;
	font-weight:bold;
}
div#page div#packagesvg ul.list_scripts li a img, div#page div#packagesvg ul.list_scripts li p img{
	float:left;
	margin:0px 5px 0px 0px;
}
div#page div#packagesvg ul.list_scripts li div.boxScript{
	max-height:500px;
	margin:0px 0px 10px 0px;
	padding:0px 10px;
	background:#FCFCFC;
	border-top:1px solid #6F9E00;
	overflow:auto;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- ARRAY --- */
div#page div#array table td.editCol.active{
	/*
	background:#EEFFEE;
	border:1px solid #8FBE00;
	opacity:0.5;
	*/
	border:1px solid #8FBE00;
	
}
div#page div#array div#prevColImg{
	margin-bottom:10px;
	padding:10px;
	background:#EEE;
	border:1px solid #CCC;
	text-align:center;
}
div#page div#array div#prevColImg img{
	display:block;
	margin:0px auto;
	max-width:400px;
	max-height:200px;
}
div#page div#array table th a.nyroModal{
	float:left;
	margin:0px 5px 0px 0px;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PACKAGE SVG --- */
div#page div#packagesvg div#codeWrapper{
	margin:10px 0px 0px 0px;
	padding:10px;
	background:#F6F6F6;
	border:1px solid #CCC;
	overflow:auto;
}
div#page div#packagesvg ul.contentLinks li{ border-top:1px dotted #666666; }
div#page div#packagesvg ul.contentLinks li p{
	line-height:28px;
	margin:10px 0px;
	padding:0px;
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#page div#packagesvg ul.contentLinks li p:hover, div#page div#packagesvg ul.contentLinks li p.active{ color:#8FBE00; }
div#page div#packagesvg ul.contentLinks li:first-child{ border-top:none; }
div#page div#packagesvg ul.contentLinks li:first-child p{ margin-top:0px; }
div#page div#packagesvg ul.contentLinks li:last-of-type p{ margin-bottom:0px; }



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- PACKAGE SVG --- */
div#page div#wall ul.listMovies{ margin-top:5px; }
div#page div#wall ul.listMovies li{
	float:left;
	margin:0px 5px 5px 0px;
}
div#page div#wall ul.listMovies li a{
	display:block;
	padding:5px 10px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- ANIMATION --- */
div#page div#animation div#globalTools a.totalDuration{
	line-height:20px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
div#page div#animation div#globalTools a.totalDuration:hover{
	color:#8FBE00;
	text-decoration:underline;
}
div#page div#animation div#globalTools span#actualTime{
	line-height:20px;
	font-weight:bold;
	color:#8FBE00;
}
div#page div#animation div#timeline{ position:relative; }
div#page div#animation div#timeline_header{ height:30px; }
div#page div#animation div#timeline_content{
	position:relative;
	border-top:1px solid #999999;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
}
div#page div#animation div#timeline_content div#nameList{
	float:left;
	width:20%;
}
div#page div#animation div#timeline_content div#nameList p{
	display:block;
	height:25px;
	line-height:25px;
	margin:0px;
	padding:0px;
	font-size:12px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	white-space:nowrap;
	overflow:hidden;
}
div#page div#animation div#timeline_content div#nameList p a{
	display:block;
	line-height:27px;
	font-weight:bold;
	font-style:italic;
	color:#666666;
	text-decoration:none;
}
div#page div#animation div#timeline_content div#nameList p a:hover{
	background:#EEEEEE;
	color:#333333;
}
div#page div#animation div#timeline_content div#nameList p a.active{
	background:#EEFFEE;
	color:#8FBE00;
}
div#page div#animation div#timeline_content div#nameList p a span{
	float:left;
	width:25px;
	line-height:25px;
	background:#CCCCCC;
	color:#FFFFFF;
	text-align:center;
}
div#page div#animation div#timeline_content div#nameList p a:hover span{ background:#999999; }
div#page div#animation div#timeline_content div#nameList p a.active span{ background:#8FBE00; }
div#page div#animation div#timeline_content div#nameList p a img{
	float:left;
	margin:5px 5px 0px 5px;
}
div#page div#animation div#timeline_content  div#timelineBars{
	position:relative;
	float:left;
	width:80%;
	overflow-x:auto;
}
div#page div#animation div#timeline_content  div#timeline_timeviewer{
	position:absolute;
	height:100%;
	background:#000;
	opacity:0.2;
	cursor:pointer;
}
div#page div#animation div#timeline_content  div.timesline_layer{
	position:relative;
	background:url('/images/barTime.gif') repeat left top;
	border-bottom:1px solid #999999;
	height:25px;
}
div#page div#animation div#timeline_content  div.timesline_layer_bartime{
	position:absolute;
	background:#8FBE00;
	height:25px;
	cursor:move;
}
div#page div#animation div#timeline_content  div.timesline_layer_bartime span.duration{
	position:relative;
	line-height:25px;
	font-weight:bold;
	color:#FFFFFF;
}
div#page div#animation div#timeline_content  div.timesline_layer_bartime span.effect{
	position:absolute;
	top:0px;
	display:block;
	height:25px;
	background:#000000;
	opacity:0.1;
}
div#page div#animation div#timeline_content  div.timesline_layer_bartime span.effect.in{ left:0px; }
div#page div#animation div#timeline_content  div.timesline_layer_bartime span.effect.out{ right:0px; }
div#page div#animation div.zoneFrame{
	position:absolute;
	width:100%;
	height:100%;
	border:1px solid #666666;
}
/* Effects */
div#page div#animation div.column.effects{ width:48%; }
div#page div#animation div.column.effects.in{ float:left; }
div#page div#animation div.column.effects.out{ float:right; }
div#page div#animation div.column.effects select{
	float:none;
	width:100%;
}
div#page div#animation div.column.effects span{
	display:block;
	margin:5px 0px 2px 0px;
	padding:0px 5px;
	font-weight:bold;
	font-style:italic;
	color:#666666;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- RESTRICTED MEDIA --- */
div#page ul#restrictedList li{
	float:left;
	margin:10px;
}
div#page ul#restrictedList li a{
	display:block;
	padding:0px;
	background:#F9F9F9;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
div#page ul#restrictedList li a:hover{
	background:#EEFFEE;
	border:1px solid #8FBE00;
	color:#8FBE00;
}
div#page ul#restrictedList li a p{
	margin:0px 0px 0px 0px;
	padding:5px;
	background:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
	line-height:16px;
}
div#page ul#restrictedList li a p img{
	float:left;
	margin:0px 5px 0px 0px;
}
div#page ul#restrictedList li a:hover p{
	background:#8FBE00;
	border-bottom:1px solid #8FBE00;
	color:#FFF;
}
div#page ul#restrictedList li a div.preview{ padding:5px; }
div#page ul#restrictedList li a div.preview img{
	display:block;
	height:100px;
	margin:0px auto;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- MODULES --- */
div#modules div#calView a:hover{ text-decoration:none; }
div#modules div#calView a.ui-state-highlight{
	border:1px solid #8FBE00;
	font-weight:bold;
	color:#8FBE00;
}
div#modules div#calView a.ui-state-active{
	border:1px solid #666666;
	background:#8FBE00;
	font-weight:bold;
	color:#FFFFFF;
}
div#modules div#calView div.ui-widget-content{ text-align:center; }
div#modules div#calView div.ui-widget-content button.ui-datepicker-current{
	float:none;
	opacity:1;
	filter:Alpha(Opacity=100);
}

div.dialog_compo_layer{
	border-radius:0px!important;
}

div.dialog_compo_layer #dialog_tools_layer{
	padding:0px!important;
}

div.dialog_compo_layer .ui-dialog-titlebar{
	margin-bottom:0px!important;
	border-radius:0px!important;
}

.ui-dialog-buttonpane{
	border-top:1px solid #e5e7ea!important;
}

.ui-widget-content{
	border:0px;
	/*border-bottom:1px solid #e5e7ea!important;*/
}	

.ui-accordion-content{
	border:1px solid #e5e7ea!important;
	border-top:0px!important;
}	

.accordion_layer_compo .ui-accordion-header{
	font-size:14px!important;
	font-weight:bold!important;
	padding: 3px 5px!important;
	padding-left:30px!important;
}
 
#filter_id_group_player_chzn{
	height:27px!important;
}
#filter_id_group_player_chzn a{
	border:1px solid #CCCCCC;
}
#filter_id_group_player_chzn .chzn-single{
	height:25px!important;
}
#filter_id_group_player_chzn .chzn-single span{
	margin-top:4px!important;
}
#filter_id_group_player_chzn .chzn-single div b{
	margin-top:3px!important;
}
#filter_id_group_player_chzn .chzn-search input{
	background:#EEEEEE url('/images/icons/mini/magnifier.png') no-repeat right 2px top 4px!important;
}
 
.dialog_compo_layer{
	outline: solid 1px #4F5467!important;
}

.ui-accordion-header{
	border-left:0px!important;
	border-right:0px!important;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- SUPPORT --- */
div#support div.box.left form label{ width:100px; }
/* Form */
div#support form#addTicket{
	margin:0px 128px;
	padding:0px 10px;
}
div#support form#addTicket *{
	margin:0px;
	box-sizing:border-box;
}
div#support form#addTicket label{ width:15%; }
div#support form#addTicket textarea{ width:85%; }
div#support form#addTicket input{
	float:right;
	margin:20px 0px 20px 20px;
}
/* Messages */
div#support ul.list_messages li{
	display:block;
	margin:10px;
}
div#support ul.list_messages li.divider{
	height:1px;
	margin:20px 0px;
	background:#DDDDDD;
}
div#support ul.list_messages li div.user{ width:96px; }
div#support ul.list_messages li div.user img{
	display:block;
	width:64px;
	height:64px;
	margin:0px auto 5px auto;
}
div#support ul.list_messages li div.user p{
	margin:0px;
	padding:2px 4px;
	background:#AFDE20;
	border:1px solid #8FBE00;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	border-radius:5px;
}
div#support ul.list_messages li div.message{ margin:0px 128px; }
div#support ul.list_messages li div.message p{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:5px 10px;
	line-height:18px;
	border-radius:10px;
}
div#support ul.list_messages li div.message span.date{
	display:block;
	margin:5px 0px 20px 0px;
	font-size:11px;
	font-weight:bold;
	color:#999999;
}
/* Center */
div#support ul.list_messages li.center div.message p{
	background:#EEEEEE;
	border:1px solid #BBBBBB;
	color:#555555;
	text-align:center;
}
div#support ul.list_messages li.center div.message span.date{ text-align:center; }
/* Left & Right */
div#support ul.list_messages li.left div.message p.message:before, div#support ul.list_messages li.right div.message p.message:before{
	content:' ';
	position:absolute;
	width:0px;
	height:0px;
	bottom:-1px;
	border:4px solid;
}
div#support ul.list_messages li.left div.message p.message:after, div#support ul.list_messages li.right div.message p.message:after{
	content:' ';
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	border:3px solid;
}
div#support ul.list_messages li.left div.message span.date, div#support ul.list_messages li.right div.message span.date{ margin-left:11px; }
/* Left */
div#support ul.list_messages li.left div.user{ float:left; }
div#support ul.list_messages li.left div.message{ margin-right:196px; }
div#support ul.list_messages li.left div.message p.message{
	background:#EEEEFF;
	border:1px solid #BBBBFF;
	color:#555599;
	border-bottom-left-radius:0px;
}
div#support ul.list_messages li.left div.message p.message:before{
	left:-8px;
	border-color:transparent #BBBBFF #BBBBFF transparent;
}
div#support ul.list_messages li.left div.message p.message:after{
	left:-6px;
	border-color:transparent #EEEEFF #EEEEFF transparent;
}
/* Right */
div#support ul.list_messages li.right div.user{ float:right; }
div#support ul.list_messages li.right div.message{ margin-left:196px; }
div#support ul.list_messages li.right div.message p{
	background:#CCFFCC;
	border:1px solid #99CC99;
	color:#336633;
	border-bottom-right-radius:0px;
}
div#support ul.list_messages li.right div.message p:before{
	right:-8px;
	border-color:transparent transparent #99CC99 #99CC99;
}
div#support ul.list_messages li.right div.message p:after{
	right:-6px;
	border-color:transparent transparent #CCFFCC #CCFFCC;
}




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- ADMINISTRATION --- */
/* Reboot - Refresh */
table#rebootTable tbody tr td span, div#logs h1 span.reboot{
	display:block;
	float:left;
	width:24px;
	height:24px;
	line-height:24px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	color:#333333;
	text-align:center;
	cursor:help;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
}
table#rebootTable tbody tr td span.refresh{ -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }
table#rebootTable tbody tr td span.good{ background:#99FF99; }
table#rebootTable tbody tr td span.average{ background:#FFFF99; }
table#rebootTable tbody tr td span.bad{ background:#FF9999; }
table#rebootTable tbody tr td div.sep{
	float:left;
	line-height:24px;
	margin:0px 10px;
}
/* Wall */
div#wallContent{
	width:100%;
	height:700px;
	background:#EFEFEF;
	border:1px solid #CCC;
	overflow:auto;
}
div#wallContent div#wallWrapper{ position:relative; }
div#wallContent div#wallWrapper div.wallItem{
	position:absolute;
	display:block;
	border:1px solid #8FBE00;
}
div#wallContent div#wallWrapper div.wallItem p{
	margin:5px 0px;
	text-align:center;
}
div#wallContent div#wallWrapper div.wallItem ul li{
	margin:0px 0px 5px 0px;
	text-align:center;
}
div#wallContent div#wallWrapper div.wallItem ul li a{
	color:#333333;
	text-decoration:none;
}
div#wallContent div#wallWrapper div.wallItem ul li a:hover{ color:#8FBE00; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- SERVEUR --- */
/* Tracking */
div#serveur div#tracking div.statistic div.filters{
	padding:5px 10px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
}
div#serveur div#tracking div.statistic div.filters p{
	display:inline;
	margin:0px 10px 0px 20px;
	line-height:30px;
	font-weight:bold;
}
div#serveur div#tracking div.statistic div.filters p:first-of-type{ margin-left:0px; }
div#serveur div#tracking div.statistic div.filters > input{
	float:none;
	height:30px;
	width:100px;
	margin:0px 0px 0px 0px;
	padding:2px 4px;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
}
div#serveur div#tracking div.statistic div.filters > .chzn-container{ top:8px; }
div#serveur div#tracking div.statistic div.charts{
	background:#FCFCFC;
	border:1px solid #CCCCCC;
	border-top:none;
}
div#serveur div#tracking div.statistic div.charts h2{ padding:10px; }
div#serveur div#tracking div.statistic div.charts p.notification{ margin:10px; }
div#serveur div#tracking div.statistic div.charts > div{ min-height:100px; }
/* Sauvegardes */
div#serveur div.backupColumn{
	float:left;
	width:50%;
}
div#serveur div.dataBackup{
	margin:0px 0px 20px 0px;
	padding:10px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}
/* Logs */
div#serveur ul#logs{
	float:left;
	width:15%;
	max-height:720px;
	margin:0% 1% 10px 0%;
	overflow-x:auto;
}
div#serveur ul#logs li p{
	margin:10px 0px 0px 0px;
	padding:10px;
	background:#E6E6E6;
	border:1px solid #CCCCCC;
	font-weight:bold;
}
div#serveur ul#logs li:first-of-type p{ margin-top:0px; }
div#serveur ul#logs li a{
	display:block;
	padding:5px 10px;
	font-weight:bold;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	color:#666666;
	text-decoration:none;
}
div#serveur ul#logs li a:hover, div#serveur ul#logs li a.active{
	padding:5px 10px 5px 15px;
	background:#EEFFEE;
	border-left:3px solid #8FBE00;
	color:#8FBE00;
}
div#serveur ul#logs li a img{
	float:left;
	margin:0px 5px 0px 0px;
}
div#serveur div#logView{
	float:left;
	width:84%;
	max-height:720px;
	padding:10px 10px 0px 10px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	overflow-x:auto;
	box-sizing:border-box;
}
div#serveur div#logView p{
	line-height:20px;
	margin:0px 0px 10px 0px;
}
/* Template: Scene */
div#template div#preview{
	float:left;
	width:70%;
}
div#template div#preview iframe{ overflow:hidden; }
div#template div#template_layout{
	width:100%;
	height:100%;
	border:1px solid #DDD;
	height:500px;
	position:relative;
	overflow:hidden;
	background-color:#000000;
	color:#FFFFFF;
}
div#template div#template_layout div.layer{
	position:absolute;
	display:block;
	border:1px solid #FFFFFF;
	overflow:hidden;
}
div#template div#template_layout div.layer div.layer_tools{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:30px;
}
div#template div#template_layout div.layer div.layer_tools div.tools_content{
	position:relative;
	z-index:2;
	padding:7px 10px;
}
div#template div#template_layout div.layer div.layer_tools div.tools_content p{
	margin:0px;
	font-weight:bold;
	color:#FFFFFF;
}
div#template div#template_layout div.layer div.layer_tools div.tools_content a{
	margin:0px 0px 0px 10px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
div#template div#template_layout div.layer div.layer_tools div.tools_content a img{
	float:left;
	margin:0px 2px 0px 0px;
}
div#template div#template_layout div.layer div.layer_tools div.tools_background{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	background:#FFFFFF;
	opacity:0.6;
}
div#template div#options{
	float:right;
	width:29%;
}
div#template div#options a{
	color:#333333;
	text-decoration:none;
}
div#template div#options a:hover{ color:#8FBE00; }
/* Template: List */
div#template div#layersList div.layerBox{
	margin:0px 0px 5px 0px;
	border:1px solid #CCCCCC;
}
div#template div#layersList div.layerBox div.title_box{
	padding:10px 5px;
	background:#F6F6F6;
	border-bottom:1px solid #CCCCCC;
}
div#template div#layersList div.layerBox div.title_box a.remove_layer{ float:right; }
div#template div#layersList div.layerBox div.title_box a.remove_layer img{ display:block; }
div#template div#layersList div.layerBox div.title_box a.toggle_layer{
	float:left;
	margin:0px 5px 0px 0px;
}
div#template div#layersList div.layerBox div.title_box a.toggle_layer img{ display:block; }
div#template div#layersList div.layerBox div.title_box p.name{
	float:left;
	margin:0px;
	font-weight:bold;
}
div#template div#layersList div.toggle_box{ padding:10px; }
div#template div#layersList div.toggle_box p.title{
	margin:0px;
	padding:0px 5px 5px 5px;
	border-bottom:1px solid #999999;
	font-weight:bold;
	color:#666666;
}
div#template div#layersList div.toggle_box table input[type=text], div#template div#layersList div.toggle_box table select{
	float:left;
	width:75%;
	height:100%;
	margin:0px;
	padding:2px;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
}
div#template div#layersList div.toggle_box table div.boxMediaPicker{ margin-top:2px; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- EASY --- */
/* Responsive */
/* HU1800: Hidden Under 1800PX */
@media (max-width:1799px){
	div#easy .easy_hu1800{ display:none; }
}
/* VU1800: Visible Under 1800PX */
.easy_vu_1800{ display:none; }
@media (max-width:1799px){
	div#easy .easy_vu_1800{ display:block; }
}
/* Global */
div#easy div.column{
	position:relative;
	float:left;
	background:#FFFFFF;
	box-sizing:border-box;
}
div#easy div.column#players{ width:13.98%; }
div#easy div.column#playlist{ width:59.98%; }
div#easy div.column#library{ width:25.98%; }
div#easy div.column .divider{
	position:absolute;
	z-index:2;
	top:0px;
	right:-3px;
	width:4px;
	background:#FFFFFF;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
}
div#easy div.column .spacer{ padding:10px; }
div#easy div.column .scroller{ overflow-x:auto; }
div#easy div.column .loading{
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:31px;
	height:31px;
	margin:-15px 0px 0px -15px;
	background:url('/images/greenplayer/nyroModal/ajaxLoader.gif') no-repeat left top;
}
div#easy h1{
	margin:0px;
	padding:10px;
	background:#F6F6F6;
	border-bottom:1px solid #EEEEEE;
	font-size:20px;
	font-weight:lighter;
	color:#999999;
	white-space:nowrap;
	overflow:hidden;
	text-transform:uppercase;
}
div#easy h1 img{
	float:left;
	margin:4px 8px 0px 0px;
}
div#easy h1{
	display:block;
}
div#easy h1 span{
	float:left;
	display:block;
}
div#easy h1 a{
	float:right;
	display:block;
	margin:0px;
	padding:0px;
}
div#easy h1 a img{
	margin:0px;
	padding:0px;
}
/* Players */
div#easy div#players ul li a.showPlaylist{
	display:block;
	padding:10px;
	border-bottom:1px solid #F6F6F6;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
div#easy div#players ul li a.showPlaylist:hover{
	background:#FCFCFC;
	color:#333333;
}
div#easy div#players ul li a.showPlaylist.active{
	background:#8FBE00;
	border-bottom:none;
	color:#FFFFFF;
	cursor:default;
}
div#easy div#players ul li a.showPlaylist img{
	float:left;
	margin:0px 5px 0px 0px;
}
div#easy div#players ul li a.showPlaylist span.arrow{
	float:right;
	width:16px;
	height:16px;
	background:url('/css/greenplayer/images/ui-icons_666666_256x240.png') no-repeat -32px 0px;
}
div#easy div#players ul li a.showPlaylist:hover span.arrow{ background-image:url('/css/greenplayer/images/ui-icons_333333_256x240.png'); }
div#easy div#players ul li a.showPlaylist.active span.arrow{ background-image:url('/css/greenplayer/images/ui-icons_ffffff_256x240.png'); }
div#easy div#players ul li div.infoPlayer{
	background:#FCFCFC;
	border-top:1px solid #6F9E00;
	border-bottom:1px solid #F6F6F6;
}
div#easy div#players ul li div.infoPlayer a, div#easy div#players ul li div.infoPlayer p{
	display:block;
	margin:0px;
	padding:5px;
	border-top:1px dotted #F0F0F0;
	color:#999999;
	text-decoration:none;
}
div#easy div#players ul li div.infoPlayer a:hover, div#easy div#players ul li div.infoPlayer a.active{
	background:#C6F066;
	color:#333333;
}
div#easy div#players ul li div.infoPlayer p:first-of-type{ border-top:none; }
div#easy div#players ul li div.infoPlayer span.bullet{
	float:left;
	width:16px;
	height:16px;
	margin-top:-2px;
	background:url('/css/greenplayer/images/ui-icons_666666_256x240.png') no-repeat -48px -32px;
}
div#easy div#players ul li div.infoPlayer p span.bullet{ background:none; }
div#easy div#players ul li div.infoPlayer img.icon{
	float:left;
	margin:0px 5px 0px 25px;
}
/* Library */
div#easy div#library #filters{
	position:relative;
	background:#F6F6F6;
	border-bottom:1px solid #EEEEEE;
}
div#easy div#library #filters #search_media{
	float:left;
	width:100%;
	padding:5px 20px 5px 10px;
	background:#FCFCFC;
	border:none;
	border-right:1px solid #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#666666;
	box-sizing:border-box;
	outline:none;
}
div#easy div#library #filters #search_type{
	float:right;
	width:30%;
	margin:0px;
	padding:4px;
	background:#FCFCFC;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	box-sizing:border-box;
}
div#easy div#library #filters #search_close{
	position:absolute;
	top:4px;
	left:100%;
	display:block;
	width:16px;
	height:16px;
	margin-left:-20px;
	background:url('/images/icons/mini/cross-small.png') no-repeat left top;
}
div#easy div#library div#medias > ul > li{
	display:block;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #EEEEEE;
}
div#easy div#library div#medias > ul > li:nth-child(even){ background-color:#F6F6F6; }
div#easy div#library div#medias > ul > li.open > a{ background-color:#C6F066; }
div#easy div#library div#medias > ul > li > a{
	display:block;
	padding:10px 10px 10px 32px;
	background:url('/images/icons/mini/folder-small-horizontal.png') no-repeat 10px 10px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
div#easy div#library div#medias > ul > li > a > img{
	float:left;
	margin:0px 5px 0px 0px;
}
div#easy div#library div#medias > ul > li > a > span{ font-weight:normal; }
div#easy div#library div#medias > ul > li.open > a{ background-image:url('/images/icons/mini/folder-horizontal-open.png'); }
div#easy div#library div#medias > ul > li > a:hover{ background-color:#C6F066; }
div#easy div#library div#medias > ul > li > ul{ display:none; }
div#easy div#library div#medias > ul > li.open > ul{ display:block; }
div#easy div#library div#medias > ul > li > ul > li{
	padding:10px;
	border-top:1px solid #EEEEEE;
}
div#easy div#library div#medias > ul > li > ul > li:hover{ background:#EEEEEE; }
div#easy div#library div#medias ul li div.preview{
	float:left;
	width:64px;
	height:36px;
	margin:0px 10px 0px 0px;
	text-align:center;
}
div#easy div#library div#medias ul li div.preview:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:100%;
	margin-right:-0.25em;
}
div#easy div#library div#medias ul li div.preview img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	max-height:100%;
}
div#easy div#library div#medias ul li p{
	line-height:17px;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#easy div#library div#medias ul li p.name{
	line-height:19px;
	font-size:12px;
	font-weight:bold;
	color:#999999;
}
div#easy div#library div#medias ul li a.addMedia{
	float:left;
	margin:0px 10px 0px 0px;
	padding:10px;
	background:#8FBE00;
}
div#easy div#library div#medias ul li a.infoMedia{
	float:right;
	margin:0px 0px 0px 10px;
	padding:10px;
	background:#0066CC;
}
div#easy div#library div#medias ul li a.addMedia span, div#easy div#library div#medias ul li a.infoMedia span{
	display:block;
	width:16px;
	height:16px;
	margin:0px auto;
	background:url('/css/greenplayer/images/ui-icons_ffffff_256x240.png') no-repeat -16px -128px;
}
div#easy div#library div#medias ul li a.infoMedia span{ background-position:-160px -112px; }
/* Library - No Media */
div#easy div#library div#medias div.noMedia{ padding:10px; }
div#easy div#library div#medias div.noMedia div.information{
	padding:10px;
	background:#F9F9F9;
}
div#easy div#library div#medias div.noMedia div.information p{
	margin:0px;
	padding:0px;
	color:#666666;
}
div#easy div#library div#medias div.noMedia div.information p a{
	font-weight:bold;
	color:#8FBE00;
	text-decoration:none;
}
div#easy div#library div#medias div.noMedia div.information p a:hover{ text-decoration:underline; }
div#easy div#library div#medias div.noMedia p.title{
	margin:20px 0px 0px 0px;
	padding:10px;
	background:#8FBE00;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
}
div#easy div#library div#medias div.noMedia div.information p.subtitle{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #8FBE00;
	font-size:14px;
	font-weight:bold;
	color:#8FBE00;
	text-transform:uppercase;
}
div#easy div#library div#medias div.noMedia div.information p.or{
	display:inline-block;
	margin:20px 0px;
	padding:5px 10px;
	background:#8FBE00;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
}
/* Playlist - EditPlaylistElementOptions */
form#EditPlaylistElementOptions div.boxInputs{
	float:left;
	width:230px;
	margin:0px 0px 10px 0px;
}
form#EditPlaylistElementOptions div.boxInputs label.sub{
	display:inline-block;
	width:80px;
	line-height:20px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
	font-style:normal;
	color:#333333;
}
form#EditPlaylistElementOptions div.boxInputs input{
	float:none;
	display:inline-block;
	width:140px;
}
form#EditPlaylistElementOptions div.boxInputs input:last-of-type{ margin-bottom:0px; }
form#EditPlaylistElementOptions div.boxInputs input[type='checkbox']{ width:auto; }
/* Box */
div#easy #playlist #content div.content_header{
	padding:10px;
	background:#FCFCFC;
	border-bottom:1px solid #DCDCDC;
}
div#easy #playlist #content div.box{
	border:none;
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
div#easy #playlist #content div.box #tabs{
	border-top:none;
	border-bottom:1px solid #CCCCCC;
}
div#easy #playlist #content div.box #content{ border-top:none; }
/* Screenshots */
div#easy #playlist #content ul#shotsList li a img{ height:65px; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --- MANUAL --- */
/* Global */
#cloneDpmsSchedule{ cursor:pointer; }
div#serveur ul#sections{ margin:0px 0px 20px 0px; }
div#serveur ul#sections li{
	float:left;
	margin:0px 10px 10px 0px;
}
div#serveur ul#sections li a{
	display:block;
	padding:5px 10px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	color:#666666;
	text-decoration:none;
}
div#serveur ul#sections li a:hover{
	background:#EEFFEE;
	border:1px solid #8FBE00;
	color:#8FBE00;
}
div#serveur div#manualText h2{ padding:7px 5px 3px 5px; }
div#serveur div#manualText h2 a.goTop{
	float:right;
	display:block;
	width:16px;
	height:16px;
	background:url('/images/icons/mini/arrow-090.png') no-repeat left top;
}
div#serveur div#manualText div.text{
	float:right;
	width:77%;
}
div#serveur div#manualText a.screenshot img{
	float:left;
	display:block;
	width:20%;
	margin:5px;
	padding:5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}
div#serveur div#manualText a.screenshot:hover img{
	background:#EEFFEE;
	border:1px solid #8FBE00;
} 
div#serveur div#manualText img.icon{
	margin:0px 5px;
	padding:5px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}
div#serveur div#manualText p{
	margin:0px 0px 10px 0px;
	padding:0px 5px;
	line-height:20px;
	color:#333333;
	text-align:justify;
}
div#serveur div#manualText ul{ padding:0px 0px 10px 20px; }
div#serveur div#manualText ul li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	list-style-type:square;
	line-height:16px;
	color:#333333;
}



.boxWrapper.right h1 .arrowToggle{
	
}

#page .box.toggle h1.small{
	height:25px!important;
}

.widgetsWrapper{
	background-color:transparent!important;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-danger {
	color: #FF0000;
}
.text-warning {
	color: #FFA500;
}
.text-success {
	color: #248D00;
}
.text-bold {
	font-weight: bold;
}

.withTooltip {
	position: relative;
}
.withTooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}
/* Tooltip arrow */
.withTooltip:not(.withTooltipBottom) .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
.withTooltip.withTooltipBottom .tooltiptext {
	bottom: -230%;
}
.withTooltip.withTooltipBottom .tooltiptext::before {
	content: "";
	position: absolute;
	top: -26%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent rgb(85, 85, 85) transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.withTooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.withTooltip:hover {
	cursor: pointer;
}

.xdebug-var-dump {
	margin-left: 300px;
}

.timeline {
	height: 10px;
	display: flex;
}
.timeline-container .timeline {
	display: -webkit-box;
}
.timeline_period {
	height: 100%;
}
.timeline_success {
	background-color: #248D0063;
}
.timeline_danger {
	background-color: #FF000054;
}
.timeline_success:hover {
	background-color: #248D00;
	cursor: pointer;
}
.timeline_danger:hover {
	background-color: #FF0000;
	cursor: pointer;
}

.timeline-color-red, .timeline.timeline-color .timeline_period:nth-child(5n+0) {
	background-color: #FF0000;
}
.timeline-color-blue, .timeline.timeline-color .timeline_period:nth-child(5n+1) {
	background-color: #133984;
}
.timeline-color-green, .timeline.timeline-color .timeline_period:nth-child(5n+2) {
	background-color: #9FCF20;
}
.timeline-color-yellow, .timeline.timeline-color .timeline_period:nth-child(5n+3) {
	background-color: #f9c31a;
}
.timeline-color-purple, .timeline.timeline-color .timeline_period:nth-child(5n+4) {
	background-color: #ad00fa;
}
.timeline-color-grey, .timeline.timeline-color .timeline_period:last-child {
	background-color: #cbc7c7;
}
.gp-card-timeline-container .timeline, .timeline-container .timeline {
	height: 20px;
}
.gp-card-timeline-container .timeline_period, .timeline-container .timeline_period {
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	position: relative;
	background-color: #FFF;
}
.timeline_period_color {
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
}
.gp-card-timeline-container .timeline_period:first-child, .gp-card-timeline-container .timeline_period:first-child .timeline_period_color,
.timeline-container .timeline_period:first-child, .timeline-container .timeline_period:first-child .timeline_period_color {
	border-radius: 20px;
}


.display-flex {
	display: flex;
}

#clearSearch {
	background: #FC913A;
	color: #FFF;
	font-weight: bold;
}

.list-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}
.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}
.list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.list-group.selectable .list-group-item:hover {
	cursor: pointer;
}
.list-group-item.selected {
	background: #FC913A;
	color: #FFF;
}


.playlistCardWrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	max-height: calc(100vh - 170px);
	overflow: scroll;
}
.playlistCard {
	padding: 10px;
	background-color: #EDF1F5;
	margin: 15px;
	box-sizing: border-box;
	border-radius: 8px;
	box-shadow: 1px 1px 4px #d5d4d4b5;
	width: 200px;
}
.playlistCardTitle  {
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	color: #4F5467;
	font-size: 1.1em;
	padding: 0;
	margin: 8px 0 18px 0;
}
.playlistCardImgPreview {
	border-radius: 8px;
	padding-bottom: 56.25%;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #D2DBE4;
	background-size: contain;
}
.playlistCardInfos {
	color: #4F5467;
	margin: 0;
	padding: 15px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.playlistCardWrapper .playlistCard:hover {
	cursor: pointer;
}
.playlistCard.selected {
	color: #FFFFFF !important;
	background-color: #4F5467;
	will-change: transform;
	transition: all 0.2s ease;
}
.playlistCard.selected .playlistCardTitle, .playlistCard.selected .playlistCardInfos {
	color: #FFFFFF;
}

.boxMediaPickerPreview {
	display: inline-flex;
}
.boxMediaPickerPreviewWrapper {
	margin-right: 20px;
}
.boxMediaPickerPreviewWrapper img {
	width: 110px;
	max-width: 110px;
}
.gp-color {
	color: #9FCF20 !important;
}
.new-design.page {
	padding: 25px 30px;
	padding-bottom: 0px;
	height: calc(100% - 50px);
}
.new-design.page, .ui-dialog .row {
	color: rgba(0, 0, 0, 0.5) !important;
}
.new-design-admin {
	padding-left: 240px !important;
}
.new-design .page-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}
.new-design .page-header button {
	background-color: #9FCF20 !important;
	color: #FFF !important;
	font-weight: bold !important;
	position: relative;
	top: 14px;
}

.new-design .page-header .header-left {
	width: 100%;
}
.new-design .page-header .header-left h1 {
	height: 36px;
	display: inline-flex;
	overflow: hidden;
	width: 100%;
}
.new-design .page-header h1 i {
	margin-right: 10px;
	color: #9FCF20;
	position: relative;
	top: 4px;
}
.gp-menu-fa {
	margin: 5px 8px 0px 0px;
}

.gp-select select {
	width: 300px;
	background-color: #FFF;
	border: 2px solid #FFF;
	border-radius: 15px;
	padding: 10px 20px 10px 35px;
}
.selectW325 .gp-select select {
	width: 325px;
}
.gp-select-withoutI select {
	padding-left: 15px;
}
.gp-select-grey select{
	background-color: #EDF1F5;
	border: 2px solid #EDF1F5;
}
.gp-select select:focus {
	border: 2px solid #9FCF20;
}
.gp-select .gp-select-img {
	position: relative;
	right: -17px;
	width: 0px;
}
.gp-select .chzn-choices, .gp-select .chzn-container {
	border-radius: 20px;
	box-shadow: none;
	background-color: #EDF1F5;
	border: 2px solid #EDF1F5;
	background-image: none;
}
.gp-select .chzn-choices {
	padding: 4px;
}
.gp-select .chzn-container-multi .chzn-choices .search-choice{
	border-radius: 5px;
	background-color: #FFF !important;
	padding: 4px;
	padding-right: 4px;
	background-image: none;
	border: 1px solid #FFF;
	padding-right: 20px;
}

.gp-select .chzn-container-active .chzn-choices {
	border-radius: 20px;
	box-shadow: none;
	border: 2px solid #9FCF20;
}
.gp-select-false {
	background-color: #EDF1F5;
	border-radius: 15px;
	padding: 10px 20px 10px 35px;
	/* padding-left: 35px; */
	padding-left: 15px;
	cursor: pointer;
	width: 265px;
}
.gp-select-select-with-p {
	/* display: none; */
}
.new-design:not(.new-design-media) thead tr th  {
	background-color: #EDF1F5;
	font-weight: 800;
}
.new-design:not(.new-design-media) .table-in-card thead tr th {
	background-color: #FFF;
}
.new-design:not(.new-design-media) table {
	border-collapse: collapse;
}
.new-design:not(.new-design-media) tbody tr {
	border: 10px solid #FFF;
}
.new-design:not(.new-design-media) .table-in-card tbody tr {
	border-left: 0px;
	border-right: 0px;
}
.new-design:not(.new-design-media) tbody tr:first-child {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}
.new-design:not(.new-design-media) tbody tr:last-child {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
.new-design:not(.new-design-media) tbody tr td {
	background-color: #EDF1F5;
}
.new-design:not(.new-design-media) tbody tr.selected td{
	/* background-color: #9FCF2038 !important; */
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#card-body-medias-false-table, div.false-table {
	height: 100%;
}
#card-body-medias-false-thead, div.false-table-thead {
	display:flex;
	width:100%;
	height: 40px;
	font-weight: bold;
	overflow-y: scroll;
    scrollbar-color: #f5f5f5 #FFF;
    scrollbar-width: none;
}
#card-body-medias-false-tbody, div.false-table-tbody {
	height: calc(100% - 40px);
	overflow: auto;
}
.tr-media, div.false-table-tr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	display:flex;
	width: calc(100% - 2px);
	height: 6vh;
	min-height: 50px;
}
.false-table-tr-sm {
	height: 25px !important;
}
.tr-media:not(.tr-media-pending), .false-table-tr.clickable {
	cursor: pointer;
}
.tr-media-pending {
	opacity: 0.6;
}
.false-table-tr-sm {
	height: 37px !important;
}
.false-table-tr-green {
	background-color: #75BF7A0D;
	border: 1px solid #75BF7A0D;
}
.false-table-tr-red {
	background-color: #B433330D;
	border: 1px solid #B433330D;
}
.false-table-tr-grey {
	background-color: #8B8B8B0D;
	border: 1px solid #8B8B8B0D;
}
.false-table-tr-yellow {
	background-color: #FFDD000D;
	border: 1px solid #FFDD000D;
}
.false-table-tr-blue {
	background-color: #0087ff0D;
	border: 1px solid #0087ff0D;
}
.false-table-tr-orange {
	background-color: #B954000D;
	border: 1px solid #B954000D;
}
.false-table-tr-green.selected,
.false-table-tr-hover.false-table-tr-green:hover,
.false-table-tr.false-table-tr-green:hover,
.gp-grid-item.false-table-tr-green:hover {
	border: 1px solid #75BF7A;
}
.false-table-tr-red.selected,
.false-table-tr-hover.false-table-tr-red:hover,
.gp-grid-item.false-table-tr-red:hover {
	border: 1px solid #B43333;
}
.false-table-tr-grey.selected,
.false-table-tr-hover.false-table-tr-grey:hover,
.false-table-tr.false-table-tr-grey:hover,
.gp-grid-item.false-table-tr-grey:hover {
	border: 1px solid #8B8B8B;
}
.false-table-tr-yellow.selected,
.false-table-tr-hover.false-table-tr-yellow:hover,
.gp-grid-item.false-table-tr-yellow:hover {
	border: 1px solid #FFDD00;
}
.false-table-tr-orange.selected,
.false-table-tr-hover.false-table-tr-orange:hover,
.gp-grid-item.false-table-tr-orange:hover {
	border: 1px solid #B95400;
}
.false-table-tr-blue.selected,
.false-table-tr-hover.false-table-tr-blue:hover,
.gp-grid-item.false-table-tr-blue:hover {
	border: 1px solid #0087ff;
}
#tbody-notifications .false-table-tr {
	cursor: pointer;
}
.false-table-tr-no-data {
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	display: flex;
	width: calc(100% - 2px);
	height: 6vh;
	background-color: #8B8B8B0D;
	border: 1px solid #8B8B8B0D;
	display: none;
}
.false-table-tr-no-data > div {
	margin: auto;
	color: red;
	font-weight: bold;
}
.false-table-td-w50 {
	width: 50px;
}
.false-table-td-w70 {
	width: 70px;
}
.false-table-td-w80 {
	width: 80px;
}
.false-table-td-w100 {
	width: 100px;
}
.false-table-td-w110 {
	width: 110px;
}
.false-table-td-w150 {
	width: 150px;
}
.false-table-td-w200 {
	width: 200px;
}
.false-table-td-w300 {
	width: 300px;
}
.false-table-td-w400 {
	width: 400px;
}
.false-table-td-w500 {
	width: 500px;
}

.false-table-td-align-left, .false-table-td-align-center, .false-table-td-align-right {
	display: flex;
}
.false-table-td-align-left > * {
	margin: auto;
	margin-left: 0px;
}
.false-table-td-align-right > * {
	margin: auto;
	margin-right: 0px;
}
.false-table-td-align-center > * {
	margin: auto;
}

.false-table-td-contenu {
	width: calc(100% - 710px);
}
.false-table-td-contenu-with-cat {
	width: calc(100% - 930px);
}
.false-table-playlist-name {
	width: calc(100% - 760px);
}

.false-table-tr .img-preview {
	border-radius: 5px;
}
.btn_preview_media {
	cursor: pointer;
}
.false-table-td-player-content {
	width: calc(((100% - 449px) / 2) - 20px);
}
.false-table-td-player-name {
	width: calc(((100% - 449px) / 2) - 20px);
}
.false-table-td-database-name {
	width: calc((100% - 385px) - 20px);
}
.false-table-td-player-content.withoutDate {
	width: calc(55% - 140px);
}

.td-media-checkbox {
	width: 50px;
}
.td-media-type {
	width: 50px;
}
.td-media-type-80 {
	width: 80px;
}
.td-media-preview {
	width: 100px;
}
.td-media-name {
	width: calc(100% - 720px);
	overflow: hidden;
}
.td-media-updated {
	width: 110px;
}
.td-media-updated-at {
	width: 100px;
}
.td-media-size {
	width: 80px;
}
.td-media-attach {
	width: 100px;
}
.td-media-buttons, .false-table-td-buttons {
	width: 30px;
}
.td-media-type-container {
	height: calc(100% - 10px);
	width: 30px;
	margin-left: 10px;
	display: flex;
	border-radius: 5px;
}
.td-media-type-container i{
	margin: auto;
}
.td-media-type .playerIcon, .playlistIcon, .td-media-type .databaseIcon, .td-media-type .mediaIcon {
	font-size: 18px;
}
.false-table-tr-green .td-media-type .playlistIcon {
	color: #9FCF20;
}

.td-media-group {
	display: none;
	width: 200px;
}
.td-media-name-with-group {
	width: calc(100% - 940px);
}
.td-media-name, .td-media-updated, .td-media-group, .td-media-size, .td-media-updated-at, .false-table-td-padding {
	padding: 0px 10px;
}
.td-media-name a, .td-media-attach a, .false-table-td-link a, .false-table-tr a, .gp-link {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
}
.td-media-name a:hover, .td-media-attach a:hover, .false-table-td-link a:hover, .false-table-tr a:hover {
	color: #8FBE00;
	text-decoration: underline;
}
.sortable-column:hover {
	cursor: pointer;
}
.td-media-name .fa-edit, .false-table-td-editable .fa-edit {
	opacity: 0.7;
	margin-right: 10px;
	position: relative;
    top: 2px;
}
.td-media-name .fa-edit:hover, .false-table-td-editable .fa-edit:hover {
	cursor: pointer;
	opacity: 1;
}
.td-media-name-edit {
	display: none;
	width: 100%;
}
.td-media-name-edit input {
	height: 16px;
	border: 1px solid #9FCF20;
	width: 200px;
	padding: 5px 10px !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	width: calc(100% - 80px);
}
.td-media-name-edit button {
	cursor: pointer;
	border: 1px solid #9FCF20;
	border-left: none;
	background-color: #F8F8F8;
	height: 28px;
	width: 28px;
}
.td-media-name-edit button:last-child {
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.td-media-name-edit input:focus {
	border: 1px solid #9FCF20;
	outline: none !important;
}
.btn-media-name-cancel:hover {
	color: red;
}
.btn-media-name-save:hover {
	color: #9FCF20;
}
.td-media-name-text {
	display: inline-flex;
	width: calc(100% - 50px);
	overflow: hidden;
}
.playerContent {
	/* border: 1px solid #9FCF20; */
	/* padding: 10px; */
	/* border-radius: 5px; */
	/* width: calc(100% - 20px); */
	width: 100%;
	display: inline-flex;
	overflow: hidden;
}
.playerContentIcon {
	font-size: 14px;
	margin-right: 15px;
}
.playerContentImg {
	height: 15px;
	width: 15px;
	margin-right: 11px;
}
.playerContentSeparator {
	transform: rotate(90deg);
	margin-right: 9px;
	font-size: 14px;
}
.btn_regenerate_player {
	margin-left: 10px;
	position: relative;
	top: -3px;
	padding: 5px;
}
.btn_regenerate_player:hover {
	cursor: pointer;
}
.btn_regenerate_player.btn_regenerate_player_rotate {
	color: #3d5da5;
}

.notif-content {
	display: inline-flex;
	width: 100%;
	height: 100%;
}
.notif-without-image {
	width: calc(100% - 20px);
	padding: 0px 10px;
}
.notif-with-both-image {
	width: calc(100% - 220px);
	padding: 0px 10px;
}
.notif-with-one-image {
	width: calc(100% - 120px);
	padding: 0px 10px;
}
.notif-with-one-text {
	display: flex;
}
.notif-with-one-text > * {
	margin: auto;
	margin-left: 0px;
}
.notif-with-both-text .notif-text:first-child {
	margin-bottom: 5px;
}
.notif-with-both-text .notif-text {
	max-height: calc(50% - 5px);
	overflow: hidden;
}
.notif-text-padding {
	padding-top: 10px;
	padding-bottom: 10px;
}

#notification_preview {
	height: 100%;
	width: 100%;
	display: inline-flex;
	background-color: #00000042;
	color: #FFF;
}
.notification_preview_image {
	padding: 5px;
}
.notification_preview_image img {
	height: 100%;
}
#notification_preview_text {
	padding: 5px;
	height: 100% - 10px;
}

#notification_preview_title > *:first-child, #notification_preview_description > *:first-child {
	margin-top: 0px;
}
#notification_preview_title > *:last-child, #notification_preview_description > *:last-child {
	margin-bottom: 0px;
}

.notification_preview_both_text #notification_preview_title {
	padding-bottom: 3px;
	height: calc(50% - 3px);
	font-size: 30px;
	font-weight: bold;
}
.notification_preview_both_text #notification_preview_description {
	padding-top: 3px;
	height: calc(50% - 3px);
	max-height: calc(50% - 3px);
	font-size: 25px;
	font-weight: bold;
	overflow: scroll;
}
.notification_preview_one_text #notification_preview_title {
	display: flex;
	height: 100%;
}
.notification_preview_one_text #notification_preview_title > div {
	font-size: 35px;
	margin: auto;
}





.gp-switch {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
}
.gp-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #999;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}
.gp-switch .slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}
.gp-switch input:checked + .slider {
	background-color: #9FCF20;
}
.gp-switch.gp-switch-dark input:checked + .slider {
	background-color: #3e7705;
}
.gp-switch input:focus + .slider {
	box-shadow: 0 0 1px #9FCF20;
}
.gp-switch input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}
.inline-container {
	display: inline-flex;
}

.notification-form {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.form-left, .form-right {
	width: 50%;
	padding: 0px 20px;
}
.form-group textarea {
	width: calc(100% - 24px);
	resize: none;
	line-height: 18px;
	font-size: 14px;
}
.form-group textarea:focus, .form-group input.form-control:focus, .form-sub-group input.form-control:focus {
	outline: none !important;
    border: 2px solid #9FCF20;
}
.form-group .form-control, .form-sub-group .form-control {
	padding: 10px;
	background-color: #EDF1F5;
	border: 2px solid #EDF1F5;
	border-radius: 15px;
}
.form-control-time {
	width: 100px;
}
.form-control.form-control-error, .form-control.form-control-error:focus {
	border-color: red !important;
}
.form-control.form-control-10 {
	border-radius: 10px;
}

.form-label {
	font-weight: bold;
	font-size: 14px;
	color: #4F5467;
	margin-bottom: 10px;
}
.form-group {
	padding: 10px 0px;
}
.gp-card-title .form-group {
	padding: 0px;
}
#card-body-medias .form-group {
	padding-left: 14px;
}
.form-sub-group {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-top: 10px;
}

.gp-input-long input {
	width: 280px;
	padding: 7px 10px;
}
.gp-input-file input[type=file]::file-selector-button {
	margin-right: 8px;
	border: none;
	background: #9FCF20;
	padding: 8px 12px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;

}
.gp-input-file-cross {
	width: 0px;
	position: relative;
	right: 20px;
	display: inline-block;
}
.gp-input-file-cross:hover {
	color: red;
	cursor: pointer;
}

#notif-duration-type {
	width: 85px;
}
#notif-duration {
	width: 65px;
	margin-left: 10px;
	margin-right: 10px;
}
#notif_players_chzn, #notif-players-group {
	width: 350px !important;
}
#notif_players_chzn .chzn-drop {
	width: 350px !important;
}
#media_filter_type, #group_media_filter_type, #notif_filter_player, #notif_filter_categories {
	background-color: #fff;
	height: 40px;
	border: 0.5px solid #8B91A6;
	width: 150px;
	border-radius: 31px !important;
	margin-right: -17px;
	z-index: 999;
	position: relative;
	-webkit-appearance: none;
}
#group_media_filter_type {
	height: 30px;
	width: 130px;
}
#media_filter_type, #group_media_filter_type, #playlist_filter_status, #mediapicker_filter_type, #player_filter_status {
	width: 100px;
	background-color: #F8F8F8;
	border-color: #F8F8F8;
}
#media_filter_type:focus, #group_media_filter_type:focus, #group_mediatheque_search:focus, #player_filter_status:focus, #playlist_filter_status:focus {
	border: 2px solid #9FCF20;
}
.gp-select-input .gp-select-img {
	z-index: 1000;
}
#media_filter_type:focus, #media_filter_type:focus-visible, #group_media_filter_type:focus, #group_mediatheque_search:focus, #notif_filter_player:focus, #notif_filter_categories:focus {
	border: 0.5px solid #9FCF20;
	outline: none;
}
#notif_filter_player {
	z-index: 999;
}
.page-notifications .gp-select-input .fa-layer-group {
	right: -25px;
}

#medias_tri {
	width: 175px;
}
#playlist_filter_status {
	width: 190px;
}
#group_mediatheque_search {
	background-color: #fff;
	border: 0.5px solid #8B91A6;
}

.gp-checkbox {
	display: block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.td-media-checkbox:not(.th-media) .gp-checkbox{
	padding-left: 28px;
}
.gp-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.gp-checkbox-checkmark {
	position: absolute;
	top: -2px;
	left: 0;
	height: 17px;
	width: 17px;
	background-color: #EDF1F5;
	border-radius: 5px;
}
.gp-checkbox-white .gp-checkbox-checkmark{
	background-color: #FFF;
	border: 1px solid #4F5467;
}
.gp-checkbox:hover input ~ .gp-checkbox-checkmark {
	background-color: #E3E4E6;
}
.gp-checkbox input:checked ~ .gp-checkbox-checkmark {
	background-color: #9FCF20;
}
.gp-checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.gp-checkbox input:checked ~ .gp-checkbox-checkmark:after {
	display: block;
}
.gp-checkbox .gp-checkbox-checkmark:after {
	left: 5px;
	top: 2px;
	width: 3px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.edit-list-players:hover, .edit-notif-titre:hover {
	cursor: pointer;
	color: #9FCF20;
}
.notification-player-form {
	width: 100%;
	max-height: 420px;
	overflow-y: auto;
}
.notification-player-form table {
	width: 100%;
}

.tempus-dominus-widget {
	position: absolute !important;
}
.notif-duration-wrapper .gp-select {
	padding-top: 10px;
}
#notif-select-container {
	display: inline-flex;
	justify-content: space-between;
	width: 610px;
}
td.no-elem, #tr-no-elem {
	text-align: center;
	color: #ff3434;
	font-size: 1.2em;
	font-weight: bold;
}

.sun-editor {
	border: 2px solid #9FCF20 !important;
	border-radius: 15px !important;
}
.sun-editor-common {
	background-color: #FFF !important;
}
.sun-editor .se-container > .sun-editor-common:first-child {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.sun-editor .se-resizing-bar.sun-editor-common {
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
	padding: 0 8px !important;
}
.sun-editor .se-btn-module-border {
	/* border-color: #9FCF20 !important; */
	margin-right: 5px !important;
	border-radius: 6px !important;
	background-color: #FFF !important;
}
.sun-editor .se-btn:enabled:hover {
	color: #FFFFFF !important;
	background-color: #4F5467 !important;
	will-change: transform;
	transition: all 0.2s ease;
}
.sun-editor button > svg {
	height: 13px !important;
}
.sun-editor .se-btn:not(.se-btn-select.se-btn-tool-font) {
	width: 25px !important;
}
.sun-editor .se-btn {
	height: 25px !important;
	line-height: 1.5 !important;
}

.img_status_player_pending_container {
	width: 0px;
	display: inline-block;
}
.img_status_player_pending {
	width: 12px;
	height: 12px;
	display: inline-block;
	border: 2px solid #4200f7a6;
	border-radius: 10px;
	position: relative;
	top: 4px;
	left: 0px;
}
#legend .img_status_player_pending {
	width: 10px;
	height: 10px;
	top: -1px;
}
.row {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 20px;
}
.page-body .row:last-child {
	margin-bottom: 0px;
}
.col-3 {
	width: calc(20% - 20px - 30px);
}
.col-4 {
	width: calc(((100% - 40px) / 3) - 40px);
}
.col-8 {
	width: calc(((100% - 40px) / 3 * 2) - 70px);
}
.col-9 {
	width: calc(80% - 20px - 30px);
}
.col-4 {
	width: calc((100% - 40px) / 3);
}
#pageHomeNew .col-4 {
	width: calc(((100% - 40px) / 3) - 30px);
}
.col-12 {
	width: calc(100%);
}
.col-6 {
	width: calc(50% - 20px - 30px);
}
.col-66 {
	width: calc((100% - 20px) / 2);
}

.col-5 {
	width: calc(((100% - 40px) / 12 * 5));
}
.col-7 {
	width: calc(((100% - 40px) / 12 * 7));
}

.new-design-media-with-header.new-design-media .page-body {
	height: calc(100% - 80px);
}
.new-design-media .page-body, .new-design-media .row:not(.row-header) {
	height: 100%;
}

.col-media-left {
	width: calc(100% - 440px - 20px);
	height: 100%;
	overflow: hidden;
}
.col-media-right {
	width: 440px;
	max-height: 100%;
	height: 100%;
	overflow: scroll;
}

.gp-card {
	background-color: #FFF;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.row .gp-card:last-child {
	margin-bottom: 0px;
}
.gp-card.col-3, .gp-card.col-4, .gp-card.col-6, .gp-card.col-8, .gp-card.col-9, .gp-card.col-12,
.col-media-left .gp-card, .col-media-right .gp-card:last-child {
	margin-bottom: 0px;
}
.col-media-left .gp-card {
	height: calc(100% - 42px);
}

.col-media-left #thWallDuration {
	width: 80px;
}
.col-media-left #thWallDays {
	width: 170px;
}
.col-media-left #thWallStart, .col-media-left #thWallEnd {
	width: 105px;
}

.row .gp-card-title {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 10px;
	max-height: 40px;
}
.gp-card-title-left {
	font-size: 16px;
	font-weight: bold;
}
.row-modal .col-4.col-multiple-card {
	width: calc((100% - 20px) / 12 * 4);
	height:100%;
}
.row-modal .col-8.col-group-management {
	width: calc(((100% - 20px) / 12 * 8) - 40px);
}
.row-modal .gp-card {
	background-color: #f5f5f5
}
.col-multiple-card .gp-card {
	margin-bottom: 15px;
}
.col-multiple-card .gp-card h3 {
	margin-top: 0px;
}
.btn-group-sm .gp-button {
	font-size: 11px;
}

.w200 {
	width: 200px;
}
.gp-card-timeline-container {
	width: calc(100% - 400px);
}
.pt20 {
	padding-top: 20px;
}
.mb0 {
	margin-bottom: 0px;
}
.gp-card-body-mediatheque {
	height: calc(100vh - 360px);
}
.gp-card-body-notifications, .gp-card-body-playlist {
	height: calc(100vh - 230px);
}
.gp-card-body-players {
	height: calc(100vh - 250px);
}
.gp-card-body-players-left {
	height: calc(100vh - 280px);
}
.gp-card-body-players .false-table-tr {
	cursor: pointer;
}
#card-body-medias {
	height: calc(100vh - 460px);
}
#card-body-medias.withoutSubFolder {
	height: calc(100vh - 370px);
}
#card-body-medias > table {
	border-spacing: 0px 10px;
}
#card-body-medias .gp-checkbox-checkmark {
	height: 12px;
	width: 12px;
	top: 0px;
}
#card-body-medias .gp-checkbox .gp-checkbox-checkmark::after{
	width: 2px;
	height: 5px;
}
.overflow-scroll {
	max-height: 100%;
	overflow: scroll;
}
.font-size-10 {
	font-size: 10px;
}
.btn-small {
	height: 20px;
	width: 20px;
	font-size: 16px;
	cursor: pointer;
	opacity: 0.8;
}
.btn-small:hover {
	opacity: 1;
}
.btn-small-red {
	color: #FF4A4A;
}
.btn-small-yellow {
	color: #EBB133;
}
.btn-small-blue {
	color: #36a8ff;
}
.btn-small-grey {
	color: #4F5467;
}
.btn-group .btn-small:not(:last-child) {
	margin-right: 10px;
}
.btn-small-xs {
	height: 12px;
	width: 12px;
	font-size: 12px;
}
.btn-group .btn-small-xs {
	margin-right: 5px;
}

.form-input-inline-6 {
	display: inline-flex !important;
	justify-content: space-between;
}
.form-input-inline-6 input {
	height: 60px;
	width: 30px;
	font-size: 50px;
	color: #5b5b5b;
	padding: 10px;
	border: 1px solid #9FCF20;
	border-radius: 10px;
	margin-right: 5px;
}

.gp-grid {
	display: inline-grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 200px));
	grid-gap: 20px;
	width: 100%;
	justify-content: start;
	/* justify-content: space-around; */
	grid-auto-flow: row;
	height: calc(100% - 190px);
	overflow-y: auto;
	overflow-x: hidden;
}
.gp-grid-content {
	background-color: #FFF;
	padding: 10px;
	width: 200px;
	height: 210px;
	margin: 10px;
	border-radius: 10px;
	border: 2px solid #fff;
}
.gp-grid-content.broadcast {
	border: 2px solid #75BF7A;
}
.gp-grid-content > * {
	margin-bottom: 10px;
}
.gp-grid-content .grid-name {
	display: flex;
	height: 30px;
	font-weight: bold;
	font-size: 14px;

	justify-content: space-between;
}
.gp-grid-content .grid-name > * {
	/* margin: auto; */
}
.gp-grid-content .grid-preview img {
	border-radius: 5px;
	width: 100%;
	max-width: 100%;
	max-height: 110px;
}
.gp-grid-content .grid-infos {
	display: flex;
	justify-content: space-between;
}
.gp-grid-content-no-data {
	background-color: #FFF;
	padding: 10px;
	width: 200px;
	height: 210px;
	margin: 10px;
	border-radius: 10px;
	border: 2px solid #fff;
	display: none;
}
.gp-grid-content-no-data > * {
	margin: auto;
	color: red;
	font-weight: bold;
}

.media-preview {
	width: 90px;
	text-align: center;
	display: flex;
	padding: 5px;
	height: calc(100% - 10px);
}
.media-preview-percent {
	width: 90%;
}
.media-preview img {
	cursor: pointer;
	margin: auto;
	max-width: 90%;
	max-height: 100%;
}
.false-table-tr .img-filigrane {
	width: 0px;
	position: relative;
	left: -90px;
	background-color: #FFFFFF40;
}
.false-table-tr .img-filigrane img {
	max-width: 90px;
	background-color: #000000c9;
	border-radius: 5px;
}



.vertical-align > * {
	margin: auto;
}
.vertical-align-flex {
	display: flex;
}
.gp-card-title .gp-select .gp-select-select {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	border-top-left-radius: 10px  !important;
	border-bottom-left-radius: 10px !important;
}
.gp-card-title .gp-select:not(.gp-select-input) .gp-select-select {
	border-top-right-radius: 10px  !important;
	border-bottom-right-radius: 10px !important;
}
.gp-select-input select {
	border-top-right-radius: 0px  !important;
	border-bottom-right-radius: 0px !important;
}
.gp-select-input input {
	height: 26px;
	border: 0.5px solid #4F5467;
	width: 250px;
	padding: 6px 25px !important;
	border-top-right-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
}
#group_mediatheque_search {
	height: 16px;
	width: 180px;
}
.gp-select-input input:focus {
	outline: none !important;
	border: 0.5px solid #9FCF20;
}
.gp-select-input .fa-times {
	position: relative;
	left: -27px;
	top: 1px;
	opacity: 0.5;
	cursor: pointer;
}
.gp-card-title-right .gp-select-input .fa-times {
	top: 0px;
}

#notif_filter_categories {
	border-top-left-radius: 0% !important;
	border-bottom-left-radius: 0px !important;
	width: 190px;
	z-index: 990;
	padding-left: 45px;
}

#media-search-container .form-group {
	padding: 0px !important;
	width: 100% !important;
}
#media-search-container input.form-control {
	width: calc(100% - 25px) !important;
	padding: 5px 10px !important;
	border-radius: 10px !important;
}

#folders-container {
	max-height: 100%;
	height: 100%;
}
#playersGroupContainer {
	height: calc(100% - 60px);
}
#playersGroupContainer.withPending {
	height: calc(100% - 80px);
}
#pieChartPlayersContainer {
	max-height: calc(40% - 40px - 15px);
	height: calc(40% - 40px - 15px);
	padding: 20px;
	background-color: #f5f5f5;
	border-radius: 5px;
	margin-top: 15px;
}
#pieChartPlayersCanvasContainer {
	margin: auto;
	height: 100%;
	width: 100%;
}
#pieChartPlayers {
	max-height: 100%;
	max-width: 100%;
}
.new-design #ulFolderContainer {
	border: solid 1px #f5f5f5;
	border-radius: 5px;
	padding: 10px;
	background-color: #f5f5f5;
	max-height: calc(100% - 20px) !important;
	height: calc(100% - 20px) !important;
}
#ulFolderContainerScroll, .ulContainerScroll {
	height: 100% !important;
	max-height: 100% !important;
	overflow-y: auto;
}

.new-design ul#folders li.folder,
.new-design-tree li.new-design-li {
	margin-bottom: 5px;
	border-radius: 5px;
}
.new-design ul#folders li.folder:not(.alt),
.new-design-tree li.new-design-li:not(.alt) {
	background-color: #FFF;
	border: 1px solid #FFF;
}
.new-design ul#folders li.folder.alt,
.new-design-tree li.new-design-li.alt {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
}

.new-design ul#folders li.reverseAltChildren li.folder:not(.alt),
.new-design-tree li.reverseAltChildren li.new-design-li:not(.alt) {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
}
.new-design ul#folders li.reverseAltChildren li.folder.alt,
.new-design-tree li.reverseAltChildren li.new-design-li.alt {
	background-color: #FFF;
	border: 1px solid #FFF;
}

.new-design ul#folders li.folder.active,
.new-design-tree li.new-design-li.active {
	background-color: #0080FF0F;
	border: 1px solid #3d5da53d;
}
.new-design ul#folders li.folder.active > .li-folder-container .folder-text,
.new-design-tree li.new-design-li.active > .new-design-li-content .new-design-li-text {
	font-weight: bold;
}
.new-design ul#folders li.folder .li-folder-container,
.new-design-tree .new-design-li .new-design-li-content {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
}
.new-design ul#folders li.folder .fa.fa-home,
.new-design-tree .new-design-li .fa.fa-home {
	color: #3d5da5;
	font-size: 14px;
}
#cache_files_list .new-design-li {
	cursor: pointer;
}
#mediasToValidate {
	display: none;
	border: 1px solid orange !important;
	color: orange !important;
}
.new-design ul#folders li.folder .fa-exclamation-circle {
	color: orange;
	font-size: 14px;
}
#mediasToValidate.active {
	background-color: #ffa50014 !important;
}
#mediasRecent {
	border: 1px solid #75BF7A !important;
	color: #75BF7A !important;
}
.new-design ul#folders li.folder .fa-clock {
	color: #75BF7A;
	font-size: 14px;
}
#mediasRecent.active {
	background-color: #75BF7A14 !important;
}

.new-design ul#folders li.folder .fa.fa-folder {
	color: #f7dc00;
	font-size: 14px;
	cursor: move;
}
.new-design ul#folders li.folder.active > .li-folder-container .fa.fa-folder-open,
.new-design ul#folders li.folder.active > .li-folder-container .fa.fa-folder,
.new-design ul#folders li.folder .fa.fa-folder-open {
	color: #3d5da5;
	font-size: 14px;
	cursor: move;
}
.new-design ul#folders li.folder .folder-text,
.new-design-tree .new-design-li .new-design-li-text {
	margin-left: 10px;
	cursor: pointer;
}
.new-design ul#folders li.folder .folder-text-container,
.new-design-tree .new-design-li .new-design-li-container {
	max-width: calc(100% - 30px);
	overflow: hidden;
}
#playersGroupContainer .new-design-li-content {
	cursor: pointer;
}
#playersGroupContainer .new-design-li-count {
	color: rgba(0, 0, 0, 0.37);
}

ul#folders > .folder ul,
.new-design-tree > .new-design-li ul {
	display: none;
}
ul#folders .folder.folder-open > ul,
.new-design-tree .new-design-li.open > ul {
	display:block;
}
.ul-folder-with-children,
.new-design-ul-with-children {
	border-left: 1px solid #3d5da594;
	margin-left: 6px;
	padding-left: 10px;
	margin-top: 3px;
	padding-top: 5px;
}

#mediasInProgressContainer {
	height: 0px;
	width: 100%;
	display: none;
}
#mediasInProgress {
	color: #18B0FF;
	font-weight: bold;
	position: relative;
	top: 6px;
	cursor: pointer;
	font-size: 12px;
}

.progressbar-container {
	height: 15px;
	background-color: #dadada;
	margin: 10px;
	border-radius: 5px;
}
.progressbar-progress {
	height: 100%;
	background-color: #9FCF20;
	border-radius: 5px;
}
.progressbar-text-container {
	height: 0px;
	text-align: center;
}
.progressbar-text {
	font-size: 11px;
}
#progress-upload {
	display: none;
}

#medias-tbody tr td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#medias-tbody tr td:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#btn-open-trash span {
	margin-left: 0px !important;
}

#title_display_medias {
	max-width: calc(100% - 650px);
	max-width: calc(100% - 650px);
}
#title_folder_icon {
	color: #3d5da5;
}



.pin-nb-in-container {
	width: 0px;
	position: relative;
	left: -14px;
	top: -5px;
}
.pin-nb-in-it {
	padding: 5px;
	border-radius: 25px;
	font-size: 10px;
	font-weight: bold;
}
#nb-in-trash {
	background-color: #B5B5B5;
	color: #FFF;
	border: 1px solid #B5B5B5;
}
#nb-in-error {
	background-color: #FFF;
	color: red;
	border: 1px solid red;
}



.new-design .row-header .col-3 {
	width: calc(20% - 10px);
}
.new-design .row-header .col-9 {
	width: calc(80% - 10px);
}
.new-design .row-header .page-header {
	padding-bottom: 0px;
}
.new-design .row-header .gp-card-title {
	margin: auto;
}

#notif-banner-mediateque {
	/*display: inline-flex;*/
	display: none;

	background-color: #FFF;
	padding: 10px 20px;
	font-weight: bold;
	margin-right: 20px;
	border-radius: 15px;
	border: 1px solid #9FCF20;

	position: relative;
}
#notif-banner-mediateque.withThreeAlerts {
	height: 50px;
	top: -23px;
}
#notif-banner-mediateque.withTwoAlerts {
	height: 35px;
	top: -15px;
}
#notif-banner-mediateque.withOneAlerts {
	height: 20px;
	top: -8px;
}
#mediatheque-btn-group-right.withThreeAlerts {
	position: relative;
	top: -24px;
}
#mediatheque-btn-group-right.withTwoAlerts {
	position: relative;
	top: -18px;
}
#mediatheque-btn-group-right.withOneAlerts {
	position: relative;
	top: -10px;
}
#mediatheque-btn-group-right button, .gp-card-title-right button {
	height: 38px;
}

#notif-banner-mediateque .fa-bell {
	color: #9FCF20;
	font-size: 20px;
}
#notif-banner-mediateque-messages {
	display: inline-grid;
	margin-left: 20px;
}
#notif-banner-mediateque.withOneAlerts .notif-banner-mediateque-messages span{
	position: relative;
	top: 2px;
}

.notif-media-info {
	display: none;
}
.notif-media-info:hover {
	cursor: pointer;
	color: #9FCF20;
}
#media-to-delete-container, #media-to-move-container {
	max-height: 430px;
	overflow: scroll;
}

.max-200 {
	max-width: 200px;
	overflow: hidden;
}
.dropdown-content {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 140px;
    top: -2px;
    width: 160px;
    padding: 0px;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content span {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content span:hover {background-color: #f1f1f1;}

.w300 {
	width: 300px;
}

.float-actions-box {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background-color: #FFF;
	padding: 5px 0px;
	border-radius: 5px;
	position: absolute;
	z-index: 999999;
	display: none;
}
.float-actions-box .fa, .float-actions-box .fa-duotone {
	width: 15px;
	text-align: center;
}
.float-actions-box .fa-duotone {
	top: 7px;
}
.float-actions-box ul {
	padding: 5px 0px;
	border-bottom: 1px solid #e9ecef;
}
.float-actions-box ul:last-child {
	border-bottom: none;
}
.float-actions-box li {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	display: flex;
}
.float-actions-box li.disabled {
	background-color: #D0D0D0;
	opacity: 0.5;
}
.float-actions-box:not(.float-actions-box-fake-select) li i.fa,
.float-actions-box:not(.float-actions-box-fake-select) li i.fa-duotone {
	margin-right: 5px;
}
.float-actions-box li:not(.disabled):hover {
	background-color: #e9ecef;
	cursor: pointer;
}
.float-actions-box li.disabled {
	opacity: 0.7;
}
.w120 {
	width: 120px;
}
.b900, .b700 {
	font-weight: 700;
	letter-spacing: 0.3px;
}

.gp-fake-select {
	border-radius: 15px;
	background-color: #fff;
	border: 1px solid #8B91A6;
	color: #666666;
	font-size: 12px;
	width: 200px;
	cursor: pointer;
}
.gp-fake-select-padding {
	width: calc(100% - 15px);
	height: calc(100% - 20px);
	padding: 10px 10px 10px 5px;
}

.gp-fake-select-folder {
	padding-left: 20px;
}
.gp-fake-select.selected {
	border: 1px solid #9FCF20;
}
.gp-fake-select-value {
	justify-content: space-between;
	display: inline-flex;
	width: 100%;
}
.gp-fake-select-option {
	border-left: 3px solid #FFF;
	padding-left: 0px !important;
}
.gp-fake-select-option:not(.selected):hover {
	border-left: 3px solid #e9ecef;
}
.gp-fake-select-value-left {
	display: inline-flex;
}
.gp-fake-select-option-icon {
	width: 40px;
	display: inline-block;
	text-align: center;
}
.gp-fake-select-option-text {
	max-width: calc(100% - 40px);
	display: inline-block;
	height: 15px;
	overflow: hidden;
}
.gp-fake-select-chevrons {
	height: 0px;
	opacity: 0.6;
}
.gp-fake-select-chevrons i {
	display: block;
	height: 10px;
}
.gp-fake-select.selected .gp-fake-select-chevrons {
	opacity: 1;
}

.gp-card-title .gp-fake-select, #mediapicker-new-head .gp-fake-select {
	z-index: 10;
}
#mediapicker-new-head .gp-fake-select-value {
	font-weight: bold;
}
.gp-fake-select {
	border-radius: 30px;
}
.gp-input-search {
	border: 1px solid #8B91A6;
	padding: 10px 25px !important;
	border-top-right-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
	width: 190px;
	position: relative;
	left: -16px;
}
.gp-input-search-without-select {
	border-radius: 30px !important;
	left: 0px;
}
.gp-input-search:focus {
	border: 1px solid #9FCF20;
	outline: none !important;
}
.timesContainer {
	width: 0px;
}
#clearGlobalSearch {
	position: relative;
	left: -35px;
	top: 9px;
	font-weight: initial;
	font-size: 13px;
	cursor: pointer;
}
#clearGroupSearch {
	position: relative;
	left: -35px;
	top: 7px;
	cursor: pointer;
}
#container-group-search .gp-fake-select .gp-fake-select-padding {
	padding: 6px 10px 6px 5px;
	height: 15px;
}
#container-group-search .gp-input-search {
	padding: 6px 25px !important;
	height: 15px;
}
.lockContainer {
	display: inline-flex;
}
.lockContainer i {
	margin: auto;
	font-size: 14px;
	opacity: 0.8;
	cursor: pointer;
}
.savePlayerSearch:not(.visible) {
	display: none;
}

.lockContainer {
	display: inline-flex;
}
.lockContainer i {
	margin: auto;
	font-size: 14px;
	opacity: 0.8;
	cursor: pointer;
}
.saveMediasSearch:not(.visible) {
	display: none;
}

.select-folder-li {
	padding: 0px 1.25rem !important;
	height: 30px;
	width: calc(100% - 2.5rem);
	display: inline-flex !important;
}
.select-folder-indent-space-25 {
	display: block;
	width: 25px;
}
.select-folder-indent-space-24 {
	display: block;
	width: 24px;
}
.select-folder-indent-left {
	display: block;
	border-left: 1px solid #3d5da594;
	/* width: 24px; */
}
.select-folder-indent-bottom-end {
	display: block;
	border-left: 1px solid #3d5da594;
	border-bottom: 1px solid #3d5da594;
	width: 24px;
	height: 50%;
}
.select-folder-indent-bottom {
	width: 24px;
	border-bottom: 1px solid #3d5da594;
	height: 50%;
}
.select-folder-text {
	position: relative;
	top: 8px;
	margin-left: 10px;
	overflow: hidden;
	height: 15px;
}
#select-folder-text-0 {
	margin-left: 0px;
}

#gp-fake-select-new_folder_parent_folder, #gp-fake-select-move_media_to_folder, #gp-fake-select-new_folder_parent_group, #gp-fake-select-edit_folder_parent_group {
	width: 292px;
}




.gp-card-sub-body-title {
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	display: flex;
	justify-content: space-between;
}
.gp-card-sub-body-title .gp-card-sub-body-text {
	margin: auto;
	margin-left: 0px;
	margin-right: 20px;
}
.gp-card-sub-body-title .gp-card-sub-body-title-nb-elems {
	margin: auto;
	margin-left: 0px;
	margin-right: 20px;
	font-size: 10px;
	font-weight: initial;
}

#card-body-sub-folders {
	max-width: 100%;
	overflow-x: scroll;
	display: inline-grid;
	grid-auto-flow: column;
	grid-gap: 15px;
	overflow-x: auto;
}
#card-body-sub-folders .sub-folder {
	text-align: center;
	width: 70px;
	display: none;
	margin-bottom: 10px;
	/* margin-top: 6px; */
}
#card-body-sub-folders .sub-folder.visible {
	display: initial;
}
.sub-folder-icon {
	color: #f7dc00;
	font-size: 40px;
}
.sub-folder-icon:hover {
	cursor: pointer;
}
.sub-folder-text {
	font-size: 12px;
	height: 30px;
	max-height: 30px;
	overflow: hidden;
}
#toggle-sub-folder {
	margin: auto;
	margin-right: 15px;
	font-size: 10px;
}
#toggle-sub-folder:hover {
	color: #8FBE00;
	cursor: pointer;
}

#toaster-notifications-container {
	position: absolute;
	z-index: 999999;
	right: 10px;
	top: 70px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.toaster-notification {
	display: none;
	position: relative;
	min-width: 220px;
	max-width: 420px;
	width: max-content;
	padding: 12px 16px;
	color: #fff;
	font-weight: 600;
	margin: 0;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 8px 16px 0px;
	border-radius: 10px;
	backdrop-filter: blur(1px);
}
.toaster-notification-content {
	display: flex;
	align-items: center;
	gap: 10px;
}
.toaster-notification-text {
	padding: 0 32px 0 0;
	line-height: 1.4;
}
.toaster-notification-close {
	background: transparent;
	border: none;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	font-size: 1rem;
	opacity: 0.7;
	transition: opacity 0.2s ease;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}
.toaster-notification-close:hover {
	opacity: 1;
}
.toaster-notification-loader {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-right-color: #fff;
	animation: toaster-spin 1s linear infinite;
	display: none;
}
.toaster-notification-icon {
	display: none;
	font-size: 1.1rem;
}
.toaster-notification-success {
	background: linear-gradient(135deg, #2f9d57, #197740);
}
.toaster-notification-warning {
	background: linear-gradient(135deg, #ffb347, #f78a1d);
}
.toaster-notification-error {
	background: linear-gradient(135deg, #f05d5d, #d02626);
}
.toaster-notification-info {
	background: linear-gradient(135deg, #3498db, #1d6fa5);
}
@keyframes toaster-spin {
	to {
		transform: rotate(360deg);
	}
}

#calContent.media-dragged .wc-cal-event:hover {
	background-color: #9FCF20 !important;
}
#calContent.media-dragged .wc-cal-event:hover .wc-time {
	background-color: #8fbf00 !important;
	border-color: #8fbf00 !important;
}
#calContent.media-dragged .ui-resizable-s {
	cursor: move !important;
}
.btnUpdateModuleDB:hover {
	cursor: pointer;
}

span.showLayoutHelper:hover {
	cursor: pointer;
}
#row-medias-size {

}
#row-medias-size .gp-card-title {
	margin-bottom: 0px;
}

#notifs-mediatheque li {
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 5px;
	line-height: 16px;
	white-space: nowrap;
}
#notifs-mediatheque .notif-icon {
	margin-right: 10px;
}
#notif-mediatheque-load {
	border: 2px solid #18B0FF;
	color: #18B0FF;
}
#notif-mediatheque-error {
	border: 2px solid #FF4A4A;
	color: #FF4A4A;
}
#notif-mediatheque-validate {
	border: 2px solid #FF800F;
	color: #FF800F;
}
#notif-mediatheque-load:hover {
	background-color: #18B0FF;
	color: #fff;
	cursor: pointer;
}
#notif-mediatheque-error:hover {
	background-color: #FF4A4A;
	color: #fff;
	cursor: pointer;
}
#notif-mediatheque-validate:hover {
	background-color: #FF800F;
	color: #fff;
	cursor: pointer;
}

.ui-dialog-buttonpane .ui-button {
	background: #FFF;
	border-radius: 5px;
	height: 35px;
}
.ui-dialog-buttonpane .ui-button:hover, .ui-dialog-buttonpane .ui-state-focus {
	color: #5c8b00;
}

li.playerGroup .groupIcon {
	font-size: 14px;
}
#groupAllPlayers .fa-tv {
	color: #3d5da5;
}
#groupOnlinePlayers .fa-tv, .false-table-tr-green .fa-tv, #playerLegendOnline .playerIcon, .fa-tv-green, .false-table-tr-green .playerIcon {
	color: #75BF7A;
}
#groupOfflinePlayers .fa-tv, .false-table-tr-red .fa-tv, #playerLegendOffline .playerIcon, .fa-tv-red, .false-table-tr-red .playerIcon {
	color: #B43333;
}
#groupPendingPlayers .fa-tv, .fa-tv-purple {
	color: #4200f7a6;
}
.false-table-tr-yellow .fa-tv, #playerLegendRestart .playerIcon, .fa-tv-yellow, .false-table-tr-yellow .playerIcon {
	color: #FFDD00;
}
.false-table-tr-orange .fa-tv, #playerLegendContentFailed .playerIcon, .fa-tv-orange, .false-table-tr-orange .playerIcon {
	color: #ff7800;
}
.false-table-tr-darkorange .fa-tv, #playerLegendResolutionMismatch .playerIcon, .fa-tv-darkorange, .false-table-tr-darkorange .playerIcon {
	color: darkorange;
}
.false-table-tr-blue .fa-tv, #playerLegendRefresh .playerIcon, .fa-tv-blue, .false-table-tr-blue .playerIcon {
	color: #0087ff;
}
#playerLegendPending .fa-tv {
	color: #FFF;
}
.false-table-tr-pending .fa-tv::after, #playerLegendPending .fa-tv::after {
	color: #4200f7a6;
	opacity: 1;
}
#playersFooter {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
}
#playersLegend {
	margin-top: 20px;
}
#playersLegend ul {
	display: inline-flex;
	flex-wrap: wrap;
	row-gap: 0.5em;
}
#playersLegend ul li {
	margin-right: 10px;
	white-space: nowrap;
}
#playersCount {
	display: inline-flex;
}
#playersCount > * {
	margin: auto;
	margin-bottom: 0px;
}
#playersScreenshots {
	display: flex;
	flex-wrap: wrap;
}
:root {
	--nb-screenshots-by-line: 6;
	--height-max-screenshots-player-modal: 300px
}
#playersScreenshots .screenshot {
	width: calc((100% / var(--nb-screenshots-by-line)) -  44px);
	height: var(--height-max-screenshots-player-modal);
	background-color: #EDF1F5;
}
#playersScreenshots .screenshot .grid-preview {
	text-align: center;
	height: calc(100% - 50px);
}
#playersScreenshots .screenshot img {
	width: initial;
	max-width: 100%;
	max-height: 100%;
	cursor: pointer;
}
.playerDpms, .playerNotifs, .playerSkins, .playerPreview, .playerPreloaded, .playerAudio {
	font-size: 12px;
	cursor: pointer;
	margin-right: 5px;
}
.playerDpms i {
	color: #3A41C6;
}
.playerNotifs i {
	color: #F7AC00;
}
.playerSkins i {
	color: #FF8800;
}
.playerPreview i {
	color: #2166CA;
}
.playerPreloaded i {
	color: #FF4B22;
}
.playerAudio i {
	color: #DC0172;
}

.false-table-td-icons-right .playerIconRight {
	margin-right: 8px;
	font-size: 13px;
}

.playerNotifsContainer {
	padding: 10px;
	border-radius: 5px;
	color: #F7AC00;
}
#groupsManagment {
	height: 100%;
	margin-bottom: 0px;
	color: rgba(0, 0, 0, 0.5) !important;
}
#groupsManagment h3 {
	margin-top: 0px;
}
#form-sub-group-select {
	padding-top: 0px;
}
#btnAddNewGroup {
	margin: auto;
	margin-right: 0px;
	margin-top: 9px;
}
#gp-card-form-group {
	height:195px;
	margin-bottom:20px;
}
#gp-card-form-group .form-sub-group {
	display: block;
}
#gp-card-form-group input {
	width: calc(100% - 20px);
}
#gp-card-list-group {
	height:calc(100% - 48px);
}
#group-managment-scrollable {
	height:calc(100% - 80px);
	overflow-y:auto;
}
#group-managment-scrollable .new-design-li-container, #ulGroupsContainerScroll .new-design-li-container {
	display: flex;
}
#group-managment-scrollable .new-design-li-text, #ulGroupsContainerScroll .new-design-li-text {
	overflow-x: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
body:has(#group-managment-scrollable) .qtip.ui-tooltip, body:has(#ulGroupsContainerScroll) .qtip.ui-tooltip {
	max-width: 30vw !important;
	height: auto;
}
body:has(#group-managment-scrollable) .ui-tooltip-content, body:has(#ulGroupsContainerScroll) .ui-tooltip-content {
	white-space: normal;
}
#group-managment-btn-container {
	width: 100%;
	display: inline-flex;
	padding-top: 20px;
}
#group-managment-btn-container button {
	margin: auto;
	margin-right: 0px;
}
#groupsManagmentSearchPlayer {
	width: 50%;
}
#groupsManagment input {
	background-color: #FFF;
	border: solid 1px #FFF;
}
#groupsManagment input:focus  {
	border: solid 1px #9FCF20;
}
#gp-fake-select-new_folder_parent_group {
	width: calc(100% - 30px);
}
.col-group-management {
	height: calc(100% - 48px);
	overflow: hidden;
}
.col-group-management .false-table-tbody {
	height: calc(100% - 125px);
	overflow: scroll;
}
.col-group-management .false-table-tr {
	margin: 0px;
}

.btnContainerFloatRight {
	text-align:right;
	display:flex;
}
.btnContainerFloatRight button {
	margin: auto;
	margin-right: 0px;
	margin-top: 20px;
}
#btnDpmsAll:hover {
	cursor: pointer;
}
#playerNotifParamsForm.hidden {
	display: none;
}
#groupsManagment {
	width:100%;
	height:100%;
}


#player_infos_body_skins {
	overflow: hidden;
}
#player_infos_body_skins .row,
#player_infos_body_preloaded .row {
	height: 100%;
}
#player_skins,
#player_preloaded {
	height: calc(100% - 42px);
	margin-bottom: 0px;
}
#player_skins:not(.loading) .gp-card-body,
#player_preloaded:not(.loading) .gp-card-body {
	height: calc(100% - 30px);
}
#player_skins:not(.loading) .gp-card-body .skin-items,
#player_preloaded:not(.loading) .gp-card-body .skin-items {
	height: calc(100% - 80px);
	overflow: scroll;
}
#player_skins .box,
#player_preloaded .box {
	height: 100%;
}
#player_skins .mainPage, #player_skins #broadcast, #player_skins #content, #player_skins .skin-split,
#player_preloaded .mainPage, #player_preloaded #broadcast, #player_preloaded #content, #player_preloaded .skin-items {
	height: 100%;
	padding: 0px;
}
#player_skins .player-skin-broadcasted {
	height: 110px;
}
#player_skins .player-skin-preview {
	width: 580px;
	height: calc(100% - 130px);
	margin: auto;
}
#player_skins #iframe-preview {
	height: 100%;
}
#player_skins .skin-items.skin-items-playerModalInfo {
    height: 100%;
}
#player_infos_body_preloaded {
	overflow: hidden;
}
#player_infos_screenshot img {
	cursor: pointer;
}

.gp-input {
	padding: 3px;
	border: 1px solid #ccc;
}
.gp-input:focus {
	outline: none !important;
	border-color: #333333;
}
.gp-input.error {
	border-color: red;
}

#mediapicker-new {
	color: rgba(0, 0, 0, 0.5);
	height: 100%;
	width: 100%;
}
#mediapicker-new-head {
	height: 38px;
}
#mediapicker-new-head .fa-chevron-down {
	position: relative;
	top: 2px;
}
#clearMediathequeSearch {
	position: relative;
	left: -35px;
	top: 12px;
	font-weight: initial;
	font-size: 13px;
	cursor: pointer;
}
#mediapicker-new-body {
	height: calc(100% - 45px);
	margin-top: 10px;
	overflow: scroll;
	overflow-x: hidden;
}
.mediapicker-new-folder {
	padding: 6px;
	cursor: pointer;
	background-color: #F8F8F8;
	margin-top: 4px;
	border-radius: 11px;
	padding-left: 10px;
}
.mediapicker-new-folder:hover {
	background-color: #F8F8F8;
}
.mediapicker-new-folder i {
	color: #f7dc00;
	font-size: 14px;
	margin-right: 15px;
}
.mediapicker-new-folder.open i {
	color: #3d5da5;
}
.mediapicker-new-media {
	height: 50px;
	display: inline-flex;
	margin-top: 6px;
	border-radius: 10px;
}
.mediapicker-new-media-hidden, .mediapicker-new-media-hidden-folder {
	display: none;
}
.mediapicker-new-media-icon {
	height: 100%;
	width: 30px;
}
.mediapicker-new-media-preview {
	max-height: 100%;
	min-width: 100px;
	max-width: 100px;
}
.mediapicker-new-media-preview img {
	max-height: 80%;
	max-width: 100%;
}
.mediapicker-new-media-name {
	padding: 10px;
	overflow: hidden;
}
.mediapicker-new-media:hover {
	cursor: pointer;
}
.mediapicker-new-media-preview img:hover {
	cursor: pointer;
}
.databaseStatusError {
	padding: 5px;
	background-color: red;
	color: #FFF;
	font-weight: bold;
	border-radius: 5px;
}

#btnDlMoreSkinsContainer, #btnDlMorePreloadedContainer {
	width: 100%;
	height: 80px;
	display: inline-flex;
}
#btnDlMoreSkinsContainer button, #btnDlMorePreloadedContainer button {
	margin: auto;
	margin-top: 0px;
}
#newLogsPage {
	margin-left:210px;
}
#newLogsPage .page-body {
	height:100%;
}
#newLogsPage .row {
	height:100%;
}
#newLogsPage .gp-card {
	height:calc(100% - 40px);
}
#newLogsPage .col-3 .gp-card-body {
	height:calc(100% - 30px);
}
#newLogsPage .col-9 .gp-card-body {
	height:calc(100% - 50px);
}
#newLogsPage #ulFolderContainer {
	overflow: scroll;
}
#newLogsPage #ulFolderContainer .new-design-li-icon {
	font-size: 0.8em !important;
}
#newLogsPage #logLoader {
	height: 100%;display:none;width: 100%;
}
#newLogsPage #logLoader .fa {
	font-size: 50px;
	margin: auto;
}
#newLogsPage #logBody {
	height:100%;
	overflow:scroll;
	display:none;
	line-height:16px;
}
#newLogsPage #logButtons {
	display: none;
}


@media only screen and (max-width: 1500px) {
	.page.new-design .mediaType {
		display: none;
	}
	.td-media-type span {
		margin: auto;
	}
	.td-media-size {
		display: none;
	}
	.td-media-name {
		width: calc(100% - 560px);
	}
	#media_filter_type, #group_media_filter_type {
		width: 125px;
	}
	#mediatheque_search {
		width: 200px;
	}
	#group_mediatheque_search {
		width: 160px;
	}
	.false-table-sm-w100 {
		width: 100px;
	}
	.false-table-td-contenu {
		width: calc(100% - 360px);
	}
	.false-table-td-contenu-with-cat {
		width: calc(100% - 580px);
	}
}

#switchInterfaceContainer {
	width: calc(100% - 40px);
	height: 123px;
	padding: 20px;
}
#switchInterfaceContainer > div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background-color: #75BF7A;
}
#switchInterfaceText {
	color: #fff;
	font-size: 14px;
	padding: 15px;
	text-align: center;
}
#switchInterfaceSwitch {
	width:100%;
	text-align:center;
	padding-bottom: 20px;
}
.uploadFileIcon {
	font-size: 20px;
	color: var(--dark-color-main);
}
.form-one-line {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}

.updateDbColorBox {
	width: 10px;
	height: 10px;
	border-radius: 20px;
	display: inline-block;
	margin-right: 10px;
}

.required-star {
	color: red !important;
	margin-left: 10px;
}
#tbody-tickets .false-table-tr {
	cursor: pointer;
}
.gp-card {
	border: 1px solid #EDF1F5;
}
#modal_new_ticket, #modal_ticket_infos, #modal_select_screenshots, #modal_close_ticket {
	margin: 0px !important;
	padding: 20px !important;
	overflow: none;
}
.ticket_input_field {
	color: rgba(0, 0, 0, 0.5) !important;
	background-color: #FFF;
	border: 1px solid #8B91A6;
	outline: none !important;
}
.ticket_input_field:focus {
	border-width: 1px;
	border-color: #9FCF20;
}
.modal_title {
	margin-top: 0px;
	color: rgba(0, 0, 0, 0.5) !important;
}
.modal_subtitle {
	font-size: 18px;
	margin-bottom: 15px;
}
#tbody-tickets {
	height: calc(100vh - 280px);
}
.false-table-td-ticket-subject {
	width: calc(100% - 1170px);
}
.supportCatIcon {
	margin-right: 10px;
}
#modal_new_ticket .modal_body,
#modal_close_ticket .modal_body {
	overflow: hidden;
}
#newTicketScreenshotsContainer {
	width:100%;
	display:inline-flex;
	.newTicketScreenshot {
		height: 40px;
		width: 60px;
		border-radius: 10px;
		display: inline-flex;
		margin-right: 10px;
	}
	.newTicketScreenshot:last-child {
		margin-right: 0px;
	}
	#btnNewTicketAddScreenshot {
		border: 1px dashed black;
		cursor: pointer;
	}
	#btnNewTicketAddScreenshot span {
		margin: auto;
		font-size: 22px;
	}
	.newTicketScreenshotPreview img {
		max-width:100%;
		max-height:100%;
		margin: auto;
	}
	.newTicketScreenshotPreviewOverlay {
		width:0px;
		height:0px;
		div {
			background-color: #cecece99;
			height: 40px;
			width: 60px;
			z-index: 10;
			position: relative;
			left: -60px;
			cursor: pointer;
			display: none;
			i {
				margin: auto;
				font-size: 22px;
			}
		}
	}
	.newTicketScreenshotPreview:hover .newTicketScreenshotPreviewOverlay div {
		display: inline-flex;
	}
}

.modal_body {
	border: 1px solid #9FCF20;
	padding: 20px;
	width: calc(100% - 42px);
	height: calc(100% - 90px);
	overflow-y: scroll;
	border-radius: 10px;
	color: rgba(0, 0, 0, 0.5) !important;

	.form-label {
		color: rgba(0, 0, 0, 0.5) !important;
	}
	.form-control, .form-group textarea {
		color: rgba(0, 0, 0, 0.5) !important;
		background-color: #FFF;
		border-color: #8B91A6;
		border-width: 1px;
	}
	.form-control.error, .form-group textarea.error {
		border-color: red;
	}

	.form-group textarea:focus,
	.form-group .form-control:focus {
		border-width: 1px;
		border-color: #9FCF20;
	}

	.btn-group {
		width: 100%;
		justify-content: end;
		margin-top: 10px;
	}

	.form-group.w300 {
		width: 300px;
		.form-control {
			width: calc(100% - 20px);
		}
	}
	.form-group.w200 {
		width: 200px;
		.form-control {
			width: calc(100% - 20px);
		}
	}
	#ticket_players_chzn {
		width: 301px !important;
		border: none;
		background-color: #FFF;
	}
	#ticket_players_chzn .chzn-single {
		border: 1px solid #8B91A6;
		background-color: #FFF;
		padding: 9px;
		border-radius: 15px;
	}
	#ticket_players_chzn.chzn-container-active .chzn-single {
		border: 1px solid #9FCF20 !important;
		background: #FFF !important;
	}
	#ticket_players_chzn.chzn-container-single .chzn-single div b {
		margin-top: 8px !important;
	}
	#ticket_players_chzn.chzn-container-single .chzn-search input {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	#ticket_players_chzn.chzn-container-single .chzn-drop {
		border-radius: 10px;
		padding-bottom: 10px;
	}

	#ticket_players {
		border: 1px solid #8B91A6 !important;
	}
	#ticket_players:focus {
		border: 1px solid #9FCF20 !important;
	}

	#btnNewTicketSelectScreenshots {
		position: relative;
		top: 5px;
		margin: 0px;
	}
}
.closeModal:hover {
	cursor: pointer;
	color: red;
}
#modal_ticket_infos {
	overflow: hidden;

	.modal_title {
		justify-content: space-between;
		display: inline-flex;
		width: 100%;
	}

	.row {
		height: calc(100% - 45px);
		margin-bottom: 0px;
	}
	.col-3.gp-card {
		height: calc(100% - 40px);
		.gp-card-body {
			height: calc(100% - 76px);
			overflow-y: auto;
			overflow-x: hidden;
		}
		#close_button {
			margin-top: 20px;
			height: 26px;
			display: inline-flex;
			width: 100%;
			button {
				margin: auto;
			}
		}
		.ticket_info {
			margin-bottom: 15px;
			.ticket_info_title {
				font-weight: bold;
				margin-bottom: 15px;
				i {
					color: #9FCF20;
					font-size: 30px;
					position: relative;
					top: -2px;
					margin-right: 10px;
				}
			}
			.ticket_info_status {
				display: inline-flex;
				padding: 10px;
				border-radius: 10px;
			}
			.ticket_info_body {
				margin-left: 22px;
			}
		}
		#ticket_players li {
			margin-bottom: 5px;
		}
		#ticket_players li a {
			color: rgba(0, 0, 0, 0.5) !important;
		}
		#ticket_players li a:hover {
			color: #9FCF20 !important;
		}
	}

	.col-9.gp-card {
		height: calc(100% - 40px);
		#ticket_conversation_field {
			height: 52px;
			display: inline-flex;
			width: 100%;
			textarea {
				padding: 10px;
				padding-right: 80px;
				width: calc(100% - 90px);
				border-radius: 5px;
				resize: none;
				margin: 0px;
			}
			#ticket_conversation_field_btns {
				width: 0px;
				height: 100%;
				.btn-group {
					height: 100%;
					position: relative;
					right: 75px;
					.ticket_conversation_reply_btn {
						width: 30px;
						display: inline-flex;
						i {
							margin: auto;
							font-size: 16px;
						}
					}
				}
				.btn-group:not(.disabled) .ticket_conversation_reply_btn i:hover {
					cursor: pointer;
					color: #9FCF20;
				}
			}
			#ticket_conversation_field_btns .disabled {
				opacity: 0.5;
			}
		}
		#ticket_conversations {
			height: calc(100% - 82px);
			overflow-y: auto;
		}
		#ticket_conversations.ticket_closed {
			height: 100%;
		}
		#ticket_conversation_files {
			padding: 5px 0px;
			height: 20px;
			width: 100%;
			.ticket_conversation_file {
				padding: 2px 10px;
				border: 1px solid #8B91A6;
				border-radius: 5px;
				display: initial;
				margin-right: 5px;
				span {
					margin-right: 5px;
				}
				i:hover {
					cursor: pointer;
					color: red;
				}
			}
		}
	}

	.ticket_conversation {
		width: 60%;
		margin-bottom: 20px;
	}
	.ticket_conversation.ticket_conversation_richt {
		margin-left: 40%;
	}
	.ticket_conversation_from {
		display: inline-flex;
		padding: 5px 0px;
	}
	.ticket_conversation_name {
		font-weight: bold;
		margin-right: 10px;
	}

	.ticket_conversation_message {
		padding: 15px;
		max-width: calc(100% - 30px);
		border: 1px solid #8B91A6;
		background-color: #8B91A60A;
		border-radius: 10px;
	}
	.ticket_conversation_richt .ticket_conversation_message {
		border-color: #9FCF20;
		background-color: #9FCF200A;
	}
	.ticket_conversation_attachments {
		padding-top: 10px;
		height: 40px;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		display: flex;
		.ticket_conversation_attachment {
			border: 1px solid #8B91A6;
			display: inline-flex;
			border-radius: 5px;
			padding: 5px 10px;
			height: 15px;
			cursor: pointer;
			margin-right: 15px;
			white-space: nowrap;
			.fa {
				margin-right: 5px;
			}
		}
	}
}
#modal_select_screenshots {
	#select_screenshots_infos {
		font-size: 16px;
		margin-bottom: 20px;
	}
	#select_screenshots_container {
		display: flex;
		flex-wrap: wrap;
		grid-gap: 10px;
		width: 100%;
		height: calc(100% - 76px);
		overflow-y: auto;
		.screenshot_to_select {
			width: 220px;
			height: 165px;
			border: 1px solid #FFF;
			cursor: pointer;
			padding: 10px;
			border-radius: 10px;
			span {
				font-weight: bold;
			}
			img {
				max-width: 100%;
				max-height: calc(100% - 15px);
				display: block;
				margin: auto;
			}
		}
		.screenshot_to_select.selected {
			border-color: #9FCF20;
		}
	}
}
#modal_close_ticket {
	.modal_title {
		justify-content: space-between;
		display: inline-flex;
		width: 100%;
	}
	.modal_green_text {
		width: 100%;
		display: inline-flex;
		color: #9FCF20;
		margin-bottom: 15px;
	}
	.modal_green_text_icon {
		width: 35px;
		display: inline-flex;
		font-size: 20px;
		i {
			margin: auto;
			margin-left: 0px;
		}
	}
}

.dialog_compo_layer .ui-accordion-content {
	overflow-x: hidden !important;
}

.pl10 {
	padding-left: 10px;
}
.pr20 {
	padding-right: 20px;
}

#playersViewGridContent, .gp-custom-grid {
    max-height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
    overflow-y: scroll;
}
:root {
    --grid-item-width: 320px;
}
.gp-grid-item {
    width: calc(var(--grid-item-width) - 27px);
    max-height: calc((((var(--grid-item-width) - 22px) * 9 / 16) + 40px) - 22px);
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}
.gp-grid-item.gp-grid-item-media-pending {
    cursor: initial;
    .media-preview {
        display: inline-flex;
        span {
            margin: auto;
        }
    }
}

.gp-grid-title,
.gp-grid-infos {
    display: inline-flex;
    height: 20px;
    width: 100%;
    overflow: hidden;
}
.gp-grid-title-left {
    width: 40px;
}
.gp-grid-infos-left {
    width: 50px;
}
.gp-grid-title-right,
.gp-grid-infos-right {
    width: 20px;
}
.gp-grid-title-center,
.gp-grid-infos-center {
    width: calc(100% - 60px);
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.gp-grid-infos-center {
    width: calc(100% - 70px);
}
.gp-grid-title-left, .gp-grid-title-center, .gp-grid-title-right,
.gp-grid-infos-left, .gp-grid-infos-center, .gp-grid-infos-right {
    display: inline-flex;
}
.gp-grid-title-left > *, .gp-grid-title-center > *, .gp-grid-title-right > *,
.gp-grid-infos-left > *, .gp-grid-infos-center > *, .gp-grid-infos-right > * {
    margin: auto;
}
.gp-grid-title-center > *,
.gp-grid-infos-center > * {
    width: calc(100% - 40px);
    overflow: hidden;
    margin-left: 10px;
}
.gp-grid-item .btn_regenerate_player {
    top: 0px;
}
.gp-grid-item .playerIcon {
    margin-right: 10px;
    font-size: 16px;
}
.gp-grid-image {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    height: calc(100% - 50px);
    display: inline-flex;
}
.gp-grid-image .media-preview-percent {
    margin: auto;
}
.gp-grid-item .media-preview {
    padding: 5px 30px;
    width: calc(100% - 60px);
}
.media-preview img {
    max-width: 100%;
    max-height: 100%;
}

.gp-grid-float-container {
    width: 0px;
    height: 0px;
    position: relative;
    left: calc(100% - 23px);
    top: -7px;
}
.gp-grid-float-container > .playerIconRight,
.gp-grid-float-container > .mediaIconRight  {
    width: 14px;
    height: 14px;
    font-size: 13px;
    display: block;
    margin-top: 10px;
}
.gp-grid-float-container {
    .playerDpms, .playerNotifs, .playerSkins, .playerPreview, .playerPreloaded, .playerAudio, .mediaIconRight {
        margin: 0px;
        padding-top: 10px;
    }
}
.gp-grid-float-container .btn_regenerate_player {
    margin-left: 0px;
    position: initial;
}
#grid-playlists .gp-grid-item-media .gp-grid-infos-left {
    width: initial;
    margin: auto;
    margin-left: 0px;
}
#grid-playlists .gp-grid-item-media .gp-grid-infos-right {
    width: initial;
    margin: auto;
    margin-right: 0px;
}
.dial_add_to_playlist {
    padding: 10px 20px 20px 20px !important;
    #addToPlaylistHead {
        display: inline-flex;
        height: 30px;
        margin-bottom: 20px;
        #addToPlaylistHeadTxt {
            display: inline-flex;
            span {
                color: rgba(0, 0, 0, 0.5);
                margin: auto;
            }
        }
        #addToPlaylistHeadInput {
            display: inline-flex;
            margin-left: 20px;
            input {
                border: 1px solid #8B91A6;
                padding: 10px 25px !important;
                border-radius: 30px !important;
                width: 190px;
            }
            input:focus {
                outline: none !important;
                border-color: var(--button-primary-bg);
            }
        }
    }
    #grid-playlists {
        max-height: calc(100% - 50px);
        overflow-y: auto;
    }
}


.defaultSkin table.mceLayout {
	border-radius: 5px;
}
.defaultSkin table.mceLayout tr.mceFirst td {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.defaultSkin table.mceLayout tr.mceLast td {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.defaultSkin iframe {
	border-radius: 5px;
}
.defaultSkin .mceToolbar {
	height: 34px !important;
}
a.mceButton {
	display: inline-flex !important;
	width: 30px !important;
	height: 30px !important;
	i.fa {
		margin: auto;
	}
}
a.mceButton.mceButtonEnabled:hover {
	cursor: pointer !important;
	border-radius: 5px;
	i.fa {
		cursor: pointer !important;
	}
}
.mce_fontselect {
	margin: 0px 5px !important;
}

.form-inline.form-inline-dialog .form-label {
	width: 150px;
	display: inline-flex;
	margin-bottom: 0px;
	height: 39px;
}
.form-inline.form-inline-dialog .form-label label {
	margin: auto;
	margin-left: 0px;
	font-weight: initial;
}

#newPlayerFormGroups {
	padding: 15px 10px;
}
#newPlayerFormGroups span {
	border: 1px solid var(--color-main-border);
	border-radius: 5px;
	padding: 5px;
	margin-right: 10px;
}
#newPlayerFormGroups span .fa-times {
	color: #B43333;
	cursor: pointer;
	margin-left: 5px;
}

#feedbackContainer {
	width: 0px;
	height: 0px;
}
#feedbackButton {
	position: absolute;
	right: 0px;
	bottom: 100px;
	background-color: #75BF7A;
	color: #FFF;
	padding: 10px;
	border-bottom-left-radius: 10px;
	cursor: pointer;
	z-index: 3;
}
#feedbackButtontxt {
	position: absolute;
	top: 0;
	left: 0;

	background-color: #75BF7A;
	padding: 10px;
	padding-left: 0px;
	border-top-right-radius: 10px;
	height: 12px;
	white-space: nowrap;

	transform-origin: 0 0;
	transform: rotate(270deg);
}
#feedbackIcon i {
	position: relative;
	left: 3px;
}
#modalFeedback {
	padding: 20px;

	#modalFeedbackBody {
		padding: 20px;
		border: 1px solid #75BF7A57;
		border-radius: 10px;
		width: calc(100% - 42px);
		height: calc(100% - 42px);
	}

	#modalFeedbackHead {
		display: inline-flex;
		width: 100%;
		#modalFeedbackTitle {
			width: calc(100% - 12px);
			font-size: 18px;
		}
		#modalFeedbackClose {
			display: inline-flex;
			width: 12px;
			i {
				margin: auto;
				margin-top: 0px;
				font-size: 20px;
			}
			i:hover {
				cursor: pointer;
				color: #275459;
			}
		}
	}
	#modalFeedbackEvaluation {

		width: 100%;
		padding-top: 20px;
		.centerElem {
			width: 100%;
			display: inline-flex;
			.elem {
				margin: auto;
			}
		}

		#modalFeedbackStars {
			display: flex;
			.starContainer {
				padding: 3px;
				cursor: pointer;
				font-size: 20px;
				.fa.fa-star {
					display: none;
				}
			}
			.starContainer.selected {
				color: #275459;
				.fa-light.fa-star {
					display: none;
				}
				.fa.fa-star {
					display: initial;
				}
			}
		}
	}
	#modalFeedbackTextfield {
		.form-group {
			padding: 20px 0px;
		}
		#feedback_message {
			width: calc(100% - 22px);
			border: 1px solid #EDF1F5;
		}
		#feedback_message:focus {
			border: 1px solid #75BF7A57;
		}
	}
	.btn-group {
		float: right;
	}
}

.updatedMediasBtn:hover {
	cursor: pointer;
	color: var(--color-main);
}
.updatedMediasBtn.opened {
	padding-top: 13px;
}
.updatedMediasBtn .fa {
	margin-left: 10px;
}
.updatedMediasList {
	display:none;
	padding: 10px;
	li {
		padding: 2px 0px;
		i {
			margin-right: 5px;
		}
	}
}

.dpms-hours .form-group {
	padding: 1px;
}

.dpms-hours .form-label {
	display: none;
}

.pill-active {
	--pill-size: 1em;
	background-color: green;
	width: var(--pill-size);
	height: var(--pill-size);
	border-radius: var(--pill-size);
	display: block;
	position: relative;
	top: calc(var(--pill-size) / -2.5);
	left: calc(var(--pill-size) / -0.85);
}

.pill-active.fRight {
	z-index: 999;
	left: calc(var(--pill-size) / -1);
}

.gp-button ~ .pill-active {
	margin-right: 0px;
}

#adminPlayerActions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 150px;
	min-width: 75px;
	height: initial !important;
	/*padding: 5px !important;*/
	.adminPlayerAction {
		margin: 5px 2px;
	}
}

.form-one-line .file-full , .form-one-line .file-full div, .form-one-line .file-full input {
	width: 100%;
	box-sizing: border-box;
}