/*
 *  Document   : main.css
 *  Author     : pixelcave
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02hds) HEADER
 *      (#m03sns) SIDEBAR/NAVIGATION
 *      (#m04mcs) MAIN CONTENT
 *      (#m05pgs) PAGES
 *      (#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m07hes) HELPERS
 *      (#m08ths) THEMES
 *      (#m09res) RESPONSIVE
 */

/*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/

/* Include Lato font from Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,500,500italic,600,600italic,700,700italic');

/* Preloader */

.preloader {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 99999;
}

.preloader .inner {
    position: fixed;
    top: 20%;
    left: 50%;
    margin: 0 0 0 -50px;
    width: 100px;
    height: 100px;
    text-align: center;
}

.preloader-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #cccccc;
    -webkit-animation: rotateplane .8s infinite ease-in-out;
    animation: rotateplane .8s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    } 50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    } 100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/* Main Structure */
body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454e59;
    background-color: #ffffff;
}

#login-container {
    position: absolute;
    width: 100px;
    top: 20px;
    left: 45%;
    margin-left: -70px;
    z-index: 1000;
}

/* Full Background Image */
img.full-bg {
    min-height: 100%;
    min-width: 1280px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}
#player img{
	position: fixed;
	top: 83%;
	right: -1%;
	bottom: 20px;
	float: right;
	z-index: 100;
}


div.green {
	color: #006400;
	border: 1px solid #006400;
	padding: 5px 5px 5px 65px;
	margin: 3px 0;
	font-weight: 700;
	background: url(../../images/info/success.jpg) left center no-repeat #e3ffde;
}

div.red {
	color: #b40000;
	border: 1px solid #b40000;
	padding: 5px 5px 5px 65px;
	margin: 3px 0;
	font-weight: 700;
	background: url(../../images/info/error.jpg) left center no-repeat #FFDEDE;
}

div.blue {
	color: rgb(0, 0, 0);
	border: 1px solid #1597db;
	padding: 5px 5px 5px 65px;
	margin: 3px 0;
	font-weight: 700;
	background: url(../../images/info/info.png) left center no-repeat rgba(21, 151, 219, 0.16);
}

div.quote {
	padding: 10px;
	margin: 10px 0;
	border: 1px dotted #000;
	background: #FBF9F6;
	color: #000;
}