body {
  background-color: rgb(31, 31, 31);
  color: white;
  font-family: 'Source Sans Pro', sans-serif;
  overflow-x: hidden;
}

.lazy {
  object-fit: contain;
}

.navbar-brand {
  font-size: 24px;
}

.major {
  color: dodgerblue;
}

.minor {
  color: crimson;
}

.online {
  color: limegreen;
}

.offline {
  color: darkgrey;
}

.online-border {
  border: solid 3px limegreen;
}

.offline-border {
  border: solid 3px darkgrey;
}

pre {
  white-space: normal !important;
  color: white !important;
}

.nav-chloe {
  background-color: rgba(21, 21, 21, 0.8);
  padding: 5px 25px 5px 25px;
  font-size: 18px;
}

.un-href:link{
  color: dodgerblue;
  text-decoration: none;
}

.un-href:hover{
  color: dodgerblue;
  text-decoration: none;
}

.un-href:visited{
  color: dodgerblue;
  text-decoration: none;
}

.linkaccess:link{
  color: grey;
  text-decoration: none;
}

.linkaccess:hover{
  color: dodgerblue;
  text-decoration: none;
}

.linkaccess:visited:hover{
  color: dodgerblue;
  text-decoration: none;
}

.linkaccess:visited{
  color: grey;
  text-decoration: none;
}

.linkadmaccess:link{
  color: darkred;
  text-decoration: none;
}

.linkadmaccess:hover{
  color: crimson;
  text-decoration: none;
}

.linkadmaccess:visited:hover{
  color: crimson;
  text-decoration: none;
}

.linkadmaccess:visited{
  color: darkred;
  text-decoration: none;
}

.nolink:link{
  text-decoration: none;
}

.nolink:hover{
  text-decoration: none;
}

.nolink:visited:hover{
  text-decoration: none;
}

.nolink:visited{
  text-decoration: none;
}

.whitelink {
  color: white;
}

.whitelink:link {
  color: white;
  text-decoration: none;
}

.whitelink:hover {
  color: white;
  text-decoration: none;
}

.whitelink:visited:hover {
  color: white;
  text-decoration: none;
}

.whitelink:visited {
  color: white;
  text-decoration: none;
}

.input-has-error {
  border: solid 2px red;
}

.input-has-success {
  border: solid 2px limegreen;
}

.input-has-selected {
  border: solid 2px cornflowerblue;
}

.login-card {
  background-color: rgb(21, 21, 21);
  color: white;
  width: 30%;
  min-width: 450px;
  padding: 15px 15px 15px 15px;
}

.maincontainer {
  background-color: rgb(31, 31, 31); 
}

.container {
  background-color: rgb(35, 35, 35);
  padding: 10px 10px 10px 10px;
  box-shadow: 12px 0px 15px -4px rgba(11, 11, 11, 0.5), -12px -1px 8px 0px rgba(11, 11, 11, 0.5);
  max-width: 95%;
}

.container img {
  max-width: 100%;
}

.filestorage {
  background-color: rgb(31, 31, 31);
  border: solid 5px rgb(31, 31, 31);
  border-radius: 5px;
}

hr.line{
  border-top: 1px solid dodgerblue;
  margin-top: -13px;
  margin-bottom: 0;
}

hr.spaceline{
  border-top: 1px solid #aaaaaa;
}

.activityline {
  border-top: 1px solid #aaaaaa;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

hr.striped {
	height: 6px;
	background: url(../img/hrsty1.png) repeat-x 0 0;
    border: 0;
}

.mainanimatedbg {
  background-image: url(../img/bg/nfsub01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black;
}

@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 140% auto; }
  100% { background-size: 100% auto; }
}

.cfade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.cfade.in {
  opacity: 1;
}

.cfade.out {
  opacity: 0;
}

.circle {
  display: block;
  border-radius: 50%;
  -webkit-transition: box-shadow .25s;
  transition: box-shadow .25s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-clip-path: circle(0 at 50% 50%);
  clip-path: circle(0 at 50% 50%);
  -webkit-animation-name: scale-up;
  animation-name: scale-up;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  background-color: #17181C;
}

.first {
  width: 17em;
  height: 17em;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  box-shadow: 0 0 0 1.6em rgba(32, 32, 32, .1);
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-clip-path: circle(0 at 50% 50%);
            clip-path: circle(0 at 50% 50%);
  }
  99% {
    -webkit-clip-path: circle(60% at 50% 50%);
            clip-path: circle(60% at 50% 50%);
  }
  100% {
    -webkit-clip-path: none;
            clip-path: none;
  }
}
@keyframes scale-up {
  0% {
    -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
  }
  99% {
    -webkit-clip-path: circle(60% at 50% 50%);
    clip-path: circle(60% at 50% 50%);
  }
  100% {
    -webkit-clip-path: none;
    clip-path: none;
  }
}

@-webkit-keyframes slide-left {
  0% { 
  opacity: 1;
  transform: translate3D(100%,0,0); 
  }
  100% { 
  opacity: 1;
  transform: translate3D(0,0,0); 
  }
}
@keyframes slide-left {
  0% { 
  opacity: 1;
  transform: translate3D(100%,0,0); 
  }
  100% { 
  opacity: 1;
  transform: translate3D(0,0,0); 
  }
}

.tshadow {
  text-shadow: 1px 1px 1px #000;
}

.activity {
  padding: 5px 5px 5px 5px;
}

.activity:hover {
  background-color: black;
}

.even {
  background-color: rgb(41, 41, 41);
}

.odd {
  background-color: rgb(31, 31, 31);
}

.searchcontainer {
  background-color: rgba(21, 21, 21, 0.8);
  border-bottom: solid 1px dodgerblue;
}

.featuredmods {
  padding: 5px 15px 5px 15px;
}

.mainmodcol {
  padding-bottom: 5px;
  padding-top: 5px;
}

.modcol {
  background-color: rgb(21, 21, 21);
  border: solid 5px rgb(21, 21, 21);
  border-radius: 5px;
  padding: 5px 5px 5px 5px;
  overflow: hidden;
}

.modcol:hover {
  background-color: black;
  border: solid 5px black;
  border-radius: 5px;
}

.mod-col-thumbnail {
  width: 100%;
  margin-left: auto;
	margin-right: auto;
  display: block;
  padding-bottom: 5px;
}

.modheaderwrapper {
  position: relative;
}

.modheader {
  background-color: dodgerblue;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
  filter: blur(4px);
}

.modheadercontent {
  position: inherit;
}

.list-group-item{
  border: 0;
  padding-left: 0;
  border-top: 1px solid;
  border-color: rgba(37,40,43,0.1);
  background-color: rgb(21, 21, 21);
  padding-left: 5px;
}
.list-group .list-group-item:first-child{
  border:0;
}
.list-group .list-group-item a{
  color: #2895F1;
  cursor: pointer;
  text-decoration: none;
}
.list-group.list-group-header{
  padding:0;
  margin:0;
}
.list-group.list-group-body .glyphicon {
font-size: 25px; vertical-align: middle;
}
.list-group-panel{
  border: 1px solid #ccdbeb;
  border-radius: 0;
}

footer {
  background-color: hsl(227, 7%, 8%);
  padding: 1rem;
  text-align: center;
  border-top: solid 1px dodgerblue;
}

.user-profile-pic-mod {
  width: 100%;
  max-width: 128px !important;
}

.user-profile-pic-comment {
  width: 100%;
  max-width: 64px !important;
}

.scrolloverlay{
  background:url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/footer_lodyas.png);
  -webkit-animation:100s scroll infinite linear;
  -moz-animation:100s scroll infinite linear;
  -o-animation:100s scroll infinite linear;
  -ms-animation:100s scroll infinite linear;
  animation:100s scroll infinite linear;
  top:0;
  left:0;
  width:100%;
 height:100%;
}

@-webkit-keyframes scroll{
  100%{
    background-position:0px -3000px;
  }
}

@-moz-keyframes scroll{
  100%{
    background-position:0px -3000px;
  }
}

@-o-keyframes scroll{
  100%{
    background-position:0px -3000px;
  }
}

@-ms-keyframes scroll{
  100%{
    background-position:0px -3000px;
  }
}

@keyframes scroll{
  100%{
    background-position:0px -3000px;
  }
}

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}

/* footer social icons */
.social-network a.icoYT:hover {
	background-color: rgb(245, 13, 5);
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoDiscord:hover {
	background-color:#8C9EFF;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoYT:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoDiscord:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}

a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.test {
  color: rgb(116, 24, 24);
}