/* change auto-fill boxes from blue background (default) to white, with a black border */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
	border: 1px solid black;
}

/* https://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3 */
.btn-file {
    position: relative;
    overflow: hidden;
}

h2.logontitle {
	color: #b11116;
	font-weight: 400;
}


.toplogo {
	width: 180px;
}

.top-navigation .nav > li.active {
	background:none;
}

.logon-row {
	margin-top: 10px;
}

.logon-row div:nth-child(1) {
}


.logon-row div:nth-child(2) {
	padding-top: 10px;
	font-size: 14px;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.checksubmit {
	margin-top: 5px;
}

.profile-activity {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}


.nav-header {
	background: none;
}

form#mainform div.i-checks .tooltiptext {
	visibility: hidden;
	width: 250px;
	background-color: #fff;
	color: red;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
}

form#mainform div.i-checks:hover .tooltiptext {
	visibility: visible;
}


form#mainform div.i-checks {
	margin: 6px 0px;
}

table.jobform td {
	width: 80px !important;
}

table thead tr th {
	vertical-align: bottom;
}

table.jobform td input {
	width: 65px !important;
}

.fa-4 {
  font-size: 4em;
}

.modal.ratedisplay .modal-dialog {
	width: 800px;
	margin-left: 370px;
}

.nav .open>a.homelink, .nav .open>a.homelink:hover, .nav .open>a.homelink:focus {
	background-color: transparent;
	border-color: transparent;
}

.welcome-message {
	font-size: 1.5em;
}

tr.right th, tr.right td {
	text-align: right;
}

.top-buffer { margin-top:20px; }

.dropzone {
	min-height: 150px;
}

.middle-box h1 {
	font-size: 100px;
}

.logo-name {
	color: #f3f3f4;
}

.formheading, 
.accountname {
	font-size: 18px;
	font-weight: 700;
	color: #B92F3E;
}

.row .heading {
	padding-top: 10px;
}


.top-buffer { margin-top:20px; }

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.help-block {
	font-weight: normal;
	font-size: 11px;
}

th.rate {
	text-align: right;
}

.top-navigation .navbar-brand {
	padding: 10px 10px;
}

#systemname {
	font-weight: bold;
}

.i-checks {
	margin: 0px;
}

nomargin {
	margin: 0;
}

input.float, input.integer{
	text-align: right;
}

td.number, th.number {
	text-align: right;
}

td.bold {
	font-weight: bold;
}

table.boldata {
	border-spacing: 5px;
}

table.boldata th, table.boldata td {
	padding: 5px;
	font-size: 14px;
}

table.boldata tr td:first-child {
	font-weight: bold;
	text-align: right;
}

#mailchart {
	height: 300px;
	width: 100%;
}

#trackingsearch {
	float: left;
	font-size; 18px;
}

#trackingspinner {
	float: left;
	font-size: 24px;
	margin-left: -45px;
	margin-top: 10px;
	color: #bbb;
}

#searchbarformresults {
	position: relative;
	z-index: 100;
}


#userinfo {
	float: right;
	margin-right: 20px;
}

/* disable menu collapse */
.navbar-collapse.collapse {
  display: block!important;
}

.navbar-nav {
	padding-left: 110px;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}

.navbar-header {
	width: 100%;
	background: #fff;
	padding: 0px 0;
}

.top-navigation .navbar-brand {
	background: inherit;
}

#navbar {
    background-color: #303030;
}

.navbar-default {
    background-color: #c00;
    border-color: #ab0000;
}

.top-navigation .nav > li > a {
	padding: 15px 20px;
	font-size: 15px;
	color: #fff;
	font-weight: 200;
}

.nav.nav-tabs> li > a {
	color: #676a6c;
}

.nav.nav-tabs> li.active > a {
	color: #ab0000;
}

.tab-content {
	padding: 5px 15px;
}




.top-navigation .nav > li.active > a {
    background: #fff;
	color: #c00;
}

.top-navigation .nav .nav-tabs > li.active > a {
    background: #fff;
}

.top-navigation .wrapper.wrapper-content {
	padding: 10px 40px 60px;
	min-height: 100%;
}

.btn-group {
	padding: 10px 20px;
}

.radio label {
	padding-right: 25px;
}

.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
    background: #565656;
    color: #fff;
}

#scalestatus {
	padding: 2px;
	margin: 0px;
}

.success {
	color: #fff;
	background: #00A221;
}

.error {
	color: #fff;
	background: #b92f3e;
}

.overlabel {
	color: #fff;
	background: #EDC001;
}

.syd {
	color: #fff;
	font-size: 40pt;
	background: #1D39E6;
}
.mel {
	color: #fff;
	font-size: 40pt;
	background: #91E61D;
}
.per {
	color: #fff;
	font-size: 40pt;
	background: #8334EF;
}
.bne {
	color: #fff;
	font-size: 40pt;
	background: #EA891A;
}

#statuswrapper {
	text-align:center;
	width: 180px;
	padding: 0px;
	border: 2px solid #000;
	border-radius: 5px;
	height: 8.5em;
}

#statusicon {
	display: inline-block;
	text-shadow: 2px 1px #000;
	line-height: 1;
	padding: 0px;
	font-size: 80px;
	margin: 0px 5px;
}


#kgwrapper {
	display: inline-block;
	float:left;
	text-align:center;
	width: 200px;
	color: #000;
	padding: 0px;
	border: 2px solid #000;
	border-radius: 5px;
	height: 8.5em;
}


#kgdisplay {
	display: inline-block;
	font-size: 70px;
	line-height: 1;
	padding: 0px;
	margin: 0px 5px;
	letter-spacing: -4px;
}

#kgdisplay:after {
  content: "kg";
  vertical-align: super;
  font-size: 14px;
  letter-spacing: 1px;
  margin-left: 3px;
  margin-top: 20px;
}


span.invert {
	display: inline-block;
    font-size: 40px;
	font-weight: 700;
	color: #fff;
	background: #000;
	padding: 12px;
	margin: 6px;
}

.fa-red {
	font-size: 18px;
	color: #b92f3e;
}

.inmodal .modal-title {
	font-size: 18px;
}

.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\e080";
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}

#performance {
	padding: 15px 20px;
	font-size: 15px;
	color:#fff;
	font-weight: 200;
}

.wrapper wrapper-content {
	padding-bottom: 60px;
}

.nav > a:hover,
.nav > a:focus {
  background: #565656;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: #565656;
}

table.dataTableFit td, table.dataTable th {
	width: auto !important;
	white-space: normal;
	/*text-overflow: ellipsis;*/
	overflow: hidden;
}

table.dataTableFit {
	table-layout: fixed;
	width: 100% !important;
	font-size: 13px;
}

.popover {
	position:absolute;
}

.dainewlogo {
	width: 35mm;
	height: 100px;
}

.dainewbtn {
	background-color: #0091b3;
	color: white
}

.dainewleftpanel {
	background: #0091b3
}

.btn-primary-new {
	color: #fff;
	background-color: #0091b3;
	border-color: #0091b3
}

.dai-new-logo {
	margin-top: 45px;
	margin-left: -20px;
	height: auto;
	width: 100%;
}

.login-ui {
	color: black;
	font-size: 18px;
	padding-top: 15px
}
.cyan-bg {
	background-color: #0e90ad
}
.login-welcometxt {
	margin: 0;
	padding: 0;
}
.login-copyrightclass {
	color: black;
}