/*CSS File For Sign-In webpage */
@font-face {
    font-family: "centgoth";
    src: url("../assets/fonts/CentGothWGL/font.woff2")  			format("woff2"),
    	   url("../assets/fonts/CentGothWGL/font.woff") 				format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "centgothB";
    src: url("../assets/fonts/CentGothWGL-Bold/font.woff2")  	format("woff2"),
    	 	 url("../assets/fonts/CentGothWGL-Bold/font.woff") 		format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "centgothI";
    src: url("../assets/fonts/CentGothWGL-Italic/font.woff2") format("woff2"),
    	 	 url("../assets/fonts/CentGothWGL-Italic/font.woff") 	format("woff");
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: "centgoth";
	font-weight: 400;
	font-size: 18px;
	background: lightgrey;
	color: black;
	margin: 0;
	padding: 0;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid rgb(231,120,22);
}
#sortable{
	list-style-type: none;
}
.recipe-report{
  font-family: "centgoth";
	font-weight: 400;
	font-size: 18px;
	background-color: white;
	color: black;
	margin: 0;
	padding: 0;
}
.input2 {
  display: inline-block;
	width: 2rem;
}
.input3 {
  display: inline-block;
	width: 3rem;
}
.input5 {
	display: inline-block;
	width: 5rem;
}
.input7 {
	display: inline-block;
	width: 7rem;
}
.input10 {
	display: inline-block;
	width: 10rem;
}
.input12 {
	display: inline-block;
	width: 12rem;
}
.input14 {
	display: inline-block;
	width: 14rem;
}
.input17 {
	display: inline-block;
	width: 17rem;
}
.input20 {
	display: inline-block;
	width: 20rem;
}
.input25 {
	display: inline-block;
	width: 25rem;
}
.input30 {
	display: inline-block;
	width: 30rem;
}
.input40 {
	display: inline-block;
	width: 40rem;
}
.recipes{
  width: 45rem;
  text-align: left;
}
.recipes>ul{
  list-style-type: none;
  margin-left: -2.5rem;
}
.contentactions{
  display: none;
}
.ui-state-default{
	height: auto;
	margin-top: 5px;
	padding: 5px;
	background-color: white;
	border: 1px solid black;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}
.field-space{
	margin-top: 8px;
}
.smallbox {
	width: 30px;
	margin-left: 10px;
}
.navbar-custom {
	text-color: white;
	background-color: rgb(231,120,22);
}
.navbar-custom .navbar-brand {
  color: white;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: white;
}
.navbar-custom .navbar-nav > li > a {
  color: white;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: white;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #ddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #e7e7e7;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: white;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: white;
}
.navbar-custom .navbar-link:hover {
  color: #333;
}
.navbar-custom .btn-link {
  color: white;
}
.navbar-custom .btn-link:hover,
.navbar-custom .btn-link:focus {
  color: #333;
}
.navbar-custom .btn-link[disabled]:hover,
fieldset[disabled] .navbar-custom .btn-link:hover,
.navbar-custom .btn-link[disabled]:focus,
fieldset[disabled] .navbar-custom .btn-link:focus {
  color: #ccc;
}
.error {
	margin-top: 78px;
	/*border: 1px solid black;*/
}
.footer {
	width: 1300px;
	margin-left: -70px;
	/*width: 112%;
	margin:  0;
	padding: 0;
	margin-top: 10px;
	margin-left: -70px;
	*/
}
.page-content {
	width: 950px;
	min-height: 385px;
	margin: 0 auto;
}
.radio {
	margin-left: 20px;
}
/* Bookingslist */
.bookingsnr{
  display: inline-block;
  width: 10rem;
}
.bookingsdate{
  display: inline-block;
  width: 10rem;
}
.bookingsname{
  display: inline-block;
  width: 33rem;
}
.bookingstelephone{
  display: inline-block;
  width: 15rem;
}
.bookingsemail{
  display: inline-block;
  width: 25rem;
}
.bookingsamount{
  display: inline-block;
  width: 6rem;
}
.bookingsstatus{
  display: inline-block;
  width: 10rem;
}
.bookingsaction{
  display: inline-block;
  width: 23rem;
}
.bookingsmore{
  display: inline-block;
  width: 1rem;
}
.bookingslist_header, .bookingslist_detail{
  width: 100%;
}
.bookingslist_header_50{
  display: inline-block;
  width: 50%;
}