/* My Custome Stylesheet */

/* Update 4 */

/* My custome bootstrap style */

/*#### Only for testing, working but not using #####*/
@font-face {
    font-family: MyFont;
    src: url("../fonts/ERASD.TTF");
}

body{
	margin:0px; 
	font-size:16px;
	line-height: 18px;
}
h1 { 
	font-family:Charter,Georgia,Times,Serif;
	font-size:32px;
	line-height: 32px;
	font-weight: bold;
	color: #633f03;
	text-align:center;
	margin-top:4px;
	margin-bottom: 2px;
	padding: 0px;
	/*margin: 2px 0px 0px 0px;*/
	}
h2 { 
	font-family: Charter,Serif;
	font-size:28px;
	line-height: 28px;
	font-weight: bold;
	color: #754b04;
	margin-top:2px;
	margin-bottom: 2px;
	}
h3 { 
	font-family:Charter,Georgia,Times,Serif;
	font-size:22px; 
	line-height: 24px;
	font-weight: bold;
	margin-top:2px;
	margin-bottom: 2px;
}
/*p {margin:0px;}*/
a { color: inherit;  }
a:hover { 	color: inherit; }

img {
  background: url('images/loading512.gif') no-repeat;
}

/* LOADER (Start) */
.circle-loader {
	position: relative;
	top: 30px;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 5px solid rgba(200,200,200, .8);
	border-top: 5px solid #333333;
	animation: animate 1.5s infinite linear;
}
@keyframes animate {
	0% {
		transform: translate(-50%,-50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%,-50%) rotate(360deg);
	}
}
/* LOADER (End) */

/* SIDE BAR (Start) */

.title_bar{
	display:inline;
	font-size:24px; 
	line-height: 24px;
	font-family:Charter,Cambria,Tahoma,Times,Serif;
	padding:0px; 
	margin-top:0px; 
	margin-bottom:0px;
	font-weight: bold;
	/*vertical-align: -webkit-baseline-middle;*/
	vertical-align: sub;
}

.bar{
	background-color:#dddddd;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 4px;
}
.pullright_bar{
	display:inline; 
	position: absolute; 
	top:50%; 
	right:4px; 
	transform:translateY(-50%);
}

/* SIDE BAR (End) */

.title1 {
	/* Titles for list and dishes */
	font-size:30px; 
	line-height: 32px;
	font-family:Charter,Serif;
	}

.title2 {
	/* Titles for list and dishes */
	margin-top: 0px;
	font-size:26px; 
	line-height: 28px;
	font-family:Charter,Serif;
	padding:0px; margin-top:0px; margin-bottom:0px;
	}

.title3 {
	/* Titles for list and dishes */
	font-size:22px; 
	line-height: 23px;
	font-family:Charter,Serif;
	padding:0px; margin-top:0px; margin-bottom:0px;
	}

.title4 {
	/* Titles for list and dishes */
	font-size:18px; 
	line-height: 20px;
	font-family:Charter,Georgia,Times,Serif;
	padding:0px; margin-top:0px; margin-bottom:0px; 
}
.other {
	/* Words next to title like other names and cusines */
	/*font-family:Charter,Georgia,Times,Serif;*/
	font-size:16px;
	line-height: 18px;
	padding:0px; margin-top:0px; margin-bottom: 4px;
	}
	
.other1 {
	/* Words next to title like other names and cusines */
	/*font-family:Charter,Georgia,Times,Serif;*/
	font-size:14px;
	line-height: 14px;
	padding:0px; margin-top:0px; margin-bottom: 4px;
	}
	
.color1 { 
	color: #633f03;
}

.color2 { 
	color: #754b04;
}

.color3 { 
	color: #845505;
}

.color4 { 
	color: #b57304;
}
	
.description {
	/* Paragraphs for dish and list description */
	font-size:16px; 
	line-height: 20px;
	font-family:Charter,Georgia,Times,Serif;
	margin-bottom: 4px;
	margin-top: 4px;
	}
	
.description2 {
	/* Paragraphs for dish and list description med size */
	font-size:14px; 
	line-height: 16px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-family:Charter,Georgia,Times,Serif;
	}

.btn_flat {
	font-size:14px;
	padding: 4px 12px 4px 12px;
	}
	
.form-control {
	font-size:16px; 
	line-height: 18px;
	/*height: 40px;*/
	/*padding-top:0px;*/
	}
.upload {
	height: 40px;*/
	}

.paddingPagMob td, th {
padding:2px 1px 2px 1px;
}

.navbar-brand{padding:2px;}

.well-1{	margin:10px;}

.well-white{
	background-color:white;
}

#bootstrap-overrides .table-tight th{
padding:1px;
/*vertical-align: top;*/
}

#bootstrap-overrides .table-tight td {
padding:1px;
/*vertical-align: top;*/
}

#bootstrap-overrides .btn-pad-small  a {
padding:4px 12px 4px 12px;
/*vertical-align: top;*/
}

#bootstrap-overrides .btn-pad-small  button {
padding:2px 8px 2px 8px;
/*vertical-align: top;*/
}

.color-lightgray{
	background-color:#F8F8F8;
}

.fieldWrapper > input,select,textarea {width: 100%;}

input[type="checkbox"] { margin-top:-8px;}
/*input { float:right;}*/

.breadcrumb{font-size:18px;}

.label{
	font-size:16px; 
	line-height: 18px;
	vertical-align:inherit;
	padding: 1px 6px 1px 6px;
	background-color: #b7b6b6;
	font-family:"Times New Roman", Times, serif;
	text-transform: none;
}

.label-med{
	font-size:20px; 
	line-height: 20px;
	padding: 0px 8px 0px 8px;
	vertical-align: middle;
	background-color: #b7b6b6;
}

.label-big{
	font-size:24px; 
	line-height: 24px;
	padding: 4px 8px 4px 8px;
	vertical-align: middle;
	background-color: #b7b6b6;
}

label  { font-size:16px; line-height: 18px; margin-top:8px; margin-bottom:2px;}

.table-title{
	margin: 0px;
	/*background-color : #E6E600;*/
}

.footer-rest {
	margin-top:-20px;
	margin-bottom:0px;
	font-size:12px;
	color:#999;
}
/*Check this!*/
.text-med {
	margin-top:-20px;
	margin-bottom:0px;
	font-size:14px;
	line-height:16px;
}

/*userphotos.html*/
.text-reg {
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:12px;
}

.smallfont {
	font-size: 12px;
	line-height: 12px;
	}

.text-small {
	margin-top:0px;
	margin-bottom:0px;
	font-size:10px;
	line-height:10px;
}

.small {
	margin-top:0px;
	margin-bottom:0px;
	font-size:10px;
	line-height:10px;
}


.btn-marg {
	margin-left:8px;
	/*margin-right:28px;*/
	width:96%;}
.btn-lg {
padding: 6px 8px 6px 8px;
font-size: 14px;
font-weight: bold;
}

.table th, .table td { vertical-align:middle; padding: 2px;}

.btn-small{
	margin-top:0px;
	margin-left:0px;
	padding:3px 8px 3px 8px;
	}

/*
input{
height:40px;
font-size:22px;
}
*/
.input-rest{
/*	font-size:30px;*/
/*	height:40px;*/
font-size:20px;
}

.main-form{
	/*margin-left:-10px;
	margin-right:0px;*/
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	/*width:98%;*/
	/*height:20%;*/
	}

.main-well{
	/*margin-left:-10px;
	margin-right:0px;*/
	padding-bottom:10px;
	padding-top:10px;
	margin-top:5px;
	margin-bottom:5px;
	/*width:98%;*/
	/*height:20%;*/
	}

.btn-custom {
	/*margin-left:8px;*/
	/*margin-right:28px;*/
	/*width:96%;*/
  background-color: hsl(54, 80%, 31%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9d739", endColorstr="#8e810f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e9d739), to(#8e810f));
  background-image: -moz-linear-gradient(top, #e9d739, #8e810f);
  background-image: -ms-linear-gradient(top, #e9d739, #8e810f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9d739), color-stop(100%, #8e810f));
  background-image: -webkit-linear-gradient(top, #e9d739, #8e810f);
  background-image: -o-linear-gradient(top, #e9d739, #8e810f);
  background-image: linear-gradient(#e9d739, #8e810f);
  border-color: #8e810f #8e810f hsl(54, 80%, 24.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
  -webkit-font-smoothing: antialiased;
}

/*
.main{
	font-size:20px;
}*/
/*
p.main{margin-top: 30px;
}
*/

.handfont{
	font-family: 'Gochi Hand', cursive;
	line-height:110%;
}
.comment { margin-top:-10px; color:#999999;}

.page-header{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	padding-right:0px;
	margin: 0px;
	background-color:#FFF;
}

/* My custome bootstrap style */
.well-green{
	background-color:#3C9;
}

/* My own stiling */

.logo{
	padding-left: 20px;
}

/* My custome bootstrap style */
.well-mobile-tight{
	background-color:#FFFFE8;
	/*margin-left:-10px;
	margin-right:0px;*/
	padding:5px;
	/*padding-bottom:10px;
	padding-top:10px;*/
	margin:5px;
	/*margin-top:5px;
	margin-bottom:5px;*/
	/*width:98%;*/
	/*height:20%;*/
}

.well-list{
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	background-color: #FFFFFF;
	margin-left:-10px;
	margin-right:-30px;
}

.well-mobile{
	/*background-color:#FFFFE8;*/
	margin-left:10px;
	margin-right:10px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:5px;
	/*margin-top:5px;
	margin-bottom:5px;*/
	/*width:98%;*/
	/*height:20%;*/
}

.well-tight{
	padding:5px;
	margin:0px 0px 0px 0px;
}


/*Start-Dropdown menu style*/
#bootstrap-overrides 
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #000;  /*Sets the text hover color on navbar*/
}

#bootstrap-overrides 
 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active >   
 a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: white; /*BACKGROUND color for active*/
	background-color: #000000;
}

/*hover main manu*/
#bootstrap-overrides 
 .nav > li > a:hover,
 .nav > li > a:focus {
	text-decoration: none;
	background-color: #C1C100; /*Change rollover cell color here*/
	font-weight: bold;
	font-size: 16px;
	color: #000;
  }

/*inactive main menu*/
#bootstrap-overrides 
 .navbar-inverse .navbar-nav > li > a {
	color: #C1C100; /*Change active text color here*/
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
    }

/*inactive drop downs*/
#bootstrap-overrides 
  .dropdown-menu > li > a {
	color: #FF6600; /*Change active text color here*/
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background-color: #333333;
    }
	
/*hover drops downs*/
#bootstrap-overrides 
  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color:#FF6600;  /*change color of links in drop down here*/
	font-size: 14px;
   }

/*when dowmdows are in big screen*/	
#bootstrap-overrides 
 .dropdown-menu {
	background-color: #333333;
	/*border-color: #333333;*/
}
/*End-Dropdown menu style*/