/* ---------- Hide VUE template before being rendered ---------- */
[v-cloak] {
    display:none;
}

body {
    overflow-x: hidden;
}

.edit, .new, .matched {
    display: none;
}

/* ---------- Inputs ---------- */
.custom-text {
    height: 41px;
    padding: .375rem .75rem;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: .125rem;
}

.search-text {
    height: 36px;
    padding: .375rem .75rem;
    border-radius: .125rem;
    border: 1px solid rgba(0, 0, 0, 0.26);
}

.search-text:focus {
    border-color: #bb0000;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(187, 0, 0, 0.5);
}

/* ---------- Buttons ---------- */
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus
{
    color: #bb0000 !important;
}

.btn.btn-raised.btn-primary
{
    color: #ffffff !important;
    background-color: #bb0000 !important;
}

.btn.btn-raised.btn-primary:disabled
{
    background-color: #666666 !important;
}


/* ---------- Navigation Bar ---------- */
.bg-dark {
    background-color: #333333 !important;
    border-bottom: 4px solid #bb0000;
}

.navbar-text {
    color: #ffffff !important;
    font-size: 1.25em;
    font-weight: 500;
}

.navbar-thin {
    height: 48px;
    border-bottom: 3px solid #bb0000;
}

/* Fix HandsOnTable */
.navbar {
    z-index: 999;
}


/* ---------- Tab Bar ---------- */
.nav-tabs {
    border-bottom: 1px solid rgb(233, 236, 239);
}

.nav-tabs .nav-item {
    display: block;
    top: 3px;
}

.nav-tabs .nav-link {
    color: #000;
    font-size: 1.15em;
    font-weight: 400;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.nav-tabs .nav-link:hover {
    font-weight: 500;
    border-top: 1px solid rgb(233, 236, 239);
    border-left: 1px solid rgb(233, 236, 239);
    border-right: 1px solid rgb(233, 236, 239);
    border-bottom: 0.214rem solid #bb0000;
}

.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #333;
    font-weight: 700;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom-width: 0px;
}


/* ---------- Checkboxes ---------- */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before
{
    background-color: #bb0000 !important;;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(187, 0, 0, 0.25) !important;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(187, 0, 0, 0.25) !important;
}

.custom-checkbox .custom-control-input:disabled:active ~ .custom-control-label::before {
    background-color: rgba(187, 0, 0, 0.25) !important;
}

.custom-control-label {
    line-height: unset !important;
}

/* ---------- Textareas ---------- */
.textarea {
    width: 100%;
}


/* ---------- Tables ---------- */
.table-hover tbody tr:hover td {
    background-color: rgba(255, 234, 174, 0.5) !important;
}

.table th a {
    color: #fff;
}

.table td {
    vertical-align: top !important;
}

/* ---------- Links ---------- */
.breadcrumb a {
    color: #bb0000 !important;
}

table > tbody > tr > td a {
    color: #bb0000 !important;
}


/* ---------- Alerts ---------- */
.alert-success {
    color: #000000;
    background-color: rgba(212, 223, 72, 0.5) !important;
}

.alert-danger {
    color: #bb0000;
    background-color: rgba(187, 0, 0, 0.1) !important;
}

.text-danger {
    color: #bb0000 !important;
}


/* ---------- Font Size ---------- */
small, .small {
    font-size: 90% !important;
}


/* ---------- For most form controls ---------- */
.form-control {
    background-image: linear-gradient(to top, #bb0000 2px, rgba(0, 0, 0, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px);
}


/* ---------- Only for select (form element) ---------- */
.custom-select:focus {
    border-color: #bb0000;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(187, 0, 0, 0.5);
}


/* ---------- Badges ---------- */
.badge {
    font-weight: 400;
    font-size: 50%;

}


/* ---------- Tooltips ---------- */
.tooltip > .tooltip-inner {
    background-color: #000000;
    max-width: 500px;
}

.bs-tooltip-top > .arrow::before {
    border-top-color: #bb0000;
}

.bs-tooltip-right > .arrow::before {
    border-right-color: #bb0000;
}

th > a > sup {
    color: #ffffff;
}


/*
 * ----------------------------------------
 * jQuery Sidebar
 * http://jillix.github.io/jQuery-sidebar/
 * ----------------------------------------
 */
.sidebar {
    position: fixed;
    top: 100px;
    right: -610px;
    bottom: 0;
    width: 600px;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);
    color: #000000;
    z-index: 999;
}

/*
 * ----------------------------------------
 * Toastr
 * https://codeseven.github.io/toastr/demo.html
 * ----------------------------------------
 */
#toast-container > div {
    opacity: 1;
    width: 500px;
}

#toast-container > .toast-success {
    color: rgba(0, 0, 0, 0.8) !important;
    background-color: #d4df48;
    background-image: url('data:image/png;base64,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') !important;
}

#toast-container button.toast-close-button {
    color: #453831 !important;
}

/*
 * ----------------------------------------
 * Scroll Up
 * https://github.com/41835478/scrollup
 * ----------------------------------------
 */
#scroll-up {
    bottom:20px;
    left:20px;
    width:38px;
    height:38px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1N0RENUJFNTk4QkExMUUyOUI2NkUxNzQyMUQ5RDM3RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1N0RENUJFNjk4QkExMUUyOUI2NkUxNzQyMUQ5RDM3RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3REQ1QkUzOThCQTExRTI5QjY2RTE3NDIxRDlEMzdEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3REQ1QkU0OThCQTExRTI5QjY2RTE3NDIxRDlEMzdEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uCzm/wAAA0dJREFUeNrMmD1MU1EUx08/CKSxkkjSDrRDQ5Wk6QeJQ2PZQOJinHQwOmjasGiiQxdAJktDBxNNXDSBaNS1GBcWXbUflkYMpbhAYthQbBQCgbae8zivVj7fu+9RepJ/0r7envPLPffde88xDAwMgID5UP2oEOocyok6xb/9QX1HfUN9RH1AfVUbwKxiLAUeRIVRnkPGnWEFUNf4WQE1gXrO4EeaUSH8PdQS6tERUAeZh/+7xL7MWsHOolKox6gO0G4d7CvFvoXALqM+o86D/kY+cxxDFdgN1BTqNByfWTnGTaVgV1AvVb4YokYxXnDMQ8G6Ua9RJmicmThm90FgRP+Gp7jRZuXY5v3A7hzTQlfzQtzdDUab5yicvD2QTxAZbFCnfUqPfW6wHiwMzWNhGcwveMz8Z4FAAEZGRsBs1rzLEIufvPTpARWLxaC1tRXK5TIkEgmoVqtaXPaburq67uMHr6gHv98PY2NjEhSZy+UCi8UCuVxOC1iJwOhttAtdynw+iMfjNahaLjwe2NjYgEKhIApWpjXWqSeUbJFIBPr6hFdJp1Fkp98Pam5uDpLJZO27wWCAaDQKwWBQ6CSQU2lSA0Vrqq2trfaMUkZvZCqVApvNBm63e2f3Nhqht7cX8vk8rKysqEqlvPgtSkZ7vV5ppnZDDQ8Pw/r6uvQ9nU4D+gSn07lzAOP2EQqFIJPJQKlUUgr2i1K5rHQ0peYwKLJKpSLB1y/89vZ2GBoaUjNjywRWVDq6paVlT/rqoWTb3NyUfltcXKw9czgcasCKlEqa80uKRheLYLfbpYU+Pj4Oa2trB47d2tqS1lxPTw9YrVaYnp6GbDarFGzCgHUlHUlfoLksQKmc5bqvWYxYZuXbxWQTgU3WX3ueoX40AdRPZqmBUdkeawKwh3ILof7O/5SL0JOyPDPsKUa2udD9fQJQNEvXmWHfunKBK+NyA6HKPCELR1Xi71C3GgRHMW5zTEW9C6qMryrtZWlIH/XPXqnt9rzlInTmGKBm2PeUaH+M2pV006Or0aoOQKvsK8i+QRRMflufUJ1BNx/UvADQPP/Xxb62lbSBFFcusNOuJFFz+CLqAvxrDstXdNpu5ObwJ9R7EGgO/xVgAApa34qsLbcEAAAAAElFTkSuQmCC');
}


/*
 * ----------------------------------------
 * Bootstrap Select
 * https://developer.snapappointments.com/bootstrap-select/
 * ----------------------------------------
 */
.bootstrap-select
{
    /* width: 100% !important; */
    border: 1px solid rgba(0, 0, 0, 0.26);
    background-color: #ffffff;
    min-width: 100px;
}

.bootstrap-select.form-control-lg {
    border-radius: .125rem;
    padding: 0px !important;
}

.filter-option-inner-inner {
    font-size: 14px;
    color: #495057;
    font-weight: normal;
    text-transform: none;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    margin-top: 2px;
    margin-bottom: 0px;
}

.bootstrap-select > .dropdown-toggle::after {
    color: #343a40;
}

.bootstrap-select .dropdown-menu a {
    color: #495057 !important;
}

/*
.bootstrap-select .dropdown-menu {
    background-color: #41403b;
}
*/

@font-face {
    font-family:'Glyphicons Halflings';
    src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot");
    src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
    url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
    url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff") format("woff"),
    url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
    url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}

.bootstrap-select {
    /* width: 100% !important; */
    height: 36px !important;
    border-radius: .125rem !important;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 12px !important;
}


.bootstrap-select .dropdown-menu .dropdown-item {
    max-width: initial;
}


/* ---------- HandsOnTable ---------- */
.current-row {
    background-color: rgba(198, 198, 198, 0.5) !important;
}

#hot th {
    text-align: left;
    background-color: #e9ecef;
}

.htCommentTextArea {
    height: 180px ;
    width: 400px;
    background-color: #e9ecef;
}

#hot td.changed {
    color: black;
    font-weight: bold;
    background-color: rgb(3, 168, 244);
}

#hot td.required {
    background-color: rgba(187, 0, 0, 0.2);
}

#hot td.validation {
    color: #990000;
    background-color: #ffeaae;
    font-style: italic;
}

#hot td.error-row {
    border-bottom-color: #990000;
}

#hot td.caution {
    color: #990000;
    background-color: #ffeaae;
    font-style: italic;
}

#hot td.truncated {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#hot .ht_master > .wtHolder {
    background-color: #e9ecef;
}

#hot td.yes {
    color: #360;
    font-weight : bold;
}

/* Fix SpreadSheet Head When Overflowing */
#hot .ht_clone_top {
height: 26px !important;
}

/* Tooltip */
#hot th a sup {
    color: #000000;
}

#hot label {
    margin-bottom: 0px;
}