:root {
    --white:white;
    --lightgrey:#F1F1F1;
    --lightergrey:#f9f9f9;
    --middlegrey:#A4AEB2;
    --darkgrey:#333333;
    --orange:#E47E3D;
    --darkorange:#C16327;
    --blue:#33647E;
    --darkblue:#204B61;
    --transparent-orange:rgb(228,126,61, 0.9);
    --gray-dark2: #666666;
    --disabled:#e2e2e2;
    --scrollbar-width: calc(100vw - 100%);
}

/* global */
body {font-family: "proxima-nova",sans-serif;padding-bottom:40px;}
body[data-view="home"] {padding-bottom:0px !important;}
#application {min-height:100vh;}
#application[data-status="loggedOut"] {margin-bottom:-40px;}
label {display:block;width:100%;}
hr {border-top:1px solid #eee;}
img {max-width:100%;height:auto;}
.my-page-header {padding: 4rem 2rem 1rem;}
.page-header {border-bottom: 2px solid var(--lightgrey);margin-bottom: 20px;}
.page-header .fa-stack {color:var(--orange);font-size: medium;margin-top: -4px;}
.page-header h1 {color: var(--orange);font-size: xx-large;}
#header {min-height:40px;}
thead th {background:#d1dbe1;color:#333;font-size:14px;}
#formDisplay th i {font-size: 17px;margin-right: 10px;color:var(--darkblue);}
.dataTables_length {width:inherit;float:right;}
.dataTables_info {margin-left:20px;}
.dataTables_filter {width:inherit;float:left;}
#OverLay {z-index:1000;}
.object-display {background: #f5f5f5;color: #666;margin-bottom: 0;}
.object-display tr td:first-child {font-weight: bold;width: 300px;}
.dataTable ul{margin:0;}
/*.table tr td:last-child {
    border-right: none;
}*/
.btn {text-transform: none;}
.jumbotron {background:none;}
.jumbotron h1 {color:var(--orange);}
.my-page-header .display-4 {font-size: 30px;font-weight:bold;}
.col-md-12 .col-md-12 {padding:0;}
.table {color: #333;font-size:14px;}
tr.even {background:#f9f9f9;}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {top: 7px;}
.navbar-toggler {border:none;}
.btn-default {color: #fff;background-color: #6c757d;border-color: #6c757d;}

/* Search Result */
.my-col.checkbox {width:35px;}
.result-container {display:table}
.result-container .result {display:table-row}
.result-container .my-col {display:table-cell;vertical-align:top;}
.row-container.result-container:last-of-type {border:none;}
.result-container.row-container .result .dl dl {width:50%;margin:0;float:none!important;}
.result-container.row-container .result img {min-width:147px;}
.result-container.row-container .result .thumbnail {width:170px;}
.result-container.row-container {width:100%;}
.result-container.row-container .custom-record-display {margin:10px 10px 10px 0;}
#modal .result-container.row-container {padding:0 0 15px;margin-bottom:15px;}

/* NotificationsApp */
#NotificationsApp .my-table {display:table;width:100%;}
#NotificationsApp .table-cell {display:table-cell;vertical-align:middle;padding:8px 10px;}
#NotificationsApp .table-row {display:table-row;vertical-align:middle;}
#NotificationsApp [data-read="false"] {font-weight:bold;}
#NotificationsApp .single-notification {border-bottom:1px solid #eee;}
#NotificationsApp .single-notification .checkbox-cell {width:4%;}
#NotificationsApp .single-notification:hover {box-shadow: 0px 0px 4px 0px #ddd;cursor:pointer;}
#NotificationsApp .single-notification button {background:none;border:none;}
#NotificationsApp .single-notification .subject-cell {width:35%;}
#NotificationsApp .single-notification .content-cell span {width:530px;display:block;overflow:hidden;white-space:pre;text-overflow:ellipsis;}
#NotificationsApp .single-notification .date-cell {width:10%;}
#NotificationsApp .single-notification .time-cell span {width:8%;}
#NotificationsApp .btn-toolbar {border-bottom:2px solid #ddd;}
#NotificationsApp .btn-toolbar .btn {background: none;padding: 10px 18px;color: black;border: none;font-size: medium;font-weight:normal;text-transform:none;}
#NotificationsApp .btn-toolbar [type="search"] {height:35px;}
#NotificationsApp .btn-toolbar .input-group-text {height:35px;border-radius:0;}
#NotificationsApp .single-notification.active {background:#b1e0ec}
#NotificationsApp .h1 {font-size: x-large;font-weight: bold;margin-top: 12px;}
#btnGroupAddon2 button {border:none;background:none;}

/* custom record display */
.selected .custom-record-display {color:black;}
.custom-record-display {background: rgb(238,238,238);background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 35%, rgba(255,255,255,1) 100%); padding:10px 5px;border:1px solid #ddd;text-align:center;border-radius:10px;}
.custom-record-display .fa-fw {font-size:x-large;display:block;text-align:center;margin:0 auto 8px;color:#76a955;}
.single-icon.text-center a {color:#76a955;}
#historyModal .custom-record-display {display: inline-block;}

/* reset */
body.reset {background:var(--blue);}
body.reset {color:white;}
body.reset a {color:white;}
@media (min-width: 768px){
	body.reset #reset {position: absolute;top: 50%;left: 50%;margin: 0;transform: translate(-50%, -50%);}
	body.reset #reset img {width: 772px;}
}
@media (max-width: 768px){
	body.reset #reset img {padding:30px;width:80%;}
	body.reset #reset .form {margin-top:0!important;}
}
body.reset #reset .form {border:1px solid var(--darkblue);width: 75%;margin:80px auto 20px;padding: 20px 30px;color:white;}
body.reset #reset .form h3 {color: white;text-align: center;font-size: 20px;margin:0;}
body.reset .btn-success {margin: 8px auto 0;display:inherit;}

/* welcome */
.welcome {background:var(--blue);color:white;padding:30px;}
.welcome a {color:white;}
.welcome img {margin-bottom:50px;}
.welcome .h3 {margin-bottom:30px;}
.welcome .content {margin: 0 auto 20px;}
@media (max-width: 768px){
	.welcome img {width:80%;}
	.welcome .description {margin-bottom:20px;}
}
@media (min-width: 768px){
	.welcome .description {margin-right:15px;}
	body.welcome img {width: 772px;}
	.welcome .content {border: 1px solid var(--darkblue);width: 80%;margin: 0 auto 20px;padding: 45px 30px;}
}

/* bootstrap */
#LoginApp .form-control {border:none;}
.form-control {border-radius:0;}
.btn-success {text-transform:uppercase;font-weight:bold;font-size:14px;background:var(--orange);border-radius:0;border-color:var(--orange);padding:7px 40px;}
.btn-success:hover {background:var(--darkblue);border-color:var(--darkblue);}
.bg-dark {background-color: var(--darkblue) !important;}
.input-group-prepend {background: var(--orange);padding: 10px;font-size: large;}
.inheritance-area .input-group-prepend {background:none;}
.inheritance-area .input-group-append .input-group-text {background:none;border:none;}
.inheritance-area .form-control {max-width:100px;margin-right:5px!important;}
[data-view="notifications"] .input-group-prepend {background:none;padding:0;}
.my-card-body {padding: 3px 8px 0;background:var(--lightgrey);border-color:var(--middlegrey);}
.nav-item {color:#333;font-size:15px;}
.dropdown-item {color:#333;font-size:15px;padding:.25rem 12px;}
.dropdown-item .fa,
.dropdown-item .fas,
.dropdown-item .fa-fw {color:var(--orange);margin-right:12px;}
.main-nav .dropdown-menu {box-shadow:0px 3px 6px #00000029;margin-top:15px;border: 1px solid #BFBFBF;}
a:hover {color:var(--blue);text-decoration: underline;}
.nav-tabs .nav-item {text-transform:uppercase;font-weight:bold;}
.nav-link {color:#333;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:var(--orange);}

/* buttons */
.btn-primary {background:var(--orange);border-color:var(--orange);}
.btn-rounded, .sub-nav .btn-primary {background:var(--orange);color:white;border-radius:20px;border-color:var(--orange);font-weight:bold;padding:.275rem 1rem;}
.btn-rounded:hover, .sub-nav .btn-primary:hover, #formDisplay .btn-primary:hover {background:var(--darkorange);border-color:var(--darkorange);}
#formDisplay .btn-primary {background:var(--orange);border-color:var(--orange);color:white;font-weight:bold;padding:.4rem 1.5rem;}
#formDisplay .btn-default {color:var(--gray-medium2);border-radius:0;}
#formDisplay .btn-default:hover {color:var(--gray-dark2);}
#formDisplay .btn-secondary.btn-cancel-form {
    position: absolute;
    margin: 13px 0;
  }

/* forms */
.form-select-wrapper::after {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: 'Font Awesome 5 Pro';font-weight: 900;content: "\f0d7";right:-20px;top:11px;color:#989898;width:30px;position:absolute;z-index:40;}
#OverLay .form-select-wrapper::after {display:none;}
#FormBuilderApp h1 {display:none;}

/* formView */
.page-header .float-right small {color: #666;margin-top: 15px;display: inline-block;}
#formDisplay,
#formDisplay table td{font-size:14px;color:#666;}
#formDisplay td {background:#f6f6f6;border:1px solid #dadada;}
.LinkedRecordField .btn,
#formDisplay form td .btn {background:#f2f2f2;border:1px solid #dadada;margin-right:10px;color:#8f8f8f;position:relative;padding-right:37px;}
#formDisplay form td span {margin-right:10px;}
.LinkedRecordField .btn .fa,
#formDisplay td .btn .fa:not(.multiValueIcon) {border-left:1px solid #dadada;position:absolute;right:0;width:25px;top:0;bottom:0;padding-top:8px;}
#main .card .form-control,
#formDisplay .form-control {box-shadow:inset 0px 3px 4px 0px #eee;}
#formDisplay th {font-size:medium;font-weight:normal;border:none;}
#formDisplay th i {font-size:17px;margin-right:10px;}
#formDisplay .goBack {margin-right:8px;}
#formDisplay form .btn-sm {font-size:14px;padding:5px 10px;}
#formDisplay label {margin-top:6px;margin-bottom:0;}
.page-header form.navbar-right .mr-sm-2 {margin-right:0!important;border-right:none;border-radius:.2rem 0 0 .2rem;}
.page-header form .btn-outline-success {margin-right:10px;background:#f2f2f2;border:1px solid #dadada;color:#a9a9a9;border-radius:0 .2rem .2rem 0;padding:5px 6px 6px;}
.page-header .btn-primary {font-size:13px;}
[data-view="admin"] table {margin-top:30px;}
table td .form-check {margin:0;}
[data-view="admin"] .goBack {display:none;}
#formDisplay input.error {border-color: red;border-style: solid;}
[data-view="account"] .CustomReportsContainer {margin-top:15px;}
[data-view="account"] .CustomReportsBtn {margin-bottom:15px;}
#main table.compact td span {width: 100px;display: block;white-space: pre;overflow: hidden;text-overflow: ellipsis;}
[data-view="account"] [data-method="refresh"][data-model="rfidreader"] {margin-top:15px;}

.fileLabelTable thead {display: table-header-group;}
.fileLabelTable td::before {display: none;}
table.fileLabelTable tr th, table.fileLabelTable tr td {max-width: 159px;overflow: hidden;padding: 6px;padding-right: 20px;text-overflow: ellipsis;vertical-align: middle;}
.fileLabelTable th:last-child, .fileLabelTable td:last-child {padding-right: 0;}

#formDisplay form {display:table;width:100%;}
#formDisplay form label {display:table-row;}
#formDisplay form label:nth-child(even) {background:var(--lightergrey);}
#formDisplay form span.fieldLabelText {display:table-cell;padding:10px;vertical-align:middle;}
#formDisplay form .btn-secondary{margin:13px -13px;display:table-cell;}
#formDisplay form .form-control {margin:10px -10px;display:table-cell;}
#formDisplay br {display:none;}
#formDisplay .__checkbox input {vertical-align:middle;margin-top:14px;}
#formDisplay form span.linkedRecordDisplay {display:inline-block;}

#formDisplay form td .btn-add, #formDisplay form td .btn-minus {padding: 4px 10px;vertical-align: baseline;}
.form-control.multiField {width: 80%;margin-bottom: 5px;display: inline;}
.multiSelectSwitch {display: flex;justify-content: center;}
.multiSelectSwitch label {width: 100%;}
.multiSelectSwitch select[multiple] {display: inline-block;height:250px;}
.multiSelectSwitch .btnContainer {display:block;}
.multiSelectSwitch .btnContainer button {display:flex;}
.multiSelectSwitch .btnContainer button:first-child {margin-bottom: 10px;margin-top: 250%;}
#formDisplay .btn-cancel {margin-right:8px;}
#formDisplay .tab-content {border: 1px solid #dee2e6;border-top:none;}

#formDisplay form .__ScanSearchField input.form-control {
    margin-right:0;
}
#formDisplay form .__ScanSearchField button.btn-secondary {
    margin: 10px 0;
}
.__ScanSearchField .input-group-append {
    margin-right: 10px;
}


.__LinkedRecordField i {
    margin-left: 15px;
}
.linkedRecordDisplay {
    display: inline-block;
}

#formDisplay canvas {
    border: 1px solid #ced4da;
    /* width: 100%; */
}

@media (max-width: 480px) {
    #formDisplay form {
        display: inherit;
    }
    #formDisplay form label {
        display: inherit;
    }
    #formDisplay form span.fieldLabelText {
        padding-left:0px;
        padding-top:10px;
        padding-bottom:10px;
    }
    #formDisplay form .form-control {
        margin: 0px;
    }
    #formDisplay canvas {
        width: 100%;
    }
}

/* LoginApp */
[data-view="logIn"] {background:var(--blue);color:white;}
[data-view="logIn"] a {color:white;}
#LoginApp .text-center img {width:772px;}
#LoginApp > .container {border:1px solid var(--darkblue);width:75%;margin-top:80px;padding:20px 30px;margin-bottom:20px;}
body #LoginApp .col-md-6 {width:100%;max-width:100%;margin:0;}
#LoginApp .panel-heading {color:white;text-align:center;font-size:20px;}
#LoginApp .input-group-addon {background:var(--orange);color:var(--white);padding:7px 12px;}
#LoginApp .forgot {color:var(--middlegrey);font-weight:bold;font-size:14px;}
#LoginApp #loginform .input-group:first-child {margin-bottom:20px;}
#LoginApp #loginform .input-group:first-child + .input-group {margin-bottom:5px;}
#LoginApp .btn-success {margin:8px auto 0;}
@media (min-width: 768px){body #loginForm{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%, -50%)}}
@media (max-width: 768px){
	body #LoginApp{margin-top:0;}
	#LoginApp .text-center img {width:80%;padding: 30px;}
	#LoginApp > .container {margin-top:0;}	
}

/* navigation */
.navbar-dark.bg-dark {background:var(--darkblue)!important;}
.main-nav {position:relative;z-index:50;max-height:54px;height:5.7vh;padding:.2rem 1rem;}
.main-nav img {max-height:28px;}
.navbar-dark .navbar-nav .nav-link {color:var(--white);}
.navbar-dark .navbar-nav .nav-link i {color:var(--orange);}
#searchButton {position: absolute;right: 0;top: 0;bottom: 0;border: none;background: var(--orange);color: var(--white);padding: 12px;font-size:x-large;max-height:56px;}
.sub-nav {background:#F1F1F1;padding:0 15px;}
.sub-nav [name="recordType"] {min-width:200px;}
.CrudApp .sub-nav {max-height:inherit;}
.sub-nav select.form-control {text-transform:capitalize;color:#333333;font-size:20px;font-weight:bold;border:none;background:none;-moz-appearance: none!important; -webkit-appearance: none!important;appearance:none!important;border-radius:0;}
.sub-nav select.form-control:active,
.sub-nav select.form-control:focus {outline: none !important;box-shadow: none;}
.sub-nav .navbar-brand {position:relative;}
.sub-nav .badge {margin-top:10px;background:white;}
.sub-nav .input-group-prepend {color:var(--orange);padding:0;font-size:medium;background:none;padding-top:13px;}
.dropdown-item .fas {color:var(--orange);}
.sub-nav #selectAll {border-radius: 20px;padding: 0.275rem 1rem;margin-right: 0.275rem;margin-top:2.5px;}
[data-actualuser="y"] #my_records_link {display:none;}

/* CrudApp */
[data-subview="CrudApp"] #recordToolbarC {background:var(--orange);}
[data-subview="CrudApp"] #recordToolbarC .btn {border:none;}

/* search */
[data-name="searchForm"] {background:var(--transparent-orange);position:absolute;top:0;right:0;bottom:0;left:0;height:100vh;width:100vw;color:var(--white);}
[data-name="searchForm"] .close {z-index:1001;position:absolute;top:14px;right:14px;color:white;font-size:x-large;opacity:1;}
[data-name="searchForm"] .body {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;}
[data-name="searchForm"] .card {background:none;border-radius:0;border:1px solid var(--darkorange);text-align:center;margin-bottom:35px;}
[data-name="searchForm"] .card h3 {font-size:1.3rem;font-weight:bold;}
[data-name="searchForm"] .btn {background:var(--blue);color:white;border-color:var(--blue);border-radius:0;font-weight:bold;text-transform:uppercase;}
.closeNewSearch {background:none;border:none;color:white;text-transform:uppercase;font-size:x-large;}
[data-name="searchForm"] .form-control {border:none;border-radius:0;}
.btn[data-method="editFields"] {background:none;color:#a1480f;border:none;text-transform:none;font-size:small;position:absolute;right:10px;top:10px;}
.btn[data-method="addField"] {font-weight:bold;}
#modal .input-group-text {border:none;padding:0;}
.customSearchField {margin-bottom:10px;padding: 3px 8px 0;background: var(--lightgrey);border-color: var(--middlegrey);border:1px solid var(--middlegrey);border-radius:5px;}
.customSearchField span {line-height:2;}

/* workflow */
#workflowEditor li {list-style-type:none;}

/* record display */
#addRecord{background-color:var(--orange)!important;border-color:var(--orange)!important;}
#toolbar {height:0;}
#recordToolbar {position:fixed;bottom:4.4vh;left:0;right:0;background:var(--disabled);padding:0;}
#recordToolbar .btn {border-top:none;border-bottom:none;padding:.35rem .5rem;border-radius:0 0 0 0;background:var(--disabled);}
#recordToolbar .btn[disabled="disabled"] {border-right:1px solid var(--middlegrey);}
#recordToolbar.enabled .btn {border-color:var(--darkorange);}
#recordToolbar .btn i {margin-right:4px;}
#recordToolbar .btn,
#recordToolbar .btn.disabler {color:var(--gray-medium2);}
#recordToolbar.active .btn {color:var(--white);border-right:1px solid var(--darkorange);}
#recordToolbar.active .btn:hover {background:var(--darkorange);}
#recordToolbar.active {background:var(--orange);}
#recordToolbar.tableControls.enabled {background:var(--orange);color:white;}
#recordToolbar.tableControls.enabled .btn {background:var(--orange);color:white;}
#Reports li,
#Lists li {position:relative;height:30px;min-width:200px;}
#Reports li a, #Lists li a {display: inline-block;position: absolute;left: 0;max-width: 250px;height:30px;white-space: pre;text-overflow: ellipsis;overflow: hidden;}
#Reports li a:hover, #Lists li a:hover {background:none;}
#Reports li, #Lists li {min-width:300px;}
#Reports button,
#Lists button {background:none;color:red;border:none;position:absolute;right:17px;top:5px;}
#Reports button:hover,
#Lists button:hover {cursor:pointer;color:var(--darkgrey);}
#modal .tableHeader .card {margin-bottom:8px;}
#modal .tableHeader .card-body i {line-height:1.3;}
[data-view="home"] #modal [multiple="multiple"] {height:250px;}
#CustomReport {overflow:auto;font-size:11px;}
#CustomReport .page {height:7.18in;}
#CustomReport center {padding-bottom:15px; page-break-after: always;}
#CustomReportContainer {height:610px;overflow:auto;}
#CustomReport .table td {font-size:11px;}
#CustomReport dl {width: 100%; overflow: hidden; padding: 0; margin: 0;}
#CustomReport dt {float: left;width: 50%;padding: 0;margin: 0;}
#CustomReport dd {float: left;width: 50%;padding: 0;margin: 0;}
.modal-body iframe {width:100%;border:none;min-height:400px;}
#viewModal .modal-body table {margin-bottom:10px;}
.scanContainer.card .btn-default {border-color:var(--orange);}
#viewModal .nav-link {padding:3px;}
#viewModal .tab-content {border: 1px solid #dee2e6;border-top: none;padding:10px 10px 0;margin-bottom:25px;}
#viewModal .tab-content:last-child {margin-bottom:0;}
[data-view="record"][data-method="add"] .page-header small.float-right {margin-top:13px;}
[data-view="record"][data-method="add"] #formDisplay {margin-bottom:80px;}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before,
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {top:4px;}
.dataTables_scrollBody {top:0!important}
#historyModal table tbody tr td:first-child, #CustomReportContainer table tbody tr td:first-child{
    text-transform: capitalize;
  }

[data-model="record"] .pagination-container {position:fixed;bottom:0;left:0;right:0;background:var(--light);height:37px;}
body[data-model="record"] {overflow:hidden;}
.table-striped tbody tr.DTTT_selected,
.DTTT_selected:hover,
.DTTT_selected {background:#FBEEE5;}
.recordsContainer {overflow:auto;width:100%;position:absolute;top:96px;bottom:68px;}
.recordsContainer tbody {display:block;overflow:auto;}
.recordsContainer th {width:10em;background:#d1dbe1;color:#333333;font-size:14px;border-bottom:none;border-color:#BFC7CB;border-top:none;}
.table-striped tbody tr:nth-of-type(2n+1) {background:var(--light-gray);}
.recordsContainer .table td, .recordsContainer .table th, .table td, .table th {padding:.35rem .5rem;}
.recordsContainer .table-bordered thead td, .recordsContainer .table-bordered thead th {border-width:1px;border-top:none;padding-top:1.3rem;}
.recordsContainer .table-bordered td, .recordsContainer .table-bordered th {border-width:1px;border-top:none;}
.recordsContainer .table-bordered {border:none;}
.recordsContainer thead, .recordsContainer tbody tr {display:table;width:100%;table-layout:fixed;}
/*.recordsContainer thead {width: calc( 100% - 1em );}*/
.pagination-container {margin:0;}
.pagination-container nav {position:absolute;top:0;right:0;bottom:0;}
#Reports a > span, #Lists a > span {display: inline-block;width: 200px;overflow: hidden;white-space: pre;text-overflow: ellipsis;margin-right: 15px;}
.recordtype-select {margin-top:2px;}
#insertion_interface .container {padding:0;}
#insertion_interface .col-md-3 .btn-secondary {margin-top:23px;}
#insertion_interface .col-md-1 span {margin-top:29px;display:block;}
#records_to_insert {margin: 15px 0;height: 366px;overflow: auto;border: 1px solid #ced4da;padding: 20px 10px;}
#barcodeLoader {z-index:1052!important;}
#barcodeBlocker {z-index:1051!important;}
[data-method="insertRemove"] {background:none;border:1px solid #ced4da;}

/* record-display */
#formDisplay .record-display {padding: 8px 10px 4px;}
.record-display {color:var(--orange);text-align: center;font-size: small;background: white;border-radius: 5px;border: 1px solid #ddd;padding: 8px 10px;margin: 0 10px;}
.record-display span {margin:0!important;padding:0!important;}
.record-display .fa-fw {font-size:large;margin:0;display:block;width:100%;text-align:center;}
.subject-cell .record-display {max-width: 150px;overflow: hidden;margin: 0 auto;white-space: pre;text-overflow: ellipsis;}
#record_type_not_found {width:100%;height:88vh;position: relative;font-weight:bold;font-size:xx-large;text-align:center;}
#record_type_not_found p {width:100%;position: absolute;top: 50%;transform: translateY(-50%);}
@media (max-height: 915px){
	#searchButton {
		padding:4px 7px;
	}
}

/* Scan and Upload User */
.scan-interface {margin-top:15px;}
.scan-interface .page-header {margin-bottom:30px;}
.scan-interface .btn-lg {display:block;width:70%;margin:0 auto 30px;padding:30px 10px;}
.scan-interface .btn-lg .fas {display:block;width:100%;text-align:center;margin-bottom:12px;}
.embed {min-height:80vh;border:1px solid #ddd;}
body[data-view="home"][data-user="y"] {overflow:auto;margin-bottom:100px;}
body[data-view="home"][data-user="y"] #importer {line-height:1;border:1px solid #ddd;padding:15px;height:244px;}
body[data-view="home"][data-user="y"] #acceptColumns {margin: 30px 0}
p.embed {min-height: 80vh;border: 1px solid #ddd;text-align: center;padding-top: 50px;}
.breadcrumb-item .btn {padding:0;}
#stripColumnHeaders {margin-right:10px;}
body[data-view="home"][data-user="y"] .modal-body .btn-link {margin:0;padding:0;}
.scan-interface tr.bg-success {background-color: #e0f7e0!important;}
.carousel-item {min-height:50vh;}
#tiff {background:grey;}
#tiff canvas{display:block;margin:0 auto;}
.carousel-control-next,
.carousel-control-prev {border:none;background:none;}
[data-actualuser="y"] #searchButton,
[data-user="y"] #searchButton {display:none;}

/* DataTables pagination */
#largeModal .dataTables_paginate {background:var(--lightgrey);}
#largeModal .dataTables_paginate .active {background:var(--darkblue);}
#largeModal .dataTables_paginate .active .page-link {color:white;}
#largeModal .dataTables_length {position: absolute;z-index: 20;font-size: 14px;color: var(--darkgrey);margin-top: 5px;margin-left: 10px;}
#largeModal .dataTables_length label {margin:0;}
#largeModal .dataTables_info {position: absolute;bottom: -16px!important;left: 195px;z-index: 20;font-size: 14px;color: var(--darkgrey);}
#largeModal .dataTables_info::before {font-size: large;content: ' | ';margin-right: 10px;vertical-align: middle;line-height: 1.2;}
#largeModal table.dataTable {margin-top:0!important;}
#largeModal .dataTables_paginates {position:fixed;bottom:0;width:100%;background:var(--lightgrey);}
#largeModal .page-link {color: var(--darkgrey);pointer-events: none;cursor: auto;background:none;border:none;padding:.7rem .75rem;}
#largeModal div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin: 0;}
#largeModal div.dataTables_wrapper div.dataTables_paginate {position: absolute;left: 15px;right: 15px;}
[data-method="add"] #largeModal .modal-footer {margin-top:45px;}
#largeModal .linkedRecordSearch {margin-bottom: 5px;float: right;}
#largeModal .linkedRecordSearch + .view > .dataTables_wrapper {
    margin-bottom: 36px;
}
#largeModal .linkedRecordSearch + .view > .dataTables_wrapper .dataTables_info {
    bottom: 15px!important;
}

[data-view="home"] .view .wrapper .dataTables_paginate {z-index:10;position:fixed;bottom:0;width:100%;background:var(--lightgrey);}
[data-view="home"] .view .dataTables_paginate .active {background:var(--darkblue);}
[data-view="home"] #main .dataTables_paginate .active .page-link {color:white;}
[data-view="home"] .view .wrapper .dataTables_length {position:fixed;bottom:5px;left:10px;z-index:20;font-size:14px;color:var(--darkgrey);}
[data-view="home"] .view .wrapper .dataTables_length label {margin:0;}
[data-view="home"] .view .wrapper .dataTables_info {position: fixed;bottom: 10px;left: 175px;z-index: 20;font-size: 14px;color: var(--darkgrey);}
[data-view="home"] .view .wrapper .dataTables_info::before {font-size: large;content: ' | ';margin-right: 10px;vertical-align: middle;line-height: 1.2;}
body[data-view="home"] {overflow:hidden;}
[data-view="home"].express {overflow:auto;}
[data-view="home"] table.dataTable {margin-top:0!important;}
[data-view="home"] .dataTables_paginates {position:fixed;bottom:0;width:100%;background:var(--lightgrey);}
[data-view="home"] #main .page-link {color: var(--darkgrey);pointer-events: none;cursor: auto;background:none;border:none;padding:.7rem .75rem;}
[data-view="home"] div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin: 0;}

/* record display column styling */
#records {
    background: #f4f4f4;
    max-height: calc(100vh - 173px);
    border: 1px solid #dadada;
    max-width: 100%;
    overflow: auto;
}

.row-container {
    border-bottom: 1px solid #dadada;
    padding: 18px;
    background: white;
}
.row-container .img-thumbnail {
    width: 147px;
    height: auto;
}
.img-thumbnail {
    border: 1px solid #dadada;
    padding: 4px;
    -webkit-box-shadow: 0px 0px 4px 0px #dadada;
    box-shadow: 0px 0px 4px 0px #dadada;
}
[title="Attach Thumbnail"] {
    cursor: pointer;
}
.row-container dl {
	width: 30%;
	max-height: 147px;
	overflow: auto;
	font-size: small;
	color: #444;
	margin-left: 50px;
	margin-bottom: 0;
	/* float: left; */
	left: 0;
}
.row-container dt {
    border-bottom: 1px solid #f2f2f2;
    margin: 0;
    padding: 0;
}
.row-container dd {
    border-bottom: 1px solid #f2f2f2;
    margin: 0;
    padding: 0;
}
#uploader {
    position: fixed;
    top: -200px;
    left: -200px;
}

/* plugins */
#activePlugins {width:100%;height:600px;border:3px solid #ddd;position:relative;overflow:auto;}
#activePlugins:after {content:'Drag Plugins Here';position:absolute;top:50%;left:50%;color:#ddd;margin-left:-75px;}
#activePlugins .plugin {width:100%!important;border-radius:0 0 0 0;}
.available-plugins .btn-group {display:none;}
#droppable {height: 160px;background: repeating-linear-gradient(-45deg, #8c8c8c, #8c8c8c 25%, #999 25%, #999 50%, #8c8c8c 50%) top left fixed;background: -webkit-repeating-linear-gradient(-45deg, #8c8c8c, #8c8c8c 25%, #999 25%, #999 50%, #8c8c8c 50%) top left fixed;background-size: 30px 30px;background-color: #8c8c8c;text-align: center;font-size: xx-large;border: 5px solid rgba(0,0,0,0.08);}
#droppable i {padding-top: 62px; color: #fff;}
#droppable.active {background: repeating-linear-gradient(-45deg, #8c2929, #8c2929 25%, #992d2d 25%, #992d2d 50%, #8c2929 50%) top left fixed;background: -webkit-repeating-linear-gradient(-45deg, #8c2929, #8c2929 25%, #992d2d 25%, #992d2d 50%, #8c2929 50%) top left fixed;background-size: 30px 30px;background-color: #8c2929;}
.availablePlugins .list-group {height: 63vh;overflow: auto;}

.single-icon {padding:15px 5px;}
.available-plugins.list-group .plugin.list-group-item { color: black; }

/* settings */
[data-view="settings"] section[data-subview="main"] {margin-bottom:100px;}

/* users */
table .user ul {margin-bottom:0;}
[data-view="users"] #filterFormDisplay .__checkbox {position:relative;}
[data-view="users"] #filterFormDisplay .__checkbox span {position:absolute;left:20px;}
[data-view="users"] #filterFormDisplay .__checkbox br {display:none;}
[data-view="users"] #filterFormDisplay h3 {margin-top:20px;}

/* admin */
#build {background:var(--lightergrey);}
#build .card {/*width:calc( 100% - 2em );*/margin-bottom:8px;width:218px;}
#components {height:400px;overflow:auto;}
#components .card {margin-bottom:8px;}

/* data entry form */
#application[data-page="form"] #main{padding:4rem 0;}
#application[data-page="form"] #formDisplay {margin:1.5rem 0;}
#application[data-page="form"] #main h2 {color:var(--orange);font-weight:bold;}
#application[data-page="form"] #main h2 i {font-size:1.5rem;margin-right:.3em;}

/* sales */

@media screen and (min-width: 992px) {
    .modal-lg {max-width: 962px;}
    #labelModal .modal-lg {max-width: 1362px;}
}

/* search */
body[data-view="search"] #recordToolbar {
	bottom:0px;
}
#barcodeSearch1 {width:190px;}

/* express */
.express .panel-default {border:none;}
#labelPreview {min-height: 600px;}
.card-default .r {border-bottom: 1px solid #ddd;padding: 6px 14px 7px;}
.card-default .r label {display: inline;}
.col-md-6 .card-default {min-height: 152px;margin-bottom: 15px;}
.express .card-default {font-size: small;}
.express .col-md-6 .card-default .card-body {padding:0px;}
.express button.pull-right {float:right;}
button#importer {margin-bottom: .5rem;}
.express .col-md-9 .card-default {margin-bottom: 15px;}
#ImporterApp #columns {width:100%;}
.express .panel-heading span {font-size:11pt;}
.express .panel-heading,
.express .card-header {border-bottom:none;font-size: 11pt;text-transform: uppercase;font-weight: bold;background: #a6a6a6;color: #fff;padding: 7px 15px;}
.express .card-body {background:white;}
.express button#importer {margin-bottom:0;}
.express .btn {border-radius: 0 0 0 0;font-size: small;text-transform: uppercase;padding: 7px 30px;font-weight: bold;}
.express .btn-primary {background:#33647E;border-color:#33647E;}
.express .card-header i,
.express .panel-default > .panel-heading i {margin-right: 5px;}
.express #main .card {margin-bottom:30px;}
.express .panel-default > .panel-heading {border-radius: 4px 4px 0 0;padding-top:6px;padding-bottom:6px;}
.express #SheetApp .btn {padding:3px 8px;text-transform:none;font-size:11px;font-weight:normal;}
.express #searchButton {display:none;}
.express .main-nav .ml-auto {margin-right:0;}
.express #columns {height:60vh;overflow:auto;margin-bottom:20px;}
.express .col-xs-12 label + label {margin-top:-20px;}
.express .col-xs-12 label + label input {margin-right:10px;}

/* importer */
[data-view="importer"] .control.form-control {
    text-transform: capitalize;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    border: none;
    background: none;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 0;
    width: 50%;
    display: block;
}

[data-view="importer"] .input-group-prepend {
    color: var(--orange);
    padding: 0;
        padding-top: 0px;
    padding-top: 0px;
    font-size: medium;
    background: none;
    padding-top: 13px;
}

[data-view="importer"] .form-select-wrapper {
    padding-bottom: 15px;
    position:relative;
    display:inline-block;
    /*background: #F1F1F1;*/
}

/* docs */
[data-view="docs"] table + h5 {margin-top:20px;}
[data-view="docs"] #main .row.text-center .card {
    padding: 30px;
    background: #f5f5f5;
    border-radius: 0 0 0 0;
    border: 1px dashed #dadada;
    padding-bottom:95px;
    height:100%
}
.multiUploadContainer {
    background: #f5f5f5;
    height:100%;
    border: 1px dashed #dadada;
}
.multiUploadContainer #UploaderApp {
    border:unset;
}

#main .card {
    margin-bottom: 40px;
    color: #888;
}
[data-view="docs"] #main h6 {
    color: #888;
    font-size: medium;
    font-weight: bold;
}
[data-view="docs"] #main .card p {
    color: #4a4a4a;
    width: 65%;
    margin: 0 auto;
        margin-bottom: 0px;
    font-size: 13px;
    margin-bottom: 12px;
}
[data-view="docs"] #main .text-center .card .btn {
    width: 40%;
    margin: 0 auto;
}
[data-view="docs"] #main .card .btn {
    background: var(--orange);
    color: white;
}
[data-view="docs"] .object-display {
    margin-bottom:50px;
}
.attachments-toggle {margin-top:40px;}
#attachments {
    margin-top:20px;
}
#main .list-group-item {
    background: #fafafa;
    border-bottom: none;
}
[data-view="docs"] #main .list-group .list-group-item {
    border-color: #ebebeb;
}
.list-group .list-group-item {
    border-radius: none;
    padding: 10px 12px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
    background: #17303a;
    border-bottom: 1px solid #284d5f;
    color: white;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
[data-view="docs"] #main .list-group-item > i {
    color: #000;
    font-size: large;
}
[data-view="docs"] #main .list-group a {
    background: none;
    text-decoration: underline;
    margin-left: 8px;
    color: #666;
}
[data-view="docs"] #main .list-group button {
    background: none;
    color: #888;
    border: none;
    font-size: small;
}

/* Viewer overlay */
[data-name="viewer"] {
    position: fixed;
    background: var(--darkblue);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
[data-name="viewer"] .close {position:absolute;top:14px;right:14px;color:white;font-size:x-large;opacity:1;}
[data-name="viewer"] .body {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
}
#viewer {
    height:100%
}
#viewer iframe {
    height: 100%;
    width: 100%;
}

/* Scanner overlay */
[data-name="scanner"] {
    position: fixed;
    background: var(--darkblue);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
[data-name="scanner"] .close {position:absolute;top:14px;right:14px;color:white;font-size:x-large;opacity:1;}
[data-name="scanner"] .body {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
    background:#ccc;
}
#dwtNavContainer {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background: #3b3b3b;padding:10px;}
.dynamsoft-dwt-container-box > div {-webkit-box-shadow: 0px 0px 4px 0px #aaa;box-shadow: 0px 0px 4px 0px #aaa;}
.dynamsoft-dwt-container-box {background:#ccc;}
#dwtNavContainer [type="button"] {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#656565+0,676767+12,636363+28,515151+72,4a4a4a+100 */
	background: #656565; /* Old browsers */
	background: -moz-linear-gradient(top, #656565 0%, #676767 12%, #636363 28%, #515151 72%, #4a4a4a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #656565 0%,#676767 12%,#636363 28%,#515151 72%,#4a4a4a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #656565 0%,#676767 12%,#636363 28%,#515151 72%,#4a4a4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
	border:1px solid #3b3b3b;
	border-radius:3px;
	color:white;
	font-weight:bold;
}
#dwtNavContainer [type="text"] {background:#3b3b3b;border:1px solid #555;border-radius:3px;color:white;text-align:center;font-weight:bold;}
.scannerControls {background:#f2f2f2;-webkit-box-shadow: 0px 0px 4px 0px #aaa;box-shadow: 0px 0px 4px 0px #aaa;padding:15px 0 0;position:relative;z-index:0;}
#overlay #ScannerApp .scannerControls {margin:0 0 50px;}
dialog {display:none;}
#ScannerApp .input-group-append {background: white;border: 1px solid rgba(0,0,0,.15);border-left: none;padding: 5px 10px;color: #b6b6b6;font-size: small;}
#ScannerApp [name="fileName"] {border: 1px solid rgba(0,0,0,.15);border-right:none;}
#ScannerApp .col-md-1 .btn {margin-top:1px;}
#ScannerApp .btn-sm.btn-default {background: #f2f2f2;border-color: #dcdcdc;color: #888;}
#ScannerApp .btn-sm {font-size: 12px;}

#UploaderApp .progress-pause-link,
#UploaderApp .progress-resume-link {
	vertical-align: sub;
	line-height: .5;
}

/* Desktop */
@media (min-width: 992px) {
	.sub-nav {height:4.4vh;}
	.main-nav {height:5.66vh;}
	.main-nav .ml-auto {margin-right:70px;}
	#formDisplay .tab-content > .active {width:600px;display:table;}
	[data-view="home"] .dataTables_paginate {height:4.4vh;}
	[data-view="home"] #main table th {height:4.84vh;}
	#recordToolbar {height:3.8vh;}
	#OverLay .card-body {min-height:120px;}
	[data-name="searchForm"] .fieldSearch .btn {margin-top:8px;}
	[data-name="searchForm"] .fieldSearch label {display: block;width: 100%;float: left;width: 25%;clear: bth;padding: 0 10px;text-align: left;}	
}

/* Laptops */
@media (max-width: 1400px) {
	[data-name="searchForm"] .card {margin-bottom:8px;min-height:91px;}
	.card-body {padding: 5px 10px;}
}

/* Mobile */
@media (max-width: 992px) {
	.main-nav .navbar-toggler {margin-right:50px;}
	.row-container dl {width: 70%;margin-left: 15px;margin-right:0;float:right!important;max-height:unset;}
	.quantum-form .btn-primary {margin-top:20px;}
	.row-container.result-container {padding:30px 0;}
	[data-view="home"] .row-container.result-container {padding:30px 15px;}
	.result-container.row-container .result .dl dl {width:100%;padding:0;}
	.result-container.row-container .result img {width:80px;min-width:80px;height:80px;}
	.result-container.row-container .result .thumbnail {min-width:100px;width:100px;}
	form[data-model="record.search"][data-method="barcode"] .btn {margin:0 auto;}
	.card-body {padding:10px}
	#barcodeSearch1 {width:100%;}
	.btn[data-view="search"] {width:100%;}
	.btn[data-searchtype="scanrfid"] {margin-bottom:10px;}
	.form-group.mx-sm-3.mb-2 {margin:0!important;width:100%;}
	.form-group.mx-sm-3.mb-2 + .btn {margin-top:10px;width:100%;}
	[data-method="global"] .btn {width:100%;}
	.my-page-header {margin:15px 0 0 0;padding:0;}
	.CrudApp .sub-nav {padding-top:10px;}
}

@media (max-width: 991px) {
	[data-name="searchForm"] .form-control {padding:2px 10px;height:28px;}
	[data-name="searchForm"] .btn {padding:2px 12px;height:28px;}
	.main-nav {padding:0 15px;}
	.main-nav .navbar-toggler {margin-right:50px;}
	.row-container dl {width: 100%;margin:0;padding-top:15px;float:none!important;max-height:unset;}
	.row-container dt, .row-container dd {width:50%;}
	[data-name="searchForm"] .card {margin-bottom:6px;}
	[data-name="searchForm"] .body {position:static;transform:none;}
	[data-name="searchForm"] .body h2 {display:none;}
	[data-name="searchForm"] .body h3 {font-size:14px;}
	[data-name="searchForm"] .input-group-prepend {padding:5px;}
	[data-name="searchForm"] label {margin:2px;}
	[data-view="home"] .fieldSearch {max-height:180px;overflow:auto;overflow-x:hidden;}
	.scanSearch {margin-top:15px;}
	#addRecord {margin:0;}
	.sub-nav [name="recordType"] {min-width:100px;max-width:100px;width:100px;}
	.dataTables_info {display:none;}
#navbarSupportedContent {
	background: var(--blue);
	z-index: 10;
	padding: 5px 20px;
	border-radius: 15px;
	box-shadow: 0px 0px 4px 0px #000;
	position: absolute;
	top: 57px;
	/* right: 15px; */
	width: 93%;
}
	#navbarSupportedContent2 {padding-bottom:15px;}
	#LoginApp > .container {padding:10px;}
	.page-header .title {vertical-align:middle;white-space: pre;overflow: hidden;text-overflow: ellipsis;max-width: 280px;display: inline-block;font-size:x-large;}
	.page-header .fa-stack {font-size: 11.5px;margin-top:0;}
	.main-nav img {max-height: 28px;margin-top: -5px;}
}