/*_______________________     Background     ________________________*/
#single-wrapper{
    background: #fff8 url('/web/pictures/Fonds_colors.png') center center/cover no-repeat;
    background-blend-mode: overlay;
}
/*________________________     Dashboard     ________________________*/

.img-card {
  margin-bottom: 20px;
  border-radius: 3px;
}

@media (max-width: 575px){
    .column-reverse-sm{
      flex-direction: column-reverse;
    }
}

/*________________________     DropZone     ________________________*/
.dp-addFile {
    height: 230px;
}
.dp-actions {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
}
/*________________________     Pictures     ________________________*/
.Pictures-seperator{
    border: 1px solid #505458; 
    margin:0 -1.5px 16px;
}
.pic-action {
  position: absolute;
  bottom: 10px;
  right: 10px;
  left: 10px;
}

.picture-size {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 12px;
  background: white;
  padding: 0 4px;
  max-width: 90% !important;
  text-align: center;
  width: max-content;
  bottom: -.5em;
}
.picture-error {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 12px;
  background: white;
  padding: 0 4px;
  max-width: 90% !important;
  text-align: center;
  width: max-content;
  top: -.7em;
  color: #dc3545;
}

.Publication-Title-Text, .Publication-Publish-Title-Text {
/*  white-space: nowrap;*/
  overflow: hidden;
  width: 90%;
  display: inline-block;
/*  text-overflow: ellipsis;*/
  font-weight: 500;
  height:40;
  margin-top: -5px;
}
/*_________________________  TwentyTwenty  _________________________*/
.twentytwenty-container{
    margin:auto;
}
.btn-swap {
  position: absolute;
  z-index: 10;
  top: 35%;
  left: 50%;
  transform: translate(-50%,0);
}
/*________________________  Social Network  ________________________*/

.socialnetwork-list .social-icon{
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff !important;
}

.social-icon.facebook, .btn-facebook{
    color: #fff !important;
    background: #4267B2;
}

.social-icon.linkedin, .btn-linkedin{
    color: #fff !important;
    background: #1293d2;
}

.social-icon.instagram {
    color: #fff !important;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.btn-instagram{
    color: #fff !important;
    background: #d6249f;
    background: radial-gradient(circle at 10% 10%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 100%);
}

/******** Selection  *****************************************/  
.selected {
  background: #1d84df;
  color: white !important;
}