.col-xs-8ths,
.col-sm-8ths,
.col-md-8ths,
.col-lg-8ths {
    position: relative;
    min-height: 1px;
    padding-right: 1px;
    padding-left: 1px;
}

.col-md-8ths,
.col-xs-8ths {
    width: 12.3%;
    float: left;
    font-size: 12px;
}


@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.id_image_portfolio{
  position: relative;
}

#page-content-wrapper{
  padding:0px;
}

.ui-datepicker {z-index:20}

a {font-size: 10pt; text-decoration: bold;}

html, body { background-color: white; margin: 0; padding-left: 15px; padding-right: 15px;}

ul { left : 55px; position : relative; }

.portfolioLi { width: 200px;display:inline-block; float:left; margin:1px; position: relative}

.photoport {   width: 92%; }

.photo {   margin: 3px; float:left; border: 1px solid rgba(0, 0, 0, 0.19); border-radius: 4px;
 position: relative; height:340px; float:left; overflow: hidden; width:
  200px;background-image: url("/assets/images/box_gradient.png");
    background-repeat: repeat-x;}

.searchparam {border: 1px solid #add8e6; border-radius: 2px;
 position: relative; background-image: url("/assets/images/box_gradient.png");
    background-repeat: repeat-x;}
#crop_container {width : 80%;margin: 15px auto; height: 450px;}
.button { background-color:lightblue; border-radius: 5px; }

.buttonCrossAddPhoto {    height :44px;   position: relative; top:
-41px;  float: right; display: none; opacity: 0.5;}

.buttonCrossVisualSearch {    height :34px;   position: relative; top:
-41px;   right: 147px;   float: right; display: none; opacity: 0.5; background-color: black; color: white; border-color: lightblue;
  line-height: 34px; padding: 0 2px; border-width: 1px; border-style: solid; border-bottom: none}

.zoom_btn { height :34px;   position: relative; top:
-41px;   right: 20px;   float: right; display: none; opacity: 0.5; background-color: black; color: white; border-color: lightblue;
  line-height: 34px; padding: 0 2px; border-width: 1px; border-style: solid; border-bottom: none

}


.cropbtn {    height :34px;   position: relative; top:
-41px;   right: 18px;   float: right; display: none; opacity: 0.5; background-color: black; color: white; border-color: lightblue;
  line-height: 34px; padding: 0 2px; border-width: 1px; border-style: solid; border-bottom: none}

.btnright {height: 34px; position: relative; top: -41px; display: none; float: right; opacity: 0.5; background-color: black; color: white; border-color: lightblue;line-height: 34px;
padding: 0 2px; border-width: 1px; border-style: solid;border-bottom: none ; left: 86px;}

.buttonMinusPhoto  { height : 44px;     position: relative; display: none;
float: right;  top: -41px;  opacity: 0.5;}

.buttonCrossAddPhoto:hover, .buttonMinusPhoto:hover, .buttonCrossVisualSearch:hover, .buttonCrossVisualSearch2:hover, .btnright:hover, .cropbtn:hover, .zoom_btn:hover {   cursor:pointer; opacity: 1.2;}

#commentRight {width: 100%; height: 150px}
#mailRight {width: 80%}
.add_avec_visualisation { left: -278px; }
.add_sans_visualisation { left: -159px; }

.minus_avec_visualisation { left: 194px;}

.linkfooter:hover
{cursor:pointer;text-decoration: underline;}

.minusdiag1 {   width: 100%;   height: 48%;   position: relative;   top: -44%;
transform:rotate(45deg);   -ms-transform:rotate(45deg); /*Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */      -webkit-
transform:rotate(45deg); /* Safari et Chrome */      -o-transform:rotate(45deg);
/*Opera */      background-color: #FF0000;      border-radius: 2px; }

.minusdiag2 {   width: 100%;   height: 48%;   transform:rotate(135deg);   -ms-
transform:rotate(135deg); /*Internet Explorer */ -moz-
transform:rotate(135deg); /* Firefox */      -webkit-transform:rotate(135deg);
/* Safari et Chrome */      -o-transform:rotate(135deg); /*Opera */
background-color: #FF0000;      border-radius: 2px; }

/* override bootstrap.css */ .navbar-inner {   top:25px;   height:40px;
background-color: lightblue;   width: 100%;   text-align: center; background-image: none;}

#login-container { position: relative; font-size: 14pt; float: right;
top: 20%;   margin-right: 10% }

#textArea > div > div > img {
  width: 14px;
}

.center, .center > div {
  text-align: center;
  white-space: pre;
  width:100%;
}

.textPic {
  font-style: italic;
  font-size: 10pt;
  display: none;
}

.photo > div { padding-bottom: 7px;}

.textPic, .hashlist {
  margin-left: 2%;
    margin-right: 4%;
}

.hashlist {font-size: 11px;}
.hashlike {font-weight: bold;}

#cache {   z-index: 9;   background-color: white;   position: fixed;   top: 5%;
width: 110%;   height: 41%;   display: none; }

#upper-part {   z-index: 10;   width: 40%;   position: fixed;   top: 57px; }

#map-and-button {   position: relative;   width:104%;   float:left; }

#map-canvas { float: left; height: 200px; margin: 2% 0 0 9%; position: relative;
width: 100%; left: -23px;}


#all-portfolio {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 15px;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    z-index: 10;
    background-color: #E2E2E2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
#photo_crop {max-width: 100%}
#list-portfolio {   
  margin: 5px;   
  position: absolute;   
  height: 100px; 
  overflow: visible;   
  z-index: 1;   
  width: 249px; 
  margin-left: 12px;
  overflow-y: auto;
  margin-bottom: 82px;
  padding-bottom: 48px;
}

.display-portfolio {   width:97%!important;   position:relative;   overflow-x: scroll; margin-left: 1.5%;
display: hidden;   z-index: 1; padding-top: 5px;}

#showPortfolio, #hidePortfolio { display: none;}

#linkPortfolio {display: inline;}

#button-portfolio {   width: 100%; }

.privatePortfolio { /* margin-left: 5%; */ margin-right: 4px; /* margin-top: 2px; */ vertical-align: -2px;}

#hashtagsList { z-index: 2; }

#hashtagsList:hover > #hashtag-cloud { display: block; }

# { font-size: 10px; }

#hashtag-cloud { display: none; z-index: 2; width: 15%; }

#panel {   margin : 10px 200px;   float: left; }

#top-bar {   position: fixed;   top: 0%; height: 40px;   z-index: 25; }

#clear-refresh {   margin-top: 1%;   margin-left: 2%; clear: both;}


#time-btn { margin-top: 1%; margin-left: 2%; }

#search-button { position: relative; border: 1px solid #CBCBCB; border-radius: 4px;
  float: left; margin-top: 2%; padding: 10px; width: 100%; margin-left: 1px;}

#time { margin-top: 1%; margin-left: 2%; } 

#portfolio { text-align: center; }

#alertBar { display: none; position: fixed; z-index: 150; width: 100%; top: 50px; text-align: center;}

#noJS { position: fixed; z-index: 50; width: 100%; top: 50px; text-align: center;}

.save-portfolio, #clear-portfolio, .cancelDelete, .name-portfolio, .deletePort, .addAllPhoto
{margin-left : 5px; display: none;}

#request-suggestion {display: none;}

.name-portfolio-input, .count-photo-portfolio-output, #portPriv
{display: inline-block}


.addAllPhoto { display: inline;}

#select-portfolio { margin-left: 0px; padding-top: 10px; }

.portfolioOutput{ display:none;}

#select-portfolio-input { margin-top: 5px; }

.linkPortEdit #linkPort {display:inline; margin:3px}

#deleteSlide {   width : 25px;   height: 10px;   z-index: 5;   position:
absolute;   top: 2px;  right: 18px; opacity: 0.5;}

#deleteSlide > img {width: 25px;}

#deleteSlide:hover { opacity: 1.2; cursor: pointer;}

#more { clear: both; margin-bottom: 70px; padding-top: 45px; margin-left: 38%;}

#askForRetrieve, #morePhoto, #loading, #nomore { z-index: 55;}

#askForRetrieve, #morePhoto, #nomore { display: none;}

#imgCancel { width: 34px; }

#photoList { width: 91%; margin-left: 4%; margin-top: 4%; margin-bottom: 2%;}

#textArea { word-wrap:break-word; white-space: pre-line; height: 80px;}
#sidebar-wrapper {overflow-y: -webkit-paged-y;}
.discard #discard { margin-top: 2%;}

#tuto {margin: 0 auto;}
/*.time {float: right;}*/
.hashtagitem #hashtagitem { float: left; margin-left: 6px; padding: 2px; }

#hashtagList { border: 1px solid #cbcbcb; border-radius: 4px; float: left;
    margin-top: 5px; padding: 5px; width: 105%; overflow-y: scroll; max-height: 90px;
    position: relative;}

.titleHashtag { position: relative; top: -3px; left: 28px; background-color: #ffffff; }

.hashBtn:hover { cursor: pointer; }

#footer { position: fixed; bottom: 0px; height: 5%; z-index: 100;}

#search-container { float: right; position: relative; margin-top: 1px; margin-right: 4%;}

.hashList {float: left;}

#hashlegend { background-color: #FFFFFF; font-size: 10pt; left: 25px; position: absolute; top: -5px; z-index: 55;
}

#hash {float: left; margin-top: 5px; position: relative; width: 95%; min-width: 95%; padding-top: 2px;}

#fotonower { font-size: 18pt; color: #FFFFFF; font-style: italic; 
  float: left; margin-left: 14%; position: relative; top: -5%; font-weight:bold; }

#news { position: absolute; top: 81px; margin-left: 5%; }

.hasDatepicker { width: 85px;}

#help {display: none; position: fixed; width: 628px; height: 380px; top: 38%; background-color: #d2d2d2; border: 1px solid #000000;   border-radius: 4px;
  font-size: 10pt; left: 50%; z-index: 250;}

#helpData { height: 200px; width: 73%;}

.buttonLegal { float: right; margin-right: 15px;}

#searchLegend { background-color: #FFFFFF; font-size: 10pt; left: 15px; position: absolute;
  top: -9px; z-index: 55; padding-left: 1px; padding-right: 1px; }

#search-address {
position: relative;
}

#listaddress, #listhashtags {
background-color: #ADD8E6;
color: #555;
display: none;
font-size: 10pt;
line-height: 1.42857;
padding-left: 20px;
padding-right: 2px;
position: absolute;
margin-top: 26px;
width: 100%;
z-index: 70;
}

#listaddress > li:hover
{cursor:pointer;font-weight:bold;}

.listPortfolio, .listHash { display: block; clear: both; }

#linkAlert { border: 1px solid #cbcbcb; border-radius: 5px; clear: both; left: 30%;
  padding: 15px; position: fixed; top: 10%; width: 591px; z-index: 500; }

#yes, #no { margin-left: 5%; margin-right: 5%; width: 55px; float: left; }

#loadingGif { width: 250px; }

.navbar .brand { font-style: italic; color: white; font-size: 18pt;
  font-weight: bold; padding-top: 3px; }

#account, #askForRetrieve2 { background-color: lightblue; }

.legal { position: absolute; width: 80%; top: 55px; left: 10%; background-color: #d2d2d2;
  border: 1px solid #000000; border-radius: 4px; font-size: 12pt; word-wrap: break-word;
  white-space: pre-line; }

#score { float: left; margin-left: 2%; margin-top: 1%; }

#closePort { left: 96%; opacity: 1; position: absolute; top: 1%; z-index: 200; }

.map-refresh-controls {position: absolute;top: 0px;left: 55px; z-index: 1;border-radius: 0;width: 154px;}

#searchWhenMoveMap {position: relative; float: left; margin-left: 2px; width: 135px; height: 12px;}

#autorefreshselector {z-index: 10;background-color: white;position: relative;float: left;margin-left: 0px;margin-top: 0px;}

#search-params-display {
    margin-left: 20px;
    margin-right: 15px;
    display: none;
    width: 100%;
    text-align: center;
    line-height: 30px;

}

/* 
body, html { margin:0; padding:0; }
*/

#modalTabelGray
{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
    -webkit-filter: blur(5px) grayscale(50%);

    z-index:10000;

/*
   transition: all 0.4s ease;
  -webkit-transform: translateZ(0);
  */

    text-align:center;
    vertical-align:middle;
}

#modalDiv
{
    position:absolute;
    z-index:10001;
  /* Regular size and visible */
  transform: scale(1); /* prefix me */
  opacity: 1;

  /* Clickable */
  pointer-events: auto;
    
}

.new-features
{
  font-weight: normal;
}

.newsicon
{
  width: 20px;
}

.menu-button
{
    margin-left: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.marge
{
  margin-left: 15 px;
}

.hashtags_photo_list
{
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0px;
}

.hashtags_photo_list:hover {  color : #333;}

.searched { background-color: black !important}

.col-md-3 .role-select{    
    height: 30px;
    width: 204px;
    border-radius: 3px;
    margin-bottom: 2px;
}