html {
    font-size: 0.75em;
}

body {
    font-size: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

#headingspace {
    padding-left: 500px;
}
.bkgd-red {
    background-color:red;
}

.border-size {
    border-style:solid;
    border-width:2px;
}
.bg-primary {
    background-color: #0053A0 !important;
}

.btn-primary {
    background-color: #b14db9 !important;
    border-color: #b14db9;
}

.navbar-dark .navbar-text {
    color: white;
}

.greenlink {
    color: forestgreen;
}

.redlink {
    color: red;
}

.highlight {
    color: black;
    background-color: lightyellow;
}

.lowPaddingBtn {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.popover-header {
    font-weight: bold;
}

.floatingBottomFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px #b5b4b4;
}

.customSalesOrder {
    background-color: #eeeeee;
    cursor: pointer;
}

    .customSalesOrder:hover {
        background-color: #fcf7f7;
    }

/* _tables.scss (5, 1) */
.table th, .table td {
    padding: 0px;
    vertical-align: top;
    /*border-top: 1px solid #dee2e6; */
}

.fldivision {
    background-color: #e07308 !important;
}

.prdivision {
    background-color: purple !important;
}

.sedivision {
    background-color: #448432 !important;
}

.txdivision {
    background-color: #c12422 !important;
}

.alldivisions {
    background-color: #6c757d !important;
}

.infopopover {
    color: #007bff;
    cursor: pointer;
}

    .infopopover:hover {
        text-decoration: underline;
        font-weight: 500;
    }

/* Styling for Negative Availability in Flow */
.negAvailability {
    font-weight: bold;
    color: black !important;
    background: rgba(245, 44, 54, 0.2) !important;
}

    .negAvailability i {
        color: black !important;
    }

    .negAvailability a:link {
        color: black !important;
    }

    .negAvailability a:visited {
        color: black !important;
    }

    .negAvailability a:hover {
        color: black !important;
    }

    .negAvailability a:active {
        color: black !important;
    }

.card-header .chevron {
    /* Float the symbol to the right */
    float: right; /* adjust as needed */
}

.card-header.collapsed .chevron::after {
    /* symbol for "collapsed" panels */
    content: "\f067"; /* adjust as needed, taken from bootstrap.css show + */
}

.card-header .chevron::after {
    /* symbol for "opening" panels */
    content: "\f068"; /* adjust as needed, taken from bootstrap.css show - */
}

.card-body.compressed {
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 0px 0px 5px;
}

    .card-body.compressed .card-body {
        padding: 5px 0px 0px 0px;
    }

    .card-body.compressed .card-group {
        margin-top: 5px;
        margin-bottom: 5px;
    }

/*Transfer Create*/
.tbl {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .tbl td, .tbl th {
        /*border: 1px solid #ddd;*/
        padding: 8px;
    }

    .tbl tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    /*.tbl tr:hover {
            background-color: #ddd;
        }*/

    .tbl th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #0053a0;
        color: white;
    }

.tbl-small {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 99%;
}

    .tbl-small td, .tbl th {
        /* border: 1px solid #ddd;*/
        padding: 4px;
    }


    .tbl-small tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    /*.tbl tr:hover {
            background-color: #ddd;
        }*/

        .tbl-small th {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        text-align: left;
        background-color: #0053a0;
        color: white;
    }

.hr-large {
    border: none;
    height: 4px;
    /* Set the hr color */
    color: #0053a0; /* old IE */
    background-color: #0053a0; /* Modern Browsers */
    width: 70%;
    float: left;
}

.hr-small {
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #0053a0; /* old IE */
    background-color: #0053a0; /* Modern Browsers */
    width: 70%;
    float: left;
}

.spinner {
    height: 40px;
    width: 40px;
    display: none;
}

.alert {
    display: inline-block;
}

/*Check boxes*/
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/*End Check Boxes*/
textarea {
    resize: none;
}
/*RTG Button*/
.btn-rtg {
    color: #ffffff;
    background-color: #FFCD46;
    border-color: #FFCD46;
}

    .btn-rtg:hover,
    .btn-rtg:focus,
    .btn-rtg:active,
    .btn-rtg.active,
    .open .dropdown-toggle.btn-rtg {
        color: #ffffff;
        background-color: #F5BF29;
        border-color: #FFCD46;
    }

    .btn-rtg:active,
    .btn-rtg.active,
    .open .dropdown-toggle.btn-rtg {
        background-image: none;
    }

    .btn-rtg.disabled,
    .btn-rtg[disabled],
    fieldset[disabled] .btn-rtg,
    .btn-rtg.disabled:hover,
    .btn-rtg[disabled]:hover,
    fieldset[disabled] .btn-rtg:hover,
    .btn-rtg.disabled:focus,
    .btn-rtg[disabled]:focus,
    fieldset[disabled] .btn-rtg:focus,
    .btn-rtg.disabled:active,
    .btn-rtg[disabled]:active,
    fieldset[disabled] .btn-rtg:active,
    .btn-rtg.disabled.active,
    .btn-rtg[disabled].active,
    fieldset[disabled] .btn-rtg.active {
        background-color: #FFCD46;
        border-color: #FFCD46;
    }

    .btn-rtg .badge {
        color: #FFCD46;
        background-color: #ffffff;
    }

/*End RTG Button*/

/* General button styles */

.btnNoRoundedEdge {
    border-radius: 0 !important;
}

/* End of General button styles */

/* Nav Tabs Color Switch (blue active, grey inactive */
.rtgnavtab.nav-tabs .nav-link, rtgnavtab.nav-tabs .nav-item .nav-link a {
    color: #495057 !important;

}

    .rtgnavtab.nav-tabs .nav-link:hover, rtgnavtab.nav-tabs .nav-item .nav-link a:hover {
        color: #6b7580 !important;
    }

    .rtgnavtab.nav-tabs .nav-link.active, rtgnavtab.nav-tabs .nav-item.show .nav-link a {
        color: #007bff !important;
    }

/* End of Nav Tab Color Switch */

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
}

.toggle.btn {
    min-height: 28px;
}

/* Select2 - Fixes issue with select2 not auto resizing in column */
.select2-container {
    width: 100% !important;
}

/* Sticky note style for fas*/
.sticky_note {
    cursor: pointer;
    vertical-align: middle;
    border: 0px;
}

    .sticky_note:hover {
        opacity: 0.7;
    }

/* Badge icon for the Flow Notes Sticky Icon */
.badge-notify {
    background-color: #fa3e3e !important;
    border-radius: 2px;
    color: white;
    position: relative;
    top: -14px;
    left: -10px;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
    }
}

.pulse {
    animation: shadow-pulse 1s 5;
}

/* Table Scroll Button Styles */
.floatingRightScrollBtn {
    position: fixed;
    right: 2px;
    top: calc(50vh);
    vertical-align: middle;
    color: white;
    background-color: darkblue;
    z-index: 1028;
    padding: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    opacity: 0.5;
}

.floatingLeftScrollBtn {
    position: fixed;
    left: 2px;
    top: calc(50vh);
    padding-top: 13px;
    vertical-align: middle;
    color: white;
    background-color: darkblue;
    z-index: 1028;
    padding: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    opacity: 0.5;
}

@media (min-width: 1568px) {
    .floatingRightScrollBtn {
        display: none;
    }

    .floatingLeftScrollBtn {
        display: none;
    }
}

.grid {
    font-size: 12px;
}

.container {
    width: 100%
}

tr td.container-delete:hover {
    background-color: #58bed9;
    cursor:pointer;
}

tr td.container-show:hover {
    background-color: #d4cfcf;
    cursor: pointer;
}

tr td.orderFont {
    font-size: 14px;
    color: black;
    background-color: lightyellow;
}