.ms-n5 {
    margin-left: -40px;
}
.btn-facebook {
	background-color: #3b5998 !important;
}
.bg-facebook {
	background-color: #3b5998 !important;
}

.bg-sticky-yellow {
	background-color: #fff7d1 !important;
}

.navbar .container .navbar-brand small {
    font-size:12px;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

/* Custom code for login page */
.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}

.main-page-background {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../images/contentieux.png");
  background-position:center; 
  background-repeat:no-repeat;
  background-size:contain;
  height: 82.1vh;
}

/* Custom code for calendar picker */
.input-group-append {
    cursor: pointer;
  }

  /* Vertical Scroll */
  .vertical-scrollable {
    /* position: absolute; */
    /* top: 95px;
    bottom: 20px; */
    height: 76vh;
    overflow-y: scroll;
}
 
  .scrollable-right {
    right: 10px;
}

.scrollable-left {
  top: 110px;
  left: 10px;
}

.modal-right {
  position: absolute;
  top: 10px;
  right: 100px;
  bottom: 0;
  left: 0;
  z-index: 10040;
  overflow: auto;
  overflow-y: auto;
}

.blue {
  color: blue;
}

.facebook {
  color: #3b5998 !important;
}

.pink {
  color: #d6276a !important;
}

.display-none {
    display:none;
}

/* Drag And Drop File Upload */

#files {
  overflow-y: scroll !important;
  min-height: 320px;
}
@media (min-width: 768px) {
#files {
  min-height: 0;
}
}
#debug {
overflow-y: scroll !important;
height: 180px;	
}

.dm-uploader, .bg-darken {
border: 0.25rem dashed #A5A5C7;
background-color:rgb(106, 120, 134);
text-align: center;
}

.dm-uploader.active {
border-color: red;
border-style: solid;
}

.my-text-area {
  width:400px;
  min-height: 100px;
  max-height: 900px;
  resize: vertical;
  overflow: hidden;
  height: auto;
}