@charset "utf-8";
/* CSS Document */
.trc_rbox_container{max-height:310px !important; overflow:hidden;}
body {

font-family: sans-serif;
/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%237140bf' fill-opacity='0.18'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")*/
background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%237544c3' fill-opacity='0.07' fill-rule='evenodd'/%3E%3C/svg%3E")
,url(/images/background.png);
background-repeat:repeat,repeat-x;
background-color:#000000;
color:#FFF;
}

.margin15{margin:15px;}
.topmargin{margin-top:22px;}
.container, .container-fluid{max-width:1250px; margin:auto;}
.mainhead{ width:100%;display:flex;flex-direction:row;}
.mainhead .l{ min-width:160px; max-width:260px; height:195px; }
.mainhead .r{ height:195px; }
.mainhead .evillogo{background-image:url('/images/evilmilk-logo.png'); background-repeat:no-repeat; background-size:contain;text-indent: -8888px;}
.nopad {padding:0;}
.nomarg{margin:0;}
.marg15{margin-left:15px; margin-right:15px;}
.mainbody{ background-color:#FFF; color:#000000; padding-left:0; padding-right:0;}
.row{margin-left:0; margin-right:0;}
.h1row{height:58px; background-color:#aeaab5; padding:0;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#9a95a0),color-stop(1,#ccc8d0));
    background: -ms-linear-gradient(bottom,#9a95a0,#ccc8d0);
    background: -moz-linear-gradient(center bottom,#9a95a0 0,#ccc8d0 100%);
    background: -o-linear-gradient(#ccc8d0,#9a95a0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc8d0', endColorstr='#9a95a0', GradientType=0);

}
.spongal728{margin:auto; width:728px;}
.friends, #friends{width:100%; font-size:13px; line-height:18px;}
#friends a{color:#9f9b9d;}
#friends a:hover{color:#da2902;}
#friends li{width:50%; display:inline-block; float:left;}
.clear{clear:both; display:block; width:100%; height:1px;}
.sticky-top {z-index:900;}
#footerlinks{line-height:20px;}
#footerlinks a:hover{color:#FFF;}
.comments{ padding: 0 15px;}
.evillogo:hover{cursor:pointer;}
.h1row p{position: absolute;
    top: 0;
    right: 20px;
    width: 100%;
    font-size: 12px;
    text-align: right;
    color: #443e4e;
    line-height: 18px;
}
.adBanner {background-color: transparent;height: 1px;width: 1px;}
h3{
	font-family: "Roboto Condensed",sans-serif;font-weight: 400;
	text-transform: uppercase;    margin: 0; font-size: 30px; color: #241b37; text-shadow: 0 1px #ccc8d0;
	text-align:left; margin-top:11px; margin-left:8px;
	}
.pictures h3{text-transform:none;}
	
.roboto {font-family: "Roboto Condensed",sans-serif;}
.nosidepad{padding:20px 0 !important;}
#undercomments{margin:0 15px;}
.sponmain{ margin:15px;}
.thumbs {
  overflow: auto;
  width: 100%;
  padding-top: 9px;
}
.thumbs .thumbnail {
  display: block;
  float: left;
  text-align: center;
  position: relative;
}
.thumbs .thumbnail * {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.thumbs .thumbnail img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid;
  border-color: #e8e3f1;
  width: 140px;
  height: 140px;
}
.thumb-title {overflow:hidden !important; max-width:140px; font-family:sans-serif;letter-spacing: -.04em;}

.thumbs .thumbnail:hover img {
  border-color: #da4509;
}
.thumbs .thumbnail .thumb-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.thumbnail .picdump-flag {
  /*width: 138px;*/
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  top: 7px;
  right: 7px;
}
.thumbnail .picdump-flag i {
  float: right;
  padding-top: 5px;
  width: 30px;
  height: 28px;
  color: #FFF;
  right: 2px;
  top: 2px;
  font-size: 20px;
  background-color: #f65e20;
  border-radius: 4px;
}
a {
  text-decoration: none;
  color: #da4509;
}
a:hover{text-decoration:none;}

.h-500{width:100%; margin:0;}
hr.hrdash {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
.evilright {-ms-flex: 0 0 350px;flex: 0 0 350px; display:flex;}
  .thumbs .thumb-title {
    font-size: 12px;
    color: #31254a;
  }
  .thumbs .post-date {
    font-size: 10px;
    color: #999;
  }

@media screen and (min-width: 1280px) {
	.container-fluid {margin-left: auto !important;}
}
#spon728b {
	max-width: 850px;
}
	@media screen and (min-width: 1100px) {
		.container-fluid {margin-left: 6px;}

		.mainbody {
			max-width: 100%;
		}

		.thumbnail {
			width: 20%;
			padding: 7px;
		}

		.thumbs .thumbnail img {
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 2px solid;
			border-color: #e8e3f1;
			width: 100%;
			height: auto;
		}
	}

	@media screen and (min-width: 840px) and (max-width: 940px) {
		
		.container-fluid {
			padding-left: 20px !important;
			padding-right: 20px;
		}
	}

	@media screen and (min-width: 941px) and (max-width: 1099px) {
		.container-fluid {
			padding-left: 30px !important;
			padding-right: 30px;
		}
		
	}

	@media screen and (min-width: 481px) {
		.onlyphone {
			display: none !important;
		}
	}

	@media screen and (max-width: 767px) {
		.taboolapicdump{ width:100%; height: 41vw;}
		.r {padding-left:2px; padding-right:2px;}
		#spon728{display:none;}

        .container-fluid { padding-left:0; padding-right:0;
        }
		.hidemid {
			display: none !important;
		}

		.navbar-collapse .navbar-nav li {
			width: 100% !important;
			border-top-style: 1px dotted !important;
		}

		.mainhead .r {
			height: auto;
		}

		#spon728 {
			padding: 10px 0 !important;
		}
	}


	@media screen and (max-width: 1099px), (min-device-width: 401px) (max-device-width: 1024px) and (orientation:portrait) {
		.evilright {
			display: none !important;
		}

		.left {
			text-align: center;
		}

		.post-date {
			display: none;
		}

		.thumb-title {
			font-size: 12px;
		}

			.thumbnail:hover, .thumb-title:hover {
				color: #da4509
			}


		.thumbnail {
			width: 20%;
			padding: 7px;
		}

		.thumbs .thumbnail img {
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 2px solid;
			border-color: #e8e3f1;
			width: 100%;
			height: auto;
		}

		.thumb-title {
			overflow: hidden !important;
		}

		h3 {
			padding: 5px 0;
			font-size: 26px;
			padding: 8px 10px;
			text-align: left;
			margin-top: 0;
		}

		.h1row {
			height: 52px;
		}
	}



	@media screen and (max-width: 480px) {
		.taboolapicdump{ width:100%; height: 55vw;}
		.thumbnail {
			width: 33%;
			padding: 4px;
		}

		.thumb-title {
			font-size: 11px;
		}

		.mainbody {
			/*padding: 7px 0;*/
		}
		/*.h1row{display: none;}*/
		.hidephone {
			display: none !important;
		}

		.container, .container-fluid {
			padding-left: 0;
			padding-right: 0;
		}

		.row {
			margin-left: 0;
			margin-right: 0;
		}
		
	}


	/*Visit my.evilmilk.com */
	@media (min-width: 1350px) {
		.spongal728{margin-left:-10px;}
		.evilright {
			-ms-flex: 0 0 370px;
			flex: 0 0 370px;
			display: flex;
			padding-right: 20px;
			padding-left: 20px;
			width:340px;
		}

		#emlogogo {
			position: fixed;
			bottom: 3px;
			right: 3px;
			text-align: center;
		}
		/*#mainbody{max-width:775px;}*/
	}

	@media (max-width: 1349px) {
		#emlogogo {
			display: none;
			visibility: hidden;
		}
	}
	/* End visit my.evilmilk.com */



	/*ads spons */
	#spon728 {
		padding: 20px 0;
		width: 100%;
		text-align: center;
	}

	#spon300right {
		padding: 20px;
	}

	#sponmain {
		width: 100%;
		display: block;
		text-align: center;
		margin: auto;
	}
	/*end ads spons */


	/* Top Rated Menu */
	#topratedmenu {
		text-align: left;
		margin: 10px;
		font-family: "Roboto Condensed",sans-serif;
	}

		#topratedmenu .btn-outline-primary {
			border-color: #e1b9eb;
			color: #6c13bf;
			margin: 5px;
		}

			#topratedmenu .btn-outline-primary:hover {
				background-color: #6c13bf;
				color: #FFF;
			}

		#topratedmenu btn {
			display: inline;
		}

		#topratedmenu .btn-outline-primary.disabled {
			text-decoration: underline;
			border: 0;
		}

	.toprateddesc {
		margin: 10px;
		text-align: left;
		line-height: normal !important;
	}
	/*End Top Rated*/



    /*Loader image start*/

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .lds-hourglass:after {
        content: " ";
        display: block;
        border-radius: 50%;
        width: 0;
        height: 0;
        margin: 6px;
        box-sizing: border-box;
        border: 26px solid #fcf;
        border-color: #fcf transparent #fcf transparent;
        animation: lds-hourglass 1.2s infinite;
    }

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

/*Loader image end
    <div class="lds-hourglass"></div> 
*/
@media (hover: none) {
    a:hover { color: inherit; }
}


.navbar{ z-index:999 !important;}
.dropusermenu{min-width:300px;}
.navbut{padding-bottom:2px; padding-right:6px;}
#notification_li
{
position:relative
}

#notificationContainer:after, #notificationContainer:before {
	bottom: 100%;
	left: 53%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#notificationContainer:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #4d565b;
	border-width: 3px;
	margin-left: -3px;
}
#notificationContainer:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #2c383f;
	border-width: 14px;
	margin-left: -14px;
}

#notificationContainer 
{
background-color: #3e4c54;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
position: absolute;
top: 50px;
margin-left: -200px;
width: 400px;
z-index: -1;
display: none;
color:#FFF;
}


#notificationTitle
{
font-weight: bold;
padding: 8px;
font-size: 13px;
background-color: #2c383f;
color:#EDEAEA;
z-index: 25000;
width: 100%;
border-bottom: 1px solid #dddddd;
}
#notificationsBody
{
padding: 33px 0px 0px 0px !important;
min-height:250px;
overflow: hidden;
overflow-y: auto;
max-height:450px;
}
#notificationFooter
{
background-color: #2c383f;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #2a3033;
}

#notification_count 
{
padding: 3px 6px 3px 6px;
background: #cc0000;
color: #ffffff;
font-weight: bold;
border-radius: 9px;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px;
position: absolute;
margin-top: -7px;
font-size: 11px;
}
.fa-bell-o:hover{cursor:pointer;}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #506069;
}
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
   background-color: #485157;
}
.alerticon{width:30px;}
.tooltip {
    z-index:999;
	position:absolute;
	max-width: 250px;
	width: 250px;
}
.alerttable td{padding:10px;}
.alertthumb{max-height:44px; position:relative; border: 2px solid #2c383f;}
.alertthumb:hover{cursor:pointer; border-color:#FFF;}
.alertthumbfa{ position:absolute; z-index:999998; top:-6px; right:-9px; opacity:.75;}
.alertprofile{max-height:20px; border-radius:20px;}
.alertarea{max-width:280px; overflow:hidden; max-height:20px;overflow-wrap:break-word;}
.alertarea .tex{font-size:13px; vertical-align:super !important;}
.alertarea .tex a{text-decoration:none;}
.alertarea .tex a:hover{text-decoration:underline;}
.seen{opacity:.6;}
.fa-ellipsis-h{padding-left:3px;  vertical-align:bottom;}
.redcheck{color:#F3B8B9; font-size:13px; vertical-align:super; padding-right:5px;}
.red2{color:#FFF;}

.fa-15x{ font-size:1.5em;}
.dropdown-menu{z-index:8256;}
.dropdown-menu p{padding-bottom:8px;}
#limeme a{color:#FFF;}
#limeme a:hover{color:#da4509 !important;}
#notification_li:hover {cursor:pointer;}
	.dropdown-menu a:hover {
		background-color: rgba(0, 0, 0, .25);
	}
.alerttable td {vertical-align:middle !important; text-transform:none; text-align:left; }
.alerttable td a{padding:0; padding-left:2px; padding-right:2px;}
.one3{width:33% !important;}
.navbar-right {padding-right:3px;}
.navbar-right a {padding:0;}
.navbar-right .dropdown{padding:0;}
.navbar-right #limeme{padding-left:8px; bottom:3px;}
.username{max-width:150px; display:inline-block; }
.smallname{font-size:14px;}

.memestream img:hover, .rthumbs img:hover {
    border-color: #da4509;
    cursor: pointer
}
.rthumbs .col-4 {padding:0 3px;}

.rthumbs img{    max-width: 95%;
    border: 2px solid #3B3A3A;}
	
.brights {
    background-color: #1e1d1d;
    color: #8f8b8b;
    border: 0;
    outline: none;
}
.w100{width:100%; padding:2px 15px;}
.padme{margin:2px 0 5px; padding:0 10px;}
.brights{background-color:#262626; color:#8F8B8B; border:0; outline:none;}
.brights:hover{ background-color:#4f4d4d; color:#DBD6D6;}
.cent a{margin:auto;}
#spon728b{clear:both;}




/*CLS FIX   2-13-2021*/
@media screen and (min-width: 1100px) {
	.thumbs {
		min-height: 1170px;
	}

	#myemright {
		min-height: 404px;
	}

	.evilwrap {
		margin-right: 370px;
		position: relative;
		display: block;
		max-width: 100%;
	}

		.evilwrap * {
			box-sizing: border-box;
		}

	.col-l {
		width: 100%;
		float: left;
	}

	.col-r {
		float: right;
		width: 370px;
		margin-right: -370px;
		height: 1200px;
		padding-left: 15px;
		height: auto;
		/* background-color: red;*/
		min-height: 762px;
	}

	.evilwrap::after {
		content: "";
		clear: both;
		display: table;
	}

	#spon728b{min-height:106px;}

	#spon300right{width:340px; min-height:310px;}
	#evilmilk_leaderboard_btf{min-height:266px;}
	.evilmainContent{max-width:1200px;}
}

/*End CLS Fix*/