@charset "utf-8";

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 110px;
  	padding-bottom: 20px;
	background-color:#000;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#C7C7C7;
}
.img-responsive {
	width: 80% !important;
}
.jumbotron {
	background-image: linear-gradient(to bottom, #000 0%, #170000 50%);
}
.jumbotron-bg {
	background-image:url(../content/bg.jpg) !important;
	background-size:cover;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#000000;
}
.main-tipp {
	padding:2rem;
}
.align-items-center {
	margin-top:10rem !important;
}
.navbar-inverse {
    background-color: #000;
	border-color: #323232;
}
#welcome {
	padding-top:20px;
}
.preview_item::before {
	margin-left:0px;
	clear:both;
}
.preview_item {
	overflow:hidden;
	margin-left:20px;
	float:left;
	font-size:.8;
	padding-bottom:25px;
	cursor:pointer;
	width:133px;
	height:150px;
}
.preview_img:hover {
	transition-duration: 0.2s;
	transform: scale(1.3);
}
.app-icon-chat {
	background-image:url('../content/app-icon-chat.png');
}
.app-icon-charge {
	background-image:url('../content/app-icon-charge.png');
}
.app-icon-profile {
	background-image:url('../content/app-icon-profile.png');
}
.app-icon-mailbox {
	background-image:url('../content/app-icon-mailbox.png');
}
.app-icon-mailbox::before {
	display:block;
	content: attr(data-counter);
	position: absolute;
	right:-5px;
	top:-5px;
	z-index:2;
	font-size:2em;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 2px 2px #000;
	box-shadow: 1px 1px #000;
	border-radius:50%;
	background-color:#FF0004;
	width:35px;
	height:35px;
	text-align:center;
}
.app-icon-mailbox.nobefore::before {
	display:none;
}
.app-icon-altchat {
	background-image:url('../content/app-icon-altchat.png');
}
.sub-icon-text {
	position:absolute;
	width:100px;
	bottom:7px;
	left:0;
	text-align:center;
	background-color:#FFFFFF;
	opacity: 0.6;
}
*[class*="app-icon"] {
	width:100px;
	height:100px;
	margin:15px;
	background-position: top bottom;
	background-repeat:no-repeat;
	background-size:cover;
	font-size:0.8em;
	color:#000000;
	float:left !important;
	cursor:pointer;
} 
.main-text-window::after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border-radius: 0.25rem !important;
	background-color:#FFFFFF;
	opacity:0.7;
	box-shadow: 0 0 2rem #949494 !important;
	z-index:-1;
}
.main-text-window {
	padding:10px;
	color:#000;
	width:550px;
	display:block;
	position:relative;
	z-index:0;
}
h1 {
	font-size:2.2em !important;
	font-weight:bold;
}
h2 {
	font-size:1.8em !important;
	font-weight:bold;
}
@media only screen and (max-width: 768px) {
	body {
  		padding-top: 50px;
	}
	.jumbotron {
		background-size: cover !important;
	}
	.homepage_image {
		max-width:200px !important;	
	}
	.main-text-window {
		width:100%;
	}
	.jumbotron-bg {
		background-size:contain !important;
	}
}
.footer_text {
	margin-left:10px;
	color: #FFFFFF !important;
}
.preview_overlay {
	position:relative;
	margin-top:-50px;
	margin-left:62%;
	font-size:.8em;
	color:#A2FF90;
	text-shadow: black 0.1em 0.1em 0.2em;
}
.modal {
	color:#262626;
}
.modal h3 {
	font-weight:bold;
}
.modal-header .close {
	margin-top: -30px;		
}
.modal-body {
	font-size:1.2em;
}
@media (min-width: 768px) {
  .modal-dialog-centered {
	  display:-webkit-box;
	  display:-ms-flexbox;
	  display:flex;
	  -webkit-box-align:center;
	  -ms-flex-align:center;
	  align-items:center;
	  min-height:calc(100% - (.5rem * 2));
  }
}
.smallred-offtxt {
	color:#b90000;
	font-size:.8em;
}
.homepage_image {
	float:right;
	padding:5px;
}
/*
	Customizing bootstrap theme header
*/
.navbar-right-loggedin {
	border-top:1px solid #5C5C5C;
	padding-top:10px;
	margin-bottom:10px !important;
}
.navbar-form {
	padding:0;
}
.navbar-header {
	margin-top:25px;
}
.price-panel {
	max-width:300px;
}
.btn-amount-selected {
	display:none;
}
/*
    Animate loading icon
*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}
.chat-avatar-item {
	width:40px;
	height:40px;
	border-radius:50%;
	margin: 0 10px 0 10px;
}
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-color:#323232;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
  background-color: #2C6E8E;
  border-radius: 10px;
}
.btn-file {
    position: relative;
    overflow: hidden;
	font-size:18px;
}
	
.btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}
.agb {
	padding-top:10px;
}
.normal-text {
	font-size:1.5em !important;
}
.text-white-bold {
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 1px 1px #F00;
}
	.text-green-bold {
		color:#128600;
		font-weight:bold;
	}
	.bg-red {
		background-color:#FF5757;
		color:#FFFFFF;
	}