/*==============================================
[Green color stylesheet green.css]

Author:	SINDEVO.COM - Smart Internet Development
Template:	Biotic - Mobile Web APP Template
================================================*/

/*===============================================*/
/* MAIN COLOR */
/*===============================================*/	
a, blockquote span {
color: #9a9f18;
font-weight:bold !important;
}
a.button_full, a.button_small, .call_button a{
background-color:#9a9f18; 
}
.logo h2{
color:#DFE1E3;
font-famly:Lato;
}
h2.page_title{
border-bottom:3px #9a9f18 solid;
}
#loadMore img{
background-color:#9a9f18;
}
#pages_maincontent h3{
color:#9a9f18;
}
.post_date, #loadMore{
color:#9a9f18;
}
.contactform input.form_submit, .loginform input.form_submit, .commentform input.form_submit{ 
background-color:#839109;
}
.ui-page-theme-b .ui-btn.ui-btn-active, html .ui-bar-b .ui-btn.ui-btn-active, html .ui-body-b .ui-btn.ui-btn-active, html body .ui-group-theme-b .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-b.ui-btn-active, .ui-page-theme-b .ui-checkbox-on::after, html .ui-bar-b .ui-checkbox-on::after, html .ui-body-b .ui-checkbox-on::after, html body .ui-group-theme-b .ui-checkbox-on::after, .ui-btn.ui-checkbox-on.ui-btn-b::after, .ui-page-theme-b .ui-flipswitch-active, html .ui-bar-b .ui-flipswitch-active, html .ui-body-b .ui-flipswitch-active, html body .ui-group-theme-b .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active, .ui-page-theme-b .ui-slider-track .ui-btn-active, html .ui-bar-b .ui-slider-track .ui-btn-active, html .ui-body-b .ui-slider-track .ui-btn-active, html body .ui-group-theme-b .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-b .ui-btn-active {
    background-color: #9a9f18;
    border-color: #9a9f18;
    color: #FFF;
    text-shadow: 0px 1px 0px #9a9f18;
}
.slide_info{
color:#cacf3c;
}
/* Page and overlay */
.ui-overlay-a{
background-color:#fff;
}
#homepage,
#homepage .ui-panel-wrapper {
	background-color:#080808;
}
.secondarypage,
.secondarypage .ui-panel-wrapper {
	background-color:#fff;
}
/* Navigation Links */
/*
.main-nav ul li:nth-child(1){
background-color:#4E4E4E;
}
.main-nav ul li:nth-child(2){
background-color:#474040;
}
.main-nav ul li:nth-child(3){
background-color:#3C3737;
}
.main-nav ul li:nth-child(4){
background-color:#2B2B2B;
}
.main-nav ul li:nth-child(5){
background-color:#282626;
}
.main-nav ul li:nth-child(6){
background-color:#1D1414;
}
.main-nav ul li:nth-child(7){
background-color:#0F0A0A;
}
.main-nav ul li:nth-child(8){
background-color:#201E1E;
}
.main-nav ul li:nth-child(9){
background-color:#201E1E;
}
.main-nav ul li:nth-child(10){
background-color:#666b18;
}
.main-nav ul li:nth-child(11){
background-color:#5d6214;
}
.main-nav ul li:nth-child(12){
background-color:#4f530f;
}
.main-nav ul li:nth-child(13){
background-color:#42450c;
}
.main-nav ul li:nth-child(14){
background-color:#3a3d0a;
}
.main-nav ul li:nth-child(15){
background-color:#333507;
}
.main-nav ul li:nth-child(16){
background-color:#2e3005;
}
.main-nav ul li:nth-child(17){
background-color:#2b2d04;
}
.main-nav ul li:nth-child(18){
background-color:#242603;
}
.main-nav ul li:nth-child(19){
background-color:#1d1f02;
}
.main-nav ul li:nth-child(20){
background-color:#181901;
}
*/
.main-nav ul li{
	background-color:#282828;
}
.main-nav ul li a, .main-nav ul li a:visited, .main-nav ul li a:hover{
color:#fff;
}
/* Pages Header BG */
.ui-bar-b,
.ui-page-theme-b .ui-bar-inherit,
html .ui-bar-b .ui-bar-inherit,
html .ui-body-b .ui-bar-inherit,
html body .ui-group-theme-b .ui-bar-inherit {
	background-color: 			#4F4F4F /*{b-bar-background-color}*/;
	color: 					white /*{b-bar-color}*/;
	font-family:Lato;
}
/*===============================================*/
/* LEFT AND RIGHT SLIDE PANEL */
/*===============================================*/	
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
html .ui-panel-page-container-b {
	background-color: 			#777777 /*{b-body-background-color}*/;
	color: 					#fff /*{b-body-color}*/;
	
	text-shadow: none;
}
.user_details{
background-color:#8E8E8E;
}
.user-nav ul li{
border-bottom:1px #D0D0D0 solid;
color:white !important;
}
body{
	background-color:#D2D2D2;
}
.btn-submit{
	display:block;
	background-color:#6A3735;
	color:white;
	text-align:center;
	padding:10px ;
	margin:15px 0 0;
	cursor:pointer;
	border-radius:5px;
}
.btn-gray{
	display:block;
	background-color:#535353;
	color:white;
	text-align:center;
	padding:10px ;
	margin:15px 0 0;
	cursor:pointer;
	border-radius:5px;
}
.btn-inline{
	display:inline-block;
	float:right;
	padding:5px;
	position:relative;
	top:5px;
}
.btn-login, .btn-register{
	width:100%;
	display:block;
	background-color:#535353;
	color:white;
	text-align:center;
	padding:10px 0;
	margin:15px 0 0;
	cursor:pointer;
	border-radius:5px;
}
.btn-register{
	background-color:#6A3735;
}
.feedback {
	
}
.feedback li{
	font-size:15px;
	color:#D0241F;
	background-color:#F2DEDE;
	border:1px solid #D0241F;
	border-radius:4px;
	padding:5px 10px;
	margin:5px 0;
}
.logo{
	background-color:#080808;
	margin:0;
	padding-top:35%;
	min-height:600px;
}
.container-white{
	background-color:white;
	height:100%;
	padding:0 5% 10%;
	min-height:800px;
	position: relative;
}
.page_title{
	border-bottom:3px solid #4F4F4F !important;
}
.container-table{
	border-bottom:2px solid #B7B7B7;
	padding-bottom:10px;
}
table.table{
	width:100%;
	
}

table.table thead{}
table.table thead tr{}
table.table thead tr th{
	border:1px solid #909090;
}
table.table tbody{}
table.table tbody tr{
	
}
table.table tbody tr:nth-child(even){}
table.table tbody tr td{
	border:1px solid #909090;
	padding:2px 4px;
	height:20px;
	color:black;
}
.bold{
	font-weight:bold;
}
.green{
	color:green !important;
}
.orange{
	color:orange !important;
}
.red{
	color:red !important;
}
.form-control{
	
}
.form-actions{
	margin-top:20px;
	border-top:1px solid #4F4F4F;
	padding-top:10px;
}
.container-article{
	padding-top:10px;
}
.loginform select.form_input{
	appearance:none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ddd;
	margin: 0 0 5px;
	padding: 3%;
	width:100%;
	background-color:white;
	background-image:url(../../images/arrow-down.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 10px) 50%;
}
#loader{
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
	display:none;
	transition:all 0.2s;
}
.ui-input-text input, .ui-input-search input{
	background-color:#ffffff;
	color:#333;
}
.ui-input-text input:-moz-read-only, .ui-input-search:-moz-read-only{
	color:white;
	background-color:#777777;
}
.ui-input-text input:-webkit-read-only, .ui-input-search:-webkit-read-only{
	color:white;
	background-color:#777777;
}
.ui-input-text input:read-only, .ui-input-search:read-only{
	color:white;
	background-color:#777777;
}
.container-info{
	color:black;
	font-size:13px;
}
.container-info .container-white{
	padding-top:10px;
}
.btn.gray{
	padding:5px 20px;
	display:inline-block;
	background-color:#4E4E4E;
	border-radius:4px;
	color:white;
	margin-top:5px;
}
ul.pagination{
	display:block;
	height:20px;
	margin-top:5px;
}
ul.pagination li{
	float:left;
	margin:0 4px;
}

ul.pagination li a{
	color:white;
	padding:4px 12px;
	border-radius:3px;
	display:inline-block;
	background-color:#4F4F4F;
}
ul.pagination li.active a{
	background-color:#ddd;
	color:#222;
}
.link-refresh{
	position:absolute;
	right:20px;
	top:10px;
	cursor:pointer;
}
@keyframes spin{
	0%{transform: rotate(0deg);}
	
	100%{transform:rotate(360deg);}
}
.link-refresh.animate img{
	transition:ease-in-out 1s;
	animation-duration:2s;
	animation-name:spin;
	animation-iteration-count: infinite;
}
.link-refresh img{
	width:30px;
}
.logo-login{
	width:70%;
	display:block;
	margin:0 auto;
	padding-bottom:15px;
}
.content-block-login{
	margin:0;
}
.container-running-text{
	margin-bottom:15px;
}
.container-running-text .running-text{
	color:#F6FF8F;
	text-shadow:1px 1px #000;
	font-weight:bold;
}
.container-language-selector{
	display:block;
	text-align:center;
	margin-bottom:15px;
}
.container-language-selector select{
	-moz-appearance:none;
	-webkit-appearance:none;
	background-color:black;
	border:none;
	color:white;
	background-image:url(../../images/dropdown-arrow.png), url(../../images/dropdown-hover.png);
	background-size:auto auto, 100% 100%;
	background-repeat:no-repeat, no-repeat;
	background-position:95% 50%, 0 0;
	padding:5px 25px;
	cursor:pointer;
}
.container-game{
	display:block;
	margin-bottom:15px;
}
.container-game .game{
	display:inline-block;
	width:19%;
	box-sizing:border-box;
	padding:5px;
}
.container-game .game img{
	width:100%;
}
.loginform{
	border:1px solid #484848;
	padding:20px;
	background-color:#060606;
	border-radius:7px;
	margin-bottom:20px;
}
.loginform .form-group{
	display:block;
	background-color:white;
	border-radius:5px;
	padding:4px 10px;
	box-sizing:border-box;
	margin-bottom:15px;
}
.loginform .form-group label{
	display:inline-block;
	color:black;
	width:31%;
	font-size:14px;
}
.loginform .form-group input{
	display:inline-block;
	width:60%;
	
}
.loginform .form-group select{
	width:60%;
	display:inline-block;
}
.loginform .button-green, .loginform .button-blank{
	margin-bottom:10px;
}
.loginform .button-green{
	background-image:url(../../images/button-green.png);
	display:block;
	background-size:100% 100%;
	color:white;
	text-align:center;
	padding:10px ;
	font-size:18px;
}
.loginform .button-blank{
	color:white;
	display:block;
	font-style:italic;
	text-align:center;
	font-size:18px;
}
.container-button-desktop{
	display:block;
	text-align:center;
}
.container-button-desktop img{
	width:40%;
	max-width:400px;
	cursor:pointer;
}
.container-contact-us{
	display:block;
	text-align:center;
	margin-bottom:15px;
}
.container-contact-us img{
	width:40%;
	max-width:400px;
	cursor:pointer;
}
.footer{
	display:block;
	text-align:center;
	color:white;
	margin:15px 0;
	font-size:15px;
}
.container-text{
	border:1px solid #363636;
	margin: 15px 0;
	padding:15px;
	color:white;
	border-radius:5px;
	font-weight:bold;
}
.container-text .separator{
	margin:15px 0;
	display:block;
}
.container-text span{
	display:block;
	text-align:center;
	margin:2px 0;
}
.container-banner{
	display:block;
	margin:10px auto;
}
.container-banner img{
	width:100%;
}