/*
===	PM.Theme.HierarhyBuilder THEME ===============
==================================================
================================================== */

/* GENERAL
================================================== */
* { margin:0;padding:0;  }
html, body {height: 100%; }


/*  General Settings  */
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.6em;
	zoom:1;
	direction: ltr;
	color: #999; 
}

h1, h2, h3, h4, h5 { font-family: 'Roboto Slab', serif; }

h1 { color: #666666; }

h2, h3, h4, h5  { color:#999999 }

a:link, a:visited { 
	color: #77515f;
	text-decoration: none; 
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

h2 {
	font-weight:100;
}

.heading-white {
    color: #ffffff;
}


#page-container { 
	position: relative; 
	width: 100% !important; 
	min-height: 100% !important; 
	overflow: hidden!important; 
}

header {

    background: #2e4d42 url('../content/images/header_bg.jpg');
    background-repeat: repeat-x;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    margin: 0 auto;
    -webkit-transition: 150ms cubic-bezier(0.1,.57,.1,1);
    transition: 150ms cubic-bezier(0.1,.57,.1,1);
    -webkit-transform: translate(0px,0) translateZ(0px);
    text-shadow: 0 1px 0 #000;
    z-index: 7777;
    height: 69px;
}

    header img {
        position: relative;
        top: 5px;
    }

#masthead {
    position: relative;
    background-color: #77515f;
    color: #fff;
    padding: 50px 0;
    background: -moz-linear-gradient(top, #684753 0%, #77515f 20%, #77515f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#684753), color-stop(20%,#77515f), color-stop(100%,#77515f));
    background: -webkit-linear-gradient(top, #684753 0%,#77515f 20%,#77515f 100%);
    background: -o-linear-gradient(top, #684753 0%,#77515f 20%,#77515f 100%);
    background: -ms-linear-gradient(top, #684753 0%,#77515f 20%,#77515f 100%);
    background: linear-gradient(to bottom, #684753 0%,#77515f 20%,#77515f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684753', endColorstr='#77515f',GradientType=0 );
    text-align: center;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    color: #ffffff;
    margin-bottom: 30px;
}



.main-content {
    margin: 80px 0 100px 0;
}

/* BUTTONS ==================*/
input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited,
a.btn, a.btn:visited, a.btn-default, a.btn-default:visited 
.btn, .btn:visited, .btn-default, .btn-default:visited {
	color: white;
	background: #94737f; /* Old browsers */
	background: -moz-linear-gradient(top,  #94737f 0%, #94737f 50%, #94737f 50%, #77515f 53%, #77515f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94737f), color-stop(50%,#94737f), color-stop(50%,#94737f), color-stop(53%,#77515f), color-stop(100%,#77515f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #94737f 0%,#94737f 50%,#94737f 50%,#77515f 53%,#77515f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #94737f 0%,#94737f 50%,#94737f 50%,#77515f 53%,#77515f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #94737f 0%,#94737f 50%,#94737f 50%,#77515f 53%,#77515f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #94737f 0%,#94737f 50%,#94737f 50%,#77515f 53%,#77515f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94737f', endColorstr='#77515f',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	padding: .3em 1.5em;
	text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	border: 1px solid #cabeae;
	font-size: 24px;
}

a.btn-default:focus, .btn-default:focus, a.btn-default:hover, .btn-default:hover { 
	background-color: #77515f; 
	color: white; 

}

/* footer ============================================*/
.footer {
    position: absolute;
    bottom: 0;
	background: #ece7e9;
    color: #666;
    width: 100%;
    height: auto;
    border-top: 1px solid #cdd2cf;	
}

.footer p {
	margin: 20px 0;

}

.copyright {
    text-align: right;
}

/* Homepage feautre icons  ===========================*/
.features {
    margin-bottom: 30px;
}

.feature-icons img { 
	-webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

/*
.feature-icons img:hover {
	 transform: scale(1.1, 1.1);
	 -moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	z-index: 99999;
	
	cursor: pointer; 
	cursor: hand; 
	
}
*/

/* login ============================================*/
#loginbox {
    margin-top: 80px;
}

.panel-info {
    border-color: #ccc;
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #ffffff;
    border-color: #ccc;
    height: 45px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-body {
    background-color: #fafafa;
}


/* Change when navbar collapses
=================================================================== */
@media (max-width: 992px) {
    #masthead {
        padding: 30px 0;
        background: -moz-linear-gradient(top, #684753 0%, #77515f 20%, #77515f 100%);
    }

    .main-content {
         margin: 40px 0 100px 0;
    }


    .feature-icons { 
		padding: 5px; 
		margin: 8px;  
		background-color: #f3f3f3;  
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	
		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
	
		align-items: center;	
	}
	
    /*
    .feature-icons:hover { background-color: #94737f; cursor: pointer; cursor: hand; }
	.feature-icons:hover * { color: #ffffff; }
     */

	.feature-icons img { max-height: 75px; }
	.feature-icons h4 { text-align: left; color: #999999; }

    #loginbox {
        margin-top: 30px;
    }

    .copyright {
        text-align: center;
    }
}

@media (max-width:767px) {

}

@media (max-width:480px) {
}