@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Play);

* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* So 100% means 100% */
body {margin:0; font-family: 'Open Sans', sans-serif; background-color:#1E2225;}
.monly {display:none !important;}
a {text-decoration:none; color:#1CC1F7; cursor: pointer; transition: color 200ms ease; -webkit-transition: color 200ms ease; -moz-transition: color 200ms ease;}
	a:hover {color:#31A9D0;}
h1, h2, h3, h4, h5 {font-weight:normal;}
.clear {clear:both;}

.steambutton {color:#aed581; border:1px solid #aed581; font-size:0.8em; padding:5px 50px; background-color:#0F1012; transition: background-color 200ms ease, color 200ms ease; -webkit-transition: background-color 200ms ease, color 200ms ease; -moz-transition: background-color 200ms ease, color 200ms ease;}
	.steambutton:hover {background-color:#aed581; color:#FFF;}

.gads_web {display:block; text-align:center; width:fit-content; width:-moz-fit-content; margin-left:auto; margin-right:auto;}
.gads_mobile {display:none; text-align:center; width:fit-content; width:-moz-fit-content; margin-left:auto; margin-right:auto;}

.wrapper {}

.hwrapper {position:fixed; top:0; z-index:100; background-color:rgba(15, 16, 18, 0.9); width:100%; min-width:1024px; padding:1px 0;}/*background-color:#0F1012;*/
	@media screen and (-webkit-min-device-pixel-ratio:0){.hwrapper {padding:0 0 2px 0;}}
.header {margin:0 auto; max-width:1024px; height:70px; line-height:50px;}
.header .logo {float:left; font-family: 'Play', sans-serif; color:#ff9900; letter-spacing:2px; margin-right:25px; margin-top:10px; font-size:1.6em; transition: color 200ms ease; -webkit-transition: color 200ms ease; -moz-transition: color 200ms ease;}
	.header .logo:hover {color:#FFB649;}
	.header .logo .fa {color:#7A8D9D; display:none;}
.header .nav {display:inline-block; width:72%; height:50px; line-height:50px; color:#FFF;}
.header .nav ul {margin:0; padding:0; list-style:none;}
	.header .nav ul li {display:inline-block; margin-left:40px;}
	.header .nav ul li:first-child {margin-left:0; margin-top:10px;}
	.header .nav ul li a {text-decoration:none;}
.header .nav ul.lmenu {float:left; color:#CCC;}
	.header .nav ul.lmenu a {color:#CCC;}
.header .nav ul.rmenu {float:right; color:#1CC1F7;}
	.header .nav ul.rmenu li.user div {position:relative; top:-10px; min-width:125px; max-width:215px; white-space:nowrap; overflow:hidden;}
	.header .nav ul.rmenu li.user img {vertical-align:bottom; margin-right:5px;}
	.header .nav ul.rmenu li.user a {top:20px; left:40px; height:0; color:#ff9900;}
		.header .nav ul.rmenu li.user a:first-child {font-size:0.7em; color:#1CC1F7;}
	.header .nav ul.rmenu li.logout {margin-left:15px; vertical-align:top;}
		.header .nav ul.rmenu li.logout a {color:#aed581;}
.header .nav .lookup input[type="text"] {height:50px; border:none; text-align:center; width:350px; font-size:1.1em;}
.header .nav .lookup input[type="submit"] {height:50px; border:none; background-color:#DDD; padding:0; text-align:center; width:350px; font-size:1.1em; width:110px; margin-left:-5px; cursor:pointer;}
	.header .nav .lookup input[type="submit"]:hover {opacity:0.9;}
.spacer {height:70px;}

#updater {position:absolute; top:45px; z-index:100; left:0; right:0; margin:auto; padding:3px; text-align:center; color:#FFF; font-size:0.8em; width:150px; background-color:#111; opacity:0.8;}
#server_info {}
	#server_info .server_updated {color:#FFF; text-align:center; padding:10px;}
		#server_info .server_updated span {color:#FF0000;}

.lbox_wrapper {position:fixed !important;}
.lbox_cwrapper {width:100% !important; position:fixed !important;}

table.list {width:100%; border-collapse:collapse;}
	.list tr {background-color:#FFF; border-bottom:1px solid #F1F1F1;}
		.list tr td a.linfo {visibility:hidden; margin-left:5px; color:#5231d0;}
		.list tr td a.lconnect {visibility:hidden; position:absolute; right:0; font-size:0.8em; padding:1px 10px;}
		.list tr:hover {background-color:#F7FBFF; cursor:pointer;}
			.list tr:hover td a.linfo, .list tr:hover td a.lconnect {visibility:visible;}
		.list tr.lheader:hover {background:#FFF; cursor:initial;}
		.list tr#loader td {text-align:center; padding:25px;}
	.list th {font-weight:normal; padding:0 10px; font-size:0.7em; color:#555; text-align:left;}
	.list td {position:relative; padding:10px; font-size:0.85em; color:#111; white-space:nowrap;}
		.list td:last-child {padding:0; min-width:40px;}
		.list th.npcenter, .list td.npcenter {padding:0; text-align:center;}
		.list th.npright, .list td.npright {padding-right:10px; text-align:right; float:none !important;/*hackyfixmobile*/}
	.list .fa-shield {color:#8BC34A;}
	.list .fa-linux {color:#000;}
	.list .fa-windows {color:#696969;}
	.list .fa-lock {color:#B05050;}

	.ping_dot {font-size:2em; vertical-align:middle;}
	.ping_dot.near {color:#00FF00;}
	.ping_dot.short {color:#00FF00;}
	.ping_dot.mid {color:#FFD400;}
	.ping_dot.long {color:#FF0000;}

	.stitle {float:left; text-overflow:ellipsis; white-space:nowrap; width:70%; max-width:450px; overflow:hidden;}/*.list .server .stitle*/

.cwrapper {min-width:1024px; margin:0; padding:25px 0; background-color:#FFF;}
	.cwrapper.alt {background-color:#26303C; color:#DFDFDF;}
	.cwrapper.top {background-color:#0F1012; color:#EAEAEA;}
	.cwrapper.bot {background-color:#FAFAFA; border-top:1px solid whiteSmoke;}
	.cwrapper.serverinfo .content h1 {border:1px solid #4689BB; color:#FFF; padding:10px; margin:0; text-align:center; font-size:1.8em; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
	.cwrapper .splashbg {min-width:1024px; position:absolute; top:0; font-size:20em; width:100%; text-align:center; opacity:0.1;}
	.cwrapper .herotop {padding:25px 0 50px 0; text-align:center;}
		.cwrapper .herotop h1 {margin:0; font-size:3.5em;}
		.cwrapper .herotop h2 {margin:0;}
		.cwrapper .herotop h3 {margin:5px 0; color:#DDD;}
	.cwrapper .herobot {padding-bottom:10px; width:475px;}
		.cwrapper .herobot .slabel {text-align:left; color:#BBB; margin-bottom:5px;}
.content {position:relative; clear:both; margin:0 auto; max-width:1024px;}
	.content img.gamesplash {position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; margin:auto; opacity:0.05;}
.content .sinfowrap {position:relative; z-index:2; width:75%; margin:0 auto;}
	.content .sinfowrap p span:first-child, .content .sinfowrap h4 span:first-child {color:#999; font-size:0.9em;}
	.content .sinfowrap p .fa {width:20px; text-align:center; color:#65AFCA;}
.content .slinfo {float:left;}
.content .slinfo h2, .content .slinfo h3 {display:inline-block; border:1px solid #3B75A0; border-top:none; color:#FFF; padding:10px 25px; margin:0 0 0 -25px; font-size:1.2em; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;}
	.content .slinfo h2 {border:1px solid #386384; border-top:none; color:#FAFAFA;}
	.content .slinfo h3 {position:absolute; left:0; right:0; margin:0 auto; padding:5px 15px; font-size:0.8em; color:#EAEAEA; width:fit-content; width:-moz-fit-content; border:1px solid #36556b; border-top:none;}
		.content .slinfo h4 {font-size:1.2em; margin:1em 0;}
.content .slinfo img {height:auto; vertical-align:middle; margin-left:10px;}
	.content .slinfo p.current_map {text-overflow:ellipsis; overflow:hidden; width:375px;}
	.content .slinfo p .open_info:after {content: '\01F310  Toggle Server Location on Map'; position:absolute; top:35px; left:0;}
	.content .slinfo p .open_info img {}
.content .rlinfo {float:right; text-align:right; margin-right:10px;}
	.content .rlinfo .steambutton {position:relative; top:15px; padding:10px 30px; font-size:1em;}

.content .chead {width:100%; text-align:center; padding:10px; font-size:1.5em; margin-bottom:10px; background-color:#FAFAFA; border:1px solid #EDEDED; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
	.content .chead .ctitle {margin-bottom:10px;}
	.content .chead .cname {background-color:#FFF; padding:5px; font-size:1.25em; border:1px solid #EDEDED; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
	.content .chead .ckeywords {font-size:0.7em; margin-top:10px; word-break:break-word;}
		.content .chead .ckeywords:empty {display:none;}
.content .cleft {float:left; width:44%; padding:0 10px 10px; background-color:#FAFAFA; border:1px solid #EDEDED; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
	.content .cleft h5 {color:#000; font-size:2em; margin:20px 0; text-align:center;}
.content .cright {float:right; width:55%; padding:0 5px; background-color:#FAFAFA; border:1px solid #EDEDED; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
	.content .cleft .cwrap, .content .cright .cwrap {max-height:500px; overflow-y:auto;}
	.content .cleft .cwrap .list {border:1px solid #EDEDED;}
		.content .cleft .cwrap .list td {width:100%; max-width:275px;}

.content .ccwrap {text-align:center; margin-bottom:25px;}
.content .ccleft, .content .ccright {width:50%; background-color:#FFF; padding:10px; border:1px solid #EDEDED; font-size:0.8em;}
	.content .ccleft {float:left;}
	.content .ccright {float:right;}

#map-canvas {width: 100%; height: 300px; position:relative; overflow:hidden;}
	#map-canvas > div:first-child {background-color:transparent !important;}
.map_info {padding:20px 0 15px; text-align:center;}
	.map_info .map_info_distance {text-align:center; margin-bottom:10px; font-size:1.25em;}

.history_log {}
	.history_log h2 {text-align:center; margin:10px;}
	.history_log .hwrap .history_date {font-size:0.8em; color:#999;}
		.history_log .hwrap {background-color:#FFF; margin:0 0 5px 0; padding:10px; border:1px solid #EDEDED;}
			.history_log .hwrap:first-of-type .history_date {border:none;}
	.history_log .history_content {color:#111;}
		.history_log .history_content small {font-style:italic;}
		.history_log .history_content span {text-transform:uppercase;}

#more_info { transition: 1s; }
#more_info.closed {height: 0px; margin: 0px; padding: 0px; overflow: hidden;}

#review_form p {text-align:center; margin-top:0;}
.review_form {padding:10px;}
	.review_form input[type="submit"] {float:right; color:#FFF; padding:10px 25px; background-color:#3a6a86; border:none; cursor:pointer;}
	.review_form textarea {width:100%; height:100px; background-color:#EEE; padding:10px; border:1px solid #DDD;}
	.review_form .fa {font-size:3em; color:#639AFF;}

.comments .fa-thumbs-o-up, .comments .fa-thumbs-o-down {font-size:2em; color:#E2E2E2; cursor:pointer;}
	.comments .fa-thumbs-o-up:hover, .comments .selected.fa-thumbs-o-up {color:#639AFF;}
	.comments .fa-thumbs-o-down:hover, .comments .selected.fa-thumbs-o-down {color:#FF6363;}

#reviews {}
	.review {background-color:#FFF; padding:10px; margin-bottom:10px; border:1px solid #EEE;}
	.review .review_user {float:left;}
		.review .review_user img {vertical-align:middle; margin-right:10px;}
		.review .review_user small {font-size:0.6em;}
	.review .review_info {float:right;}
	.review .review_text {margin:10px 10px 0 10px; word-break:break-word;}
		.review .fa {cursor:initial;}
		.review .fa-thumbs-o-up {color:#639AFF;}
		.review .fa-thumbs-o-down {color:#FF6363;}
	#rater {float:right; margin-right:5px;}

.donate_button {position:absolute; bottom:-25px; text-align:center; background-color:#81CC91; color:#FFF !important; width:250px; margin:0 auto; left:0; right:0; padding:15px 50px; -webkit-border-radius:5px;}

#base_sort {user-select:none; -webkit-user-select:none; -moz-user-select:none;}
.folder {padding-left:15px;} /* border-left:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; */
	.folder.sortable:first-of-type {padding-bottom:10px;}
	.folder .folder_title {font-size:2em; color:#222;}
		.yours .folder .folder_title {cursor:move;}
		.folder .folder .folder_title {font-size:1.5em;}
			.folder .folder .folder .folder_title {font-size:1.2em;}
		.folder .folder_title .folder_delete {display:none;}
			.yours .folder .folder_title:hover .folder_delete {display:inline-block; color:#FF0000; font-size:0.6em; cursor:pointer;}
	.folder .folder_title span {vertical-align:middle;}
	.folder .folder_title .fa-folder-open-o, .folder .folder_title .fa-folder-o {display:none;}
		.folder .folder_title.open .fa-folder-open-o {display:inline-block;}
			.folder .folder_title .ppointer {cursor:pointer;}
		.folder .folder_title.closed .fa-folder-o {display:inline-block;}
	.folder input {padding:15px 20px; border:none;}
		.folder input[type="text"] {background-color:#ecf2f4; color:#555; width:75%;}
		.folder input[type="button"] {background-color:#3592dd; color:#FFF; width:25%;}
.sortable.folder .sortable.list:last-of-type tr {border:none;}
	.yours .sortable.list tr:hover {cursor:move;}
		.sortable.list tr td .rem_fav {display:none;}
			.yours .sortable.list tr:hover td .rem_fav {display:inline-block; color:#FF0000; cursor:pointer;}
.sortable.list th, .sortable.list td {width:150px;}
	.sortable.list td.server_ip {}
		td.server_ip img {vertical-align:middle; margin-right:10px;}
.sortable .sub_servers {border:none;}
/*	.sortable .sub_servers:empty {padding:15px; margin-bottom:15px; background-color:#FAFAFA; color:#CCC; font-size:0.8em;}
		.sortable .sub_servers:empty::after {content:"List empty";}*/
.sort_items .lheader th {width:25%;}
.ui-sortable-helper {padding-bottom:0; border:1px dotted #EEE;}

.fwrapper {min-width:1024px; background-color:#1E2225; padding:5px 0;}
.footer {margin:0 auto; max-width:1024px;}
	.footer ul {margin:0; padding:0; list-style:none;}
		.footer ul li {display:inline-block; margin-left:25px;}
			.footer ul li:first-child {margin-left:0;}
	.footer ul.lnav {float:left; color:#AAA;}
	.footer ul.rnav {float:right; color:#AAA;}
			.footer ul.rnav li {font-size:smaller;}
		.footer ul.rnav span {border-left:1px solid #5C5C5C; padding-left:5px;}

div#messages {}
div#messages ul {color:#444; padding:20px; margin:0; text-align:center; list-style:none;}
div#messages ul span {font-size:2em;}
div#messages ul li {}
ul#mess_success {background-color:#D2FFD9;}
	ul#mess_success span#m_success {color:#418E42;}
ul#mess_notification {background-color:#D2FFFD;}
	ul#mess_success span#m_notification {color:#4E74A0;}
ul#mess_error {background-color:#F95D5D;}
	ul#mess_success span#m_error {color:#843939;}