/* 
 Gwills Wanderer
 gwillswanderer@gmail.com
 Paracletos Ally-Solutions
 www.paraclesolve.com
 30 Nov, 2016
*/
*{
	box-sizing:border-box;
	outline: none;
}

@font-face {
    font-family: 'iwanderer'; 
    src:url(../fonts/artifika/Artifika-Regular.ttf);
	font-weight: normal;
  	font-style: normal;
}

body{
	margin:0;
	padding:0;
	background: #fff url(../app_imgs/aug18/logo.png) no-repeat scroll center;
	min-height: 500px;
}

.roger-body{
	margin:0;
	padding:0;
	background: #fff url(../app_imgs/oct18/brand.png) no-repeat scroll center;
	min-height: 500px;
}

.preloader5 {
   width:72px;
   height:8px;
   display:inline-block;
   padding:10px;
   text-align:left;
   margin-top:8px 50px;
}

.preloader5 span {
   position:absolute;
   display:inline-block;
   width:8px;
   height:8px;
   border-radius:100%;
   background:rgba(255,204,0,1);
   opacity:1;
   -webkit-animation:preloader21 1s linear infinite alternate;
   animation:preloader21 1s linear infinite alternate;
}

.preloader5 span:nth-child(2) {animation-name:preloader22;-webkit-animation-name:preloader22;}
.preloader5 span:nth-child(3) {animation-name:preloader23;-webkit-animation-name:preloader23;}
.preloader5 span:nth-child(4) {animation-name:preloader24;-webkit-animation-name:preloader24;}
.preloader5 span:nth-child(5) {animation-name:preloader25;-webkit-animation-name:preloader25;}


@keyframes preloader21 {
   0% {margin-left:0px;}
   50% {margin-left:64px;}
   100% {margin-left:64px;}
}

@-webkit-keyframes preloader21 {
   0% {margin-left:0px;}
   50% {margin-left:64px;}
   100% {margin-left:64px;}
}

@keyframes preloader22 {
   0% {margin-left:0px;}
   37.5% {margin-left:48px;}
   87.5% {margin-left:48px;}
   100% {margin-left:64px;}
}

@-webkit-keyframes preloader22 {
   0% {margin-left:0px;}
   37.5% {margin-left:48px;}
   87.5% {margin-left:48px;}
   100% {margin-left:64px;}
}

@keyframes preloader23 {
   0% {margin-left:0px;}
   25% {margin-left:32px;}
   75% {margin-left:32px;}
   100% {margin-left:64px;}
}

@-webkit-keyframes preloader23 {
   0% {margin-left:0px;}
   25% {margin-left:32px;}
   75% {margin-left:32px;}
   100% {margin-left:64px;}
}

@keyframes preloader24 {
   0% {margin-left:0px;}
   12.5% {margin-left:16px;}
   62.5% {margin-left:16px;}
   100% {margin-left:64px;}
}

@-webkit-keyframes preloader24 {
   0% {margin-left:0px;}
   12.5% {margin-left:16px;}
   62.5% {margin-left:16px;}
   100% {margin-left:64px;}
}
@keyframes preloader25 {
   0% {margin-left:0px;}
   50% {margin-left:0px;}
   100% {margin-left:64px;}
}
@-webkit-keyframes preloader25 {
   0% {margin-left:0px;}
   50% {margin-left:0px;}
   100% {margin-left:64px;}
}

.parent{
	width:100%;
	margin-top:3em;
	padding:8px 0 0 0;
	overflow:hidden;
}

.parent-identicator{
	width:100%;
}

.parent-poster{
	width:100%;
	padding:100px;
	background: rgba(255,255,255,1) url(../app_imgs/bgstrip.png) no-repeat scroll 0 -200px;
}

.side-panel{
	/*box-shadow:#333333 0 0 5px;*/
	overflow:hidden;
}

@media screen and  (max-width: 990px)
{
	.parent-identicator{
		padding-top: 100px;
		margin-top: 0;
	}
}

.side-panel-nav ul{
	margin:0;
	padding:0;
	background: url(../app_imgs/header-bg.png) no-repeat top rgba(255,255,255,1);
	background-size:cover;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.side-panel-nav ul li{
	padding:3px;
	color:#333;
	margin:5px;
	border-bottom:rgba(153,153,153,1) solid 1px;
	cursor:pointer;	
}

.content-panel{
	width:100%;
	padding:3px;
	padding-right: 12px;
}

.login-box{
	background:#fff url(../app_imgs/gbg.png) no-repeat;
	background-size: cover;
	margin-left:20px;
	margin-right:20px;
	border-radius: 8px;
	text-align: center;
	margin-top: 8%;
	overflow: hidden;
	border: #fff solid 4px;
}

.login-box img{
	border-radius: 6px;
	margin-top: -5px;
}

.login-box i{
	font-size:70px;
	color:#FFFFFF;
}

.notification-panel{
	background-color:rgba(255,255,204, 0.9);
	box-shadow:#333333 5px 8px 10px;
	display:none;
	overflow:hidden;
}

.notification-panel button{
	width:100%;
}

.side-panel ul{
	margin:0;
	padding:0;
	padding-right: 8px;
	list-style:none;
	padding-left: 2px;
}

.side-panel ul li{
	padding:5px;
	min-height:50px;
	margin:4px;	
	background-color:rgba(255,255,204, 0.9);
	margin-left: 0px;
	border-radius: 2px;
}

.side-panel ul li:hover{
	cursor:pointer;
	margin-left: 5px;
}

.side-panel ul li .my-left{
	float:left;
	display:inline;
}

.side-panel ul li div.description{
	font-size:10px;
	color:rgba(0, 0, 0, 1);	
}

.side-panel ul li div.description:hover{
	color:rgba(0,0,0,1);
}
.side-panel ul li strong{
	color:rgba(0,0,0,1);
	font-size:11px;
}

.side-panel ul li .my-left{
	color: blue;
}

.side-panel ul li .my-left:hover{
	color:black;
}

.shout{
	margin:20px;
	padding:10px;
	background-color:rgba(153,0,0,1);
	color:rgba(255,255,255,1);
	font-weight: bold;
	font-size:14px;
}

#network-activity{
	display:none;
}

.stats-bar, .header{
	padding:10px;
	background-color:rgba(255,204,0,1);
	color:rgba(255,255,255,1);
	font-weight:bold;
}

.form-error{
	background:rgba(153,0,0, 0.4);
}

.form-success{
	background:none;
}

.panel{
	box-shadow: #333 0 0 8px;
}

.my-form-control{
	border: #CCCCCC solid 2px;
	border-radius: 0 8px 8px 0;
	padding: 4px;
	width: 100%;
}

/*
 20 April, 2018
*/
.xtra-space{
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: absolute;
	background: rgba(255, 255, 255, 0.97);
	display: none;
	overflow: hidden;
}

.xtra-space div#xtra-space-data-area{
	padding: 10px 20px;
	margin-left: 2em;
	overflow: hidden;
}

.xtra-sapce-back{
	position: fixed;
	top:4em;
	margin: 5px;
	color: #000;
}