@import "../bootstrap/css/bootstrap.min.css";body{background:#141519;color:#bcbcbc;font-family:Arial;font-style:normal;font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
input{
background-color: #4285F4;
    border: #4285F4;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 1px 2px 1px #000;
}
input:hover { 
    background-color: #f44242;
box-shadow: 3px 3px 3px #000;
}
input[type='text'],input[type='password']{width:250px;border: 1px solid #333333;
    border-radius: 3px;
    background-color: #191919;
    padding: 9px;
    color: #fff;
margin-bottom: 5px;

}
select {
	padding: 5px;
    border-radius: 3px;
    background-color: #191919;
    border: 1px solid #333;
    color: #c1c1c1;
}

.card {
	width: 200px;
	height: 230px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.62);
    list-style-type: none;
	float: left;
	margin: 10px 20px;
	text-align: center;
	border-radius: 10px;
}

.buy {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
	margin: 15px;
    padding: 7px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
	font-weight: bold;
	border-radius: 10px;
}
.tooltip {
  display: inline;
  position: relative;
}
.tooltip:hover:after {
  background: #333;
  background: rgba(0, 0, 0, .8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(data-title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 100px;
}
.tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}
.card:hover {
	box-shadow: 1px 1px 10px black;
	transition: 0.5s ease;
}
.card i {
	font-size: 20px;
	padding: 0px 5px;
}

.card p {
	border-color: 1px solid #000;	
	font-size: 11px;
	
	font-weight: bold;
}

.card img {
	width: 198px;
	height: 140px;
	background-color: rgba(255, 255, 255, 0.03);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.banner-top {
    position: absolute;
    top: -20px;
    left: 0px;
    width: calc(100vw - 4px);
    height: 600px;
    z-index: -999999999;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
}
table{border-collapse:separate;}
td{vertical-align:top;}
img,a img{border:none;max-width:none;}
a,a:visited,a:active,a:link{color:#ffffff;text-decoration:none;transition: 0.5s ease;}
a:hover,a:hover:focus{color:#FF2E2E;text-decoration:none;transition: 0.5s ease;}
ol,ul{list-style:none;}
hr{border:1px solid #1f1f1f; margin-top:20px; margin-bottom:20px}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.formLabel{text-align:right;margin-right:20px;line-height:30px;}
#headerTopBg{font-size:11px;height:28px;line-height:28px;padding:0 12px;background:#090909;border-bottom:1px solid #2b2b2b;}
#headerTopWrap{margin:0 auto;min-width:980px;max-width:1424px;width:90%;overflow:hidden;}
#headerContentBg{height:265px;min-width:980px;background: url()no-repeat center;}
#headerContentWrap{margin:0 auto;min-width:980px;max-width:1424px;width:90%;overflow:hidden;}
#headerBottomWrap{margin:0 auto;min-width:980px;max-width:1424px;width:90%;height:44px;position:relative;}
#headerBottomContentWrap{background: rgb(92, 100, 197);height:44px;border-radius: 5px 5px 0px 0px;border-bottom: 1px solid rgba(255, 255, 255, 0.03);}
#headerBottomContent{border-bottom:none;border-radius:8px;height:31px;width:100%;margin-left:-2px;}
#headerBottomContent:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.bar{color:#505050!important;text-align:center!important;font-weight:bold;}
.progress{height:12px!important;line-height:12px!important;margin-bottom:0!important;background-image:linear-gradient(to bottom,#717171,#f9f9f9)!important;}
#logo{padding:115px 0 0 0px;float:left;}

#logo .stars .star-filled {
    color: #5c64c5;
}

#logo .stars .star-empty {
    color: #fff;
}

#logo .slogan {
    color: #ddd;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{background:url('../img/hover.png') no-repeat!important;}
#menu{float:left;margin:0;}
.topMenu{float:left;}
.topMenu>li{float:left;margin:0 0 0 2px;}
.topMenu li{position:relative;}
.topMenu li ul{display:none;top:32px;left:0;position:absolute;z-index:9999;background:#202020;border:1px solid #272727;border-top:0;font-size:11px;min-width:140px;box-shadow:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-radius:0 0 4px 4px;}
.topMenu li:hover ul{display:block;}
.topMenu li li{padding:0;border:0;background:none transparent;min-width:150px;}
.topMenu li li a{display:block;padding:8px 10px;color:#fff;font-size:11px;background:#1d1d1d;}
.topMenu li li:hover a,.topMenu li li.active a{background:#242424;}
.topMenu>li>a{font-size:11px;text-transform:uppercase;font-family:Arial;font-weight:bold;color:#ffffff;display:block;outline:none;padding:15px 12px;    border-right: 1px solid rgba(255, 255, 255, 0.03);}
.topMenu li:hover>a,.topMenu li.active>a{color:#ffffff; border-bottom: 1px solid #fff;}
.sortedTable td{cursor:pointer;}
.largeChart{width:1000px;height:320px;margin:10px auto;}
.smallChart{width:300px;margin:10px auto;}
.dot{display:block;float:left;margin-right:5px;height:12px;width:12px;border-radius:12px;cursor:pointer;}
.biz-dot{background:rgba(0,179,0,1);}
.bans-dot{background:rgba(206,0,0,1);}
.mutes-dot{background:rgba(0,158,206,1);}
.jails-dot{background:rgba(247,215,8,1);}
.suspends-dot{background:rgba(156,207,49,1);}
.warns-dot{background:rgba(255,158,0,1);}
.reports-dot{background:rgba(127,0,255,1);}
.lightblue-dot{background:rgba(222,247,255,1);}
.green-dot{background:rgba(0,179,0,1);}
.bans{color:rgba(206,0,0,1);}
.mutes{color:rgba(0,158,206,1);}
.jails{color:rgba(247,215,8,1);}
.suspends{color:rgba(156,207,49,1);}
.warns{color:rgba(255,158,0,1);}
.reports{color:rgba(127,0,255,1);}
.adminstats{color:#FFF;}
.material-icons.md-16{font-size:16px;}
.material-icons.md-18{font-size:18px;}
.material-icons.md-24{font-size:24px;}
.material-icons.md-36{font-size:36px;}
.material-icons.md-48{font-size:48px;}
.material-icons.md-80{font-size:80px;}

.homeStats {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 coloane pe fiecare rând */
    gap: 20px 20px; /* 20px între toate elementele pe orizontală și verticală */
    padding: 10px; /* Adaugă puțin spațiu interior în container */
}

.statsArea {
    height: 80px; /* Crește înălțimea boxului */
    color: #FFF;
    font-size: 14px; /* Crește dimensiunea fontului */
    font-weight: bold;
    background: rgba(92, 100, 197, 255);
    border: 1px solid rgba(255, 255, 255, 0.02);
    box-shadow: 1px 1px 3px #000;
    border-radius: 5px;
    display: flex;
    align-items: center; /* Aliniere verticală */
    padding: 10px; /* Adaugă spațiu în interiorul boxului */
}


.homeStats{height:150px;margin-bottom:15px;}
.adminStatsLegend{color:#FFF;}
#legend ul li{float:left;margin-left:20px;color:#fff;line-height:12px;}
#contentWrap{margin:0 auto;min-width:980px;max-width:1424px;width:90%;padding-bottom:100px;}
#bannedWarningWrapper{height:90px;margin:0 auto;padding:20px 0 0 0;min-width:980px;max-width:1422px;width:90%;background:url('../img/bg2.jpg') repeat;border-left:1px solid #1b1b1b;border-right:1px solid #1b1b1b;}
#bannedWarningContent{height:90px;margin:0 auto;padding:0 0 0 10px;text-align:left;font-weight:bold;float:left;}
#bannedIcon{height:80px;float:left;margin:0 0 0 100px;}
#bannerWrap{margin:0 auto;padding:20px 0;min-width:980px;max-width:1422px;width:90%;background:url('../img/bg2.jpg') repeat;border-left:1px solid #1b1b1b;border-right:1px solid #1b1b1b;}
#bannerContent{position:relative;width:90%;margin:auto;color:inherit;padding:10px;}
.subPageAddButton{margin:5px 0 0 0;width:250px;height:30px;border:1px solid #000000;text-align:center;border-radius:10px;font-weight:bold;background:#7BA60D;}
.subPageAddButton a{display:block;width:250px;height:30px;line-height:30px;color:#FFFFFF;}
.subPageAddButton a:hover,.subPageAddButton a:active{color:rgba(97,210,212,0.88);}
.pageTitle {font-family:Arial,sans-serif;font-size:20px;color:#eaeaea; }
.pageTitle h3 {font-family:Arial,sans-serif;font-size:15px;color:#eaeaea;   border-radius: 5px 5px 0px 0px; padding: 10px 15px;
    background: #0a0a0a;}	
#contentBox{    background: #111217;padding:20px;   -webkit-box-shadow: rgba(17, 18, 23, 1) 0px 0px 5px;
    -moz-box-shadow: rgba(17, 18, 23, 1) 0px 0px 5px;
    box-shadow: rgba(17, 18, 23, 1) 0px 0px 5px;}
#contentMain{}
#contentMain:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#leftSidebar{float: right;   

}
#leftSidebar ul {    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	border-radius: 5px 5px 0px 0px;
    background: #0a0a0a;  	
}
#leftSidebar li  {float: right;}	
#leftSidebar ul li ul li a { 
   
	display: block;
    color: white;
    text-align: center;
    padding: 12px 15px;
    text-decoration: none;
font-size: 11px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;	
	color: #909090;
}
#leftSidebar ul li ul li a:hover { color: #fff; text-shadow: 0px 0px 10px #fff; }
#contentPage{padding:10px 10px 40px 10px;min-height:600px;background: rgba(255, 255, 255, 0.01);    border: 1px solid rgba(255, 255, 255, 0.03);min-width:916px;}
.contentTabberPage{position:relative;}
.subPageContainer{overflow:hidden;}

.subPageTitle{padding:15px;font-size:14px;font-weight:bold;}
.subPageTitleLeft{float:left;padding:15px;font-size:14px;font-weight:bold;}
#userHeader{float:right;font-size:11px;position:relative;}
#userHeader a{color:#ffffff;float:left;padding:13px 12px;outline:none;    border-left: 1px solid rgba(255, 255, 255, 0.03);}
#userHeader a:hover{border-bottom: 1px solid #fff;}
#profileImg{border-right:1px solid #101010;}
#profileName{border-left:1px solid #040404;border-right:1px solid #101010;}
#profileNotifications{border-left:1px solid #040404;border-right:1px solid #101010;}
.notificationsButton{position:relative;}
#userHeader .notificationsButton:hover{}
.notificationsCount{position:absolute;top:0;left:0;color:#ffffff;background-color:#ff1515;font-size:9px;padding:1px 2px;line-height:normal;display:block;border-radius:6px;font-weight:bold;}
#profileSignOut{border-left:1px solid #040404;}
#userHeader img{vertical-align:middle;}
#userHeader ul{overflow:hidden;}
#userHeader ul li{margin:0;padding:0;float:left;}
.lastNotificationsBox{position:absolute;display:none;right:0;top:37px;background:#090909;padding:5px 0 0 0;border:1px solid #1b1b1b;border-top:none;z-index:1000;width:300px;}
.lastNotificationsTop{padding:5px;margin-bottom:5px;border-bottom:1px solid #999999;}
.lastNotificationsBottom{padding:5px;margin-top:5px;border-top:1px solid #999999;}
.lastNotificationsMarkAllAsReadLink,.lastNotificationsMarkAllAsReadLink:active,.lastNotificationsMarkAllAsReadLink:visited,.lastNotificationsMarkAllAsReadLink:hover,.lastNotificationsMarkAllAsReadLink:link{display:block;text-align:center;}
.lastNotificationsTitle{font-size:15px;float:left;}
.lastNotificationsLink{float:right;}
#userHeader .lastNotificationsBox .lastNotificationsLink a{line-height:17px;}
#userHeader .lastNotificationsBox .lastNotificationsNotification{display:block;margin:2px;}
#userHeader .lastNotificationsBox .lastNotificationsNotification.unread{background:#171717;}
#userHeader .lastNotificationsBox .lastNotificationsNotification:hover{background:#232323;}
.lastNotificationsIcon{float:left;width:24px;height:35px;margin:0 2px;padding:4px 5px 0 5px;}
.lastNotificationsIcon img{width:35px;height:35px;}
#userHeader .lastNotificationsBox{line-height:normal;}
#userHeader .lastNotificationsBox a{float:none;padding:0;line-height:normal;height:auto;}
#userHeader .lastNotificationsBox a:hover{background:none;}
.lastNotificationContent{overflow:hidden;margin-left:5px;padding-top:2px;}
.lastNotificationTime{color:#666666;}
.tableFull p {    background: rgb(10, 10, 10);
    width: 15px;
    border-radius: 10px;
    font-size: 15px;
    padding: 5px 5px;
    color: #fff;}
.tableFull{margin:20px 0;padding:0 10px;overflow:hidden; }
.notificationsTable td{vertical-align:middle;}
.notificationsTable .unread td{background:#171717;}
.tableLabel{margin:10px;font-weight:bold;}
.tableSubtotal{margin:10px;text-align:right;}
.fullTable{background-color:#090909;overflow:hidden;width:100%;text-align:center;font-family:Arial;color:#909090;    border-radius: 5px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.66);}
.fullTable td{height:21px;line-height:21px;vertical-align:middle;}
.fullTable .headerRow+tr td{padding-top:5px;border-top:1px solid #0f0f0f; }
.fullTable .headerRow td{height:30px;line-height:30px;    background: #060606;border-left:1px solid #0f0f0f;border-right:1px solid #050505;border-bottom:1px solid #050505;}
.fullTable .headerRow .firstTd{border-top-left-radius:6px;border-left:none;}
.fullTable .headerRow .lastTd{border-top-right-radius:6px;border-right:none;}
.vTable{background-color:#090909;border-top:1px solid #050505;border-bottom:1px solid #050505;text-align:center;font-family:Arial;font-size:13px;border-radius:7px;color:#909090;overflow:hidden;}
.vTable .headerTd{border-top:1px solid #0f0f0f;border-right:1px solid #0f0f0f;border-bottom:1px solid #030303;border-left:none;background:#090909 url('../img/tableHeaderBg.png') repeat;width:150px;}
.vTable td{height:22px;line-height:22px;padding:5px;border-left:1px solid #050505;background-color: #060606;}
.generalRight{margin-top:55px;width:407px;float:right;}
.generalRightTable{width:407px;}
.pagination a{display:inline-block;padding:0 6px;margin:0 3px;color:#FFFFFF!important;border-radius:5px;text-transform:uppercase;background:#232323;line-height:20px;font-weight:bold;font-size:10px;}
.pagination a:hover,.pagination a:active,.current_page{background:#7BA60D!important;}
.showJumper{display:inline-block;padding:0 6px;margin:0 3px;color:#FFFFFF;border-radius:5px;line-height:20px;font-weight:bold;font-size:11px;}
#wrapper{margin:0 auto 30px auto;width:730px;}
#wrapper:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#FactionWrapper{margin:0 auto 30px auto;width:480px;overflow:hidden;}
#skin{float:left;background:url('../img/skinBg.png') no-repeat;margin-top:55px;width:273px;height:444px;}
.skinImg{width:220px;margin:0 auto;display:block;}
.generalNormalTable{float:left;margin-top:20px;width:340px;}
.generalNormalTableSingle{margin-top:20px;width:480px;}
#generalTableWrapper{margin:0 auto 30px auto;width:700px;overflow:hidden;}
#generalTableLeft{float:left;width:340px;}
#generalTableRight{margin-left:20px;float:left;width:340px;}
.firstRow .headerTd{border-top:none;border-top-left-radius:6px;}
.lastRow .headerTd{border-bottom:none;border-bottom-left-radius:6px;}
tr.active{background-color:#000000;font-weight:bold;}
#licensesWrap{width:790px;margin:0 auto;height: 100px;}
#licenses{overflow:hidden;font-size:13px;color:#909090;}
.lic{float:right;margin-left:7px;background-color:#090909;border-top:1px solid #040404;border-bottom:1px solid #1a1a1a;border-radius:7px;width:105px;padding:5px 2px 15px 2px;text-align:center;}
.licIcon{height:30px;text-align:center;}
.carlic{padding-top:7px;height:23px;}
.boatlic{padding-top:2px;height:28px;}
.fishlic{padding-top:6px;height:24px;}
.gunlic{padding-top:8px;height:22px;}
.matslic{padding-top:3px;height:27px;}
#footer{color:#b8b8b8;font-size:11px;overflow:hidden;padding:20px 20px;    background: #0a0a0a;
    border-radius: 0px 0px 5px 5px;    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;}
#footerLeft{float:left;width:230px;}
#footerCenter{text-align:center;margin:0 auto;height:51px;width:488px;}
#footerRight{float:right;width:200px;}
#copyright{margin-top:0;line-height:17px;text-align:left;}
.userPhoto{display:block;position:relative;height:31px;width:auto;margin:0 -8px;}
.onlinePhoto{height:22px;width:auto;margin:0 8px;}
.userPhoto.small{height:25px;}
.generalTableVehicle{margin-left:20px;margin-bottom:20px;float:left;width:232px;}
.generalVehicleTable{float:left;margin-top:10px;width:237px;}
.generalVehicleTable .headerTd{width:120px;}
.firstTable{margin-left:5px;}
#trafic{padding-top:13px;}
.as-list{background-color:#ffffff;color:#000000;position:absolute;z-index:1000;}
.inputSearchSuggestion{position:relative;width:200px;}
#searchPlayerName{display:block;width:200px;margin:0;}
#searchPlayerId,#searchPlayerEmail{display:block;width:200px;}
.as-results{position:absolute;top:0;left:0;}
.as-results a,.as-results a:active,.as-results a:hover,.as-results a:visited{display:block;color:#000000;height:30px;line-height:30px;text-align:center;}
.as-result-item{border-bottom:1px solid #000000;}
.as-result-item:hover{background-color:#eaeaea;}
.vehiclesWrap{text-align:center;overflow:hidden;margin-bottom:20px;padding-top:50px;margin-top:-50px;}
.vehiclesWrap:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
div.centerbox-outer{float:left;left:50%;position:relative;}
div.centerbox-inner{float:left;position:relative;right:50%;}
.vehicleImgContainer{position:relative;height:127px;width:232px;background:url('../img/vehicleBg.png') no-repeat center center;}
.vehicleColors{position:absolute;top:10px;right:10px;}
.vehicleColors:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.vehicleColor{width:10px;height:10px;margin:0 2px;border:1px solid #000000;float:left;}
.vehicleImg{display:block;width:200px;margin:0 auto;}
.normalTextBox{background-color:#090909;border-radius:7px;padding:20px;margin:0 10px 20px 10px;}
.normalButton,.normalButton:hover,.normalButton:active,.normalButton:visited,.normalButton:link{display:table;padding:0 15px;height:24px;line-height:24px;background-color:#121212;border-top:1px solid #040404;border-bottom:1px solid #1a1a1a;color:#ffffff;border-radius:7px;margin:15px 0;border-left:none;border-right:none;outline:none;}
.normalButton:hover{background-color:#000000;}
.map{width:710px;height:710px;display:block;position:relative;background:url('../img/san-andreas.jpg') no-repeat center center;margin:0 auto;}
.patrat{border:1px solid #000000;background-color:#FF0000;position:absolute;width:8px;height:8px;font-size:0;top:50%;left:50%;margin:-5px 0 0 -5px;}
.turf{border:1px solid #ffffff;position:absolute;font-size:0;top:50%;left:50%;opacity:0.75;}
.turf.attackable{cursor:pointer;}
.turf.attackable:hover{opacity:0.9;}
.topTabs{position:absolute;top:-10px;right:20px;}
.topTabs ul{list-style:none;margin:0;padding:0;}
.topTabs ul li{float:left;}
.topTabs ul li a,.topTabs ul li a:active,.topTabs ul li a:hover,.topTabs ul li a:visited,.topTabs ul li a:link{display:table;padding:10px 10px;margin:0 3px;background-color:#090909;border-bottom:1px solid #1a1a1a;color:#909090;border-bottom-left-radius:7px;border-bottom-right-radius:7px;position:relative;}
.topTabs ul li a:hover,.topTabs ul li a.active{color:#ffffff;background-color:#000000;}
#pageContent{position:relative;padding:20px;}
.modal{color:#333333;font-size:14px;}
.bootbox-input{width:514px;}
.null,.null:active,.null:visited,.null:hover,.null:link,.null:focus{color:#333333;}
.performance{font-size:11px;line-height:normal;}
.iconButton img{filter:alpha(opacity=30);-khtml-opacity:0.3;-moz-opacity:0.3;opacity:0.3;}
.iconButton:hover img{filter:alpha(opacity=100);-khtml-opacity:1.0;-moz-opacity:1.0;opacity:1.0;}
.expandRow{cursor:pointer;}
.expandLocked,.expandUnlocked{display:none;}
.expandUnlocked td{padding:8px 0 1px 0;color:rgba(255,255,255,0.7);font-weight:bold;background:radial-gradient(rgba(94,156,25,0.7),rgba(14,23,3,0.7) 75%);}
.expandLocked td{padding:8px 0 1px 0;color:rgba(255,255,255,0.7);font-weight:bold;background:radial-gradient(rgba(134,20,20,0.7),rgba(23,4,4,0.7) 80%);}
.ach_unlocked{color:#00FF00;font-weight:bold;}
.ach_locked{color:#FF0000;font-weight:bold;}
.numberBullet{color:#FFFFFF;background-color:#7BA60D;padding:3px 5px;border-radius:15px;font-weight:bold;}
.badges{overflow:hidden;margin-bottom:10px;}
.badgeIcon{float:left;margin:0 10px;}
.report_badge{margin:0 6px;padding:2px 5px;border-radius:8px;color:#f4e5ff;font-weight:bold;}
.admin_badge{background:#cc5200;}
.reported_badge{background:#B20000;}
.reporter_badge{background:#56326f;}
.witness_badge{background:#305c9a;}
.deleted_com{border:2px solid #903F3F;}
.sanctionExplanation{width:100%;height:200px;}
.sanctionTable{width:90%;}
.searchBox{float:right;margin:15px 0;overflow:hidden;}
.actionArea{float:right;margin:15px 20px;overflow:hidden;}
input[type='text'].searchInput{display:block;float:left;width:200px;height:25px;line-height:25px;padding:0 5px;color:#000000;}
.filterSelect{float:left;height:25px;line-height:25px;}
input[type='text'].placeholderContent{font-style:italic;color:#666666;}
input[type='button'].searchButton{display:block;float:left;width:90px;margin-left:5px;height:27px!important;margin-top:-1px;background:#ffffff;border:1px solid #cccccc;border-radius:5px;}
.hiddenArea{display:none;}
.loginButton {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.19);
    box-shadow: 1px 2px 3px #000;
    border-radius: 3px;
    background-color: rgba(6, 6, 6, 0.35);
    padding: 9px;
    color: #bfbfbf;
    border-bottom: 2px solid #0d90ff;
    font-weight: bold;
    /* width: 70px; */
}
.loginButton:hover {    background-color: rgba(0, 0, 0, 0.66);      border-bottom: 2px solid #0d5ea2; transition: 0.5s ease; color: fff; }	
#container     {width:30ex; outline:1px solid black; padding:0 .2em; background:white;}
#container>div {display:inline-block; margin:.2em 0; background:#fca;}

#devMessage{margin:20px;background-color:#ffffff;border:3px solid #faa732;color:#333333;padding:10px;font-size:15px;font-weight:bold;}
input[type='text'].normalInput{width:200px;margin:0;}
#clanAddForm td{vertical-align:middle;padding:5px 0;}
.viewUpdate,.viewUpdate:active,.viewUpdate:hover,.viewUpdate:visited,.viewUpdate:link{padding:0 30px;position:relative;}
span.new{position:absolute;right:2px;top:2px;color:#ffffff;background-color:#ff1515;font-size:7px;padding:1px 2px;line-height:7px;display:block;border-radius:6px;}
.alta{position:absolute;right:2px;top:2px;color:#ffffff;background-color:#ff1515;font-size:7px;padding:1px 2px;line-height:7px;display:block;border-radius:6px;}
.editUpdateContentElement ul li ul{margin-left:20px;}
.editUpdateContentElement ul li:before{content:"•";color:#99ff99;margin-right:8px;font-size:15px;}
.editUpdateContentElement ul li ul li:before{content:"-";color:#99ff99;margin-right:8px;font-size:15px;}
.white-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:400px;margin:20px auto;}
#attackTurf{color:#333333;}
.attackTurfMembersContainer{width:48%;float:left;}
#attackTurfSelectedContainer{float:right;}
.attackTurfMembers{border:1px solid #dedede;margin:0;padding:5px 0 0 0;min-height:400px;}
.attackTurfMembers .member{margin:0 5px 5px 5px;padding:5px;font-size:1.2em;cursor:move;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.viewWarTop{font-size:20px;font-weight:bold;text-align:center;}
.viewWarPlayersContainer{margin-top:40px;}
.viewWarPlayers{width:49%;float:left;}
#viewWarDefenderPlayers{float:right;}
.normalTextarea{width:100%;resize:none;margin-top:10px;margin-bottom:20px;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#292929;color:white;border-color:#292929;}
.normalTextarea.small{height:90px;}
.normalTextarea.big{height:290px;}
.applicationTitle{padding-top:20px;}
.reportTitle{padding-top:20px;color:#FFFFFF;font-weight:bold;}
.comment{padding:15px;}
.commentLeft{width:50px;float:left;}
.commentRight{overflow:hidden;}
.commentPhoto{display:block;width:auto;}
.commentAuthor{float:left;}
.commentText{margin-top:10px;}
.commentRemove{float:right;}
.playerButtons,.playerFactionButtons{margin:10px 0;}
.reportPlayerButton,.reportPlayerFactionButton{height:16px;line-height:16px;display:inline-block;}
.totalActivities{font-weight:bold;padding:0 15px;font-size:14px;}
.factionActivitySelectedControl{margin-top:15px;float:right;}
.factionActivityRow.inactive{background:#202020;}
.fullTable tr.factionActivityRow td{padding-top:0;}
.tabbedSubPageContainer{padding-top:50px;}
.switch-button-label{float:left;font-size:10pt;cursor:pointer;}
.switch-button-label.off{color:rgba(206,0,0,1);}
.switch-button-label.on{color:rgba(0,179,0,1);}
.switch-button-background{float:left;position:relative;background:#ccc;border:1px solid #aaa;margin:1px 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;}
.switch-button-button{position:absolute;left:-1px;top:-1px;background:#FAFAFA;border:1px solid #aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}