h1 {display:inline-block;}

a.edit { background:url(/images/icons/16x16/pencil.png) no-repeat 0 0; padding:2px 0 0 20px;}
a.add { background:url(/images/icons/16x16/add.png) no-repeat 0 0; padding:2px 0 0 20px;}
a.copy { background:url(/images/icons/16x16/page_white_stack.png) no-repeat 0 0; padding:2px 0 0 20px;}
a.print { background:url(/images/icons/16x16/printer.gif) no-repeat 0 0; padding:2px 0 0 20px;}
a.email { background:url(/images/icons/16x16/email.png) no-repeat 0 0; padding:2px 0 0 20px;}
a.delete { background:url(/images/icons/16x16/delete.png) no-repeat 0 0; padding:2px 0 0 20px;}
a.word { background:url(/images/icons/16x16/page_word.png) no-repeat 0 0; padding:2px 0 0 20px;}
a.computerLink { background:url(/images/icons/16x16/computer_link.png) no-repeat 0 0; padding:2px 0 0 20px;}
a.excel { background:url(/images/icons/16x16/page_excel.png) no-repeat 0 0; padding:2px 0 0 20px;}
span.loading { background:url(/images/loader.gif) no-repeat 0 0; padding:2px 0 0 20px;}

.orange {color:#F5A623;}
.green {color:#1DA200;}
.blue {color:#4A90E2;}
.red {color:#FF0000;}

span.canceled { font-style:italic; color:Red;}

/* Device Inventory Tool Dashboard */
.device.dashboard form {margin-top: 1.5em;margin-left: 1em}
.device form {width: 100%;float: left;font-size: .875rem;color: #423142;}
.device form div {margin: 5px 0}
.device form div div {width: 10em;display: inline-block}
.device hr {width: 100%;float: left}
.device h2 {float: left;width: 100%;font-size: 1.25rem;font-weight: 600}

/* Device List */
.device.list h1 {display: inline-block}
.device hr {border-top: 1px solid #DFDFDF;margin: 1em 0}
.device.list select {display: inline-block;height: 28px;border: 1px solid #CBCACA;border-radius: 3px;background: #fff}
.device.list select[name="school"] {width: 13em;margin-right: 1em}
.device.list select[name="status"] {width: 10em;margin-right: 1em}
.device.list input[type="text"] {height: 28px}
.device.list input[type="submit"] {height: 30px;padding: 0 1em;font-size: .875rem;line-height: 1}
.device.list form a {color: #8C3E49;font-style: italic}
.device.list form {float: right;width: auto}
.device p {display: inline}
.device tr td:last-child a {font-weight: 600}
.device.list .total {font-weight: 600;color: #000;font-size: .875rem}

.autocomplete-suggestion .checkedout {font-style:italic; background-color:#F6F6F6;}
.autocomplete-suggestion .checkedout::after { content: " - Already checked-out";}

i.checkedout:before {content: '\f045';color:#F5A623;}
i.checkedin:before {content: '\f046';color:#1da200;}

table>tbody>tr>td:first-child i.fa {margin-right:.8em;}


.tabs {float:left; width: 100%;}
.tabs li {float:left;}
.tabs li a {background:#8DC63F; border-radius: 5px 5px 0 0; color: #fff; display:block; margin-right: .5em; padding: .5em 1em;}
.tabs li a:hover, .tabs li a.on {background:#666;}
.tabContent {border-top:2px solid #8DC63F; float: left; width: 100%;}