body {
    overflow-y: scroll;
    padding-bottom: 20px;
    padding-top: 50px;
}

/* Set padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    max-width: 280px;
}*/

/* Left align text in the validation error div following the form inputs */

div + div.control-label { text-align: left !important; }

.jstree { overflow-x: scroll; }

.row {
    margin-left: 0;
    margin-right: 0;
}

.upper-case { text-transform: uppercase; }

#BusyModal {
    background-color: transparent;
    background-image: url(throbber.gif);
    background-position: center;
    background-repeat: no-repeat;
    bottom: 0;
    cursor: wait;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

#BusyModal .modal-dialog { visibility: hidden; }

.table-field {
    font-size: 14px;
    height: 44px;
    line-height: 1.42857143;
    padding: 6px 12px;
}

.select2-container { width: 100%; }

.select2-control {
    font-size: 14px;
    height: 34px;
    min-width: 100px;
    padding: 6px 12px;
    width: 100%;
}

select[multiple] {
    max-height: 600px;
    min-height: 200px;
}

dl { font-size: 1.2em; }

dl dt,
dl dd { margin-bottom: 6px; }

form.code .form-group {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 20px;
    vertical-align: middle;
}

.btn-form {
    display: inline;
}

div#AdminButtons {
    margin-bottom: 15px;
}

.btn-container {
    display: inline-block;
}

.alert-locked {
    margin-top: 20px;
}

form.code .select2-container#s2id_CodeCoreType { width: 3.5em }

form.code .select2-container#s2id_CodeMaterialForm { width: 4.5em }

form.code .select2-container#s2id_CodeComposition { width: 3.5em }

form.code .select2-container#s2id_CodeMaterialType { width: 6.4em }

form.code .select2-container#s2id_CodeProcess { width: 8.5em }

form.code .select2-container#s2id_CodeBatchType { width: 5.5em }

form .select2-container#s2id_Format { width: 4.5em }

input#CodeSerialNumber { width: 6em; }

input#CodeComponentSerialNumber { width: 10.5em; }

input#CodeComposition { width: 3em; }

input#CodeCoreType { width: 3em; }

input#CodePosition { width: 4em; }

input#CodeSubPosition { width: 4em; }

input#SerialNumberExtension { width: 4.5em; }

.select2-container.select2-container-disabled .select2-choice { cursor: not-allowed!important ;}

.link { cursor: pointer; }

.dl-horizontal dt { width: 220px; }

.dl-horizontal dd {margin-left: 230px; }

.bold-text {
    font-weight: bold;
}

#ConfirmationChangesReviewed span { margin-left: 8px; }

.menu { margin: 12px; }

.menuItem {
    border: 2px solid;
    display: inline-block;
    height: 150px;
    margin-bottom: 12px;
    text-align: center;
    vertical-align: text-top;
    width: 150px;
}

.menuItemIcon {
    font-size: 60px;
    height: 65px;
    margin-top: 10px;
    padding-bottom: 5px;
}

.menuItemText {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/* will match the 2nd and subsequent line of the text within the menu items */
.menuItemText div + div {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap; 
}

.border-box {
    box-sizing: border-box;
    padding-top: 45px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 15px;
    border-style: solid;
    position: relative;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
    width: 450px;
}

.border-box dd {
    word-break: break-all;
}

/* For use on the form-group above containing the invisibleValidationControl */
.noMargin {
    margin: 0;
}

/* For use on controls that are hidden in the page for their validation messages, 
    but don't want to be displayed, or to take up any space */
.invisibleValidationControl {
    visibility: hidden;
    padding: 0;
    margin: 0;
    height: 0;
}

/* For use as an alternative table header row display for column titles*/
.italic-header {
    font-style: italic;
}

.italic-header th {
    font-weight: normal;
}

/* Make validation errors more "bang in your face": */
.has-error .form-control {
  border-width: 3px;
}

.field-validation-error {
  font-weight: bold;
}

.has-error .select2-container .select2-choices, 
.has-error .select2-container-multi.select2-container-active .select2-choices, 
.has-error .select2-container .select2-choice {
    border-width: 3px;
    border-color: #a94442;
}

.alert-danger {
  font-weight: bold;
}

/* tablesorter styles */
table.tablesorter thead tr .header {
	cursor: pointer;
}
table.tablesorter thead tr .titanicon-chevron-up {
    display: none;
}
table.tablesorter thead tr .titanicon-chevron-down {
    visibility: hidden;
}
table.tablesorter thead tr .headerSortDown .titanicon-chevron-up {
    display: inline;
}
table.tablesorter thead tr .headerSortUp .titanicon-chevron-down {
    visibility: visible;
}
table.tablesorter thead tr .headerSortDown .titanicon-chevron-down {
    display: none;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: rgb(231, 231, 231);
}

table.searchResults thead tr th {
    white-space: nowrap;
    text-align: center;
}

table#MeltItemsTable td {
    vertical-align: middle;
}

#ProcessBatchEnquiryResults th {
    text-align: center;
}

#ProcessBatchEnquiryResults td.weight {
    text-align: right;
}

.navbar-logo {
    font-size: 2.8em;
    padding-top: 0.1em;
    padding-right: 0;
}

.watermark-logo:before {
    font-family: 'Titan';
    line-height: 1;
	content: "\e619";
    font-size: 30em;
    opacity: 0.1;
    position: fixed;
    right: 0.06em;
    bottom: 0.06em;
}

/* Titan Icon Set CSS*/
@font-face {
	font-family: 'Titan';
	src:url('../fonts/Titan.eot?ch3rql');
	src:url('../fonts/Titan.eot?#iefixch3rql') format('embedded-opentype'),
		url('../fonts/Titan.ttf?ch3rql') format('truetype'),
		url('../fonts/Titan.woff?ch3rql') format('woff'),
		url('../fonts/Titan.svg?ch3rql#Titan') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="titanicon-"], [class*=" titanicon-"] {
    font-family: 'Titan';
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 [class^="titanicon-"], [class*=" titanicon-"] { margin-right: 15px; }
h2 [class^="titanicon-"], [class*=" titanicon-"] { margin-right: 10px; }

.titanicon-accounts:before {
	content: "\e608";
}
.titanicon-add:before {
	content: "\e600";
}
.titanicon-analysis:before {
	content: "\e601";
}
.titanicon-assemble:before {
	content: "\e604";
}
.titanicon-attach:before {
	content: "\1f4ce";
}
.titanicon-baa:before {
	content: "\e605";
}
.titanicon-chevron-down:before {
	content: "\e114";
}
.titanicon-chevron-up:before {
	content: "\e113";
}
.titanicon-clean-down:before {
	content: "\e606";
}
.titanicon-cog:before {
	content: "\e019";
}
.titanicon-combine:before {
	content: "\e607";
}
.titanicon-conditions:before {
	content: "\e609";
}
.titanicon-decombine:before {
	content: "\e611";
}
.titanicon-difference:before {
	content: "\e621";
}
.titanicon-disassemble:before {
	content: "\e612";
}
.titanicon-ext-issue:before {
	content: "\e620";
}
.titanicon-ext-locations:before {
	content: "\e60a";
}
.titanicon-ext-receipt:before {
	content: "\e613";
}
.titanicon-feed:before {
	content: "\e617";
}
.titanicon-find-by-id:before {
	content: "\e614";
}
.titanicon-forms:before {
	content: "\e60c";
}
.titanicon-formulate:before {
	content: "\e616";
}
.titanicon-list:before {
	content: "\e056";
}
.titanicon-list2:before {
	content: "\e032";
}
.titanicon-locations:before {
	content: "\e60b";
}
.titanicon-lock:before {
	content: "\e618";
}
.titanicon-logo:before {
	content: "\e619";
}
.titanicon-move:before {
	content: "\e61b";
}
.titanicon-net-adjust:before {
	content: "\e61c";
}
.titanicon-ok:before {
	content: "\e013";
}
.titanicon-plus:before {
	content: "\2b";
}
.titanicon-produce:before {
	content: "\e61d";
}
.titanicon-remove:before {
	content: "\e014";
}
.titanicon-report:before {
	content: "\e61e";
}
.titanicon-roles:before {
	content: "\e60e";
}
.titanicon-sample:before {
	content: "\e623";
}
.titanicon-search:before {
	content: "\e615";
}
.titanicon-split:before {
	content: "\e61f";
}
.titanicon-transfer:before {
	content: "\e622";
}
.titanicon-transfer2:before {
	content: "\e602";
}
.titanicon-trash:before {
	content: "\e020";
}
.titanicon-types:before {
	content: "\e60d";
}
.titanicon-unlock:before {
	content: "\e603";
}
.titanicon-users:before {
	content: "\e60f";
}
.titanicon-weigh:before {
	content: "\e610";
}
.titanicon-zero-holdup:before {
	content: "\e61a";
}

/* Remove password reveal button */
::-ms-reveal {

    display: none;
}

.locked-location a.jstree-anchor {
    color: red; 
}

.locked-location > a > i.jstree-icon {
    background-image: none;
}

.locked-location > a > i:before {
    content: "\e618";
    font-family: "Titan";
    font-style: normal;
    font-weight: normal;
    padding-left: 2px;
    color: black;
    font-size: 1.1em;
}

.modal-dialog {
    margin-left: 0;
}

.modal-content.ui-resizable {
    overflow: hidden;
}

.modal-body {
    bottom: 80px;
    top: 80px;
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
}

.modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}