
/*Placeholders*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #9e9e9e;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #727272;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #727272;}
input::placeholder, textarea::placeholder {color: #9e9e9e;}

/*Forms*/
select:invalid {box-shadow: none;}
.file-upload {background-color: #fefefe;outline: none;box-sizing: border-box;width: 100%;height: 2.4375rem;padding: 0rem;border: 1px solid #cacaca;margin: 0 0 1rem;font-family: inherit;font-size: 1rem;color: #0a0a0a;box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);border-radius: 3px;transition: box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance: none;-moz-appearance: none;}
.populateMailWhenChecked {margin-bottom:0;}
label {display: inline-block;}

/* Navigation */

ul.button-group li a {margin-bottom: 0.1em;}
.order-nav, .admin-nav {margin-bottom: 0.8em;}

/*Errors*/
ul.errorMessage { color: #A00;margin-top: -1em;margin-left: 0px;margin-bottom: .5em;padding-left: 0px;list-style-type: none;font-weight: bold;line-height: 1.25;}
ul.actionMessage, ul.actionError {margin: 0px;padding: 5px;list-style-type: none;}
ul.actionMessage {color: #030;border: 1px solid #7cc245;background-color: #c9ecae;}
ul.actionError {border: 1px solid #990000;color: #300;background-color:#f8dbd9;}
ul.actionError li:before {font-family: FontAwesome;content: "\f06a";color: #A00;padding-right:.5em;}
ul.actionMessage li:before {font-family: FontAwesome;content: "\f058";color: #7cc245;padding-right:.5em;}

/*tables*/
table {font-size: .7rem;}
table.innerDisplayTable thead {display: none;}
table.innerDisplayTable {margin-bottom: 0;}
table.innerDisplayTable tbody {border: 0;background-color: transparent;}
table.innerDisplayTable tbody tr:nth-child(2n), table.innerDisplayTable tbody tr {background-color: transparent;}
table.innerDisplayTable tbody tr:hover {background-color: #e6e6e6;}
table.innerDisplayTable tbody td {padding:0 .4rem;border: 0;font-size: .65rem;}
table.plainResultTable {border-collapse: collapse;}
table.plainResultTable td {border: 1px solid #e6e6e6;}
table.smallestTableFont td {border: 1px solid #e6e6e6; padding:0 .65rem;}
table.smallTableFont td {border: 1px solid #e6e6e6; padding:0 .90rem;}
th {text-align: left;}
table input {margin-bottom:0 !important;}


.smallestTableFont {font-size: .4rem;}
table.smallestTableFont tr td, table.smallestTableFont tr th {font-size: .65rem;}

.smallTableFont {font-size: .75rem;}
table.smallTableFont tr td, table.smallTableFont tr th {font-size: .75rem;}


th.sortable a:after {font-family: FontAwesome;content: "\f0dc";color: #00588D4D;;padding-left:.5em;}
table th.seperateWeek {border-left: 1px solid #C0C0C0;}
table tr td.seperateWeek {border-right: 1px solid #C0C0C0;}

table.calendarGrid tr th {font-size: .8rem; padding: .25rem;}
table.calendarGrid tr td {font-size: .75rem; padding: .25rem;}
table.plainResultTable tr td.noPadCell {padding: 0px; margin: 0px; vertical-align: top;}
table.calendarGrid tr td.noPadCell {padding: 0px; margin: 0px; vertical-align: top;}
table tr td a.dkLnk {font-weight: normal; color: #384960; text-decoration: underline;}

/*DatePicker*/
.ui-datepicker {background-color: #fff; border:1px solid #ccc;box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.75);padding:.65rem .65rem 0;}
.ui-datepicker select {width:auto;}
.ui-datepicker-title {text-align: center;}
a.ui-datepicker-prev {display:block; float:left;padding: .25rem 0 .25rem .5rem;color:#00897b; font-weight: bold;}
a.ui-datepicker-prev:before {font-family: FontAwesome;content: "\f104";color: #00897b;padding-right:.25em;}
a.ui-datepicker-next {display:block; float:right;padding: .25rem .5rem .25rem 0;color:#00897b; font-weight: bold;}
a.ui-datepicker-next:after {font-family: FontAwesome;content: "\f105";color: #00897b;padding-left:.25em;}

@media print {a[href]:after {content: "";}}
@media print {
	table.smallTableFont td {border: 1px solid #cccccc; padding:0 .50rem;}
	.top-graybar {display: none;}
	table.smallTableFont tr td, table.smallTableFont tr th {font-size: .65rem;}
}
@media print { * {font-family: Verdana, Arial, 'Roboto', sans-serif;}}


/* Personnel Schedule Boxes */
/* THIS IS TEMP, PICK FROM DB SETTING IN FUTURE */
.pschedReg {display: block; margin: 0px; padding: 2px;}
.pschedReg {background-color: #FFF;}

/* table tr.timeOffApproveUnasign{background-color: #FFFFD0;} */
span.timeOffApproveUnasign, table tr.timeOffApproveUnasign td {color: #A00; font-weight: bold;}
