body {
  background-color: #e8e8e8;
}
/*body.modal-open { position: fixed; }*/
/*.navbar {
  margin-bottom:0px;
}*/
/*.content .container {
  padding-top:65px;
}*/
.content .container, .footer .container {
  background-color: white;
}
.main {
	text-align:center;
	vertical-align:-10%
}
h1.main {
  font-size: 2em;
  /*line-height: 36px;*/
}
.tester {
  background-color: orange;
  display:none;
}
/*****************************************************************/

.header-legend {
  background-color: #f7f7f7;
}
.custom-legend {
  text-align:center;
}
.header-legend, .custom-legend {
  margin-bottom: 10px;
}
.line-odd {
  background-color: whitesmoke;
}
/*.hidden-xs {
  display:none;
}*/
.deleted {
    background-color: red !important;
}
.inline-fieldset {
	display:inline;
	margin-right:25px;
}
.clickable {
    cursor: pointer;
    cursor: hand;
    _cursor: hand;
}
.max-width {
  width:100%;
}

/*****************************************************************/
/*****************************************************************/
.msg-panel {
  position:fixed;
  top:65px;

  margin:0 auto;
  width:100%;
  /*width:100%;*/
  /*max-width:1200px;*/
}
.error-panel {
	border:0px solid DarkRed;
}
.info-panel {
	border:0px solid DarkGreen;
}
.error-panel, .info-panel {
  margin:0 auto;
  width:95%;
  max-width:800px;
	text-align: center;
}

.error-msg {
	color:red;
}
.info-msg {
	color:green;
}
.error-msg, .info-msg {
	border:1px solid #f0c36d;
	background:#f9edbe;
	border-radius:3px;
	display:none;

	vertical-align: center;
	text-align: center;

  font-size: 1.2em;
	font-weight:bold;

  margin-left: auto;
  margin-right: auto;

	padding-left:10px;
	padding-right:10px;
	/*padding-bottom:2px;*/
}

/*****************************************************************/
/*****************************************************************/

.game-actions {
  white-space: nowrap;
  margin-top:-5px;
  /*margin-bottom:10px;*/
}
.game-table {
  width: 100%;
  margin-left:-5px;
  /*margin-right:10px;*/
  margin-bottom:5px;
  border-spacing:5px;
  border-collapse: separate;
}
.game-try {
  background-color: #352e36;
  color: #9f9f9f;
  /*line-height: 30px;*/
  /*font-size: 2em;*/
}
.game-play {
  background-color: #21fcfe;
  color: #352e36;
  /*line-height: 100px;*/
  /*font-size: 2.5em;*/
}
.game-try, .game-play {
  text-align: center;
  /*width: 100px;*/
  font-weight: bold;
  white-space: nowrap;

  width:50%;
  font-size:1.5em;
}
.game-try:hover, .game-play:hover {
  -moz-opacity: 0.8;
  filter: alpha(opacity: 0.8);
  opacity: 0.8;
  color: #9f9f9f;
}
.game-basic {
  line-height: 30px;
  color: #352e36;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  font-size: 1.8em;
  width:100px;
  background-color: #e7dcca;
}
.game-basic-selected {
  background-color: #21fcfe;
  font-weight: bold;
}
.game-value {
  padding-left: 15px;
  /*padding-right: 15px;*/
  line-height: 28px;
  color: #352e36;
  font-size: 1.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
  background-image: url(../images/basic-value-pin.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.game-summary {
  border:1px solid #f0c36d;
  /*background:#f9edbe;*/
  border-radius:3px;

  vertical-align: center;
  text-align: center;
  margin-bottom: 10px;
}

/*****************************************************************/
/*****************************************************************/

#gameCarousel {
  margin-bottom:10px;
  height:75%;
}
#gameCarousel .carousel-control {
  width:5%;
}
#gameCarousel .item {
}

/* =================================== */

/*.profil-label {
  width:75px;
}*/
.profil-part {
  /*border:1px solid blue;*/
  margin-bottom:20px;
}
.user {
  padding-top: 5px;
  padding-bottom: 5px;
}
.user-firstName {
  font-weight:bolder;
}
.user-login {
  color:lightgray;
}
.user-email {

}
.user-date {
  font-size:0.8em;
}
.user-options {
  width:100%;
  padding-left:10px;
}
.players {
  -moz-opacity: 0.3;
  filter: alpha(opacity: 0.3);
  opacity: 0.3;
}

/*****************************************************************/
/*****************************************************************/
.filter-order-controls {
  margin-bottom:10px;
}
.nowrap {
  white-space: nowrap;
}

.order-basics {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
  /*padding-top:0px;
  padding-bottom:0px;*/
  /*float:right;*/
  padding-left:5px;
}
.order-basics-btn {
  /*height:25px;*/
  width:55px;
}
.filter-basics {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  /*display:inline;*/
  /*width:95%;*/
  /*width:250px;*/
}

.filter-folders {
  /*display:inline-block;*/
  /*display:inline;*/
  /*width:95%;*/
  /*width:250px;*/
}
.filter-count {
  /*display:inline-block;*/
  /*width:15%;*/
}

.sort-list {
  width:25px;
  display: inline-block;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-image: url('../images/sort_list.png');
  background-position-x: -12px;
  background-position-y: -12px;

  /*background-size: 36px;*/
  /*background-position-x: -5px;*/
  /*background-position-y: -5px;*/

  /*background-position-x: -5px !important;*/
}
.sort-upside {
  background-image: url('../images/sort_list_upside.png');
}

/*****************************************************************/
/*****************************************************************/
.media-selector {
  white-space: nowrap;
  margin-left:5px;
  margin-bottom:8px;
}
.round-controls {
  float:right;
}
.round-msg {
  border:1px solid orange;
  border-radius: 3px;
  background-color: yellow;
  display:none;
}
.btn-small {
  margin-top:-3px;
}

.header-games {
  line-height: 25px;
  padding-left:5px;
  /*padding-right:5px;*/
  color:white;
  background-color: #2184b3;
}

.folder {
  border:1px solid lightgray;
  border-radius: 3px;
  margin-bottom: 10px;
  background-color: #e7dcca;
  clear:both;
}
.folder-ended {
  -moz-opacity: 0.7;
  filter: alpha(opacity: 0.7);
  opacity: 0.7;
}
.folder:hover {
	box-shadow: 0 0 15px #777;
}
.folder-header {
  position:relative;
  line-height: 30px;
}
.folder-header:hover {
	-moz-opacity:0.8;
	filter:alpha(opacity: 0.8);
	opacity: 0.8;
}
.item-opened {
  border:1px solid gray;
  color: #e7dcca;
  background-color: #5c5c5c;
}
.folder-state {
  margin-left:3px;
  padding-left:15px;
  width:18px;
  height:18px;
  background: url('../images/folder-close.png') no-repeat;
}
.item-opened .folder-state {
  background: url('../images/folder-open.png') no-repeat;
}
.folder-game {
  font-size: 1.1em;
}
.folder-nbMedia {
  font-style:italic;
}
.folder-duration {
  /*display:inline;*/
  /*display:block;*/
  /*overflow:auto;*/
  /*width:100%;*/
  font-weight:bold;
}
.folder-artToMake {
  /*float: left;*/
  /*white-space: nowrap;*/
  width: 100%;
  /* "overflow" value must be different from "visible" */
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder-header-audit, .folder-actions {
  float:right;
}
.folder-action {
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-position-x: -1px !important;
  background-size: 30px !important;
  display: inline-block;
  width:28px;
  height:30px;
}
.folder-action-blocked {
  -moz-opacity: 0.2;
  filter: alpha(opacity: 0.2);
  opacity: 0.2;
}
.folder-favorite {
  background-image: url('../images/folder-close-favorite.png');
}
.folder-favorite-active {
  background-position-x: 2px !important;
  background-size: 27px !important;
  background-image: url('../images/folder-favorite.png');
}
.folder-invite {
  background-image: url('../images/folder-invite-darkgray.png');
}
.folder-upload {
  background-image: url('../images/folder-close-upload.png');
}
.folder-delete {
  background-image: url('../images/folder-close-delete.png');
}
.item-opened .folder-favorite {
  background-image: url('../images/folder-open-favorite.png');
}
.item-opened .folder-favorite-active {
  background-image: url('../images/folder-favorite.png');
}
.item-opened .folder-invite {
  background-image: url('../images/folder-invite-lightgray.png');
}
.item-opened .folder-upload {
  background-image: url('../images/folder-open-upload.png');
}
.item-opened .folder-delete {
  background-image: url('../images/folder-open-delete.png');
}

.folder-no-content {
  text-align: center;
  font-size: 64px;
  color: darkgray;
}
.folder-content {/* it integrates footer */
  /*background-color: gray;*/
  display:none;
  /*clear:both;*/
  position: relative;
}
/*.item-opened .folder-content {*/
.item-shown .folder-content {
  display:block;
}

.folder-footer {
  /*background-color: gray;*/
  font-size: 10px;
  position:relative;
}
.folder-footer-audit {
  float:right;
}
.media-dossier {
  border:0px solid lightgray;
  display:inline;
  clear:both;
}
.media-container {
  display:inline;
  position:relative;
  padding:0px;
  margin:0px;
}
.media-content {
  /*display:inline;*/
  /*display:block;*/
  /*float:left;*/
  vertical-align:inherit;
  padding:0px;
  margin:0px;
}
.media-header {
  border:0px solid red;
  display:none;
  position:absolute;
  height:150px;
  width:0px;
  right:4px;
  bottom:3px;
}
/*.media-container:hover .media-header {
  display:block;
}*/
.media-delete {
  margin-top:4px;
  margin-left:-28px;
}
.media-footer {
  border:0px solid blue;
  display:none;
  position: absolute;
  width:100%;
  /*width:150px;*/
  height:20px;
  right:0px;
  bottom:3px;
}
.media-container:hover .media-footer, .media-container:hover .media-header {
  display:block;
  background-color: #352e36;
  -moz-opacity: 0.7;
  filter: alpha(opacity: 0.7);
  opacity: 0.7;
}
.loading {
  border: 1px dotted lightgray;
  background: url('../images/ajax-loader.gif') no-repeat;
  background-position: center;
}

.uploader {
  display:none;
}

/*****************************************************************/
#mediaCarousel .carousel-indicators {
  display:none;
}
#mediaCarousel .carousel-control {
  width:5%;
}
.media-detail-folder {
  margin-bottom:5px;
}
.media-detail-dossier {
  margin-top:10px;
}
.media-info {
  display:inline;
  float:left;
}
.media-actions {
  margin-top:5px;
  float:right;
}
.media-action {
  /*display:block;*/
}