@font-face {
  font-family: 'Passion One', cursive;
  src: url('../fonts/PassionOne-Regular.eot');
  src: url('../fonts/PassionOne-Regular.woff2') format('woff2'),
       url('../fonts/PassionOne-Regular.woff') format('woff'),
       url('../fonts/PassionOne-Regular.ttf') format('truetype'),
       url('../fonts/PassionOne-Regular.svg#PassionOne-Regular') format('svg'),
       url('../fonts/PassionOne-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
  font-family: 'Oxygen', sans-serif;
  src: url('../fonts/Oxygen-Regular.eot');
  src: url('../fonts/Oxygen-Regular.woff2') format('woff2'),
       url('../fonts/Oxygen-Regular.woff') format('woff'),
       url('../fonts/Oxygen-Regular.ttf') format('truetype'),
       url('../fonts/Oxygen-Regular.svg#Oxygen-Regular') format('svg'),
       url('../fonts/Oxygen-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
 font-family: 'Roboto-Regular';
  src: url('../fonts/OpenSans-Regular.eot');
  src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
       url('../fonts/OpenSans-Regular.woff') format('woff'),
       url('../fonts/OpenSans-Regular.ttf') format('truetype'),
       url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
       url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot');
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'),
       url('../fonts/Roboto-Regular.ttf') format('truetype'),
       url('../fonts/Roboto-Regular.woff') format('woff'),
       url('../fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
/*Login Page CSS Start*/
body, html{
     height: 100%;
 	background-repeat: no-repeat;
 	background-color: #fff;
 	font-family: 'Roboto-Regular';
}
.amg-main {
	 float: left;
    width: 100%;
	background: #292929;
    text-align: center;
	margin-top: 0px;
}
.main {
    margin-top: 0px;
    float: left;
    width: 100%;
    text-align: center;
}
.panel-heading {
    padding: 0px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
h1.title { 
	font-size: 40px;
	font-family: 'Roboto-Regular';
	font-weight: bold; 
	color:#fbbe04;
}
.amg-ptitle { 
	font-size: 21px;
	font-family: 'Roboto-Regular';
	font-weight: bold; 
	color:#34a853;
}
.pss{
	}

hr{
	width: 10%;
	color: #fff;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    font-weight: normal;
    font-size: 16px;
    padding: 13px 10px 12px 10px;
}
.form-group{
	margin-bottom: 15px;
}

label{
	margin-bottom: 15px;
}

input,
input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}

.main-login{
 	background-color: #fff;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

.main-center {
    margin-top: 30px;
    margin: 0 auto;
    display: inline-table;
    padding: 40px 40px;
    text-align: center;
}

.klsd{
    display: inline-table;
    text-align: center;
}

.login-button{
	margin-top: 5px;
	background:#34a853;
	display:inline-block;
	text-align:center;
	border:none;
	
}

.login-register{
	font-size: 11px;
	text-align: center;
}
/*Login Page CSS End*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #34a853;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #34a853;
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #34a853;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    padding: 10px;
}
/*main Page CSS Start*/
.tpadding{
	padding-left:0;
	padding-right:0;
}
.top_bg{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#a94442;
}
.top_bg h1 {
    margin: 0;
    font-size: 30px;
    color: #fff;
    padding: 17px;
    font-weight: bold;
}
.top_bg h1 small{
	margin:0;
    font-size:12px;
    color: #fff;
    padding:8px;
}
.left_menu_bg{
	background:#222;
}
.left_menu li a{
	color:#fff;
	font-family: 'Roboto-Regular';
	padding: 18px 0px 15px 15px;
	display:block;
	border-bottom:solid 1px #666;
	transition:all 0.5s;
}
.left_menu li a:hover{
	color:#fff;
	font-family: 'Roboto-Regular';
	background:#d9534f;
	padding: 18px 0px 15px 22px;
	display:block;
	text-decoration:none;
	transition:all 0.5s;
}
.left_sub_menu{
	padding-left:30px;
	transition:all 0.5s;
}
.left_sub_menu:hover{
	padding-left:40px;
	transition:all 0.5s;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.base{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.base_link{
	font-size:14px;
	color:#333;
	text-decoration:underline;
}
.base_link:hover{
	font-size:14px;
	color:#F00;
	text-decoration:underline;
}

.fa-5x{font-size:3em !important;}

.optionss{ margin-bottom:20px;}
.optionss span{ padding-right:30px;}


.x_panel{position:relative;width:100%;margin-bottom:10px;padding:10px 17px;display:inline-block;background:#fff;border:1px solid #E6E9ED;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;opacity:1;transition:all .2s ease}.x_title{border-bottom:2px solid #E6E9ED;padding:1px 5px 6px;margin-bottom:10px}.x_title .filter{width:40%;float:right}.x_title h2{margin:5px 0 6px;float:left;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x_title h2 small{margin-left:10px}.x_title span{color:#BDBDBD}.x_content{padding:0 5px 6px;position:relative;width:100%;float:left;clear:both;margin-top:5px}.x_content h4{font-size:16px;font-weight:500}

.footers{float:left; width:100%; margin:0; padding:0; background:#a94442;}
.nav_bg {
    background: #a94442;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e8e8e8;
}