/* fredericka-the-great-regular - latin  - see https://google-webfonts-helper.herokuapp.com/fonts/fredericka-the-great?subsets=latin */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/fredericka-the-great-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/fredericka-the-great-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* General classes */

body {color:#4c4c4c !important; }
h1, h2, h3 {color: #616161;}

h1 {font-size:xx-large}
h2 {font-size:x-large}
h3 {font-size:large}

a, .page-link {color:#a77b4c !important;}
a {text-decoration:none;}
a:hover {text-decoration:underline}
a.btn {text-decoration:none;}

.btn-default, .btn-primary {background-color:#8b9968 !important;color:#fff; border-color:#8b9968 !important;}
.btn-primary:hover {background-color:#a77b4c;}
.btn-secondary {background-color:#868E96; color:#fff !important; }
.btn-secondary-alt {background-color:#7BB4B9;  color:#fff !important;}

.bg-info {background-color:#71bece !important}



.bold {font-weight:bold}
.normal {font-weight:normal}
.italic {font-style:italic}
.lighttext {color: #808080;}
.smalltext {font-size:80%; font-weight:normal;}
.smallandlight {color: #666;font-size:80%; font-weight:normal;}
.right {text-align:right}
.center {text-align:center}
.lefttext {text-align:left !important}

.fpm-tooltip {font-size:12px;}

.excelicon {}



.excelicon-sm {height:16px;}

thead.table-inverse > tr > th { border-bottom:none !important;} 

.table-fixed {table-layout:fixed !important}

.symbol {display:inline;margin-right:10px;}

.sageaccount
{
	color: #003399;
	font-size: 80%;
	margin-left: 1em;
	margin-right: 1em;
	border: 1px solid blue;
	padding: 0.1em;
}


#fpmtitle {font-family: 'Fredericka the Great', cursive;    color: #000000;    font-size: 38px; }
#banner {background-image: url('../images/fpmbrownbackground.png');} 
#usernamebanner {font-size:26px}
#bannerlogo {height:50px;padding:4px;}

#bannersearch {padding-top:20px;text-align:left;}

.badge-despatch-awaitingdeliveryslot {color:#333; font-weight:bold; }
.badge-despatch-allocateddeliveryslot {color:#ffc000; font-weight:bold;}
.badge-despatch-confirmedwithcustomer {color:#00b050;font-weight:bold;}
.badge-despatch-stockallocated {color:#ff0000;font-weight:bold;}
.badge-despatch-despatched {color:#4f81bd;font-weight:bold;}
.badge-despatch-empty {color:#999;font-weight:bold;}
.badge-despatch-pre-put-up {color:#999;font-weight:bold;}

.badge-offsiteonly {background-color:#7735dc;color:white;}

.uncommittedstock {color:Green}
.committedstock {	color: #FF3300;}
.localstock {	color: Fuchsia;}

.creditstop {border:3px dotted blue;}
.creditstop_new {border:3px dotted green;}
.creditstop_nosupply {border:3px dotted red;}

.custom-offcanvas {width: 600px !important; }

.form-check-input {border-color: #666;}
.form-check-input:checked {
    background-color: #39b34e;
    border-color: #c5efcc;
}

/* Navbar */
.nav-link.active {text-decoration:underline !important; text-decoration-color:#fff !important;  font-weight:bold;}
.navbar-nav > .nav-item > a.nav-link {color:#fff !important}
.navbar-nav > .nav-item > a.nav-link:hover {color:#616161 !important; }
.navbar {background-image: url('../images/fpmmenu.jpg');}
/* .navbar {background-image: url('../images/fpmmenu.jpg'); box-shadow: 0 4px 8px 1px #999999 !important;} */




/* Table heading */
thead.table-inverse > tr > th {background-color:#cdd6bb;color:#616161; font-weight:bold; }


.btn {cursor:pointer !important}



thead.table-dark > tr > th {background-color: #6a6d70 !important;border: #6a6d70 !important; }
tbody {border-top-width:0px !important}


.form-check-input:checked {
    background-color: #7cbb9e;
    border-color: #7cbb9e;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #977ba7;
    border-color: #977ba7;}

.page-link {    color: #977ba7; }


/* Maps */
#map_canvas {
	height: 600px;
	width: 100%;
	margin: 10px auto;
}


/* .page-link-input {padding:5px 8px 5px 8px;} */
.page-item.active  .page-link {background-color:#f2f2f2;border-color:#a77b4c !important}
.page-link-input > input {font-size:13px;padding-top:0;padding-bottom:0;margin:0;width:40px;}




/* Walk sort, stillages, and picking routes */

.route1 {background-color:#e7ab42 !important;color:white !important;}
.route2 {background-color:#17a2b8 !important;color:white; }
.route3 {background-color:#b63a6b !important;color:white;}
.route4 {background-color:#73a557 !important;color:white;} 
.routes {background-color:#5cb06f }
.stillage_a {background-color:#cadaf5; }
.stillage_b {background-color:#a8bddf; }
.stillage_c {background-color:#7e99c7; }

/* Batch types */
.batchtype_production {color:#f3b632;}
.batchtype_qualitycontrol {color:#ff0000;}
.batchtype_contract {color:#29625c;}


/* JQuery UI overrides (do not include main JQuery UI CSS) */
.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 10px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    max-height:400px;
    overflow-x:hidden;
}
.ui-autocomplete > li {
  padding: 3px 6px;
}

.ui-state-hover, .ui-state-active {
    color: white;
    text-decoration: none;
    background-color: #ccc;
    border-radius: 0px;
    background-image: none;
	padding: 2px 0px;
}




/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {


	#bannersearch {text-align: right;float:none;}



}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	#bannerlogo {height:66px;}


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) { 


	html {font-size:13px !important}
	body {line-height:1.2 !important}
	.nav-link {font-size:18px;padding-right:12px !important;}

}