.vis-middle
{
	text-align: center;
}


.gif-load{
	position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
}
.copyright-part{
    font-size: 15px;
    font-family: Muli, sans-serif;
    margin: 0;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 11px;
    text-align: center;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}


/*SCROLL BAR */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #6f6161;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
     border-radius: 10px;
    box-shadow: inset 0 0 5px #6f6161;
    background: #eee; 
	
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover 
{
  background: #eee; 
}

@supports (-moz-appearance:none) 
{
      
    :root
    {
        scrollbar-color: #eee  #e7e9e9 !important;
        scrollbar-width: thin !important;
    }
    .card-body
	{
		scrollbar-color: #eee  #e7e9e9 !important;
		scrollbar-width: thin !important;
	}

}