body {
	color:#333 !important;
	background-size: cover;
	background: #efefef;
	font-family: verdana, "tahoma, comic sans ms", arial, "sans serif"
}
img {
	max-width: 100%;
	height: auto;
}

.well-lgs {
	padding-left: 4rem;
}
.label-danger, .alert-danger{
	background: #f91627 !important;
	color: #fff;
}
.label-success, .alert-success{
	background: #0a5aed !important;
	color: #fff;
}


.comment-comment-container {
	border-top: none !important;
}

.comment-btn {
	color: #f91627 !important;
	cursor: pointer;
	font-weight: bold;
} .comment-btn:hover { color: black !important; }

.show-more-content, .show-less-content, .battle-contestant-detail a {
	color: #f91627 !important;
	padding: 0 !important;
	text-transform: uppercase !important;
	background: none !important;
	border: none !important;

	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.show-more-content:hover, .show-less-content:hover {
	color: black !important;
}

/* PANEL */
.panel {
	box-shadow: none;
}

.panel-heading {
	/*border-radius: 2rem 2rem 0 0;*/
	background: #f0f0f0 !important;
}

.panel-body {
	/*border-radius: 0 0 2rem 2rem;*/
}

.panel-title {
	/* just in case it doesn't work */
	font-family: 'Open Sans', sans-serif !important;
	font-weight: bold;
}

.social-media {
	cursor: default;
}

.social-media .fa-twitter {
	color: #1f7cd9;
}

.social-media .fa-facebook {
	color: #0a5aed;
}

.social-media .fa-youtube {
	color: #f91627;
}

.social-media .fa-envelope {
	color: #aeb1b4;
}


#mtop-control-bar{
	background: #e5e5e5;

}
/* User toppage icon */
.mintro{
	color: #fff;
}

/* MAIN MENU - center */
.hdr_ls {
	padding: .4em 0 0 0 !important;
	margin: 1rem 0 0 4rem !important;
	font-size: 1.4rem;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: .3rem solid #000;
}

.hdr_rs{
	margin-right:2rem !important;
}

.hdr_ls:hover { color: #CCECF9 !important; cursor: pointer; }

.hdr_ls.tutorial:hover { border-color: #44BEED; }
.hdr_ls.art:hover { border-color: #44BEED; }
.hdr_ls.news:hover { border-color: #44BEED; }
.hdr_ls.watch:hover { border-color: #44BEED; }
.hdr_ls.tut:hover { border-color: #44BEED; }
.hdr_ls.contest:hover { border-color: #44BEED; }
.hdr_ls.livestream:hover { border-color: #44BEED; }
.hdr_ls.battle:hover { border-color: #44BEED; }
.hdr_ls.contact_us:hover { border-color: #44BEED; }
.hdr_ls.privacy:hover { border-color: #44BEED; }
.hdr_ls.login:hover { border-color: #44BEED; }
.hdr_ls.register:hover { border-color: #44BEED; }
/* MAIN MENU - right */
.right_menu {

}

.right_menu .icon {
}

/* MAIN MENU - search */
#___gcse_1 {
	width: 25rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gsc-input {
	margin: 0 !important;
	padding: 0 !important;
}

.gsc-search-button {
	margin: 0 !important;
	width: 4rem !important;
	padding: .25rem 0 .25rem 0 !important;
	border: 0 !important;
	border-radius: 0 1rem 1rem 0 !important;
	background-color: #2c3434 !important;
}

.gsc-search-box {
	margin: 0 !important;
	padding: 0 !important;
}

.gsc-input-box {
	background: none !important;
	margin: 0 !important;
	padding: .25rem !important;
	padding-left: 1rem !important;
	border: 0 !important;
	background-color: #2c3434 !important;
	border-radius: 1rem 0 0 1rem !important;
}

.gsc-input-box input {
	background-color: #2c3434 !important;
	padding: 0 !important;
	color: white;
	border: 0 !important;
	width: 15rem !important;
}

.gsib_b {
	display: none !important;
}

.main_menu {
	left: 46%;
	display: inline-block;
	position: absolute;
}

@media only screen and (max-width: 991px) {
	.main_menu {
		left: 34%;
		display: inline-block;
		position: absolute;
	}
}

#gs_tti51 {
	margin: 0 !important;
	padding: 0 !important;
}

#main_search {
	top: 2rem;
	left: 24.5rem;
	font-size: 2rem;
	position: absolute;
} #main_search .glass { font-size: 1.5rem; }

#mobile_search #___gcse_1 {
	width: 100% !important;
}

#mobile_search .gsc-input-box {
	border-radius: 0 !important;
	padding: 1rem 2rem !important;
}

#mobile_search .gsc-search-button {
	border-radius: 0 !important;
}
#fixed-navbar-pushdown {
	padding: 15px;
}
#fixed-navbar-pushdown-more{
	margin-top: 70px;
}
#fixed-navbar-pushdown-more-more{
	margin-top: 90px;
}
#favbar-open-margin-top{
	margin-top: 130px
}
#fixed-navbar-pushdown-in{
	padding: 40px;
}
#navbar-top-page{
	background: #000;
	padding:0;
}

#navbar-main-toggle{
	border: none;
	color: #fff !important;
	margin-top: 7px !important;
	margin-right: 0 !important;
}
#navbar-main-toggle{
	background: #000;
}
#navbar-main-toggle .icon-bar{
	background: #efefef !important;
	width: 30px !important;
	height: 3px !important;

}

.panel-body{
	background: #f6f6f6;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #6a6a6a;
	border-color: #666;
	color: #fff;
}

.navbar-default{
	box-shadow: none;
}


.pagination>li>a, .pagination>li>span{
	color: #222;
}

a {
	color: #333;
}

a:hover{
	color: #6a6a6a;
}

.sitewide-search-dropdown-menu{
	z-index: 5000000;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus{
	color: #fff;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #afafaf;
}

.page-navbar{
	border-radius: 0px;
	border-right: none;
	border-left: none;
	border-bottom: none;
	background: #0f0f0f;
	color:#fff;

	/*
	border-bottom: 3px #b41308 solid;
	background: url('/drawwars_com/img/common/wht_poly_bg.png') !important;
	background-size: cover;

	margin-bottom: 0px !important;
	*/
}
.navbar-fixed-top{
	background: #000;
}

#google-top-page{
	margin-bottom:0px;
}

.page-navbar-bottom{
	/*background:#333;*/
}

/* SIDEBAR SLIDE OUT */
#sidebar-toggle{
	background: none;
	border: none;
	box-shadow: none;
}

#sidebar-container-wrapper {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#sidebar-container-wrapper.toggled {
	padding-left: 250px;
}


#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	left: 250px;
	width: 0;
	height: 100%;
	margin-left: -250px;
	overflow-y: auto;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#sidebar-container-wrapper.toggled #sidebar-wrapper {
	width: 250px;
}

#page-content-wrapper {
	width: 100%;
	position: absolute;
}

#sidebar-container-wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-nav li {
	text-indent: 20px;
	line-height: 40px;
}

.sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: #999;
}

.sidebar-nav li a:hover {
	text-decoration: none;
	color: #999;
	background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
	text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
	height: 65px;
	font-size: 18px;
	line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
	color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
	color: #000;
	background: none;
}

@media(min-width:768px) {
	#sidebar-container-wrapper {
		padding-left: 250px;
	}

	#sidebar-container-wrapper.toggled {
		padding-left: 0;
	}

	#sidebar-wrapper {
		width: 250px;
	}

	#sidebar-container-wrapper.toggled #sidebar-wrapper {
		width: 0;
	}

	#page-content-wrapper {
		position: relative;
	}

	#sidebar-container-wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
}




/* IMAGE WITH OVERLAY TEXT */
.image-with-overlay-text{
	position: relative;
	width: 100%; /* for IE 6 */

}

.image-with-overlay-text h2, .default-listing-boilerplate{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

.image-with-overlay-text h2 span, .default-listing-boilerplate{
	color: white;
	font: bold 24px/45px Helvetica, Sans-Serif;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
	padding: 0 0 0 10px;
	display: block;
}

.default-listing-url img{
	width: 100%;
	height: auto;
	/*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);*/
}

.default-listing-container{
	position: relative;
	margin-bottom: 15px;
}

.panel-body-5{
	padding:5px 0 0 5px;
}

.contest-listing-container .contest-listing-container-in{
	margin: 10px 10px 10px 0;
	padding: 0;
}
.contest-listing-container img{
	box-shadow: 0 0 3px #999;
	width: 100%;
}
.contest-listing-container .listing-footer{
	left: 15px;
	width: calc(100% - 30px);
}

.result-count-text-container{
	margin-bottom: 5px;
}

.default-listing-container .listing-container-io{
	position: relative;
}

.default-listing-container .listing-footer{
	position: absolute;
	bottom: 0;
	left:0;
	color:#fff;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	opacity:.80;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	font-size:78%;
	padding-bottom: 5px;
	width:100%;
}

.default-listing-container .listing-footer-rm{
	/*height: 40px;*/
}


.nexplicit{
	display:none;
}

.explicit{

	position: absolute;
	top: 0;
	bottom: 0;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.98);
	opacity:.98;
	-moz-opacity:.98;
	filter:alpha(opacity=98);
	font-size:78%;
	font-family: impact, verdana, "tahoma, comic sans ms", arial, "sans serif";
	width:auto;
	left:15px;
	right:15px;
	text-align: center;
}

.explicit div{
	position: absolute;
	top:40%;
	font-size:13px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.explicit a{
	color: #fefefe;
	font-size: 1.5em;
}

.contentbox-listing-item .explicit{
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
	width: auto;
}

.default-listing-container .listing-footer a{
	color: #fffff0;
	font-weight: bold;
	font-size: 14px;
}


.default-listing-container .image-with-overlay-text{
	height: 100%;
	width:100%;
}

.default-listing-url{
	display:block;
}

.default-listing-boilerplate{
	font-size: 12px;
	line-height: normal;
}

.default-listing-boilerplate-io{
	padding: 8px 0;
}

.default-listing-boilerplate-io a{
	font-size: 15px;
	color: #7c7c7c;
	font-variant: small-caps;
}

.default-panel-heading h1{
	margin:0;
	font-size:1.5em;
}

.user-pic{
	width:50px;
	height:auto;
}

.default-panel-heading .user-pic{
	border: 2px #ccc solid;

}



.rating-progress-bar{
	width:100%;
	height: 5px;
	margin-bottom: 5px;

}

.rating-thumbs{
	font-size: 18px;
}

.rating-thumbs-up a, .rating-thumbs-down a{
	color: #333;
}

.rating-thumbs-up a:hover, .rating-thumbs-up a.selected{
	color: #5cb85c;
}

.rating-thumbs-down a:hover, .rating-thumbs-down a.selected{
	color: #d9534f;
}
.like-bar .h6{
	margin-top: 0;
}

.panel-body{
	/*background: #efefef;*/
}

.panel-heading a{
	color:#7c7c7c;
}


/* ARTWORK */

.pushdown-content{
	padding-top:70px;
}


.artwork-showartwork-stage, .center-stage{
	position: relative;

}

.artwork-showartwork-stage .img-responsive , .center-stage .img-responsive{
	display: block;
	max-height: 1080px;
	width: 100%;
	height: auto;
	/*
	box-shadow: 0 0 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	*/
}

.artwork-showartwork-stage .artwork-nav-left,
.artwork-showartwork-stage .artwork-nav-right,
.center-stage .stage-nav-right,
.center-stage .stage-nav-left{
	position: absolute;
	top: 45%;
	z-index: 2;
	height: 55px;
	width: 45px;
	font-size: 45px;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
	opacity:.50;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	/*background: #aaa*/
}
.stage-center-content{
	position: relative;
	height: 75vh;
	max-width:100%;
	overflow:hidden;

}
.stage-center-content .center-stage-image{
	cursor: grab;
}
.stage-center-content .zoom-controls{
	position: absolute;
	right: 25px;
	bottom: 25px;
	width: 125px;
	font-size: 2em;
	color: #fff;
	display: none;
	background: #0a5aed;
	z-index: 1000000;
	padding: 0 0 0 10px;
	border-radius: 5px;
}
.stage-center-content .zoom-controls div{
	display: inline-block;
	cursor: pointer;
	pointer-events: auto;
}

.center-stage-image{

	display: block;
}

.center-stage-image img{
	height: auto;
	width: 100%;
	object-fit: fill;
	display: block;
	max-width: none;
}


.artwork-showartwork-stage .artwork-nav-left a,
.artwork-showartwork-stage .artwork-nav-right a,
.center-stage .stage-nav-right a,
.center-stage .stage-nav-left a
{
	color: #ccc;

}


.artwork-showartwork-stage .artwork-nav-right,
.center-stage .stage-nav-right{
	right: 0;
}

.artwork-showartwork-stage .artwork-nav-left,
.center-stage .stage-nav-left{
	left: 0;
}

.artwork-gallery-nav-album-container .artwork-nav-pic{
	padding: 5px;
}

.artwork-stage-boilerplate{
	font-size: 16px;
	color: #444;
}

.artwork-stage-boilerplate h1,
.center-stage-boilerplate h1,
.showcase-details h4
{
	color:#000;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 5px;
	padding: 0;
	font-size: 1.5em;
}

.artwork-stage-boilerplate h2 i,
.center-stage-boilerplate h2 i,
.showcase-details h4
{
	cursor: pointer;
}

.artwork-stage-boilerplate a,
.center-stage-boilerplate a,
.showcase-details h4
{
	color: #222;
}

.artwork-showartwork-page-info{
	margin-bottom: 15px;
	padding-bottom: 15px
}

.showcase-details h4{
	font-size: 1.1em;
	margin-bottom: .3em;
}

/* Dan Added 01102016 */
.navbar{
}

.pagination a. .pagination span{
	/*margin-right: 10px;*/
}


.cursor-pointer{
	cursor: pointer;
}


.display-listing-title{
	height:20px;
	line-height: 20px;
	overflow: hidden;

}

/* uploader */
.upload_landing_iframe{
	display:none;
	visibility:hidden;
	overflow:hidden;
}

.progress_container{
	position:relative;
	width:100%;
	height:24px;
	visibility:visible;
}

.iframe-u{
	height:30px;
}


.wrath-content-box {
	padding-top: 15px;
}

/******************/
/* TOOLTIPS       */
/******************/

.listing-object-box{
	float:left;
}

.listingobject-workbench-listing-object{
	display:block;
	width:250px;
	height:190px;
	margin-top:15px;
	float:left;
	position:relative;
}

.listingobject-workbench-toolbox-io{
	padding:5px;
}

.listingobject-workbench-toolbox-footer{
	margin-top:40px;
	margin-left:5px;
}




/* video stream player

640×480, 800×600, 960×720, 1024×768, 1280×960, 1400×1050, 1440×1080
*/
@media (min-width: 160px) {

	.video-player-responsive{

		height: 120px;

	}

}

@media (min-width: 320px) {

	.video-player-responsive{

		height: 240px;

	}

}

@media (min-width: 640px) {

	.video-player-responsive{

		height: 480px;

	}

}
@media (min-width: 800px) {

	.video-player-responsive{

		height: 600px;

	}

}

@media (max-width: 350px) {
	.listingobject-workbench-listing-object .img-main{
		width:180px;
		height:auto;
	}
	.listingobject-workbench-toolbox-footer{
		margin-top:20px;
	}

}

.listingobject-workbench-toolbox{
	margin:3px;
	transition:all 0.1s ease-in;
	text-align:center;
	color:#333;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	z-index:100
}

.listingobject-workbench-toolbox .listingobject_workbench_bttns{ display:none; position:absolute; top:0; left:0; opacity:0.5; background:#fff; }
.listingobject-workbench-toolbox:hover .listingobject_workbench_bttns{ display:block; }

.listingobject-workbench-tools{ width:100%; height:30px; transition:all 0.2s; opacity:1; background:#000; padding:2px 10px 2px 0; position:relative}
.listingobject-workbench-tools:hover{ opacity:0.8; }

.listingobject-workbench-toolbox .stat{ float:right; display:inline; }
.listingobject-workbench-toolbox .stat img{ width:16px; height:16px; padding-top:5px; padding-right:5px; cursor:pointer; }

/* listing object listing */
.listingobject-listing-main-text{
	color:#0b0b0b;
	font-size:1.2em;
	font-weight:bold;
}

.listingobject-listing-sub-text{
	color:#555;
	font-size:1em;
}

/* tool icons */
.listingobject_workbench_icons{ float:left; display:inline;}
.listingobject_workbench_icons{ width:16px !important; height:16px !important; margin:5px; margin-right:0; opacity:0.6; }
.listingobject_workbench_icons:hover{ opacity:1; }

.selectme-checkbox-container{
	position:absolute;
	top:-5px;
	right:-5px;
	z-index:101;
	display:none;
	color:#cc0000;
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 10px;
}



a.listingobject_workbench_tooltips{
	position:relative;
	display:inline;
}
a.listingobject_workbench_tooltips span{
	position:absolute;
	padding:5px 10px;
	font-size:11px;
	color:#FFFFFF;
	background:#000000;
	text-align:center;
	visibility:hidden;
	border-radius:3px;
}
a.listingobject_workbench_tooltips span:after{
	content:'';
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-4px;
	width:0; height:0;
	border-top:4px solid #000000;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
}
a:hover.listingobject_workbench_tooltips span{
	visibility:visible;
	bottom:26px;
	left:50%;
	margin-left:-38px;
	z-index:999;
}

a.tooltipstools{
	position:relative;
	display:inline;
}
a.tooltipstools span{
	position:absolute;
	padding:3px 5px;
	font-size:11px;
	color:#FFFFFF;
	background:#000;
	text-align:center;
	visibility:hidden;
	border-radius:3px;
	width:50px;
}
a:hover.tooltipstools span{
	visibility:visible;
	bottom:25px;
	margin-left:-40px;
	z-index:999;
}

.listingobject_workbench_edit_content{
	display:none;
	width:100%;
}
.listingobject_workbench_edit_content .dialog_title{
	display:none;
}

/*upload bar*/
.progress-bar-iframe-open{
	height:75px;
	margin:5px 0;
	width:100%;
}

.progress-bar-iframe{
	display:none;
}

hr{
	margin-top:0;
}

label{
	font-weight:normal;
}

.drag-n-drop-container{
	width:103px;
	height:100px;
	overflow:hidden;
	position:relative;
	cursor: pointer; cursor: hand;
}

.drag-n-drop-container-io{
	float:left;
	width:100px;
}
.drop-split-divider{
	width:3px;
	float:left;
	height:100px;
}
.drop-split-divider img{
	display:none;
	height:100px;
	width:3px;
}

.drag-n-drop-container .img-main {
	width: 100px;
	height: 100px;
}
.drag-n-drop-container .selectme-checkbox-container{
	top:3px;
	right:3px;
	padding:5px;
}
.listing-pic{
	width: 80px;
}

.drag-n-drop-order-position-number{
	position:absolute;
	top:0;
	left:3px;
	padding:5px;
	background:#333;
	color:#fff;
	font-weight:bold;
}

.nav-item-notice{
	position:absolute;
	bottom:5px;
	left:5px;
	width:14px;
	height:14px;
	font-weight:bold;
	font-style: italic;
}

.nav-error{
	color:#ff0000;
}

.nav-success{
	color:#00ff00;
}
.hidden-move-image-link{
	display:none;
}

.drag-n-drop-container .edit-btn{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background:#333 !important;
	border:none !important;
}

a.disabled{
	color:#ddd !important;
}
a.disabled:hover{
	background:none !important;
}

.select-overlay{
	opacity:.50;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
}

.display-none{
	display: none;
}


.padding-top-none{

	padding-top:0 !important;

}

.padding-left-none{
	padding-left:0 !important;

}

.padding-right-none{
	padding-right:0 !important;

}

.padding-bottom-none{
	padding-bottom:0 !important;
}

.padding-none{
	padding:0 !important;
}

.margin-top-none{
	margin-top: 0 !important;
}

.margin-right-none{
	margin-right: 0 !important;
}

.margin-bottom-none{
	margin-bottom: 0 !important;
}


.margin-left-none{
	margin-left: 0 !important;
}



.margin-none{
	margin: 0;
}


.border-bottom-none{
	border-bottom: none !important;
}

.listing-item-straight-list{
	color: #0b0b0b;
	margin-bottom: 20px;

}
.listing-item-options-container{
	text-align: left;
}
.listing-item-options-container table{
	font-size: medium;
}
.listing-item-straight-list .listing-item-options-container td{
	margin: 0 3px;
	width: auto;
}
.listing-item-options-container td{

}
.listing-item-straight-list-hidden{
	color: #CCECF9;
	display: none;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	left: 15px;
	width: calc(100% - 30px);
}
.listing-item-straight-list-hidden h2{
	font-weight: bold
}

.listing-item-straight-list-hidden a{
	color: #44BEED;
}

.listing-item-straight-list .listing-item-options-container .not-first{
	border: none !important;
}
.listing-item-straight-list .listing-item-options-container .option-item{

}

.image-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.image-right{
	display: block;
	margin-left: auto;
	margin-right: 0;
}

/*******************/
/* MAILBOX         */
/*******************/
.mailbox-msg-container{
	border-top: 3px #eee solid;
	padding: 15px 0;
}

.mailbox-control-panel a.active{
	color: #333;
}

#mailbox-mailbox-container{
	margin-top:0;
}

#mailbox-mailbox-container .tab-pane{
	background: #fff
}

.mailbox-compose-to-container label{
	padding-right: 10px;
}

.mailbox-compose-to-container span{
	background: #eee;
	color: #333;
}

.mailbox-message-listing-item a{
	color: #333 !important;
	text-decoration: none;
}

.mailbox-message-listing-item{
	cursor: pointer;
}

#mailbox-tab-control{
	padding:5px;
}

#mailbox-tab-control ul{
	border:none;
	min-height: 100%;
	border: none;
	font-size: 1.3em;
}

#mailbox-compose-tab{
	border-bottom: 1px inset #ddd;
	padding: 5px 0;
	margin-bottom:5px;
}

#mailbox-inbox-tab{
	border-bottom: 1px inset #ddd;
	padding: 5px 0;
	margin-bottom:5px;
}

#mailbox-sent-tab{
	border-bottom: 1px inset #ddd;
	padding: 5px 0;
	margin-bottom:5px;
}

#mailbox-trash-tab{
	padding: 5px 0;
	margin-bottom:5px;
}


/*******************/
/* SYSTEM LOG      */
/*******************/
.systemlog-accordion-td-heading{
	text-align: right;
	width:10%
}
.systemlog-heading-cell-one{
	width:6%;
}
.systemlog-heading-cell-two{
	width:8%;
}
.systemlog-heading-cell-three{
	width:14%;
}
.systemlog-heading-cell-four{
	width:18%;
}
.systemlog-heading-cell-five{
	width:44%;
}
.systemlog-heading-cell-six{
	width:10%;
}

/*****************/
/* SHOW TUT      */
/*****************/
.step-heading{
	display:inline-block;
	font-size:1.2em;
	font-weight:bold;
}

.substep-thumbnail{
	width: 75px;
}

.showtut-selected-substep .substep-thumbnail{
	background: #dfdfdf;
	cursor: default;
}

.substep-thumb-container{
	margin:0 5px 5px 0;
}

.showtut-step-header{
	padding: 0;
	margin: 0;
}

.showtut-step-title{
	font-size: 14px;
	vertical-align: center;
}

.showtut-detail-container{
	position: relative;
	overflow: hidden;
}
.showtut-detail-showmore{
	height: 50px;
}
/*****************/
/* NOTIFICATIONS */
/*****************/
#notifications{
	overflow:hidden;
	z-index:19999;
	width: 100%;
	text-align: left;
}
.notification_chat{
	cursor:default;
	/*z-index:9999;*/
	display:block;
	margin:0 auto 0 0;
	padding:10px;
	border-radius:0 3px 0 3px;
}
.notification_chat strong{ color:#333; }

.notification_chat .notification_error{
}


/***********************
/* Member Control-Panel
/***********************/

.selected-link{
	font-weight:bold;
	color:#000 !important;
}
/************************
/* FOOTER
/************************/
.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 55px 50px;
	margin-top: 80px;


}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 40%;
}

/* The company logo */
.navbar-brand{
	/*padding-top: 10px !important;*/
}

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #5383d3;
	text-decoration: none;;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

.borderless, .borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
	border: none !important;
}

.boxshadowless{
	box-shadow: none !important;
}

.border-right-none, .border-right-none tbody tr td, .border-right-none tbody tr th, .border-right-none thead tr th {
	border-right: none !important;
}

.table-display-details{
	width:auto !important
}

.table-display-details tr td{
}

.table-display-images{
	width:auto !important;
}

.table-display-images tr td{
	padding:20px !important;
	padding-left:0 !important;
}

.table-display-images img, .display-box-shadow img{
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1,Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
}

#navbar-search-form input[type=text], .searchbox .input-group{
	width:250px !important;
}
.vertical-align-middle{
	vertical-align: middle !important;
}


.searchbox input[type=text]{
	border-radius:0px !important;
}



/* MAIN LISTING */
.main-listing-contentbox, .main-listing-contentbox-oversize{
	margin:15px;
	float:left;
	width:240px;
	height:200px;
	background: url(https://howtodrawskulls.com/images/2014/common/loader.gif) center center no-repeat;
	position:relative;
}

/* site listings */
.listing-container-heading{
	font-size: x-large;
	font-weight: bold;
}



.main-listing-contentbox-oversize{
	height:260px;
}

.contentbox-info-footer{
	position:absolute;
	height:20px;
	bottom:0;
	left:0;
	width:100%;
}

.main-listing-contentbox-oversize .contentbox-info-footer{
	height:80px;
}

.contentbox-standout{
	padding:2px;
	position:relative;
	color:#000;
}


.accordion-panel{
	background:none !important;
}

.accordion-panel-heading{
	display:block !important;
	text-decoration:none !important;
}

.tab-control{
	background:#efefef;
}
.tab-content{
	margin-top:15px;
}

.nofity-got-messages{
	position:relative;
}

.jscroll-diet-listing{

}
.jscroll-diet-listing .jscroll-added{

}
.jscroll-diet-listing-inner{

}

.jscroll{
	height:250px;
	width:350px;
	overflow-y: scroll !important;
	/*
	margin: 20px 0;
	padding: 5px 10px 40px 10px;
	*/
	background:#f4f4f4;
}

.jscroll-item{
	color:#333;
	padding:5px 0;
}

.jscroll-item-user-pic-container{
	padding-bottom:5px;
}
.jscroll-item-user-pic-container table{
	margin-bottom: 0;
}
.jscroll-item-user-pic-container td{
	padding: 0 5px 0 0 !important;
	font-size: 13px !important;

}

.jscroll-item-user-pic-container img{
}

.jscroll-battle-time{
	font-varient: italic;
	font-weight: bold;
	font-size: 10px;
	display: block
}
.jscroll-next-parent{
	display:none;
}
.nofity-got-messages-icon{
	font-size:20px !important;
}

.nofity-got-messages-count-box{
	position:absolute;
	top:5px;
	right:9px;
	color:#e11c15;
	font-weight:bold;
	font-size:12px
}

/* USER PROFILE */
.user-profile-nav-pills-container{
	padding:10px;

}

.user-profile-nav-pills-container .nav-pills a{
	padding:10px;

}


/* Z-index for modal dialogs */
.ui-front {
	z-index: 10000 !important;
}

.border-top-none{
	border-top:none !important;
}

.no-border{
	border:none !important;
}
.no-box-shadow{
	box-shadow:none !important;
}

.force-text-decoration{
	text-decoration: underline;
}

.js-countdown{
	font-weight:bold;
}

.battle-challenger-heading{
	margin:0 !important;
	border:none !important;
}

.battle-challenger-heading td{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.battle-user-container .col-md-2{
	max-width:220px !important;
}

.battle-user-container-io{
	margin-bottom:10px;
}

/* BATTLE LISTING */
.battle-listing-item{
	/*height:220px;*/
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}

.battle-listing-item a{
	font-weight:bold;

}

.table-battle-details{
	border-bottom: 1px solid #ddd;
	margin: 5px 0 0 0;
}

.battle-listing-item-io{
	position: relative;
	margin:10px 0;
	margin-left: 5px;
}

.battle-listing-battle-image-container{
	position: relative;
	padding: 0;
}
.battle-listing-battle-image-container img{
	width: 100%;
	height: auto;
}

.winner-plaque-mount{
	position: absolute;
	bottom: 3px;
	right: 15px;
	width:50px;
}

.battle-time-left{
	position: absolute;
	top:0px;
	width:100%;
	left:0;
	right:0;
	text-align: center;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
}

.battle-listing-item .battle-footer{
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	color:#fff;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	opacity:.80;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	font-size:78%;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.battle-listing-item .battle-footer a{
	color: #fffff0;
	font-weight: bold;
	font-size: 14px;
}


/*  SHOW BATTLE */
.battle-stage-container{
	/*background: url("/img/feature/art.png");*/
	background: #ddd;
	background-image: linear-gradient(rgba(232,232,232,1), rgba(255,255,255,1));
	border: 1px solid #ddd;
	background-size: cover;
	margin-bottom: 15px;
}

.battle-stage-container-io{

}

.battle-showbattle-header{
	/*background:url("/img/feature/battle_head.png");*/
	background: #ccc;
}

.battle-showbattle-header h1{
	color: #333;
	padding: 0;
	margin-top: 0;
	font-size: 2.2em;
	font-weight: bold;
	font-variant: all-small-caps;
}

.battle-showbattle-header .battle-follow-button{
	height:25px;
	margin-top: 10px;

}

.battle-showbattle-footer{
	/*background:url('/img/common/wht_poly_bg.png');
	background-size:cover;*/
	background: #e9e9e9;
	float: left;
	width: 100%;
}

.battle-showbattle-footer .img-thumbnail{
	background:#333238;

}

.battle-showbattle-live{
	padding:0;
}

.battle-showbattle-status{
	color:#fff;
	font-size:12px;
	display: inline-block;
	position: relative;
}

.battle-showbattle-status span{
	position: relative;
	top: -4px;
}


.battle-showbattle-live h1, .battle-showbattle-live h1{
	display: inline-block;
}

.battle-showbattle-title-sm h1{
	padding: 5px 0 5px 5px;
	margin: 0;
	line-height: normal;
	/*background: rgb(0, 0, 0); */ /* fallback color */
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
}


.battle-showbattle-title, .battle-showbattle-title-sm{
	color:#fff;
}

.battle-showbattle-image-title{
	font-size: 12px !important;
	line-height: 1em !important;
	display: none;
}

.battle-showbattle-image-title span{
	font-size: 13px !important;
	font-weight: normal !important;
}

.battle-showbattle-primetime-container{
	/*background:url('/img/feature/video_holder.png');*/

	padding: 0 !important;
}

.battle-showbattle-primetime{
	padding: 0 !important;
	color:#fff;
}

.battle-showbattle-primetime .user-not-live{
	text-align: center;
}

.user-not-live{
	height: 360px;
	line-height: 360px;
	width: 100%;
	color: #333;
	/*background:url('/img/common/drk_poly_bg.png');*/
}

.battle-footer-container{
	position: relative;
}

.battle-showbattle-countdown{
	text-align: center;
	color: #3f3f47;
	font-weight: bold;
	font-size: 12px !important;
}

.show-battle-countdown h2{

	margin-bottom:0;
}

.battle-votebox{
	position: relative;
	float: left;
	width:100%;
}

/* for tabs and phones */
.battle-votebox-io-sm{
	margin-top:20px;
	margin-bottom: 15px;
}

.battle-votebox-io{
	margin: 8px 0 0 10px;
	top: 20px;
	left: 20px;
}



.battle-votebox-io-target{
	margin: 8px 10px 0 0px;
	text-align: right;
}

.battle-showbattle-countdown{
	padding-top: 2px;
	text-align: left;
}

.battle-votebox-io-target .battle-showbattle-countdown{
	text-align: right;
}

.battle-footer-container-sm{
	color: #333;
	font-size: 1em;
}

.battle-contestant{
	text-align: right;
}

.battle-contestant-detail, .battle-contestant-detail-sm{
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: small;
}

.battle-contestant-detail-sm{
	margin-bottom: 10px
}

.battle-contestant-detail li, .battle-contestant-detail-sm li{
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

.battle-contestant-detail-sm li{
	text-align: left;
	padding-left:10px;
	padding-right:0;
}

.battle-contestant-detail li.battle-first, .battle-contestant-detail-sm li.battle-first{
	padding-top: 5px;
}


.battle-contestant-target li{
	text-align: left;
	padding-right: 0;
	padding-left: 5px;
}

.battle-contestant-avatar{
	text-align: right;
	padding:0 !important;
}

.battle-contestant-avatar-sm{
	text-align: left;
	padding:0 !important;
}

.battle-votebox-container-sm{
	padding:0 0 8px 5px;
}

.battle-contestant-avatar img, .battle-contestant-avatar-sm img{
	border: 2px #ccc inset;
}

.battle-contestant-avatar .io{
	padding:10px 2px 8px 5px;
}

.battle-contestant-avatar-sm .io{
	padding:10px 0px 8px 5px;
}


.battle-contestant-avatar-target .io{
	text-align: left;
	padding:10px 5px 2px 2px;
}

.battle-vs-png{
	text-align: center;
	position: absolute;
	left: 48%;
	right: 52%;
}

.battle-vote-submit-button{
	border:1px solid #d24945 !important;
	color: #d24945 !important;
	font-weight: bold;
	border-radius: 0;
}

.battle-votes-made{
	background: #333;
}

/* CAROUSEL */
.battle-carousel-item{
	position: relative;
}

.battle-selected-carousel-item{
	/*background: #d21312 !important;*/
}


.battle-carousel-item .battle-footer{
	position: absolute;
	bottom: 5px;
	left:5px;
	right: 5px;
	color:#fff;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	opacity:.80;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	font-size:78%;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: verdana, "tahoma, comic sans ms", arial, "sans serif";
}

.battle-carousel-item .io{
	border:5px solid #ddd;
	background: #ddd;
	float: left;
	width: 100%;
}

.battle-selected-carousel-item .io{
}

.battle-carousel-user{
	width: 50%;
	float:left;
	position: relative;
}

.battle-carousel-user .img{
	width: 100%;
}

.battle-selected-carousel-item .battle-carousel-vs{
	/*background: url(/common/vsr.png);*/
	width: 23px;
	height: 117px;
	position: absolute;
	left: 47%;
}

.battle-selected-carousel-item .image-with-overlay-text-screen{
	color: white;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
	display: block;
	width: 100%;
	height: 100%;
	line-height: 100%;
	position: absolute;
	left:0;
	top: 0;
}


.battle-page-header{
	height: 30px;
	line-height: 30px;
	color: #fff
}

.battle-page-header h3{
	margin:0;
	line-height:30px;
}

.battle-page-header a{
	color: #fff !important;
}

.jcarousel-wrapper {
	margin: 0 auto;
	position: relative;
	background: #eee;
}

.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.jcarousel-container {
	width: 20000em;
	position: relative;
	margin: 0;
	padding: 0;
}

.jcarousel div.slide {
	width: 220px;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.jcarousel-control-prev,
.jcarousel-control-next {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px #000;
	font: 24px/27px Arial, sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 4px #F0EFE7;
	-moz-box-shadow: 0 0 4px #F0EFE7;
	box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev a, .jcarousel-control-next a{
	text-decoration: none !important;
	color:#fff !important;
}

a:hover.jcarousel-control-prev, a:hover.jcarousel-control-next{
	text-decoration: none !important;
	color:#eee !important;
}

a:visited.jcarousel-control-prev, a:visited.jcarousel-control-next{
	text-decoration: none !important;
	color:#fff !important;
}


.jcarousel-control-prev {
	left: -5px;
	top: 80px;
}

.jcarousel-control-next {
	right: -5px;
	top: 80px;
}

/** LIVE CHAT **/
.livechat-msg{
	margin-bottom:5px;
}

.livechat-user-img{
	vertical-align: top;
	padding: 0 5px;
}

.livechat-user-img img{
	width: 24px;
	height: auto;
}

.livechat-user-name{
	vertical-align: top;
	padding: 0 10px;
	color: #888
}

.livechat-container{
	padding-top:10px;
}

.livechat-top-hr{
	border: 1px inset #eee;
}

.livechat-container-io{
	border-radius: 3px;
}

.livechat-msg-container{
	height:300px;
	width: 100%;
	overflow: scroll;
}

.livechat-container-border{
	background:#eee;
	border-radius: 3px;
	border: #ccc 1px solid;
	padding:10px;
}

.livechat-mid-hr{
	border: 1px inset #eee;
}

/** BATTLE LISTING **/
.battle-challenger-listing-container .battle-listing-footer a{
	font-size: 2rem;
	background: #f91627;
	border-color: #f91627;
}

/** Carousel Pagination **/
.jcarousel-pagination {
	position: absolute;
	bottom: -40px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0;
}

.jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;

	font-size: 11px;
	height: 10px;
	width: 10px;
	line-height: 10px;

	color: #4E443C;
	margin-right: 7px;


	-webkit-box-shadow: 0 0 2px #4E443C;
	-moz-box-shadow: 0 0 2px #4E443C;
	box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
	color: #fff;
	opacity: 1;

	-webkit-box-shadow: 0 0 2px #F0EFE7;
	-moz-box-shadow: 0 0 2px #F0EFE7;
	box-shadow: 0 0 2px #F0EFE7;
}

/* USER PROFILE */
.user-intro-panel{

}

.user-intro-panel .username{
	font-weight: bold;
	font-size: 15px;
}


/*COMMENT LISTING */
.comment-listing-item{
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);

	border-radius: 1rem;
	margin-bottom:1rem !important;

}

.comment-submit-container{
	padding-top: 5px;
	padding-bottom: 5px;

}

.comment-gravatar-box{
	padding-right:0 !important;
	width: 55px;
	text-align: left;
}

.comment-history-gravatar-box{
	padding: 0 5px 5px 0;
}

.comment-container-wrapper{
	padding: 5px 5px 5px 0;
}

.comment-listing-item .comment-header{
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-left: 0 !important;
}

.comment-listing-item .comment-header span.commenter a{
	color: #f91627 !important;
	font-weight: bold;
}

.comment-listing-item .comment-header span.commenter a:hover{
	color: black !important;
	text-decoration: none;
}

.comment-listing-item .comment-comment{
	padding-top: 5px;
	padding-bottom: 5px;

}

.comment-listing-item .comment-footer, .comment-listing-item .comment-footer a{
	color:#d6d6d6;
}

.comment-reply-container{
	display: none;
}

.comment-action-dropdown{
	background: transparent;
	border:none;
	color:#ddd;
}

/*LOGIN*/
.user-popup-login-container{
	z-index:50000 !important;
}

/*BLOG*/
.blog-sticky-post{
	background:#eee;
	padding:5px;
}

.blog-post-listing-heading{
	font-size: 1.2em
}

.blog-post-show-container h1{
	margin: 0;
	padding: 0;
}

.blog-post-listing-body, .blog-post-description{
	font-size: 1.2em
}

.blog-post-image{
	margin-bottom: 35px;
}

.blog-post-image-first{
	margin-bottom: 60px;
}

/*SHARE BUTTONS*/
.fb-btn{
	padding-top: 12px
}

/*AUTO COMPLETE*/
.ui-autocomplete{
	list-style:none;
	background:#fff;
	border-radius: 3px;
	border: 1px #ccc solid;
	margin:0;
	padding:0;
}

.info-button{
	font-size: 16px;
}
.close-this-btn{
	cursor:pointer
}

/*navigation controlls*/
.modal-navigation{
	font-size: 1.3em;
}

/* subtext for h1,h2... */
.heading-subtext{
	font-size: 16px;
}

/* show */
.show-stage-footer .like-bar{
}

.show-stage-footer .interact-item{
	font-size: 24px;
	padding:15px 0 15px 15px;
	border-right:1px solid #ddd;
	padding-bottom: 0;
	border-right-style: inset;
}
.nav_custom_drop_menu a{
	color:#CCECF9;
}
.nav_custom_drop_menu li{
	padding: .3em 0;
}


.burger-menu{
	background: #0b2e13;
}

.show-stage-footer .interact-item-last{
	border-right:none; !important;
}

.show-stage-footer .interact-item a{
	color: #333333;
}
.show-stage-footer .interact-item a:hover{
	color: #550000;
}

.action-link-to-us-item{
	font-size: 38px;
}

.action-link-to-us-item:hover{
	color:#550000;
}

ul.share-buttons{
	list-style: none;
	padding: 0;
}

ul.share-buttons li{
	display: inline;
}

ul.share-buttons .sr-only {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

ul.share-buttons img{
	width:38px;
}

ul.share-little img{
	width:20px;
}



/*vertical algin text in panel headings h4*/
.vcenter {
	padding-top: 5px;
}


/*livestream*/
.livestream-show-channel{

	background: #000;
}

.livestream-member-channel .icon{
	width: 50px;
	height: auto;
}
.livestream-member-channel .username{
	font-size: large;
	font-weight: bold;
}

.livestream-member-channel .watching{
	font-size: x-small;
}

.stream-software{
	display: block;
	height: 48px;
	width: 179px;
	background: url(https://assets.dragoart.com/assets/images/ob/page_broadcast_obs-logo.png)0 0;

}

.stream-software:hover{

	background: url(https://assets.dragoart.com/assets/images/ob/page_broadcast_obs-logo.png)0 -48px ;

}



.input-break{
	display: block;
}
/* paidpak */
.remove-item-button-container{
	position: absolute;
	top: 3px;
	right: 3px;
	display: none;
}

/*favbar*/
.add-to-favbar-button-container{
	position: absolute;
	top: 3px;
	right: 3px;
	display: none;
}

.add-to-favbar-button:hover{
	cursor: pointer;
}

#favbar{
	top:0px;
	left:0;
	right:0;
	width:auto;
	margin: 0 auto;
	z-index:10000;
	position:relative;
	padding-top:0 !important;
	padding-bottom:0 !important;
	opacity: .3;
	display: none;
}

#favbar .inner{
	width:100%;
	background:#222;
	z-index:100000;
	height:45px;
}
.favbar-close .inner{
	display: none;
}


.favbar-close #favbar-wrapper{
	display:none;
}
#favbar.favbar-close{
	opacity: .5;
}

.favbar-inactive{
	background-color: #0b0b0b;
	width: 50px;
}
.favbar-open .favbar-inactive{
	display: none;
}

/* displays little button when the favbar closes
.favbar-close .favbar-inactive{
	display: block;
	opacity: 1 !important;
;}
*/


#favbar-wrapper{
	background:#000;
	overflow:auto;
	overflow-y:hidden;
	width:100%;
}

.favbar-container{
	display:none;
	border:none;
}

.favbar-container-open {
	display: table;
}

.favbar-open{
	opacity: unset !important;
}

#favbar-wrapper table{
	height:79px;
}

.favbar-item{
	padding:2px;
	background:#000;
	position: relative;
}

.favbar-item-inner{
	display: block;
	position: relative;
	height: 75px;
	width: 75px;
}


.favbar-item-link{

	display: inline-block;
}

.stream-live-label{
	display: block;
	position: absolute;
	bottom: 3px;
	right: 3px;
}

.favbar-item-popup-button{
	display: none;
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 14px;
}

.favbar-item-popup{
	display:none;
}


.favbar-item-sel{
	background:#444;
}

.favbar-item img{
	width:75px;
	height: auto;

}

.add-to-favbar-container{
	margin:0 10px 0 5px;
}



#favbar-clear .icon-trash-favs {
	background-image: url( https://assets.dragoart.com/assets/images/2016/mobile/trash.png );
}

.favbar-button, .favbar-button-live{
	display: block;
	float: left;
	width: 59px;
	height: 42px;
	background-image: url( https://assets.dragoart.com/assets/img/common/favbar.png );
	background-position: top left;
	padding:0;
	margin:0;
	position: relative;
	color:#fff;
}

.favbar-button:hover, .favbar-buttons .active, .favbar-button-live:hover, .favbar-buttons-live .active{
	background-position: 60px 0;
}

.favbar-button-live{
	background-image: url( https://assets.dragoart.com/assets/img/common/favbar_live.png );
}


.favbar-button a{

}

a.favbar-remove-item{
	color: #cc0000;
}


.favbar-button i{
	position: absolute;
	top: 16px;
	left: 23px;
	color: #fff;
	width: 5px;
	height: 5px;
	font-size: 13px;
	display: block;
}

/** FEED **/
.feed-container{
	border-bottom: .1rem solid #eaeaea;
}
.feed-post-image-container{
	display: inline-block;
	position: relative;
}

a.feed-post-remove-item{
	color: #cc0000;
}

.feed-post-remove-item-button{
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
}


.ui-icon-favbar-up {
	background-image: url( https://assets.dragoart.com/assets/images/2016/mobile/trash.png );
}

.ui-icon-favbar-down {
	background-image: url( https://assets.dragoart.com/assets/images/2016/mobile/trash.png );
}

.user-show-profile-content .stage-item-icon{
	border-radius: 100rem;
	position: absolute;
	top: 14rem;
	left: 1rem;
	border: .5rem solid #f6f6f6;
}

.user-show-profile-content .stage-item-edit-icon{
	position: absolute;
	padding: 1rem 2rem;
	bottom: 6rem;
	left: 1rem;
}


.user-profile-intro-details .text-head{
	font-weight: 600;
}


.user-profile-intro-details{
	font-size: 1em;
}

.notify-must-be-13-plus{
	color: #c63531;
}


.contest-edit-entry-button{
	position: absolute;
	top: 5px;
	right: 5px
}

.contest-delete-entry-button{
	position: absolute;
	top: 5px;
	right: 60px
}

.contest-winner-box{
	margin-bottom: 15px;
}

.contest-winner-box-image-container{
	text-align: center;
}

.contest-winner-box-image-container .img-intro {
	display: block;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	height: 200px;

}

.contest-winner-box-remove{
	position: absolute;
	top:5px;
	right: 5px
}

.contest-winner-box-io{
	position: relative;
	background: #f9f9f9;

}

.contest-winner-box-image-container {

	font-size: 75px;
	color: #e2e2e2;
	height: 200px;
	line-height: 100px;
	text-align: center;

}

.contest-select-winner-dropdown .entry-image{
	width: 50px;

}

.text-right
{
	text-align: right !important;
}

.text-center
{
	text-align: center !important;
}

.text-left
{
	text-align: left !important;
}

.multicheckbox-default label{
	margin: 5px 10px;
	line-height: 20px;
}

.multicheckbox-default input{
	width: 15px;
	display: inline-block;
	height: 15px;
	margin: 0 3px 0 0;
	box-shadow: 0 0 0 0;

}

.multicheckbox-default label{
	display: inline-block;
	vertical-align: text-top;
}

.multicheckbox-default button{
	margin-bottom: 0 !important;
	padding-bottom:0 !important;
}

.multicheckbox-default label.even{
	padding: 5px;
}

.small-listing{
	padding: 5px !important;
	margin-bottom: 15px;
}

.small-listing .footer{
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	color:#fff;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	opacity:.80;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	font-size:78%;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: verdana, "tahoma, comic sans ms", arial, "sans serif";
}

.thumb-play-container{
	position: relative;
	height: 180px;
	width: 258px;
}

.thumb-play-container .thumb-play {
	display:block;
	position: absolute;
	top:0;
	left:0;

}

.timecode-container{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 5;
	color:#fff;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	opacity:.80;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	font-size:78%; padding:3px 5px

}

.sym-mouse-text-decoration-none{
	text-decoration: none;
	cursor: pointer;
}
.sym-mouse-text-decoration-underline{
	text-decoration: underline;
	cursor: pointer;
}

.radio-form-group label{
	margin-right:10px;
}

.radio-form-group input{
	margin-right:3px;
}


.display-loader{
	position: relative;
}

.loader-shield{
	display: none;
}

.display-loader .global-upload-form{
	display: none !important;
}

.upload-notification, .upload-error-notification{
	display: none;
}
.display-loader .upload-notification, .display-error-notification .upload-error-notification{
	display: block !important;
}


#my-profile-upload-pic-container .upload-notification,
#my-profile-upload-pic-container .upload-error-notification
{
	width: 205px !important;
}

/* LISTING ITEM MANAGER */

/* image container edit-box*/
.listing-object-manager-edit-listing-item-processing-image  .loader-shield, .listing-object-manager-edit-editbox-item-processing-image-268-190  .loader-shield{
	width: 268px;
	height:190px;
}

/* spinner loader edit-box*/
.listing-object-manager-edit-listing-item-processing-image .image-process-loader, .listing-object-manager-edit-editbox-item-processing-image-268-190 .image-process-loader{
	left: 109px;
	top: 65px;
}


.listing-object-manager-edit-editbox-item-processing-image-300-300  .loader-shield{
	width: 310px;
	height:310px;
}

/* spinner loader */
.listing-object-manager-edit-editbox-item-processing-image-300-300 .image-process-loader{
	left: 130px;
	top: 89px;
}

.listing-object-container-item{
	position: relative;
}

.listing-object-container-item .selectme-checkbox-container{
	top:-12px;
	right: 5px;
}

.listing-object-manager-edit-listing-item-nav-item-processing-image  .loader-shield{
	width: 100px;
	height:100px;
	left: 2px;
}

.listing-object-manager-edit-listing-item-nav-item-processing-image .image-process-loader{
	left: 28px;
	top: 25px;
}


.carousel-showmanymoveone .carousel-control {
	width: 4%;
	background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
	margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
	margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
	display: none;
}

.carousel .item .col-xs-12 {
	padding: 0;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
	.carousel .item .col-xs-12:nth-last-child(-n+2) {
		display: none;
	}
}

@media all and (min-width: 768px) {
	.carousel-showmanymoveone .carousel-inner > .active.left,
	.carousel-showmanymoveone .carousel-inner > .prev {
		left: -50%;
	}
	.carousel-showmanymoveone .carousel-inner > .active.right,
	.carousel-showmanymoveone .carousel-inner > .next {
		left: 50%;
	}
	.carousel-showmanymoveone .carousel-inner > .left,
	.carousel-showmanymoveone .carousel-inner > .prev.right,
	.carousel-showmanymoveone .carousel-inner > .active {
		left: 0;
	}
	.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
		display: block;
	}
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
	.carousel-showmanymoveone .carousel-inner > .item.active.right,
	.carousel-showmanymoveone .carousel-inner > .item.next {
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
		left: 0;
	}
	.carousel-showmanymoveone .carousel-inner > .item.active.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		left: 0;
	}
	.carousel-showmanymoveone .carousel-inner > .item.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev.right,
	.carousel-showmanymoveone .carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}

@media all and (min-width: 992px) {
	.carousel-showmanymoveone .carousel-inner > .active.left,
	.carousel-showmanymoveone .carousel-inner > .prev {
		left: -16.6%;
	}
	.carousel-showmanymoveone .carousel-inner > .active.right,
	.carousel-showmanymoveone .carousel-inner > .next {
		left: 16.6%;
	}
	.carousel-showmanymoveone .carousel-inner > .left,
	.carousel-showmanymoveone .carousel-inner > .prev.right,
	.carousel-showmanymoveone .carousel-inner > .active {
		left: 0;
	}
	.carousel-showmanymoveone .carousel-inner .cloneditem-2,
	.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
		display: block;
	}
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
	.carousel-showmanymoveone .carousel-inner > .item.active.right,
	.carousel-showmanymoveone .carousel-inner > .item.next {
		-webkit-transform: translate3d(16.6%, 0, 0);
		transform: translate3d(16.6%, 0, 0);
		left: 0;
	}
	.carousel-showmanymoveone .carousel-inner > .item.active.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-16.6%, 0, 0);
		transform: translate3d(-16.6%, 0, 0);
		left: 0;
	}
	.carousel-showmanymoveone .carousel-inner > .item.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev.right,
	.carousel-showmanymoveone .carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}

/*favorite list popup */
#list-manager-new-list-item-container {
	max-height: 150px;
	overflow-y: scroll
}
.favorite-list-checkbox{
	width: 15px;
	height: 15px;
	border-radius: 0;
}