.navbar-brand{
    display:block;
    width:36px;
    height:36px;
    background-image:url('/src/images/faviconT.png');
    background-size:36px 36px;
    margin-top:5px;
    border-radius:18px;
    box-shadow:0 0 10px gray;
}


@media (max-width: 300px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.spinner {
        width: 15px;
        height: 15px;
    
      position: absolute;
      top:50%;
      left:40vw;
      
    }

.db1, .db2, .db3 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #A569BD;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 4.5s infinite ease-in-out;
  animation: sk-bounce 4.5s infinite ease-in-out;
}

.db2 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  background-color: #52BE80;
}

.db3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
  background-color: #AAB7B8;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%,100%{
        transform:translate(0,0);
    }
    25%{
        transform:translate(30px,-30px);
    }
    50%{
        transform:translate(30px,30px);
    }
    75%{
        transform:translate(60px,0);
    }
  /*0%, 20%, 40%, 60%, 80% { 
    transform: scale(0.0);
    transform:translate(0vw,0vh);
    -webkit-transform: scale(0.0);
  } 10%,30%,50%,70%,90% { 
    transform: scale(1.0);
    transform:translate(90vw,80vh);
    -webkit-transform: scale(1.0);
  }*/
  
}

.uiView-navbar {
	margin-top: 50px;
	z-index:1020;
}

.uiView-navbar > .container {
    z-index:1020;
	padding-left: 0;
}

.uiView-container {
	width: 100%;
	max-width: 1000px;
	margin-top: 115px;
}

.h-scroll-sub-old {
	height: 100%;
	/* %-height of the viewport */
	
	height: -webkit-calc(100vh - 140px);
	height: -moz-calc(100vh - 140px);
	height: calc(100vh - 140px);
	/*position: fixed;*/
	
	overflow-y: scroll;
}

.h-scroll-old {
	height: 100%;
	/* %-height of the viewport */
	
	height: -webkit-calc(100vh - 100px);
	height: -moz-calc(100vh - 100px);
	height: calc(100vh - 100px);
	/*position: fixed;*/
	
	overflow-y: scroll;
	overflow-x: hidden;
}

.hideOverflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	/* -1 * image width / 2 */
	
	margin-top: -32px;
	/* -1 * image height / 2 */
	
	display: block;
}

.blueimp-gallery > .compteur {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: white;
	text-shadow: 0 0 5px black;
	display: none;
}

.blueimp-gallery-controls > .compteur {
	display: block;
}

.text-fit {
    
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:left;
}

.btn-circle-perso {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.42;
	border-radius: 15px;
}


.pan-success {
	border: 1px solid #5cb85c;
	border-left: 10px solid #5cb85c;
	/*background: #E0F8E0*/
}

.pan-default {
	border: 1px solid gray;
	border-left: 10px solid gray;
	/*background: #F2F2F2*/
}

.pan-warning {
	border: 1px solid orange;
	border-left: 10px solid orange
}

.lgi-default {
	border-left: 10px solid gray;
}
.lgi-success {
	before : ">";
	border-left: 10px solid #5cb85c;
}



.lgi-warning {
	border-left: 10px solid orange;
}


.modal-fullscreen {
    background:rgba(30,30,30,0.7);
}
.modal-fullscreen .modal-dialog{
    width:1200px;
    max-width:90%;
    margin: 0 auto;
    height:100vh;
    overflow-y:auto;
}

.modal-fullscreen .modal-dialog .modal-content{
    min-height:100vh;
}



.ic {
	padding-left: 38px;
	display: inline-block;
	padding-top: 8px;
	height: 32px;
	background-image: url('/src/images/mes_ico.png');
	background-size: 32px 3300px;
	background-repeat: no-repeat;
}

._dir {
	background-position: 0px 4%;
}

._term,
._log {
	background-position: 0px 26%;
}

._txt {
	background-position: 0px 26%;
}

._jpg,
._jpeg,
._png,
._bmp,
._gif {
	background-position: 0px 23%;
}

._mp3,
._flac,
._wav,
._m4b,
._m4a,
._ogg {
	background-position: 0px 12%;
}

._mp4{
    background-position: 0px 20%;
}
._mpeg,
._mpg,
._mkv,
._avi,
._wmv {
	background-position: 0px 38%;
}

._rtf,
._epub {
	background-position: 0px 26%;
}

._pdf {
	background-position: 0px 15%;
}

._doc,
._docx,
._dotm {
	background-position: 0px 28%;
}

._mdb {
	background-position: 0px 26%;
}

._ppt {
	background-position: 0px 24%;
}

._xls,
._xlsx {
	background-position: 0px 19%;
}

._html {
	background-position: 0px 27%;
}

._htm {
	background-position: 0px 27%;
}

._css {
	background-position: 0px 33%;
}

._js {
	background-position: 0px 34%;
}

._pl {
	background-position: 0px 16%;
}

._py {
	background-position: 0px 16%;
}

._rb {
	background-position: 0px 16%;
}

._sh {
	background-position: 0px 16%;
}

._cplus {
	background-position: 0px 16%;
}

._php {
	background-position: 0px 32%;
}

._xml {
	background-position: 0px 16%;
}

._zip {
	background-position: 0px 17%;
}

._cbz {
	background-position: 0px 37%;
}

._cbr {
	background-position: 0px 17%;
}

._targz {
	background-position: 0px 17%;
}

._rar {
	background-position: 0px 17%;
}

._gz {
	background-position: 0px 17%;
}

._swf {
	background-position: 0px 18%;
}

._multi {
	background-position: 0px 19%;
}
._part {
	background-position: 0px 39%;
}