/*Site Specific*/
.brandCss {
    /* background-image: url("/images/bg.png");
    background-repeat: repeat-x;*/
    background-color: white !important; /*#1F1F1F !important;*/
}
body {
    font: 15px;
    font-family: ubuntu,Helvetica,Arial,sans-serif;
    touch-action: manipulation;
    margin-bottom: 60px;
}
.invalidItem {
    background-color: #ffc107 !important;
    
}

.rotateimg180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.orderEntryDdl {
    min-width: 300px;
    width: 50%
}
@font-face {
    font-family: Font Awesome\ 5 Brands;
    font-style: normal;
    font-weight: 400;
    src: url(//5325718.fs1.hubspotusercontent-na1.net/hubfs/5325718/HTF%20Inc%20-%20August%202019%20Folder/Fonts/fa-brands-400.eot) format("embedded-opentype"),url(//5325718.fs1.hubspotusercontent-na1.net/hubfs/5325718/HTF%20Inc%20-%20August%202019%20Folder/Fonts/fa-brands-400.woff2) format("woff2"),url(//5325718.fs1.hubspotusercontent-na1.net/hubfs/5325718/HTF%20Inc%20-%20August%202019%20Folder/Fonts/fa-brands-400.woff) format("woff"),url(//5325718.fs1.hubspotusercontent-na1.net/hubfs/5325718/HTF%20Inc%20-%20August%202019%20Folder/Fonts/fa-brands-400.ttf) format("truetype"),url(//5325718.fs1.hubspotusercontent-na1.net/hubfs/5325718/HTF%20Inc%20-%20August%202019%20Folder/Fonts/fa-brands-400.svg#fontawesome) format("svg")
}

@font-face {
    font-family: ubuntu;
    font-style: normal;
    font-weight: 400;
    src: url(//use.typekit.net/af/1bb10d/00000000000000003b9b1392/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(//use.typekit.net/af/1bb10d/00000000000000003b9b1392/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(//use.typekit.net/af/1bb10d/00000000000000003b9b1392/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype")
}

@font-face {
    font-family: ubuntu;
    font-style: italic;
    font-weight: 400;
    src: url(//use.typekit.net/af/01a993/00000000000000003b9b1393/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(//use.typekit.net/af/01a993/00000000000000003b9b1393/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(//use.typekit.net/af/01a993/00000000000000003b9b1393/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype")
}

@font-face {
    font-family: industry;
    font-style: normal;
    font-weight: 700;
    src: url(//use.typekit.net/af/d6b712/00000000000000003b9adf58/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(//use.typekit.net/af/d6b712/00000000000000003b9adf58/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(//use.typekit.net/af/d6b712/00000000000000003b9adf58/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype")
}

@font-face {
    font-family: ubuntu;
    font-style: normal;
    font-weight: 700;
    src: url(//use.typekit.net/af/cbd133/00000000000000003b9b1396/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(//use.typekit.net/af/cbd133/00000000000000003b9b1396/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(//use.typekit.net/af/cbd133/00000000000000003b9b1396/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype")
}

@media (max-width:500px) {
    .k-menu-link-text {
        padding-left: 30px;
    }

    .k-list-item-text {
        padding-left: 30px;
    }
    .k-grid {
        overflow-x: scroll;
    }
}



* {
    font-family: ubuntu,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    touch-action: manipulation;
}

.k-grid tr.k-alt {
    /*background-color: rgba(46, 95, 153,.35) !important;*/
    background-color: rgb(225, 49, 47,.35) !important;
}

.k-grid tr.k-alt:hover {
    /*background-color: rgba(46, 95, 153,.35) !important;*/
    background-color: rgb(200, 49, 47,.45) !important;
}

.qrImage {
    height: 100px;
    width: 400px;
}

.marg-top-5 {
    margin-top: 5px;
}


.nav-link active {
    background-color: #072644 !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #072644 !important;
}
a {
    color: #072644;
}
.disable-dbl-tap-zoom {
    touch-action: manipulation;
}
.qtyAdjButtons {
    touch-action: manipulation;
}
/*
    OVERRIDES
*/
.groupRow {
    background-color: #9cc7ea !important;
    font-weight:900;
}
.k-multiselect-wrap {
    max-height: 600px !important;
    overflow-y: auto !important;
}
.btn-primary {
    background-color: #E1312F !important;
    border-color: #E1312F !important;
    margin-top: 10px !important;
}
.currentPage {
    color: #E1312F !important;
}
.k-group-indicator {
    height: 20px;
}
.k-grouping-header {
    height: 40px;
}
#UserMenu {
    background-color: unset !important;
}
    #UserMenu > li.k-item > span.k-link {
        color: white !important;
    }
    #UserMenu > li.k-item > a.k-link {
        color: white !important;
    }

#NavMenu {
    padding: 0px !important;
    background-color: #E1312F;
}
    #NavMenu > li.k-item > span.k-link {
        color: white !important;
    }

    #NavMenu > li.k-item > a.k-link {
        color: white !important;
    }
.emailTable {
    color: aqua !important;
    background-color: tan !important;
}
.k-grid th {
    font-size: 13px !important;
    font-weight: 700 !important;
}
.k-expander{
    color: unset !important;
}
.k-column-chooser-title, .k-column-list-item{
    padding: unset !important;
}
.k-popup{
    width: 400px !important;
}
.k-grid td {
    font-size: 12px !important;
    /* padding: unaset !important; */
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.navbar-user {
    font-size: 20px;
    font-weight: 500;
    top: 0 !important;
    right: 15px !important;
    text-align:right !important;
    position: absolute !important;
}
.navbar-left {
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
    background-color: #2f353b !important;

}
.k-menu-link{
    font-weight: 600 !important;
    /*color: white !important;*/
}
.navbar {
    padding: 0px !important;
    margin: 0px !important;
}
.header-Containter {
    padding: 0px,10px,0px,10px !important;
}
/*
    END
*/
html {
    position: relative;
    min-height: 100%;
}


/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}

.navbar-brand {
    font-size: 2rem;
    font-weight: lighter;
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
}
/* #endregion */

/* #region custom Kendo UI styles */


h1 a {
    color: #fff;
    text-decoration: none;
}

h2 {
    font-weight: lighter;
}

.placeholder img {
    display: inline-block;
}

p .k-button {
    margin: 0 15px 0 0;
}

#configure {
    display: none;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

#responsive-panel {
    padding: 0;
    width: 100%;
}

#responsive-panel .k-menu {
    padding: .5rem;
}
/* #endregion */

@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        padding: 0 1rem;
    }

    .k-rpanel-expanded {
        padding: .5rem 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .navbar-brand {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-widget.k-menu-horizontal > .k-item {
        border: none;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}


/*For QR Printing*/
#printspan {
    white-space: pre-wrap;
    font-size: 12px;
    font-weight: normal;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 158px;
    word-wrap: hyphenate;
    background-color: white;
    border: none;
    margin: 0 0 0 0;
    vertical-align: top;
    text-align: left;
    padding: 0 0 0 0;
    background-color: aqua !important;
}

    .print-body {
        width: 8.5in;
        margin: 0in .1875in !important;
    }

    .print-table tr {
        /* Avery 5160 labels -- CSS and HTML by MM at Boulder Information Services */
        width: 4.125in; /* plus .6 inches from padding */
        height: 2.275in; /* plus .125 inches from padding */
        padding: .125in .3in 0;
        margin-right: .125in; /* the gutter */
        float: left;
        text-align: left;
        overflow: hidden;
        /*color: black;*/        
        outline: 0px dotted; /* outline doesn't occupy space like border does */
    }
    .print-page-break {
        clear: left;
        display: block;
        page-break-after: always;
    }