@charset "UTF-8";
* {
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
@keyframes fadein {
  from { opacity: 0}
  to   { opacity: 1}
}

@keyframes fadeinout {
  10% {
	opacity:1;
	scale:1;
      }
  0%, 100% {
	opacity:0;
	scale:3;
      }
}
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1000px 0;
  }
}

html {
    overflow: hidden;
}

body {
  padding-top: 0;
}

h5 {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.preview img {
    max-height:90px;
}

.fade.in {
 opacity:1;
}

.insta-post-prev {
  font-size: 14px;
}

.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
}

.no-flickering {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform:translate3d(0,0,0)
}

.modal-content {
  border-radius: 10px;
  overflow: hidden;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.pushed {
  box-shadow: inset 2px 2px 5px 5px rgba(100,100,0,.5);
  background-color: rgba(100,100,0,.03);
  padding: 1px 0 0 0;
}

.gradient {
    position: relative;
}
.gradient:after {
    content: " ";
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
    background: linear-gradient(120deg, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 60%);
}

#content-container {
  overflow: scroll;
  scrollbar-width: none;
  height: 85vh;
}

.m-1r {
  margin: 0 0.25rem 0.25rem 0;
}

.small-pads {
  padding-left: 2px!important;
  padding-right: 2px!important;
}

.title-cont {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 0.5rem;
}

.on-top-mess {
  position: absolute;
  top: 5rem;
  left: 50%;
  pointer-events: none;
  color: white;
  opacity: 0.8;
}
.loading {
  width: 100%;
  height: 100%;
  margin: 0px;
  background-image: linear-gradient(
    90deg,
    #e4e4e4 0%,
    #f1f1f1 40%,
    #ededed 60%,
    #e4e4e4 100%
  );
  background-position: 0px 0px;
  background-repeat: repeat;
  animation: animatedBackground 5s linear infinite;
}