/*
 This code is property of Arnaud Germain
 © Copyright Arnaud Germain 2015
*/
/* 
    Created on : 29-août-2016, 10:35:33
    Author     : Arnaud Germain <arnaud.germain at deex.be>
*/

.sidebar-menu .treeview-menu>li>a {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-header>h1 {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toolbox.panel-display > .panel-heading {
    background-color: #FF9009;
    border-color: #FF9009;
    color: #fff;
}

.toolbox.panel-display {
    border-color: #FF9009;
}

.toolbox.panel-sports > .panel-heading {
    background-color: #118C4E;
    border-color: #118C4E;
    color: #fff;
}

.toolbox.panel-sports {
    border-color: #118C4E;
}

.toolbox.panel-partners > .panel-heading {
    background-color: #E44424;
    border-color: #E44424;
    color: #fff;
}

.toolbox.panel-partners {
    border-color: #E44424;
}

.toolbox.panel-dark > .panel-heading {
    background-color: #404040;
    border-color: #404040;
    color: #fff;
}

.toolbox.panel-dark {
    border-color: #404040;
}

/* Tables */

.table {
    background-color: white;
}

/* Thumbnail items */

.fav-item {
    text-align: center;   
}
.display-thumb {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.display-thumb.thumbnail {
    background-color: #fbfbfb;
}

.display-thumb-wrapper {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.display-thumb-wrapper:after {
    padding-top: 56.25%;
    /* 16:9 ratio */
    display: block;
    height: 1px;
    content: '';
}
.display-thumb-icon {
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0; /*fill parent*/
    background-color: rgb(255, 255, 255);
    border-color: lightgrey;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    text-align: center;
}

.display-thumb-icon .glyphicon{
    margin-top: 15%;
    font-size: 50px;
    line-height: 25px;
}

.display-thumb-icon .fa{
    margin-top: 20%;
    font-size: 50px;
    line-height: 25px;
}

.display-thumb-icon-svg {
    padding-top: 0px;
}
.display-thumb-icon-svg svg {
    padding: 3% 5%;
    width: 100%;
    height: auto;
}
.active .display-thumb-icon-display{
    color: green;
}
.sleep .display-thumb-icon-display{
    color: green;
}
.error .display-thumb-icon-display{
    color: red;
}
.not-active .display-thumb-icon-display{
    color: grey;
}

.display-thumb-icon-display:after {
    font-size: 1.3em;
    content: "\f26c";
}
.display-thumb-icon .display-screenshot {
    background-color: lightgrey;
    border: 0 lightgrey solid; 
    position: absolute;
    width: 100%;
    top: 0px;
}


.display-screenshot .display-thumb-icon-display {
    position: absolute;
    width: 100%;
    left: 0px;    
    text-shadow: -1px -1px 0 #fff,
                1px -1px 0 #fff,
                -1px 1px 0 #fff,
                1px 1px 0 #fff;
}
.display-thumb-icon .display-screenshot img {
    top: 0px;
    width: 100%;
}

.display-thumb-icon .error.display-screenshot img,
.display-thumb-icon .not-active.display-screenshot img
{
    opacity: 0.2;
}


.thumb {
    postion: relative;
    width: 120px;
    height: 67px;
    margin: 0px;
    border: 1px solid #c99;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.view-module-list {
}

.view-module-list-name {
}

.view-module-map .canvas-container {
  margin: 0 auto 10px;
  border: 0;
  box-shadow: rgba(0,0,0,0.5) 0 0 5px;
}

.form-group .slider {
    left: 15px;
    top: 10px;
    height: 50px;
}

.form-group .slider .tooltip.top {
  margin-top: -20px;
}

.media-thumbnail-wrapper {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
}
.media-thumbnail-wrapper:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  height: 1px;
  content: '';
}
.media-thumbnail {
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0; /*fill parent*/
    background-color: rgb(255, 255, 255);
}

.media-overlay {
    background-color: rgba(255, 255, 255, 0.0);
    width: 100%;
    height: 100%;
}

.module-preview .fullscreen:after,
.fullscreen .media-overlay:after {
    position: relative;
    top: 5px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e140";
    font-size: 20px;
    color: white;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    left: 80%;
    z-index: 10;
}

.collection-preview .caption {
    height: 40px;
    padding: 0 2px 5px;
    font-size: 12px;
    overflow:hidden;
}
.collection-preview .caption-text {
    font-size: 11px;
}
.collection-preview .desc-text {
    font-size: 9px;
    color: darkgrey;
}


.collection-preview .collection {
    height: 20px;
    padding: 2px 3px;
    font-size: 12px;
    overflow:hidden;
}

#media-upload-id-fileupload table span.preview img {
    max-height: 50px;
}

/* Media and modules */

.sc-media  {
    float:left;
    background-color: transparent;
    overflow:hidden;
    box-sizing: content-box;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.sc-media > img {
    position: absolute;
    margin: 0 auto;
    display: block;
    top: 0px;
}

.media-module  {
    position:relative;
    width: 100%;
    height: 100%;
}

.img-icon {
  display: block;
  padding: 2px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.img-icon.tiny {
    width: 30px; 
    height: 30px;
}

.img-icon.small {
    width: 50px; 
    height: 50px;
}

.img-icon.medium {
    width: 80px; 
    height: 80px;
}

.img-icon.large {
    width: 100px; 
    height: 100px;
}



/* Media thumbnail */

.media-thumbnail .sc-media:before,
.media-thumbnail .sc-media:after {
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    display: inline-block;
    width: 100%;
    
    color: white;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    left: 5px;
}
.media-thumbnail .sc-media:after {
    top: 5px;
    height: 35px;
    font-family: 'FontAwesome';
    font-size: 20px;
}
.media-thumbnail .sc-media:before {
    height: 1.1em;
    bottom: 0px;
    font-size: 1.1em;
}

.media-thumbnail .sc-media.image-jpeg:after, 
.media-thumbnail .sc-media.image-gif:after,  
.media-thumbnail .sc-media.image-png:after {
    content: "\f03e";
}

.media-thumbnail .sc-media.flickr-set:after {
    content: "\f16e";
}
.media-thumbnail .sc-media.google-set:after {
    content: "\f2b3";
}
.media-thumbnail .sc-media.video-webm:after,
.media-thumbnail .sc-media.video-mp4:after {
    content: "\f03d";
}
.media-thumbnail .sc-media.application-pdf:after {   
    content: "\f1c1";
}
.media-thumbnail .sc-media.application-powerpoint:after {   
    content: "\f1c4";
}
.media-thumbnail .sc-media.video-mp4:after {
    color: red;
}
.media-thumbnail .sc-media.module:after {   
    content: "\f26c";
}
.media-thumbnail .sc-media.module[class*=" sport-"]:after {   
    content: "\f091";
    /*color: rgb(136, 176, 75);
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);*/
}

.media-thumbnail .sc-media.collection:after {   
    content: "\f03e\00a0\f03d\00000a\f03d\00a0\f03e";
    white-space: pre;
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 2.4em;
    text-shadow: none;
    color: #3f6db5;
    left: 0px;
}
.media-thumbnail .sc-media.collection img {opacity: 0.1; }

.media-thumbnail .sc-media.collection-partner:after {   
    content: "\f2b5\00a0\f03e";
    white-space: pre;
    width: 100%;
    text-align: center;
    top: 35%;
    font-size: 2.4em;
    text-shadow: none;
    /* line-height: 100%; */
    color: #e05038;
    left: 0px;
}
.media-thumbnail .sc-media.collection-partner img {opacity:0.1 }

.media-thumbnail .sc-media[data-info]:before {   
    content: attr(data-info);
    z-index: 1;
}

/* File upload */
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../img/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/loading.gif") center no-repeat;
  background-size: contain;
}
.fileupload .files audio,
.fileupload .files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .fileupload .files .toggle,
  .fileupload .files .btn span {
    display: none;
  }
  .fileupload .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .fileupload .files audio,
  .fileupload .files video {
    max-width: 80px;
  }
  .fileupload .files img,
  .fileupload .files canvas {
    max-width: 100%;
  }
}

.nav-condensed > li > a {
   padding: 6px 10px; 
}

/*
* Play controls in media
*/

.play-controls {
    bottom:20px; 
    position: absolute; 
    z-index: 20000;
    padding: 5px;
    left: 10px;
}

.play-controls .glyphicon-pause {
   display: inline-block;
}
.play-controls .glyphicon-play {
   display: none;
}
.play-controls.paused .glyphicon-pause {
   display: none;
}
.play-controls.paused .glyphicon-play {
   display: inline-block;
}

/*
* Module specific
*/



.module-toolbar {
    height: 20px;
    text-align: left;
    display: block;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.module-toolbar p {
    margin: 0px 2px;
    font-size: 12px;
    display: inline-block;
}


.module-preview {
    overflow: hidden;
    margin: auto;
    padding: 10px;
    background-color: lightgrey;
}

.module-preview .sc_module {
    margin: 0 auto;
    padding: 0;
    overflow:hidden;
    position: relative;
}

.slider .tooltip{
  z-index: 900 !important;
}

/*
 * Module input list
 */
.module-input-item {
    display: block;
    padding: 4px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    text-align: center;
}

.module-input-item.active {
    background-color: #007bb6;
    color: white;
}
.module-input-title {
    height: 35px;
}
.module-input-cat {
    font-style: italic;
    height: 25px;
}
.module-input-icon {
    width: 100%;
    font-size: 2em;
    text-align: center;
}

.module-icon {
    width: 3em;
    display: inline-block;
}

.sport .module-icon,
.module-input-item.sport {
    color: rgb(136, 176, 75);
}
.partner .module-icon,
.module-input-item.partner {
    color: #e44424;
}
.module-icon,
.module-input-item.display {
    color: #e6af4b;
}

.social .module-icon,
.module-input-item.social {
    color: #3f6db5;
}

.module-form .scalable-wrapper {
    overflow: hidden; 
    -webkit-transition: scale 1s;
    transition: scale 1s;
    width: 100%;
}
.module-form .scalable {
    transform: scale(0.5);
    transform-origin: top left; 
    -webkit-transform-origin: top left; 
    transition: scale 1s, width 1s;
    -webkit-transition: scale 1s;
    width:200%;
}
.module-form .scalable.scalable-04 {
    transform: scale(0.4);
    width:250%;
}
.module-form .scalable.scalable-08 {
    transform: scale(0.8);
    width:125%;
}
.module-form .scalable.scalable-025 {
    transform: scale(0.25);
    width:400%;
}
@media (min-width: 992px) {
    .module-form .scalable.scalable-08 {
        transform: scale(1);
        width:100%;
    }
    .module-form .scalable.scalable-05 {
        transform: scale(0.8);
        width:125%;
    }
    .module-form .scalable.scalable-04 {
        transform: scale(0.5);
        width:200%;
    }
    .module-form .scalable.scalable-025 {
        transform: scale(0.4);
        width:250%;
    }
}

.module-form .scalable-wrapper.zoom-out {
    z-index: 2000; /* above navbar */
    position: fixed;
    top: 70px;
    width: 80%;
    left:10%;
    margin: 0 auto;
    background-color: #eee;
    border: #bbb solid 1px;
}
.module-form .scalable-wrapper.zoom-out .scalable{
    transform: scale(1);
    width:100%;
}
.module-form .scalable-wrapper .zoom-ctrl{
    display: none;
    position: absolute;
    right:10px;
    bottom: 0px;
    font-size: 2em;
    color: darkgrey;
}
.module-form .scalable-wrapper.zoom-out .zoom-ctrl{
    display: block;
}

/* Gender icons */
.txt-female {
    color: #ff6666;
}
.txt-male {
    color: #0b93d5;
}
.txt-mixed {
    color: #00a157;
}