html, body{
	padding:0;
	height:100%;
}
html{
	height:100%;
}
body{
	margin:0 0 0 0;
	background-color:white;
	padding:0 0 0 0;
	width:100%;
	
  /*padding-top: 3rem;
  padding-bottom: 3rem;*/
	color: #000;
	/*
	background-image:url(images/wall/image.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	*/
}
.modal-open header,
.modal-open main,
.modal-open footer{
	filter: blur(2px);
	-webkit-filter: blur(2px);
}
.bg-black{
	background-color:rgb(0,0,0);
}
button,
button:focus,
button:active,
input,
input:focus,
input:active{
	outline:none;
}
input[type=submit]{
	cursor:pointer;
}


/* /////////////////////////
	Checkboxes / Radios
///////////////////////// */
input[type=checkbox].styled,
input[type=radio].styled{
	display:none;
}
input[type=checkbox].styled + label,
input[type=radio].styled + label{
	display:inline-block;
	position:relative;
	/*padding:12px 10px 12px 30px;*/
	padding-left:35px;
	margin:0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].styled + label.form-control,
input[type=radio].styled + label.form-control{
	display:block;
    /*border-bottom: 1px solid #404040;*/
    /*transition: .3s border, .3s color;*/
}

input[type=checkbox].styled + label.form-control:hover,
input[type=radio].styled + label.form-control:hover,
input[type=checkbox].styled:checked + label.form-control,
input[type=radio].styled:checked + label.form-control{
	/*border-bottom: 1px solid #000;*/
}
input[type=checkbox].styled + label:before,
input[type=radio].styled + label:before,
input[type=checkbox].styled + label:after,
input[type=radio].styled + label:after{
	-webkit-transition: all 250ms ease-in-out; 
   -moz-transition: all 250ms ease-in-out; 
     -o-transition: all 250ms ease-in-out; 
        transition: all 250ms ease-in-out; 	
	content:" ";
	display:inline-block;
	position:absolute;
	width:15px;
	height:15px;
	line-height:12px;
	border-radius:3px;
	text-align:center;
	top:50%;
	margin-top:0px;
	margin-bottom:-50%;
	transform:translate(0%, -50%);
	background-color:#e9ecef;
	border: 1px solid #ced4da;
}
input[type=checkbox].styled + label:before,
input[type=radio].styled + label:before{
	left:10px;
    /*border: 1px solid #999;*/
	/*background-color:transparent;*/
	/*box-shadow:inset 0px 0px 4px rgba(0,0,0,0.95),inset 0px 0px 10px rgba(0,0,0,0.5);*/
}
input[type=checkbox].styled + label:after,
input[type=radio].styled + label:after{
	left:10px;	
	opacity:0.25;
}
input[type=checkbox].styled + label:after{
	content:"\2713";
	font-weight:bolder;
}

input[type=radio].styled + label:before,
input[type=radio].styled + label:after{
	border-radius:100%;
}
input[type=radio].styled + label:after{
	height:8px;
	width:8px;
	left:8.25px;
	content:" ";
	background-color:#fff;
	/*box-shadow:0px 0px 5px rgba(0,0,0,0.95), 0px 0px 10px rgba(0,0,0,0.95);*/
}
input[type=checkbox].styled + label:hover:before,
input[type=radio].styled + label:hover:before{	
    /*-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
	border-radius:0px;
	margin-top:-8px;
	*/
	/*border: 1px solid #bbb;*/
	background-color:transparent;
}
input[type=checkbox].styled:checked + label:before,
input[type=radio].styled:checked + label:before{
    /*-ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
	margin-top:-10px;
	border-radius:0px;
	width:20px;
	height:20px;
	left:2px;
	*/
	background-color:transparent;
	/*border: 1px solid #000;*/
}
input[type=checkbox].styled + label:hover:after,
input[type=radio].styled + label:hover:after{
	opacity:1;
	color:#aaa;
}
input[type=radio].styled:hover + label:after{
	background-color:#bbb;
}
input[type=checkbox].styled:checked + label:hover:after,
input[type=radio].styled:checked + label:hover:after,
input[type=checkbox].styled:checked + label:after,
input[type=radio].styled:checked + label:after{
	opacity:1;
	color:#000;
}
input[type=radio].styled:checked + label:hover:after,
input[type=radio].styled:checked + label:after{
	background-color:#000;
}

/* //////////////////////////////////

Transition Styles

////////////////////////////////// */
.trans-all-1{	
	-webkit-transition: all 0.10s ease-in-out;
	-moz-transition: all 0.10s ease-in-out;
	-o-transition: all 0.10s ease-in-out;
	transition: all 0.10s ease-in-out;
}
.trans-all-2{	
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.trans-all-3{	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.trans-all-4{	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.has-feedback .form-control {
  padding-right: 34px;
  display:inline-block;
}
.has-feedback .form-control.input-sm,
.has-feedback.form-group-sm .form-control {
  padding-right: 30px;
}
.has-feedback .form-control.input-lg,
.has-feedback.form-group-lg .form-control {
  padding-right: 46px;
}
.has-feedback-left .form-control {
  padding-right: 12px;
  padding-left: 34px;
}
.has-feedback-left .form-control.input-sm,
.has-feedback-left.form-group-sm .form-control {
  padding-left: 30px;
}
.has-feedback-left .form-control.input-lg,
.has-feedback-left.form-group-lg .form-control {
  padding-left: 46px;
}
.has-feedback-left .form-control-feedback {
  display:inline-block;
  position:absolute;
  left: 0;
}
.form-control-feedback {
  line-height: 34px !important;
}
.input-sm + .form-control-feedback,
.form-horizontal .form-group-sm .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
}
.input-lg + .form-control-feedback,
.form-horizontal .form-group-lg .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px !important;
}
.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.sr-only ~ div .form-control-feedback {
  top: 0;
}
@media (min-width: 768px) {
  .form-inline .inline-feedback {
    position: relative;
    display: inline-block;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .has-feedback-left .form-control-feedback {
  left: 15px;
}
/* /////////////////////////////////
////////////////////////////////////
	Input Icon Inside
////////////////////////////////////
///////////////////////////////// */
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon i {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  top:2px;
  z-index:4;
}

/* align glyph */
.left-addon i  { left:  2px;}
.right-addon i { right: 2px;}

/* add padding  */
.left-addon input  { padding-left:  35px; }
.right-addon input { padding-right: 35px; }
.inner-addon.appended input{ border-top-right-radius:0px; border-bottom-right-radius:0px;}
.inner-addon.prepended input{ border-top-left-radius:0px; border-bottom-left-radius:0px;}
/*
input[type=submit] {
  
  display: block;
  margin-bottom: 10px;
  position: relative;
}
*/
.main input[type=text], 
.main input[type=password], 
.main input[type=email], 
.main input[type=number] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.main input[type=text]:hover, 
.main input[type=password]:hover, 
.main input[type=email]:hover, 
.main input[type=number]:hover,
.main textarea:hover,
.main input[type=text]:focus, 
.main input[type=password]:focus, 
.main input[type=email]:focus, 
.main input[type=number]:focus, 
.main textarea:focus  {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
input[name=text].form-control{
	border-top-left-radius:3px !important;
	border-bottom-left-radius:3px !important;
}
input[type=checkbox]+label,
input[type=radio]+label{
	cursor:pointer;
}
.steam-badge{
	display:flex;
	width:100%;
	overflow:hidden;
	min-height:74px;
	/*min-width:15em;*/
	position:relative;
	margin:0px;
	padding:0px;
	color:white;
	background-color:#1b2838;
	background-image:url('/images/steam/main.png');
	background-position:bottom right;
	background-size:48px 48px;
	background-repeat:no-repeat;
	text-shadow:
		1px 0px 0px rgba(0,0,0,0.75),
		0px 1px 1px rgba(0,0,0,0.75),
		-1px 0px 0px rgba(0,0,0,0.75),
		0px -1px 1px rgba(0,0,0,0.75);
}
.steam-badge .steam-badge-body{
	display:block;
	clear:both;
	padding:5px;
}
.steam-badge a{
	color:lightgrey;
}
.steam-badge:after{
	content:" ";
	position:absolute;
	clear:both;
}
.steam-badge .steam-since{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	padding:0px 1px;
	font-size:8px;
}
.steam-badge .steam-status{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	padding:0px 1px;
	font-size:10px;
}
.steam-badge .steam-name{
	padding:3px;
	display:block;
	font-size:18px;
}
.steam-badge .steam-id{
	display:block;
	font-size:10px;
}
.steam-badge .steam-avatar{
	width:64px;
	margin:5px;
	overflow:hidden;
	display:inline-block;
	float:left;
}
.steam-badge.small-badge{
	max-width:250px;
}
.steam-badge.large-badge{
	padding-bottom:15px;
}
.steam-badge .steam-info{
	width:calc(100% - 94px);
	overflow:hidden;
	display:inline-block;
	margin:5px;
	float:left;
}

.steam-badge .steam-badge-overlay{
	-webkit-transition: left 0.5s; /* Safari */
	transition: left 0.5s;
	width:100%;
	height:100%;
	position:absolute;
	margin:0;
	padding:5px;
	top:0;
	left:100%;
	background-color:rgba(0,0,0,0.75);
	font-size:10px;
}
.steam-badge:hover .steam-badge-overlay{
	left:72px;
}
/*
#mainbody a{
	text-decoration:underline;
	color:rgba(0,0,0,1);
}
#mainbody a:hover{
	color:rgba(0,0,0,0.75);
}
#mainbody a:active,
#mainbody a:focus{
	color:rgba(0,0,0,0.75);
}
*/
.input-group-text-uni{
	width:100px;
}
.input-group-text-uni.med{
	width:50px;
}
.input-group-text-uni.sm{
	width:25px;
}
.bs-btn-icon{
	line-height:20px;
	vertical-align:middle;
	background-size: cover;
	display: inline-block;
	height: 20px;
	width: 20px;	
}

.steam-btn-icon{
    background-image : url('/images/steam/main.png');
	border-radius:20px;
	box-shadow:0px 0px 1px rgba(0,0,0,0.75);
}
.steamworkshop-btn-icon{
	width: 40px;
    background-image : url('/images/steam/workshop.jpg');	 
}
.nav-avatar{
	height:24px;
	width:24px;
	margin:-6px 5px -6px 0px;
}
.btn-color-main-1{
	background-color:rgba(255,255,255,0.75) !important;
	color:black !important;
	box-shadow:
		 1px 0px 0px rgba(0,0,0,0.75), -1px 0px 0px rgba(0,0,0,0.75), 0px 1px 0px rgba(0,0,0,0.75), 0px -1px 0px rgba(0,0,0,0.75),
		inset 1px 0px 0px rgba(0,0,0,0.75),inset -1px 0px 0px rgba(0,0,0,0.75),inset 0px 1px 0px rgba(0,0,0,0.75),inset 0px -1px 0px rgba(0,0,0,0.75);
}
.righty{float:right;}
#top-navbar{
}
#top-navbar,
#sticky-navbar{
	position:relative;
	left:0;
	right:0;
	max-width:100vw !important;
	/*height:60px !important;max-height:60px !important;min-height:60px !important;min-width:100%;*/
}

#sticky-navbar{
	
	/*
	top:60px;
	position:absolute;
	left:0;
	right:0;
	*/
}
.nav-search{
	margin-bottom:0 !important;
}
nav{z-index:51;}
.navbar{
	z-index:101;
}
#mainbody{	
	max-width:100vw !important;
	overflow-x:hidden;
	overflow-y:auto;
}
.main{
	position:relative;
	
	/*height:auto;*/
	min-height:calc(100vh - 415px);
	display:block;
	
	padding:0 0 0 0;
	margin:0px auto 0 auto;
	max-width:100vw !important;
	/*
    -webkit-transition: all 0.5s linear;
    transition        : all 0.5s linear;
    -moz-transition   : all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition     : all 0.5s linear;
	*/
}
.outerwrap{
	padding:0;
	margin:0 auto;
	height:100%;
	/*min-height:calc(100vh - 345px);*/
	position:relative;
	display:block;
	/*background-color:black;*/
}
.modal-message{
	z-index:1000000 !important;
}
/*
.container{
	width:calc(100vw - 20px);
	margin:0 auto;
	padding:0;
	display:table-row;
}
*/
.main .vh-container{
	position:relative;
	height:auto;
	min-height:calc(100vh - 60px);
	max-height:auto;
	margin:0 auto;
	padding:0;
	background-size:100%;
	background-repeat:no-repeat;
	background-attachment:fixed;	
	background-position:top -150px;
	display:block;
}
.main .vh-container.full{
	height:calc(100vh - 60px) !important;	
	max-height:calc(100vh - 60px) !important;
	min-height:calc(100vh - 60px) !important;	
	overflow:hidden;
}
.main .vh-container.half{
	height:calc(50vh - 60px) !important;	
	max-height:calc(50vh - 60px) !important;	
	min-height:225px !important;	
	overflow:auto;	
}
.main .vh-container.quarter{
	height:calc(25vh - 60px) !important;	
	max-height:calc(25vh - 60px) !important;	
	min-height:225px !important;	
	overflow:auto;
}
.main .vh-container.threequarter{
	height:calc(75vh - 60px) !important;	
	max-height:calc(75vh - 60px) !important;	
	min-height:225px !important;	
	overflow:auto;	
}
.main .top-container{
	height:calc(100vh - 120px) !important;	
	max-height:calc(100vh - 120px) !important;
	min-height:225px !important;	
	overflow:auto;	
}
.main .top-container.full{
	height:calc(100vh - 120px) !important;	
	max-height:calc(100vh - 120px) !important;
	min-height:calc(100vh - 120px) !important;		
	overflow:auto;	
}
.main .top-container.half{
	height:calc(50vh - 120px) !important;	
	max-height:calc(50vh - 120px) !important;	
	min-height:225px !important;	
	overflow:auto;	
}
.main .top-container.quarter{
	height:calc(25vh - 120px) !important;	
	max-height:calc(25vh - 120px) !important;	
	min-height:225px !important;	
	overflow:auto;
}
.main .top-container.threequarter{
	height:calc(75vh - 120px) !important;	
	max-height:calc(75vh - 120px) !important;	
	min-height:225px !important;	
	overflow:auto;	
}
/*
.vh-container::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.0);
}
*/
.outerwrap > .vh-container:nth-child(odd){
	background-color:rgb(35,35,35);
	color:white;
}
body .vh-container.white{
	background-color:rgb(255,255,255) !important;
	color:black !important;
}
.vh-container.shrink{
	height:200px;
}
.top-container .title,.top-container .sub-title{
	display:block;
	position:relative;
	color:rgb(245,245,245);
	text-shadow:1px 0px 0px rgba(150,150,150,0.75),0px 2px 2px rgba(0,0,0,0.75),-1px 0px 0px rgba(150,150,150,0.75),0px -1px 0px rgba(225,225,225,0.75);
}
.bold-content{
	padding:10px;
	background-color:rgba(0,0,0,0.75);
	/*border-radius:3px;*/
	color:white;
	margin:10px auto;
}
.outerwrap > .vh-container:nth-child(odd) .bold-content{
	padding:10px;
	background-color:rgba(255,255,255,0.75);
	/*border-radius:3px;*/
	color:black;
}
.title{
	top:125px;
}
.sub-title{
	top:175px;
}
.vh-container.top-container.quarter .title{
	top:20px;
}
.vh-container.top-container.quarter .sub-title{
	top:60px;
}
.vh-container.top-container.half .title{
	top:55px;
}
.vh-container.top-container.half .sub-title{
	top:95px;
}
.vh-container.top-container.threequarter .title{
	top:70px;
}
.vh-container.top-container.threequarter .sub-title{
	top:110px;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	/*.content{width:630px !important;}*/
	.navbar-collapse { width: 100% !important; }
}

.sub-title{
	text-indent:50px;
	font-style: italic;
}
.innerwrap{
	margin:0 auto;
	max-width:900px;
	height:100%;
	padding:0px;
	display:block;
	vertical-align:middle;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.top-header{
	height:100px;
	width:100%;	
	display:block;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.top-header.main{
	height:200px;
}
.top-header.main h1{
	line-height:160px;
}
/*
.content{
	margin:0 auto;
	width:1200px;
	display:block;
	padding:0px 20px;
}
@media (max-width: 1200px) {
	.content{
		width:auto;
	}
}
@media (max-width: 1024px) {
	.main .vh-container{
		background-size:auto;
		background-position:top center;
	}
	.sub-title{
		font-size:18px;
	}
	.content{
		width:auto;
	}
}
@media (max-width: 1024px) {
	#top-navbar input[type=text]{width:145px;}
}
*/
/*
@media (max-width: 1024px) {
	.main .vh-container{
		background-size:auto;
		background-position:top center;
	}
}
@media (max-width: 900px) {
	.container, .content, header, footer{
		width:100vw !important;
	}
	.vh-container{
		background-size:auto;
		background-position:top center;
	}
	.vh-content{
		min-width:100% !important;
	}	
}
*/

header{
	position:relative;
	display:block;
	padding:0;
	margin:0;	
}
main{
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:10px 0px;
	position:relative;
	min-height:calc(100vh - 363.5px);
	
	background-image:url('/images/wall/ark.jpg');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
}
footer{
	display:block;
	/*
	width:100% !important;
	min-height: auto !important;
	height: auto !important;
	*/
	padding:0;
	margin:0;
	position:relative;	
}
.server-tile{
	width:350px;
	overflow:hidden;
}
.server-tile > a h6{
	background-color:rgb(255,255,255);
}
.server-tile > a:hover{
	text-decoration:none;
}
.server-tile > a:hover h6{
	color:rgb(150,150,150);
}
.server-tile > a .inner-tile{
	position:relative;
	height:185px;
	padding:2px;
	margin:1px;
}
.preview-img{
	width: 100%;
}
.preview-img,
.server-tile > a .inner-tile{
	background-color:rgb(200,200,200);	
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.server-tile > a .inner-tile p{
	position:absolute;
	background-color:rgba(255,255,255,0.05);
	min-height:calc(100% - 4px);
	opacity:0;
	top:100%;
	height:calc(100% - 4px);
	width:calc(100% - 4px);
}
.server-tile > a:hover .inner-tile p{
	background-color:rgba(255,255,255,0.75);
	opacity:1;
	top:2px;
}
.tile{
	width:calc(25% - 15px);
	min-width:125px;
	padding:0px;
	margin:5px;
	display:inline-block;
	/*height:calc(50% - 15px);*/
	height:250px;
	background-color:white;
	vertical-align:top;
	
	background-color:rgb(200,200,200);
}
.banner{
	width:calc(100% - 10px);
	padding:0px;
	margin:5px;
	display:block;
	/*height:calc(50% - 15px);*/
	height:250px;
	background-color:white;
	vertical-align:top;
	
	background-color:rgb(200,200,200);
}
.tile .tileoverlay,
.banner .tileoverlay{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.innercontent{
	padding:0px;
	display:block;
	height:100%;
	/*background-color:white;*/
}
/*
.container:nth-child(even){
	background-color:grey;
}
*/
.sitelogo{
	height:96px;
	width:96px;
	margin:0px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	
	background-image:url(images/shaiyacon.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	
    -webkit-transition: all 0.25s linear;
    transition        : all 0.25s linear;
    -moz-transition   : all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition     : all 0.25s linear;
	
}
.sitelogo.tiny{
	height:32px;
	width:32px;
	margin:0px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	
	background-image:url(images/shaiyacon.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	
}

nav .sitelogo{
	background-color:rgb(35,35,35);
	border-radius:5px;
}
.navbar-brand .sitelogo{
	background-color:rgb(35,35,35);
}
.navbar-brand:hover .sitelogo{
	background-color:rgb(105,105,105);
}
.sitelogo a{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	border:none;
	color:inherit;
	text-decoration:none;
}

.imglogo{
	height:100px;
	width:100px;
	margin:10px;
	display:inline-block;
	vertical-align:middle;
	
	background-image:url(images/icon/icon.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	
	background-color:rgb(100,100,100);
}

.blur-on {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


.offline{
	color:rgb(255,0,0);	
}
.online{
	color:rgb(0,255,0);
}

.error{
	color:rgb(255,0,0);
}
.success{
	color:rgb(0,255,0);
}
.country-flag{
	position:relative;
	height:14px;
	width:26px;
	border:1px groove rgba(0,0,0,0.5);
	margin:-7px 1px 0px 1px;
	display:inline-block;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 3px 2px rgba(0,0,0,0.5);
	vertical-align:middle;
}
#captcha{
	position:relative;
	display:inline-block;
	width:256px;
	height:58px;
	line-height:58px;
}
#captcha img{
	position:relative;
	display:inline-block;
	border-radius:5px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5). inset 0px 0px 5px rgba(0,0,0,0.5);
	margin:5px 5px 0px 5px;
	border:1px groove rgba(150,150,150,1);
	background-color:rgba(255,255,255,1);
}
#captcha-refresh{
	cursor:pointer;
	text-align:center;
	font-size:24px;
	height:60px;
	line-height:60px;
	width:60px;
	float:right;
}
#captcha-refresh:hover{
	color:rgb(91,91,91);
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}

/* /////////////////////////////////
		Selectbox Replacement
///////////////////////////////// */

.selectbox{
	padding:0;
	margin:0px 0px;
	display:block;
	position:relative;
	top:0px;
	vertical-align:middle;
	width: 100%;
	/*line-height:44px;*/
	background-color:white;
	border-radius:0px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
	box-sizing: border-box;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
	
	/*top:50%; margin-bottom:-50%; transform:translate(0%,-50%);*/
}

nav .selectbox{
	height:40px;
	line-height:36px;
	border-radius:3px;
}
.selectbox-modal{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100vh;
	width:100vw;
	background-color:rgba(0,0,0,0.25);
	display:block;
	z-index:4999;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	
}
.selectbox-value{
	opacity:0;
	/*
	height:20px;
	width:175px;
	*/
	display:block;
	position:absolute;
	width:100%;
    /*padding: 11px 20px;*/
	/*padding:.375rem .75rem;*/
	text-indent:5px;
    border: none;
    border-bottom: 1px solid #404040;
     border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    transition: .3s border, .3s color;
    background: none;
    color: inherit;
	background-color:white;
}
a.selectbox-text{
	margin:0;
	top:0px;
	left:0;
	height:100%;
	bottom:0px;
	right:1px;
	display:block;
	position:relative;
	text-indent:5px;
	cursor:pointer;
	text-align:left;
	background-color:transparent;
	/*width:calc(100% - 11px) !important;*/
    /*padding: 11px 70px 11px 20px;*/
	padding:.400rem .75rem;
    /*line-height: 1.2;*/
    border-radius: 0;
    border: none;
    /*border-bottom: 1px solid #404040;*/
    transition: .3s border, .3s color;
    background: none;
    color: inherit;
	
	/*
	height:calc(32px);
	line-height:calc(32px - 4px);
	border-bottom:1px solid rgba(51,51,51,1);
	background:none;
	background-color:rgba(31,31,31,0.75);
	border-radius:3px;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.75), 0px 2px 2px rgba(0,0,0,0.5);
	*/
}

nav a.selectbox-text{
    line-height: 1;
}
a.selectbox-text::before{
    content: '';
    position: absolute;
    right: 5px;
    top: calc(50% - 1.5px);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    clear: both;
}
a.selectbox-text span{
	/*color:rgb(0,0,0);*/
}

a.selectbox-text:hover{
	text-decoration:none;
}
a.selectbox-text:hover::before{
    border-top: 5px solid #666666;
}
ul.selectbox-replace{
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	background-color:rgba(31,31,31,1);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.5), 0px 0px 1px rgba(0,0,0,0.5), 0px 2px 4px rgba(0,0,0,0.5);
	list-style:none;
	position:absolute;
	border:none;
	display:inline-block;
	opacity:0;
	visibility:hidden;
	min-width:calc(175px - 2px);
	padding:1px;
	margin:0;
	z-index:500;
	top:50%;
	left:50%;
	/*transform:translate(0%, -50%);*/
	border-radius:3px;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:350px !important;
	background-color:white;
}

ul.selectbox-replace.androidstyle{
	max-height:100vh;
	overflow-x:auto;
}
ul.selectbox-replace.show-selectbox{
	z-index:5000;
	opacity:1;
	visibility:visible;
	display:inline-block;
	border:none;
	/*transform:translate(0%, 0%);*/
}
ul.selectbox-replace.androidstyle,
ul.selectbox-replace.show-selectbox.androidstyle{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
ul.selectbox-replace.androidstyle{
	min-width:375px;
	max-width:calc(100vw - 10px);
	max-height:calc(100vh - 10px);
	overflow-x:hidden;
	overflow-y:auto;
}
ul.selectbox-replace.androidstyle.full-droid{
	min-width:calc(100vw - 10px);
}
ul.selectbox-replace.fullselect.androidstyle{
	min-width:calc(100vw - 30px);
	min-height:calc(100vh - 30px);
}
ul.selectbox-replace li.selectbox-optiongroup{	
	background-color:transparent;
	text-indent:2px;
	display:block;
	width:100%;
	padding:0;
	color:black;
	font-weight:bold;
	font-size:14px;
    padding: 11px 12px;
}
ul.selectbox-replace li.selectbox-option{
	text-indent:5px;
	background-color:transparent;
	position:relative;
	display:block;
	margin:0;
	padding:0;
    padding: 10px 20px;
	color:black;
	cursor:pointer;
	text-align:left;
	padding:.400rem .75rem;
}
ul.selectbox-replace li.selectbox-option:hover{
	/*background-color:rgba(51,51,51,1);*/
	/*box-shadow: 0px -2px 2px rgba(100,100,255,0.75), 0px 2px 2px rgba(100,100,255,0.75);*/
	color:grey;
}

ul.selectbox-replace li.selectbox-option:not(:last-child){
	border-bottom:0.02em solid rgba(0,0,0,0.5);
}
ul.selectbox-replace li.selectbox-option{
    padding: 11px 20px;
	padding:.400rem .75rem;
}
.selectbox-value.small,
.selectbox-value.small ~ a.selectbox-text,
ul.selectbox-replace.small{
	width:125px;
}
.selectbox.small{
	width:auto;
}
.selectbox-value.tiny,
.selectbox-value.tiny ~ a.selectbox-text,
ul.selectbox-replace.tiny{
	width:75px;
}
.selectbox.tiny{
	width:auto;
}

ul.selectbox-replace.tiny li.selectbox-option,
.selectbox-value.tiny ~ a.selectbox-text{
	
    padding: 5px 20px;
	padding:.400rem .75rem;
}
.search .selectbox{
	width: calc(100%);
	margin:0 auto;
	font-size:5rem;
}
.search a.selectbox-text::before{
    content: '';
    position: absolute;
    right: 5px;
    top: calc(50% - 1.5px);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FFFFFF;
    clear: both;
}
.selectbox:hover a.selectbox-text,
.selectbox.show-selectbox a.selectbox-text:focus,
.selectbox.show-selectbox a.selectbox-text:active,
.selectbox.show-selectbox  a.selectbox-text{
	/*border-bottom: 1px solid #fff;*/
}

ul.selectbox-replace.androidstyle li.selectbox-option:not(.disabled):after{
	content:"";
	position:absolute;
	height:12px;
	width:12px;
	top:50%;
	right:5px;
	border:1px solid grey;
	transform:translate( 0%, -50%);
	border-radius:12px;
	background-color:rgb(255,255,255,1);
}
ul.selectbox-replace.androidstyle li.selectbox-option:not(.disabled):hover:after{
	background-color:#007bff;
}
ul.selectbox-replace.androidstyle li.selectbox-option.selected:not(.disabled):hover:after,
ul.selectbox-replace.androidstyle li.selectbox-option.selected:not(.disabled):after{
	background-color:#007bff;
	border:1px solid white;
}
ul.selectbox-replace li.selectbox-option.disabled{
	color:rgb(170,170,170);
	background-color:rgb(200,200,200);
	cursor:default;
	/*background-color:rgba(100,100,255,0.5);
	box-shadow: 0px -2px 2px rgba(100,100,255,0.75), 0px 2px 2px rgba(100,100,255,0.75);
	*/
}
.bg-disabled{
	background-color:rgba(190,190,190,1);
}
/* Bootstrap Input Group Styles  */

.form-group .selectbox,
.input-group .selectbox{
    border-radius: .25rem;
}
.form-group .selectbox:last-child,
.input-group .selectbox:last-child{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-group .selectbox:not(:last-child),
.input-group .selectbox:not(:last-child){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-group .selectbox,
.input-group .selectbox{
	position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.show-selectbox{
	box-shadow:2px 0px 2px #80bdff,0px 2px 2px #80bdff,-2px 0px 2px #80bdff,0px -2px 2px #80bdff;
}

@media only screen and (max-width: 600px) { 
	ul.selectbox-replace.androidstyle{		
		min-width:calc(100vw - 30px);
		min-height:calc(100vh - 30px);
	}
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class 
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption 
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element 
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/* ////////////////// 
	File Tree CSS 
////////////////// */
.tree{
  margin-top: 10px;
  padding:10px;
}
.tree [class^=icon-]{
  text-shadow:
	1px 0px 0px rgba(0,0,0,0.5),
	0px 1px 0px rgba(0,0,0,0.5),
	-1px 0px 0px rgba(0,0,0,0.5),
	0px -1px 0px rgba(0,0,0,0.5);
}
.tree ul{
    list-style: none;
    padding-left: 5px;
	margin:0;
}
.tree ul li{
	margin:0;
	height:auto;
      padding:0 0 0 16px;
      position: relative;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
}
.tree ul li:before{
        content: '';
        height: 1px;
        width: 10px;
        background-color: #333;
        position: absolute;
        top: 10px;
        left: 0;
        margin: auto;
}
.tree ul li:after{
        content:'';
        width: 1px;
        height: 100%;
        background-color: #333;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
}
.tree ul li:last-child:after{
          height: 10px;
}

.accstatus-0{color:rgb(0,205,0);}
.accstatus-48{color:rgb(255,100,255);}
.accstatus-32{color:rgb(100,100,255);}
.accstatus-16{color:rgb(255,0,0);}


/*---------------------------
  Element Pagination
 ----------------------------*/
.pagination {
    display: block;
	width:100%;
}
.pagination::after {
	content:"";
	clear:both;
	position:absolute;
	top:0;
	left:0;
}

.pagination .pagination-prev,
.pagination .pagination-next {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    min-height: 65px;
    padding: 17px 0;
    color: inherit;
    text-decoration: none;
}

.pagination .pagination-prev.disabled,
.pagination .pagination-next.disabled {
    opacity: 0.2;
    cursor: default;
    pointer-events: none;
}

.pagination .pagination-prev .icon-arrow-right,
.pagination .pagination-prev .icon-arrow-left,
.pagination .pagination-next .icon-arrow-right,
.pagination .pagination-next .icon-arrow-left {
    position: absolute;
    top: 22px;
}

.pagination .pagination-prev .icon-arrow-right,
.pagination .pagination-next .icon-arrow-right {
    right: 0;
}

.pagination .pagination-prev .icon-arrow-left,
.pagination .pagination-next .icon-arrow-left {
    left: 0;
}

.pagination .pagination-prev {
    float: left;
    text-align: left;
    padding-left: 25px;
}

.pagination .pagination-next {
    float: right;
    text-align: right;
    padding-right: 25px;
}

.pagination nav {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.pagination nav > * {
    display: inline-block;
    padding: 9px;
}

.pagination nav > *.pagination-current, .pagination nav > *.pagination-current-white {
    width: 34px;
    height: 34px;
    line-height: 22px;
    border-radius: 17px;
    padding: 6px;
    background-color: #0e0e0e;
    color: #fff !important;
}

.pagination nav > *.pagination-current:hover, .pagination nav > *.pagination-current-white:hover {
    opacity: 1;
}

.pagination nav > *.pagination-current-white {
    background-color: #fff;
    color: #0e0e0e;
}

.pagination nav a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s opacity;
            transition: .3s opacity;
}

.pagination a{
	vertical-align:middle;
	text-decoration:none;
	color:inherit;
}
.pagination nav a:hover {
    opacity: 0.6;
}

.pagination.pagination-center .pagination-prev,
.pagination.pagination-center .pagination-next, .pagination.pagination-left .pagination-prev,
.pagination.pagination-left .pagination-next, .pagination.pagination-right .pagination-prev,
.pagination.pagination-right .pagination-next {
    float: none;
}

.pagination.pagination-center {
    text-align: center;
}

.pagination.pagination-left {
    text-align: left;
}

.pagination.pagination-right {
    text-align: right;
}

.pagination a[disabled=disabled],
.pagination a.first.disabled,
.pagination a.last.disabled,
.pagination .disabled,
.pagination .ellips{
	box-shadow:none;
	cursor:default;
	color:inherit;
	background-color:transparent;
}
.pagination .pagination-current-white{
	text-shadow:none;
}
.modal-backdrop {
  opacity:0.25 !important;
}
.modal.full{
	width:100%;
}
.modal.full .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
}
.modal.full .modal-content {
    height: 100% !important;
    min-height: 100% !important;
    height: auto;
    border-radius: 0;
}
@media (min-width: 576px){
	.modal.full .modal-dialog {
		max-width: 100% !important;
		margin: 0 auto !important;
	}
}
.modal.centered-modal .modal-dialog {
	top:50%;
	left:0%;
	margin:0 auto;
	transform:translate(0%, -50%);
	
}
.btn-cancel{
	float:left;
}
/*
.centered-modal .modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; 
}

.centered-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
*/
/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 900px;
  width: 100% !important;
  margin: 0 auto;
  position:relative;
  /*
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  */
  border-radius: 2px;
  /*overflow: hidden;*/
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], 
.loginmodal-container input[type=password], 
.loginmodal-container input[type=email], 
.loginmodal-container input[type=number] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, 
.loginmodal-container input[type=password]:hover, 
.loginmodal-container input[type=email]:hover, 
.loginmodal-container input[type=number]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  /*height: 36px;*/
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  /*background-color: #4d90fe;*/
  padding: 17px 0px;
  font-family: roboto;
  font-size: 18px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
  margin: 0px 6px !important;
} 

.login-help{
  font-size: 12px;
}


.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

.modal.full-size {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.full-size .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0;
}

.full-size .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*border: 2px solid #3c7dcf;*/
  border-radius: 0;
  box-shadow: none;
}

.full-size .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  /*background: #6598d9;*/
  border: 0;
}

.full-size .modal-title {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}

.full-size .modal-body {
  position: absolute;
  top: 50px;
  bottom: 60px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}

.full-size .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  /*background: #f1f3f5;*/
}
.notice-cnt{
	position:absolute;
	border-radius:3px;
	line-height:14px;
	top:20px;
	margin-left:-10px;
	height:16px;
	width:16px;	
	text-align:center;
	overflow:hidden;
	font-size:10px;
	color:black;
	font-weight:bolder;
	background-color:rgba(255,255,0,0.75);
	border:1px solid rgb(0,0,0);
	/*
	text-shadow:
		1px 0px 0px rgba(0,0,0,0.75),
		0px 1px 0px rgba(0,0,0,0.75),
		-1px 0px 0px rgba(0,0,0,0.75),
		0px -1px 0px rgba(0,0,0,0.75);
	*/
}
/*
.notice-cnt:before{
	content:"";
	left:0; top:0;
	position:absolute;
	height:100%;
	width:100%;	
	background-color:rgba(255,255,0,0.75);
}
*/
/*
.testimonial{
	border-bottom:1px solid rgb(0,0,0);
}
.testimonial .avatar{
	height:36px;
	width:36px;
	line-height:36px;
	display:inline-block;
	text-align:center;
	vertical-align:center;
	border-radius:36px;
	border:1px solid grey;
}
.testimonial-subrating{
	font-size:14px;
}
.testimonial-subrating .col-md-4:first-child{
	border-right:1px solid rgb(0,0,0);
}
*/
	.cuadro_intro_hover{
        padding: 0px;
		position: relative;
		overflow: hidden;
		height: 200px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(0,0,0,0.7);
		height: 200px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}
.error-template {padding: 40px 15px; text-align: center;}
.error-actions {margin-top:15px; margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }

.reCaptcha_msg iframe{border:1px solid rgba(0,0,0,0); border-radius:3px;}
.reCaptcha_msg.has-danger iframe{ border:1px solid red; }
.reCaptcha_msg.has-success iframe{ border:1px solid green; }
.form-group{position:relative;}
.help-block{
	position:absolute;
	top:0;
	right:0;
}
.modal_inneroverlay{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.75);
	opacity:0.5;
	z-index:500000;
}

@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

pre{padding:10px; white-space: normal; background-color:white; overflow-wrap: break-word; word-wrap: break-word; display:block;}
.show-selectbox{
	box-shadow:2px 0px 2px #80bdff,0px 2px 2px #80bdff,-2px 0px 2px #80bdff,0px -2px 2px #80bdff;
}

.form-heading { color:#fff; font-size:23px;}
.panel h2{ color:#444444; font-size:18px; margin:0 0 8px 0;}
.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px;}
.login-form .form-control {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}
.main-div {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 2px;
  margin: 10px auto 30px;
  max-width: 38%;
  padding: 50px 70px 70px 71px;
}

.login-form .form-group {
  margin-bottom:10px;
}
.login-form{ text-align:center;}
.forgot a {
  color: #777777;
  font-size: 14px;
  text-decoration: underline;
}
.login-form  .btn.btn-primary {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.forgot {
  text-align: left; margin-bottom:30px;
}
.botto-text {
  color: #ffffff;
  font-size: 14px;
  margin: auto;
}
.login-form .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}
.back { text-align: left; margin-top:10px;}
.back a {color: #444444; font-size: 13px;text-decoration: none;}
.modal.full{
	min-width:100%;
}
.modal.large .modal-dialog{
	min-width:1000px;
}
.modal.medium .modal-dialog{
	min-width:500px;
}
.modal-header.has-menu{
	padding-bottom:0;
}
.steamworkshop {
	width:100%;
	padding:0 38px 0 0;
	margin:0;
	position:relative;
	color:#FFFFFF;
}
.steamworkshop:hover {
	color:#FFFFFF;
}
.steamworkshop .swlogo{
	display:inline-block;
	position:relative;
	height:32px;
	width:32px;
	top:50%;
	right:4px;
	transform:translate(0%, -50%);
	background-image:url('/images/steam/workshop.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	overflow:none;
}
.preloader.steam{
	background-color:#1b2838;
}
.preloader .img{
	position:absolute;
	left:50%;
	transform:translate(-50%, 0%);
	height:256px;
	width:256px;
	background-image:url(/images/ark_logo_2018.png);
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.preloader.steam .img{
	height:256px;
	width:256px;
	background-image:url(/images/steam/main.png);
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.bb_h1{
	font-weight:bold;
	font-size:18px;
}
.bb_code{
	padding:10px;
	border:1px solid #000;
	max-width:100%;
    word-wrap: break-word;
}
ol li{
	max-width:100%;
    word-wrap: break-word;	
}
.content_container{
	max-width:100%;
    word-wrap: break-word;		
}
btn-primary a{color:white;}