html {
    overflow-y: scroll;
    min-height: 100vh;
}

body {
    min-height: 100vh;
}

.print-text {
    display: none;
}

#record-badge {
    font-size: 100%;
}

.select2 .selection {
    width: 100%;
}

.select2-container--bootstrap4 .select2-selection--single {
    height: 43px !important;
}

.select2-results__option[aria-selected] {
    padding-left: 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 3px 0;
    margin-top: -3px;
    margin-left: 1px;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
    padding-top: 2px;
}

#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div {
    width: 40%;
    min-width: 300px;
    max-width: 600px;
}

textarea.form-control {
    height: 100px;
}

main {
    margin-top: 90px;
}

.breadcrumb {
    padding-top: 0px;
    background: none;
}

#navbar .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

#nav-search {
    border: none;
    background-color: rgba(0,0,0,0.05);
}

#sidenav {
    padding-top: 80px;
    padding-left: 0px;
    height: 100vh;
    overflow-y: auto; /* Enable vertical scrolling if content overflows */
    position: sticky; /* Make the sidebar sticky */
    top: 0; /* Stick to the top */
}

#sidenav li.nav-item {
    padding: 1px 0px;
    border-top-right-radius: 15px 15px !important;
    border-bottom-right-radius: 15px 15px !important;
    margin-bottom: 5px;
}

#sidenav li.nav-item.active {
    background-color: #aaa;
}

#sidenav li.nav-item.active a {;
    color: white !important;
}

#sidenav li.nav-item:not(.disabled):hover {
    background-color: #ccc;
}

#sidenav li.nav-item.fq-supplier:hover {
    background-color: #d7ccc8;
}

#sidenav li.nav-item.fq-supplier.active {
    background-color: #6a4f4b;
}

#sidenav li.nav-item.fq-supplier.active i {
    color: #fff !important;
}

#sidenav li.nav-item.fq-audit:hover {
    background-color: #6effe8;
}

#sidenav li.nav-item.fq-audit.active {
    background-color: #1de9b6;
}

#sidenav li.nav-item.fq-audit.active i {
    color: #fff !important;
}

#sidenav li.nav-item.fq-capa:hover {
    background-color: #69e2ff;
}

#sidenav li.nav-item.fq-capa.active {
    background-color: #00b0ff;
}

#sidenav li.nav-item.fq-capa.active i {
    color: #fff !important;
}

#sidenav li.nav-item.fq-customer:hover {
    background-color: #66ffa6;
}

#sidenav li.nav-item.fq-customer.active {
    background-color: #00e676;
}

#sidenav li.nav-item.fq-customer.active i {
    color: #fff !important;
}

#sidenav li.nav-item.fq-complaint:hover {
    background-color: #ffea00;
}

#sidenav li.nav-item.fq-complaint.active {
    background-color: #c7b800;
}

#sidenav li.nav-item.fq-complaint.active i {
    color: #fff !important;
}


#sidenav li.nav-item.fq-nonconformance:hover {
    background-color: #ff616f;
}

#sidenav li.nav-item.fq-nonconformance.active {
    background-color: #c4001d;
}

#sidenav li.nav-item.fq-nonconformance.active i {
    color: #fff !important;
}

#sidenav li.nav-item.fq-document:hover {
    background-color: #3d5afe;
}

#sidenav li.nav-item.fq-document.active {
    background-color: #0031ca;
}

#sidenav li.nav-item.fq-document.active i {
    color: #fff !important;
}

li.nav-item {
    font-size: 1.15em;
}

li.nav-item a {
    padding: 8px 19;
}

ul li a i {
    margin-right: 5px;
    font-size: 1.2em;
}

#sidenav ul li a i {
    max-width: 20px;
}

ul.nav:not(#sidenav-ul) li.nav-item a.nav-link {
    color: #666;
    border-bottom: solid 2px #fff;
}

ul.nav:not(#sidenav-ul) li.nav-item a.nav-link:hover {
    border-bottom: solid 2px #666;
}

ul.nav:not(#sidenav-ul) li.nav-item a.nav-link.disabled {
    color: #ccc;
}

ul.nav:not(#sidenav-ul) li.nav-item a.nav-link.active {
    border-bottom: solid 2px #222;
    color: #222;
}

.module-button {
    border: none;
}

.module-button:hover {
    border: none;
    color: #343a40;
}

.module-button i {
    color: #343a40;
}

.module-button h5 {
    margin-top: 15px;
    font-weight: 500;
}


a.btn-outline-secondary, button.btn-outline-secondary {
    color: #343a40;
}

a, btn.btn-link, input.btn-link {
    color: #35383c;
}

i.size-lg {
    font-size: 6rem!important;
}

.btn i {
    font-size: 1.4em;
    vertical-align: middle;
    margin-right: 0.6rem;
}

/*
   Global Module colors...
   https://docs.google.com/spreadsheets/d/1Fkb84mAr63u2BI31qMa2V8yU2grR5Ee_fwQSej7-xp8/edit#gid=0
   take care when changing these, they affect stuff all over:
   - modules
   - sidebar
   - ¯\_(ツ)_/¯
 */
.fq-supplier i {
    color: #6a4f4b;
}

.fq-supplier:hover {
    background-color: #d7ccc8;
}

.fq-audit i {
    color: #1de9b6;
}

.fq-audit:hover {
    background-color: #6effe8;
}

.fq-capa i {
    color: #00b0ff;
}

.fq-capa:hover {
    background-color: #69e2ff;
}

.fq-customer i {
    color: #00e676;
}

.fq-customer:hover {
    background-color: #66ffa6;
}

.fq-complaint i {
    color: #c7b800;
}

.fq-complaint:hover {
    background-color:  #ffea00;
}

.fq-nonconformance i {
    color: #c4001d;
    /* color: #ff616f; */
}

.fq-nonconformance:hover {
    background-color:  #ff616f;
}

.fq-document i {
    color: #0031ca;
}

.fq-document:hover {
    background-color:  #3d5afe;
}

table.table td {
    vertical-align: middle;
}

table, .table {
    font-size: 0.9em;
}

table th {
    color: #adb5bd;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '>';
}

.datepicker-dropdown {
    z-index: 1040 !important;
}

b, strong {
    font-weight: 600;
}

.session_security_overlay {
    z-index:1031 !important;
}

.session_security_modal {
    z-index:1032 !important;
}

// Yay placeholder colors
input::-webkit-input-placeholder {
    color: #a4a7ab !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #a4a7ab !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #a4a7ab !important;
}

input:-ms-input-placeholder {
    color: #a4a7ab !important;
}

textarea::-webkit-input-placeholder {
    color: #a4a7ab !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #a4a7ab !important;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #a4a7ab !important;
}

textarea:-ms-input-placeholder {
    color: #a4a7ab !important;
}

// badges in the record navs
// twice because... once is not doing the trick
main ul li .badge-pill {
    padding: 6px;
}
main ul li .badge-pill {
    padding: 6px;
}

.disabled-left-btn {
    pointer-events: none;
}

.sortable:hover,
.sortable {
    cursor: pointer;
    display: flex; /* Make the anchor fill the header cell */
    width: 100%;
    height: 100%;
    text-decoration: none; /* Remove underline from links */
    color: inherit; /* Inherit text color */
    align-items: center;
    justify-content: left;

}

.sortable i {
    padding-left: 4px;
}

.sorted-column {
    background-color: #f8f9fa; /* bootstrap light */
    color: #343a40; /* bootstrap dark */
}