﻿/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
	background:url(../images/background.jpg) fixed;
}

body {
    padding-top: 0; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.header{
	margin-bottom:10px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */



/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
	background-color:#323232;
    margin: 50px 0 0;
	color:#fff;
	padding:8px 0 2px;
	width:100%;
}


#login-form {
    margin: 5% auto;
    width: 500px;
}

.login-form{
	 margin: 5% auto;
    width: 500px;
    border-radius:12px; border:solid 1px #ccc;
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.22);
-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.22);
box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.22);
padding:10px;
}

.loginformheading{
	font-size:30px;
}

.loginformbutton{
width:200px; font-size:20px;
}



.admincarddisplay_table{}
.admincarddisplay_table_responsive{display:none;}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
 
.formfield{
	height: 75px;
    font-size:66px;
}

   
    
}



ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}

h1{
	color:#900;
	text-transform:uppercase;
	font-weight:bold;
}

.submit{
	position:fixed;
	z-index:1000;
	top:300px;
	right:0;
	background:url(../images/submitbutton.png);
	width:124px;
	height:45px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	border:0;

}

.borderdesign{
	border:dashed 2px #ccc;
	margin:20px 0 10px;
	background-color:#fff;
	-webkit-box-shadow: 6px 9px 5px -1px rgba(0,0,0,0.07);
-moz-box-shadow: 6px 9px 5px -1px rgba(0,0,0,0.07);
box-shadow: 6px 9px 5px -1px rgba(0,0,0,0.07);

}

.topic{
	border:dashed 2px #ccc;
	margin:20px 0 10px;
	padding:7px 0;
	background-color:#fff;
	width:40%;
	font-weight:bold;
	color:#900;
	-webkit-box-shadow: 6px 9px 5px -1px rgba(0,0,0,0.07);
-moz-box-shadow: 6px 9px 5px -1px rgba(0,0,0,0.07);
box-shadow: 6px 9px 5px -1px rgba(0,0,0,0.07);
}

.panel-heading{
	clear:both;
}

.contentarea{
	width:auto;
}

@media(max-width:1200px) {
.note-editor .note-editing-area .note-editable{outline:0; width:94%;}
.h1, h1 {
    font-size: 20px;
}

.login-form{
margin: 200px auto 10px;
width: 95%;
}

.loginformheading{
	font-size:60px;
}

.loginformbutton{
font-size:40px; padding:10px; width:200px;
}


}


@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }


 .admincarddisplay_table{display:none;}
.admincarddisplay_table_responsive{display:block; background:#ffffff; padding:10px; font-size:16px;}
   
.admincarddisplay_table_responsive > span > a{color:#900; font-weight:bold;}
  
}
