/*#################################################################################
    
    For ease of maintenance please ensure to follow the document structure listed below. If a new section is required, please add to the Table of Contents. 
	
	This CSS file contains base template styles and any styles for shared pages between the portals. This files contents should be the same on all portals. 

    Table Of Contents

    #Defaults
    #Bootstrap Overrides
    #Login
    #Menu
    #BreadCrumb
    #General Purpose
    #ChangePassword
	#Reports
    #Documents
    #DevEx Overrides

    ####Media Queries 

    #Destops and Laptops
    #Tablets
    #Phones
    #Print
    
##################################################################################*/

/************************************************** #Defaults ***********************************************************************/

* {
    outline: none;
}

/*Scroll Bar Customization*/

/* Firefox */
* {
   scrollbar-width: thin;
   scrollbar-color: #ababab transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 0.625rem;
  border: 0.188rem solid transparent;
}
/**/

body {
    padding-top: 7rem;
    overflow: auto;
    max-width: 100%;
    padding-left: 4.5rem;
}

html {
    -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.25rem;
    font-weight: normal;
    line-height: inherit;
}

input {
    display: inline-block;
    border-radius: 0.163rem;
    padding: 0.125rem 0.125rem 0.125rem 0.25rem;
    line-height: 1.4;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    input[type=checkbox] {
        outline: none;
    }

a {
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        text-decoration: none;
    }

    table thead tr {
        border-bottom-style: none;
        padding: 0.375rem 0;
    }

th {
    font-weight: inherit;
}

form {
    height: 100%;
}

label {
    font-weight: bold;
    margin-top: 0.313rem;
}

fieldset {
    margin-bottom: 0.5rem;
}

legend {
    height: auto;
    overflow: auto;
}

textarea {
    border-radius: 0.081rem;
    box-shadow: none;
}

select {
    border-radius: 0.163rem !important;
    margin: 0 0 0.375rem -0.25rem;
    box-shadow: none;
    max-width: 24.163rem;
    height: 1.5rem;
}


/************************************************** #Bootstrap Overrides ************************************************************/

.tooltip.show {
    margin: 0 0.9rem;
}

.dropdown-toggle::after {
    margin-top: 0.26rem;
    font-size: 1rem;
    margin-left: 0.3rem;
}

.row-offcanvas {
    height: 100%;
}

.hide {
    display: none !important;
}

.card {
    border-radius: 0.163rem;
}

.card-title {
    display: inline-block;
    width: 100%;
    height: auto;
    font-weight: 600;
    padding: 0.188rem 0.5rem;
    border-radius: 0.163rem;
}

input[type=file] {
    max-width: 100%;
}

pre {
    font-size: inherit;
}

.btn {
    padding: 0.331rem 0.831rem !important;
    line-height: 1em;
    border-radius: 0.163rem;
    border-radius: 0.163rem;
    font-weight: normal;
}

.btn-link{
    background: transparent;
}

.btn-success {
    margin-left: 0.25rem;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active {
        transition: all ease-in-out 1s;
        -webkit-transition: all ease-in-out 1s;
        -o-transition: all ease-in-out 1s;
        -moz-transition: all ease-in-out 1s;
    }

.btn-primary {
    border: 0;
    border-radius: 0.163rem !important;
    padding: 0.413rem;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        text-decoration: none;
    }

.alert {
    position: fixed;
    top: 1.25rem;
    left: 50%;
    z-index: 1050;
    display: block;
    width: 18.75rem;
    float: none;
    margin: 0 0 0 -9.375rem;
    padding: 0.313rem 0.625rem;
	opacity: 1 !important;
}

.alert ul{
    padding-left: 0.938rem;
    margin-bottom: 0;
}

.form-control {
    height: 1.75rem;
    display: inline-block;
    padding: 0.188rem 0.313rem;
    border-radius: 0.163rem;
    font-size: 0.85rem;
}

.modal{
    left: 25vw;
}

textarea.form-control {
    height: auto;
}

.input-group > .form-control {
    width: calc(100% - 30.163rem);
}

.input-group.date-small > .form-control {
    width: 100%;
}

.checkbox {
    position: relative;
    margin-top: 0.125rem;
}

.container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.875rem;
}

.navbar-collapse.collapse {
    z-index: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group .btn + .btn, .modal-footer .btn-group .btn + .btn, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group .btn + .btn {
    border-radius: 0;
    height: auto;
    margin-left: 0.625rem !important;
    padding: 0.313rem 0.625rem;
}

.inner-widget-wrap .table-responsive {
    overflow-x: visible;
}

.table-responsive {
    clear: both;
}

.row {
    clear: both;
}

.simplebar-content {
    display: flex;
    flex-wrap: wrap;
}

.modal {
    width: 50vw;
    margin: auto;
    max-width: 41.663rem;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop .fade .in {
    opacity: 0.5 !important;
}


.modal-backdrop.fade {
    opacity: 0.5 !important;
}

.fa-calendar:before{
	content: "\f073" !important;
}

.fa{
	font-weight: 900 !important;
	font-family: "Font Awesome 5 Free" !important;
}

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}

[style*="--aspect-ratio"] > img {
    height: auto;
}

@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }

        [style*="--aspect-ratio"]::before {
            content: "";
            display: block;
            padding-bottom: calc(100% / (var(--aspect-ratio)));
        }

        [style*="--aspect-ratio"] > :first-child {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
        }
}

/************************************************** #Login **************************************************************************/

body.login-page {
    padding-top: 0;
    background-size: cover;
}

.login-header {
    position: fixed;
    top: 1.25rem;
    left: 0.625rem;
}

    .login-header h1 {
        font-weight: 600;
        line-height: 1.188rem;
        margin: 0;
    }

.login-panel {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 10;
    border-radius: 0.163rem;
    margin: -12.5rem 0 0 -12.5rem;
    padding: 1.25rem 0.413rem;
    max-width: 28.125rem;
}

.login-panel .form-control {
    height: 2.063rem;
    border-radius: 0.163rem;
    margin: 0 0 1.2rem;
    padding: 0.438rem 0.313rem;
}

.login-logo {
    display: block;
    max-width: 10rem;
    margin: 0 auto 0.831rem;
}

.login-panel h2 {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 1rem 0 2rem;
}

#ctl00_MainContent_b1LoginControl_ctl00_loginBtn, .login-btn {
    margin-top: 0.75rem;
    width: 100%;
    height: 2.25rem;
    font-weight: 600;
    border: none;
    border-radius: 0.081rem;
    padding: 0.413rem 0;
}

    #ctl00_MainContent_b1LoginControl_ctl00_loginBtn:hover, #ctl00_MainContent_b1LoginControl_ctl00_loginBtn:active, #ctl00_MainContent_b1LoginControl_ctl00_loginBtn:focus {
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
    }

#ctl00_MainContent_b1LoginControl_ctl00_RequiredFieldValidator2, #ctl00_MainContent_b1LoginControl_ctl00_RequiredFieldValidator1 {
    display: inline-block;
    margin-top: 0.25rem;
    font-style: italic;
    text-align: left;
}

.alertText:empty {
    display: none;
}

.login-footer {
    padding: 0;
    width: 100%;
    min-width: 15.167rem;
    margin: 0 auto;
    text-align: center;
}

    .login-footer a {
        line-height: 2;
    }

        .login-footer a:hover, .login-footer a:active, .login-footer a:focus {
            transition: all ease-in-out 0.3s;
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -o-transition: all ease-in-out 0.3s;
        }

.login-panel .error-msg, .alertText {
    padding-top: 0.625rem;
    font-style: italic;
    text-align: center;
}

.login-panel input {
    width: 100%;
}

#footer-controls ul.navlist li {
    display: inline-block;
    float: left;
}

.signin-separator {
    padding-top: 0;
    padding-bottom: 0.625rem;
}

.saltbox-login a {
    position: relative;
    display: inline-block;
    border-radius: 0.125rem;
    text-align: center;
    padding: 0.563rem 0.563rem 0.5rem;
    cursor: pointer;
    width: 100%;
}

#saltboxlogo {
    width: 2.813rem;
    height: 2.813rem;
    margin-right: 0.25rem;
}


/************************************************** #Menu *************************************************************************/

/*Mobile Menu Collapse*/

.btn-link.mb-title{
    padding: 0 !important;
    margin: 0;
    display: none;
}

.menu-tray.collapsing {
    display: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

#mainNavToggle.collapse, #closePinNav.collapse {
    -webkit-transition: none !important;
    transition: none !important;
}

#mainNavToggle.collapse:not(.show), #closePinNav.collapse:not(.show) {
    display: block;
}

/*hide old page titles*/
#pageHeaderBarRight {
    display: none;
}
/**/

.side-nav {
    position: fixed;
    height: 100vh;
    min-width: 4rem;
    width: fit-content;
    z-index: 1000;
    top: 0;
    left: 0;
}

.navbar-toggle, .user-actions a, .side-nav a{
    display: block;
    padding: 0.5rem;
    margin: 1.1rem auto;
    text-align: center;
    width: 3rem;
    border-radius: 0.5rem;
}

pinned-links {
    border-radius: 0.5rem;
    margin: 0.5rem;
    padding: 1rem 0;
    height: calc(100vh - 6rem);
}

.general-links {
    margin: 0.5rem -1rem;
    padding: 0 0.5rem 0 1.5rem;
    max-width: 100%;
    overflow-x: hidden;
    max-height: calc(100vh - 7rem);
}

.general-links .user-actions{
    display: none;
}

.menu-try .user-actions a, .side-nav .menu-tray a {
    text-align: left;
    width: 100%;
    padding: 0.5rem;
}

.menu-try .user-actions a, .side-nav .general-links a, .menu-tray .general-links ul li a.toggle {
    margin: 0.5rem 0;
}

.menu-tray .general-links ul li a.toggle li a.toggle, .menu-tray .general-links ul li a.toggle li a{
    margin: 0;
}

.user-actions a span {
    display: none;
}

.menu-tray .user-actions a span {
    display: inline-block;
}

.navbar {
    position: fixed;
    top: 0;
    left: 4rem;
    z-index: 900;
    width: calc(100% - 4rem);
    height: 4rem;
    padding: 0;
}

.navbar-header {
    width: 100%;
    max-height: 4rem;
}

.navbar-toggle {
    background: transparent;
    border: none;
    position: relative;
}

.navbar-toggle.top{
    z-index: 2003;
}

.fas {
    line-height: 1 !important;
}

.top-logo {
    display: inline-block;
    padding: 0;
    float: left;
    height: auto;
    min-width: 8rem;
    text-align: center;
}

.top-logo img {
    max-height: 3rem;
}

.side-nav .top-logo {
    width: 97%;
    margin: 0.5rem;
    border-radius: 0.6rem;
}

.side-nav .top-logo a {
    width: fit-content;
    margin: 0 4rem;
}

.side-nav .top-logo a img {
    max-height: 3rem;
}

.navbar-brand{
    padding-top: 0;
}

.menu-expand {
    display: inline-block;
    float: right;
    clear: right;
    margin-left: 20.413rem;
    line-height: 0.913rem;
}

.navbar-header .user-action-btn{
    display: inline-block;
}

#ctl00_securSALES, #ctl00_securORDER, #ctl00_securQUOTE, #ctl00_securPAYMENT, #ctl00_securSERVICECALL {
    display: inline;
}

.navbar-header .user-actions{
    border: 0;
    margin-right: 0.1rem;
}

.navbar-header .user-actions a, .logout-panel .dropdown-toggle {
    padding: 0.3rem;
    height: 2.1rem;
    border-radius: 0.5rem;
    margin-top: 1.1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.2rem;
    width: 2.3rem;
}

.logout-panel {
    float: right;
    clear: right;
}

.open .dropdown-menu {
    display: block;
}

.dropdown-toggle span {
    display: inline;
}

.logout-panel .dropdown-toggle::after {
    display: none;
}

.logout-panel .dropdown-menu {
    left: auto;
    right: 0;
}

.logout-panel .dropdown-menu li{
    padding: 0.25rem;
}

.select-customer-wrapper {
    width: 100%;
}

    .select-customer-wrapper.input-group > .form-control {
        width: 1%;
    }

#selectCustomer .ui-autocomplete, #selectDocCustomer .ui-autocomplete {
    margin-top: -0.081rem;
    padding: 0.331rem;
    z-index: 2000;
    max-width: 200.75rem;
}

    #selectCustomer .ui-autocomplete li.ui-menu-item, #selectDocCustomer .ui-autocomplete li.ui-menu-item {
        list-style: none !important;
    }

.no-valid-customer-found {
    margin-top: 0.413rem;
    margin-bottom: -1.663rem;
}

#ctl00_securSALESMobile, #ctl00_securACTIONSMOBILE, #ctl00_securORDERMOBILE, #ctl00_securPAYMENTMOBILE, #ctl00_securSERVICECALLMOBILE {
    display: inline;
}

/*End Quick Links*/
#ctl00_lblPackerName {
    width: 100%;
    display: block;
    border-bottom: 0.081rem solid #eee;
    margin-bottom: 0.831rem;
}

.sign-out {
    width: 100%;
    display: block;
}

.main .page-header {
    margin-top: 0;
}

/*Menu Tray*/

.main-nav {
    margin-top: -0.5rem;
}

.menu-tray {
    width: 38rem;
    overflow: auto;
}

    .menu-tray.collapse {
        display: none !important;
    }

    .menu-tray.in, .menu-tray.collapse.show {
        display: block !important;
        height: 100vh !important;
        z-index: 2002;
        position: absolute;
        top: 0;
        overflow-x: hidden;
        -webkit-transition: none !important;
        transition: none !important;
    }

    .sidenav .menu-tray a{
        width: auto;
        text-align: left;
    }

    .menu-tray a i {
        margin-right: -0.4rem;
        line-height: 1.663rem;
        vertical-align: baseline;
        display: none;
        min-height: 1.663rem;
        width: 2.5rem;
    }

    .menu-tray ul li a i {
        margin-right: 0.5rem
    }
    
    .menu-tray a i.fa-classic, .menu-tray a i.fa-light, .menu-tray a i.fa-regular, .menu-tray a i.fa-solid, 
    .menu-tray a i.fa-thin, .menu-tray a i.fal, .menu-tray a i.far, .menu-tray a i.fas, .menu-tray a i.fat, 
    .menu-tray a i.glyphicon {
        display: inline-block;
    }

    .menu-tray .accordion a span.fas {
        width: auto;
    }

    .menu-tray h2 a span.fas {
        float: none;
        margin: auto;
        display: none !important;
    }

    .menu-tray h2 a.openNav span.fas:before {
        content: '\002b';
    }

    .menu-tray ul{
        padding: 0;
    }

    .menu-tray .pinned ul{
        padding: 0;
        margin: 0 -1rem;
    }

    .menu-tray ul li {
        list-style: none;
    clear: both;
    }

        .menu-tray ul li li {
            padding-left: 1.663rem;
        }

        .menu-tray ul li li li {
            padding-left: 1rem;
        }

        .menu-tray ul li li li li {
            padding-left: 5rem;
        }

        .menu-tray ul li li li li li {
            padding-left: 6.663rem;
        }

        .menu-tray ul li a.menuLink {
            display: flex;
            max-width: 85%;
            float: left;
            clear: left;
        }

        .menu-tray .general-links .fa-star, #accordion_menu_container .fa-times{
            float: right;
            margin-top: 1.4rem;
            margin-right: 0.5rem;
        }

        .menu-tray .fa-thumbtack:hover, #accordion_menu_container .fa-times:hover {
            cursor: pointer;
        }

    .menu-tray ul li ul li, .menu-tray ul li ul li:last-of-type {
        border: none;
    }

    .menu-tray ul .inner {
        overflow: hidden;
        display: none;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
        width: 100%;
        padding: 0;
        margin: -0.9rem 0 0;
    }

    .menu-tray a:not([href]):not([tabindex]), .menu-tray a{
       padding: 0.5rem;
       margin: 0;
       align-items: center;
    }

    .menu-tray ul li a span {
        width: 100%;
        display: inline-block;
    }

    .menu-tray ul li a.toggle {
        width: 100%;
        display: flex;
        transition: background .3s ease;
    }

    .menu-tray ul li a.toggle.active span.fa-chevron-right:before {
        content: "\f078";
    }

    .menu-tray ul li a.toggle.active{
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

/*Pinned Reports*/

.pinned{
    margin: 0 -1rem;
    padding: 0 1rem;
}

.side-nav .pinned a{
    border-radius: 0;
    max-width: 82%;
}

h3 .fa-regular.fa-star{
    margin-right: 0.2rem;
}

.menu-tray .pinned i, .pinnedMenuLink i {
    display: none !important;
}

.menu-tray .pinned li, .menu-tray .pinned li:last-of-type {
    border: none;
}

.menu-tray .pinned li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
}

.menu-tray .pinned li span{
    margin: 0 0.3rem;
    word-wrap: break-word;
    display: flex;
}

.pinned .fa-times{
    order: 3;
}

.pinned .fa-caret-down {
    order: 2;
}

.pinned .fa-caret-up {
    order: 1;
}

.menu-tray .fa-times:hover {
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}

.pinned .fa-arrow-down, .pinned .fa-arrow-up {
    cursor: pointer;
}

.pinned .fa-arrow-down:hover, .pinned .fa-arrow-up:hover {
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}

.menu-tray a.menu-cat-link i {
    display: inline-block;
}

.menu-tray a.menu-cat-link i.fa:before, .menu-tray a.menu-cat-link i:before {
    content: "\f054" !important;
}

.menu-tray ul li li a.menu-cat-link {
    padding-left: 0.831rem;
}

.menu-tray ul li li li a.menu-cat-link {
    padding-left: 1.663rem;
}

.menu-tray ul li li li li a.menu-cat-link {
    padding-left: 3.331rem;
}

.menu-tray ul li li li li li a.menu-cat-link {
    padding-left: 5rem;
}

/************************************************** #Breadcrumb **********************************************************************/

.breadcrumb-nav {
    padding: 0;
    height: 1.8rem;
    position: fixed;
    width: calc(100% - 30rem);
    top: 1.3rem;
    left: 13.5rem;
    z-index: 999;
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/************************************************** #General Purpose ****************************************************************/
.wrapper {
    height: 100%;
}

.table > thead > tr > th, .table > tbody > tr > td {
    padding: 0.663rem 0.913rem;
}

.table > thead > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table > tfoot > tr > td {
    border-top-width: 0;
    padding: 0.663rem 0.913rem;
}

.ep-wrapper {
    padding: 1.25rem 2.125rem 6.25rem 2.125rem;
    max-width: 56.25rem;
}

.home-intro {
    padding: 0 0 0.938rem;
    margin-top: -0.413rem;
}

/*Modals*/

.modal-dialog {
    z-index: 1050;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    max-width: 100vw !important;
    overflow: auto !important;
}

.modal-body{
    max-height: 80vh;
    overflow: auto;
}

.modal-open .modal {
    overflow: hidden;
}

.modal-header h4, .modal-header h5 {
    margin: 0;
}

#modalBody .form-horizontal .checkbox label {
    position: relative;
    padding-left: 1.25rem;
    margin: 0.625rem 0;
}

#modalBody .form-horizontal .checkbox input {
    margin-top: 0.125rem;
}

#modalBody .row div {
    padding-left: 0 !important;
}

.modal-header {
    border-radius: 0.163rem 0.081rem 0 0;
    padding: 0.625rem 0.938rem;
}

    .modal-header button.close {
        opacity: 1;
    }

#modalBody label {
    margin-top: 0.938rem;
}

#modalBody .comment, #modalBody .dropdown, .full-select, .google-visualization-table-table, .google-visualization-table, .order-page-list-item-note-wrapper input {
    width: 100%;
}

/*End Modals*/


/*Order Pad loading image*/

.loading-indicator {
    padding: 0.938rem;
}

.loading-image {
    margin-right: 0.938rem;
    width: 1rem;
    height: 1rem;
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA%3D%3D);
    float: left;
}

/*Pinned Reports Background Processing Animation*/

.pinned .loading-animation img {
    height: 3.125rem;
    width: 3.125rem;
}

.pinned .loading-indicator {
    padding: 0.938rem;
}

.pinned .loading-image {
    margin-right: 0.938rem;
    width: 1.663rem;
    height: 1.663rem;
    background-image: url('../img/loading-image.svg');
    position: absolute;
    top: 0.413rem;
    right: -1.375rem;
}



/**Pending Upload Animation for Opportunity Details and Board**/

@-webkit-keyframes title {
    0% {
        opacity: 0;
        right: 8.125rem;
    }

    48% {
        opacity: 0;
        right: 8.125rem;
    }

    52% {
        opacity: 1;
        right: 1.875rem;
    }

    70% {
        opacity: 1;
        right: 1.875rem;
    }

    100% {
        opacity: 0;
        right: 1.875rem;
    }
}

@-moz-keyframes title {
    0% {
        opacity: 0;
        right: 8.125rem;
    }

    48% {
        opacity: 0;
        right: 8.125rem;
    }

    52% {
        opacity: 1;
        right: 1.875rem;
    }

    70% {
        opacity: 1;
        right: 1.875rem;
    }

    100% {
        opacity: 0;
        right: 1.875rem;
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes spin-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin-rotate {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loading {
    0% {
        background-color: rgba(255, 255, 255, 0.2);
    }

    50% {
        background-color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(255, 255, 255, 0.2);
    }
}

.loading-animation img {
    height: 3.125rem;
    width: 3.125rem;
}

.loading-animation {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 200000;
    width: 6.25rem;
    height: 2.5rem;
    line-height: 2.5rem;
    opacity: 0.7;
    border-radius: 0.25rem;
    text-align: center;
    margin: 0 auto;
    padding: 0.125rem 0.313rem;
}

    .loading-animation span {
        display: inline-block;
        width: 0.625rem;
        height: 0.625rem;
        margin-left: 0.625rem;
        border-radius: 100%;
        animation-name: loading;
        animation-duration: .5s;
        animation-iteration-count: infinite;
    }

        .loading-animation span:first-of-type {
            margin-left: 0;
        }

    .loading-animation:nth-child(1) {
        margin-left: 0;
        animation-delay: .15s;
    }

/*End Loading Animation*/


.required {
    font-style: italic;
    padding: 0.25rem 0;
}

.clearfix {
    width: 100%;
    clear: both;
}

.comment {
    display: block;
    box-shadow: none;
    margin: 0.625rem auto;
}

.card-title h4 {
    font-weight: 600;
    float: left;
}

.card-title .btn {
    margin-top: 0;
    float: right;
    height: auto;
    padding: 0.413rem;
}

.card-footer {
    display: inline-block;
    width: 100%;
}

.no-shadow {
    box-shadow: none;
}

.ul-nostyles {
    list-style-type: none;
}

.checkbox label span {
    line-height: 1.375rem;
    font-weight: normal !important;
    margin: 0 1.625rem;
}

.footer {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0.625rem auto;
    padding: 0.625rem 0 0;
}

.timeStampTag {
    display: none;
    width: 15rem;
    text-align: center;
    border-radius: 0.163rem;
    clear: both;
    margin: 0 auto 1.25rem;
    padding: 0.25rem 0.625rem;
}

#footer-controls ul.navlist {
    float: left;
    list-style-type: none;
    margin: 0.25rem 0.5rem;
    padding: 0;
}

    #footer-controls ul.navlist li span {
        margin-right: 0.5rem;
        display: block;
    }

.top-buffer-sm {
    padding-top: 0.875em;
}

.top-buffer-md {
    padding-top: 1.563rem;
}

.top-buffer-lg {
    padding-top: 2.5rem;
}

.right-buffer-sm {
    padding-right: 0.875em;
}

.bottom-buffer-sm {
    padding-bottom: 0.875em;
}

.bottom-buffer-md {
    padding-bottom: 1.563rem !important;
}

.no-border {
    border: 0 !important;
}

.percent-86 {
    display: block;
    max-width: 52.813rem;
    width: 86%;
    float: none;
    margin: 0 auto 0.625rem !important;
}

.percent-95 {
    display: block;
    width: 95%;
    float: none;
    margin: 0 auto;
}


.panel-group .card {
    margin-bottom: 0;
    border-radius: 0.163rem;
}

.notice-alert {
    font-style: italic;
}

.row-full-height {
    height: 100%;
    margin: 0.625rem 0 0;
}

.col-full-height {
    height: 100%;
    vertical-align: middle;
}

.row-same-height {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.col-height {
    display: table-cell;
    float: none !important;
}

    .ui-dialog.custSelect .ui-widget-content a.close {
    margin-top: 0 !important;
        margin-bottom: 0.063rem !important;
        float: right;
        clear: both;
        display: block;
        height: 1.663rem;
        line-height: 0.831rem;
        vertical-align: top;
        opacity: 0.9;
        border: none;
    }

.ui-dialog.custSelect {
    position: fixed !important;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.163rem;
    top: 3.331rem !important;
    z-index: 1100;
    width: 30rem !important;
    height: 9rem !important;
    max-width: 90vw;
    box-shadow: 0px 4px 11px 0px #ccc;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.ui-dialog.custSelect .ui-dialog-content{
    height: 100% !important;
    }

.list-cust{
    margin-top: 3rem;
    }

    .ui-dialog.custSelect .ui-dialog-titlebar {
        display: none;
    }

    .ui-dialog.custSelect .input-group .btn {
        margin-left: -0.163rem !important;
        margin-top: 0 !important;
        height: 1.75rem;
        width: 2.438rem;
        min-width: 1.25rem;
    }

        .ui-dialog.custSelect .input-group .btn .fas {
            line-height: 1.55;
            margin-top: -0.163rem;
        }

.select-customer-wrapper {
    width: 100%;
}

    .select-customer-wrapper.input-group > .form-control {
        width: 1%;
    }

#selectCustomer .ui-autocomplete, #selectDocCustomer .ui-autocomplete {
    margin-top: -0.081rem;
    padding: 0.331rem;
    z-index: 2000;
    max-width: 17.413rem;
}

    #selectCustomer .ui-autocomplete li.ui-menu-item, #selectDocCustomer .ui-autocomplete li.ui-menu-item {
        list-style: none !important;
    }

.no-valid-customer-found {
    margin-top: 0.413rem;
    margin-bottom: -1.663rem;
}

.ui-dialog-buttons {
    height: 12.5rem !important;
}

.ui-dialog .ui-dialog-content {
    height: auto !important;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
}

input[type=number] {
    -moz-appearance: textfield;
}

::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/*Error pages*/

.error-page-custom .breadcrumb-nav, .error-page-custom .navbar-toggle, .error-page-custom .logout-panel, .error-page-custom .user-actions, .error-page-custom .side-nav {
    display: none !important;
}

.error-page-custom {
    text-align: center;
    padding-left: 0;
}

.error-page-custom .navbar{
    left: 0;
    width: 100%;
}

.error-page-custom .container{
    max-width: unset;
}

.error-heading {
    padding: 1.663rem;
    margin-top: -0.831rem;
    margin-bottom: 3rem;
}

.error-page-custom h2, .error-page-custom h3 {
    font-weight: bold;
}

.error-page-custom h2 {
    margin-bottom: 0;
}

.error-page-custom h3 {
    margin-top: 0;
    margin-bottom: 0.413rem;
}

.error-page-custom p {
    margin: 1.663rem auto;
    text-align: left;
    padding: 0 1.663rem;
    max-width: 31.25rem;
}

.error-page-custom .btn {
    height: 2rem
}

.error-page-custom .error-heading img {
    max-width: 70vw;
}

/*Optional Sub Nav*/

.sales-user-nav-btn {
    display: none;
}

.top-tabbed-navigation.collapse {
    display: block;
}

.top-tabbed-navigation {
    height: auto;
    min-height: 2.5rem;
    position: fixed;
    z-index: 107;
    margin-top: 0.6rem;
    width: 100%;
    background-color: #fff;
    top: 3.4rem;
    right: 0;
    text-align: right;
    padding: 0.3rem;
}

.top-tabbed-navigation label, .top-tabbed-navigation select{
	margin: 0;
	vertical-align: middle !important;
}

.top-tabbed-navigation button, .top-tabbed-navigation a, .top-tabbed-navigation input[type=submit], .top-tabbed-navigation input[type=button]{
    display: inline-flex;
    justify-content: space-between;
    width: fit-content;
    text-align: right;
    padding: 0.331rem 0.831rem !important;
    line-height: 1em;
    border-radius: 0.163rem;
    border-radius: 0.163rem;
    font-weight: normal;
}

.top-tabbed-navigation li ul.dropdown-menu.show li button, .top-tabbed-navigation li ul.dropdown-menu.show li a, .top-tabbed-navigation li ul.dropdown-menu.show li input{
        text-align: center;
        border: 0;
        padding: 0 0.3rem !important;
        margin: 0 auto !important;
        width: 100%;
    }

.top-tabbed-navigation a .btn-link{
    padding: 0 !important;
}

.top-tabbed-navigation li ul li.dropdown-item a, .top-tabbed-navigation li ul li.dropdown-item button, .top-tabbed-navigation li ul li input[type=submit],
.top-tabbed-navigation li ul li input[type=button], .top-tabbed-navigation table input[type=button], .top-tabbed-navigation table input[type=submit],
.top-tabbed-navigation table a, .top-tabbed-navigation table button{
    border: 0 !important;
    padding: 0 !important;
    text-align: left;
    width: 100%;
    display: inline-block;
    height: fit-content;
    margin: 0;
}

   .doc-content .top-tabbed-navigation ul {
        width: 100%;
        margin: 0.413rem 0 !important;
        padding: 0;
    }

    .sidebar-header-right {
        margin: 0 0.831rem;
    }

    .top-tabbed-navigation li {
        display: inline-block;
        font-size: 0.75rem;
        width: auto !important;
        padding: 0 0.313rem;
    }

    .top-tabbed-navigation li:empty{
        display: none;
    }

    .top-tabbed-navigation .dropdown {
        display: none;
        border-right: none;
    }

        .top-tabbed-navigation .dropdown .dropdown-menu {
            top: 1.663rem;
            border-top: none;
            border-radius: 0.081rem;
            padding: 0;
        }

        .top-tabbed-navigation .dropdown li {
            border-right: none;
            border-bottom: 0.081rem solid #ccc;
            width: 100% !important;
            padding: 0.413rem;
        }

    .top-tabbed-navigation li:last-of-type, .top-tabbed-navigation ul li:last-of-type {
        border: none !important;
    }

    .top-tabbed-navigation li ul li:last-of-type {
        border-right: 0.081rem solid;
    }

/*Locale Selector*/

.navbar-nav ul#localeSelect {
    float: left;
    margin-top: 0.563rem;
    margin-right:1.25rem;
}

/* Hide language buttons after login. Should only select language on login screen. */
.sidebar ul#localeSelect{
    display:none;
}

ul#localeSelect{
    margin: 0;
    height:auto;
    padding: 0;
}

ul#localeSelect li {
    list-style: none;
    display: inline-block;
    margin-right: 0.313rem;
    float: none;
    padding: 0;
}

ul#localeSelect li button {
    width: auto;
    height: 1.563rem;
    margin-bottom: 0.831rem;
    padding: 0 0.25rem;
}

ul#localeSelect li button:hover, ul#localeSelect li button:focus, ul#localeSelect li button:active {
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
}

/*Date Picker Input*/

.date-large input, .date-small input{
	max-width: 8.331rem;
}

.date-small {
    display: none !important;
}

/*iFrame*/

.sb-iframe {
    height: fit-content;
    margin-top: -3rem;
    margin-left: -0.4rem;
    overflow: hidden;
}

.sb-iframe .toolbar{
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0.3rem 0.5rem;
    text-align:right;
    clear: both;
    min-height: 2.5rem;
}

.sb-iframe .toolbar img{
    max-height: 1.7rem;
    display: none;
}

.sb-iframe iframe{
   height: calc(100vh - 9rem);
   width: 100%;
}

.fs-button {
    background: #fff;
    border-radius: 5rem;
    border: 1px solid #037db8;
    padding: 0.1rem 0.3rem;
    color: #037db8;
}

body.fullscreen{
    padding: 0;
}

body.fullscreen .sb-iframe .toolbar img {
    display: inline-block;
}

body.fullscreen .navbar, body.fullscreen .breadcrumb-nav, body.fullscreen .side-nav {
    display: none;
}

body.fullscreen .sb-iframe{
    margin: 0;
}
    
/************************************************** #ChangePassword *****************************************************************/
.change-password-contain {
    clear: both;
    padding-left: 1.563rem;
    padding-top: 8.413rem;
    max-width: 99vw;
}

#ctl00_MainContent_updatePasswordBtn {
	width: 100% !important;
    text-align: center;
    font-weight: 600;
    margin: 0.625rem auto;
    height: 2.413rem;
    max-width: 22rem;
    display: block;
}

    #ctl00_MainContent_updatePasswordBtn tbody, #ctl00_MainContent_updatePasswordBtn tr, #ctl00_MainContent_updatePasswordBtn td, #ctl00_MainContent_updatePasswordBtn_CD {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-weight: 400;
    }

/************************************************** #Reports ************************************************************************/

/*Styling fix for long list of saved views */

#ctl00_MainContent_ctl00_ddeLayouts_DDD_DDDC .dxgvDataRow_SoftOrange td.dxgv {
    width: 100%;
}

/*Pivots fill full width*/

#ctl00_MainContent_ctl00_pivotDisplay_ContainerTopPager{
    width: 100vw !important;
}

/*Add scroll to views list if long enough*/

#ctl00_MainContent_ctl00_ddeLayouts_DDD_PW-1.dxpc-ddSys {
    width: 100% !important;
    max-width: 14.563rem;
}

#ctl00_MainContent_ctl00_ddeLayouts_DDD_PW-1.dxpc-ddSys .dxpc-mainDiv.dxpc-shadow {
    overflow: auto !important;
    height: auto !important;
    max-height: 80vh !important;
}

/**/

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 0;
    background: none;
}

#report-dt_wrapper label {
    font-weight: normal;
}

.btn-chart {
    display: inline-block;
}

    .btn-chart input[type="submit"] {
        border: 0;
        border-radius: 0.163rem;
        padding: 0.313rem;
    }

.reports .top-tabbed-navigation li.dropdown {
    display: inline-block;
}

.reports .top-tabbed-navigation li.dropdown ul{
    left: 0.438rem !important;
}

.doc-body .btn-link {
    font-weight: normal !important;
    padding: 0 0.313rem !important;
}

    .subnav-panel .btn-link:hover {
        font-weight: normal !important;
        text-decoration: none;
    }

.subnav-panel .dxeButtonEditSys {
    width: 20.331rem;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
}

.subnav-panel .dxEditors_edtDropDown_SoftOrange {
    height: 1rem !important;
}

div#report-dt_wrapper {
    width: 100%;
    min-width: 100%;
    height: 100%;
    padding: 0;
}

#report-page-container .subnav-panel {
    margin: 0;
}

#report-display {
    min-width: 20rem;
    width: 100%;
}

.pivot .row-offcanvas {
    overflow: auto;
    max-height: calc(100vh - 8.331rem);
}

#ctl00_MainContent_ctl00_rptPanel {
    width: auto !important;
}

.reports .footer {
    display: none !important;
}

/** Pivot/Chart **/

#report-display.pivot-wrapper {
    padding-top: 0;
}

.pivot.reports .full-height, .pivot .row-offcanvas {
    overflow: inherit !important;
}

#ctl00_MainContent_ctl00_pivotDisplay_pgArea3,
#ctl00_MainContent_ctl00_pivotDisplay_pgArea0 {
    white-space: nowrap !important;
}

.pivot .dxpc-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}


/* Custom Parameters */
.custom-query-params-select {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    height: 2.125rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.428571429;
    background-image: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 0;
}

.custom-query-params .dxeEditArea_SoftOrange {
    margin-top: 0 !important;
}

.custom-query-params {
    width: calc(100vw - 5rem);
    margin-bottom: 1rem;
}

.custom-query-params-min {
    display: inline-block;
    width: calc(100vw - 5rem);
    margin-top: -1rem;
}

.custom-param-list-min {
    display: inline-block;
    padding: 0.5rem 0.5rem 0;
    margin-bottom: 0;
}

    .custom-param-list-min li {
        display: inline;
        padding-right: 0.5rem;
        float: left;
        width: 11rem;
    }

#ctl00_MainContent_ctl00_customParams_btnShowCustomParams {
    display: inline;
    margin: 0.5rem;
    width: auto;
    height: auto;
    background: transparent !important;
    background-position: 0 0;
    border: 0 !important;
    float: right;
    border-radius: 0.5rem;
    padding: 0 !important;
}

.custom-query-params {
    margin-top: -0.375rem;
    padding-bottom: 0.625rem;
    min-height: 4rem;
}

.hidden-param {
    display: none;
}

.custom-param-list-min li span {
    margin-right: 0.375rem;
}

.custom-param-list {
    display: inline-block;
    padding: 0 0.5rem;
    width: 100%;
    float: left;
}

    .custom-param-list li {
        display: inline-block;
        padding: 0.5rem 0.5rem 0 0;
        width: 11rem;
        float: left;
    }

        .custom-param-list li span {
            display: none;
        }
		
		.custom-param-list li td span{
            display: inline-block;
        }

        .custom-param-list li input {
            display: inline-block;
            margin-top: 0.375rem;
            max-width: 10.625rem;
            width: 100%;
            clear: both;
            float: none;
        }

    .custom-param-list .dxeButtonEditSys, .custom-param-list .custom-query-params-text {
        display: block;
        width: 100%;
        height: 2.125rem;
        padding: 0.375rem 0.75rem;
        line-height: 1.428571429;
        background-image: none;
        border: 0.063rem solid #ccc;
        border-radius: 0.25rem;
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        margin: 0;
    }

.param-warning {
    display: block;
    margin: 0 0.5rem;
    padding-left: 0.3rem;
    clear: both;
}

.error-params-required {
    display: inline;
    width: 100%;
}

.error-params-required:empty{
    display: none;
}

    .error-params-required li {
        display: block;
        width: 100%;
        font-style: italic;
    }

#ctl00_MainContent_ctl00_customParams_pnlCustomParams {
    display: inline-block;
    width: fit-content;
    float: left;
}

#ctl00_MainContent_ctl00_customParams_btnUpdate {
    margin-top: 0.7rem;
    clear: right;
    float: left;
}

/*Delivery Document Report*/

#delivery-report-body {
    padding-top: 0;
}

#delivery-report #report-dt {
    width: 100% !important;
    min-width: 31.25rem;
}

#delivery-report .row {
    margin: 0 -0.938rem;
}

#delivery-report #report-dt td, #delivery-report #report-dt th {
    padding: 0.831rem 0.413rem !important;
}

    #delivery-report #report-dt td:nth-of-type(1), #delivery-report #report-dt th:nth-of-type(1) {
        width: 3.913rem !important;
        min-width: unset;
    }

    #delivery-report #report-dt td:nth-of-type(2), #delivery-report #report-dt th:nth-of-type(2) {
        width: 30.663rem !important;
        min-width: unset;
    }

    #delivery-report #report-dt td:nth-of-type(3), #delivery-report #report-dt th:nth-of-type(3) {
        width: 20.75rem !important;
        min-width: unset;
    }

#delivery-report {
    padding: 0 3rem;
}

    #delivery-report #report-dt_length select {
        margin: auto 0.163rem;
    }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    text-align: left !important;
}

.sig-img {
    text-align: center;
}

    .sig-img img {
        max-width: 100%;
        width: 36.5rem;
        height: auto;
        margin: auto;
    }

h5.route {
    margin-bottom: 0.413rem;
}

#delivery-report #report-dropdown {
    margin-left: 0.25rem;
}

.row.subnav-panel{
    margin-right: 0;
}

.chart-options:empty, .delete-all:empty, .default-view:empty {
	display:none;
}

/*Email Report*/

.email-modal {
    max-height: 95vh !important;
    border-radius: 0.163rem 0.163rem 0 0 !important;
    padding: 0 !important;
    margin-bottom: 0.831rem;
    overflow: hidden;
}

.email-modal .dxpc-header {
    margin: 0 !important;
    border-radius: 0.163rem 0.163rem 0 0 !important;
    padding: 0.625rem 0.938rem !important;
    font-weight: bold;
}

.email-scroll {
    overflow-x: hidden;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    height: 100vh;
}

#ctl00_MainContent_ctl00_ucEmlReport_puEmlReport_pnlEmlReportControls_cmbEmailAttachmentType_DDD_PW-1 {
    margin-top: 0.4rem;
}

.dxeTextBox_SoftOrange.emInput input, .dxeButtonEditSys.emInput {
    height: 1.75rem !important;
    display: inline-block !important;
    padding: 0.188rem 0.313rem !important;
    border-radius: 0.163rem !important;
    font-size: inherit !important;
    width: 100% !important;
}

.emInput {
    width: 100% !important;
}

.dxeListBox_SoftOrange.emInput{
    width: 18.75rem !important;
}

.email-modal .row{
    padding: 0.831rem 0;
}

.email-modal .row .row{
    padding: 0 0 0.413rem;
}

.email-modal .row .row .col-12, .email-modal .row .row .col{
    padding-left: 0;
}

.email-modal .col-lg-2 span, .email-modal .col-lg-12 span{
    font-weight: bold !important;
    vertical-align: bottom;
    display: inline-block;
}

.email-modal .col-lg-10 .col-lg-12 span, .email-modal .col-lg-10 label{
    font-weight: normal !important;
}

.email-modal .col-lg-10 .col-lg-12 span{
    margin-top: 0 !important;
}

.email-modal .float-right{
    padding: 0.831rem 0;
    margin-bottom: 0.831rem;
}

.dxeMemo_SoftOrange td{
    padding: 0 !important;
}

.dxeMemo_SoftOrange td textarea{
    width: 100%;
}

.email-modal .dxeListBox_SoftOrange div.dxlbd, .email-modal .col{
    width: 18.75rem !important;
    max-width: 18.75rem !important;
}

.email-modal .customer-selection .dxeListBox_SoftOrange div.dxlbd{
    width: 100% !important;
    max-width: 100% !important;
}

.email-modal .customer-selection .dxeListBox_SoftOrange{
    max-width: 25rem !important;
}

#employee-recipient-select, #customer-recipient-select {
    height: fit-content;
    min-height: 7rem;
}

.modal-content.email-modal{
    max-height: 95vh !important;
}

#email-document-modal{
    max-width: 600pt !important;
    width: 80vw;
}

.email-modal .modal-body {
    padding-top: 0;   
}

.email-modal .modal-footer{
    border: none;
}

#ctl00_MainContent_ctl00_ucEmlReport_puEmlReport_PW-1 {
    position: fixed !important;
    top: 2vh !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
    max-width: 600pt !important;
    width: 80vw !important;
    display: block !important;
}

.email-modal .dxpc-content #ctl00_MainContent_ctl00_ucEmlReport_puEmlReport_pnlEmlReport{
    max-height: 90vh;
    max-width: 96vw;
    overflow-y: auto;
    overflow-x: hidden;
}

/************************************************** #Documents **********************************************************************/

.order-form-body .full-height {
    height: auto;
}

/*document summary pending approval*/
.cls-alert {
    width: 49%;
    padding: 0.938rem;
    background: #037db8;
    color: white;
    border-radius: 0.313rem;
    margin: 3.125rem auto 0.625rem;
    font-size: 1rem;
}

.mt-10 {
    margin-top: 0.625rem
}

.viewport-height {
    margin-top: -2.9rem;
    height: calc(100vh - 7.5rem);
}

/*copy and edit buttons*/

.doc-order-btns {
    position: fixed;
    top: 8.413rem;
    right: 0;
    z-index: 1100;
    padding: 0.413rem;
    text-align: right;
}

    .doc-order-btns .btn.odr-btn:hover, .doc-order-btns .btn.odr-btn:active {
        transition: all 1s ease-in-out;
    }

    .doc-order-btns .btn.qte-btn:hover, .doc-order-btns .btn.qte-btn:active {
        transition: all 1s ease-in-out;
    }

    .doc-order-btns .btn {
        padding: 0.331rem 0.25rem !important;
    }

/**/

/*Delivery Doc Status*/

#ctl00_MainContent_deliverySigNav {
    position: absolute;
    top: 0.5rem;
    right: 3.331rem;
}

/**/

.doc-content, .main-content-box {
    width: 65rem;
    max-width: 95%;
    margin: 0 auto;
    padding: 2rem 1.663rem;
    min-height: 41.663rem;
    height: 100%;
    position: relative;
}

.table-responsive {
    width: 100%;
    margin-bottom: 0.938rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0;
}

.subheading-detail {
    padding: 0.625rem 1.25rem;
    font-style: italic;
}

#invoiceDetailsWrapper .address-wrapper, #deliveryDetailsWrapper .address-wrapper, #orderDetailsWrapper .address-wrapper {
    padding: 0 0.413rem;
    border: none;
}

    #invoiceDetailsWrapper .address-wrapper label, #deliveryDetailsWrapper .address-wrapper label, #orderDetailsWrapper .address-wrapper label {
        padding-right: 0;
        margin-left: 0
    }

    #invoiceDetailsWrapper .address-wrapper pre, #deliveryDetailsWrapper .address-wrapper pre, #orderDetailsWrapper .address-wrapper pre {
        background: none;
        border: none;
        color: inherit;
        margin: 0;
        padding: 0 !important;
    }

.billing-doc-info {
    margin-top: 3rem;
    padding-left: 1.663rem;
}

   .doc-wrapper .billing-doc-info .address-wrapper {
        margin-left: -0.831rem;
        margin-top: 0.5rem;
    }

.doc-content h1.float-right {
    margin-right: 0.831rem;
}

.doc-wrapper {
    margin-top: -2.5rem;
}

.doc-logo {
    position: absolute;
    top: -0.831rem;
    left: 1rem;
    max-width: 11.663rem;
    max-height: 6.663rem;
}

#ctl00_MainContent_orderButtons_liActivities .fas{
    margin-right: 0.3rem;
}

.btn-success.print {
    margin-left: -0.413rem;
    margin-top: 20.413rem;
}

.doc-header {
    margin-right: -0.831rem;
}

    .doc-header hr {
        margin: 0.163rem 0;
    }

    .doc-header label {
        display: inline-block;
        min-width: 6.663rem;
        margin-left: 0.413rem;
    }

    .doc-header span {
        display: inline-block;
        padding-left: 0.413rem;
    }
	
	
#orderDetailsWrapper .cp-table .notes, #invoiceDetailsWrapper .cp-table .notes, #deliveryDetailsWrapper .cp-table .notes, #paymentDetailsWrapper .cp-table .notes {
    border-left: none;
	border-right: none;
	height: auto;
	margin: auto;
}

.cp-table {
    margin: 3.331rem auto;
    min-width: 45.831rem;
}

    .cp-table td {
        font-weight: normal;
    }

    .cp-table thead tr {
        padding: 0.5rem 0;
        height: 1.5rem;
    }

            .cp-table thead tr td:first-child {
                padding-left: 0.313rem;
            }

    .cp-table tbody tr {
        padding: 0.188rem 0;
        height: 1.875rem;
    }

        .cp-table tbody tr td:first-child {
            font-weight: 600;
            padding-left: 0.313rem;
        }

    .cp-table tbody td {
        padding: 0.413rem 0;
    }

.faded-section-heading {
    display: block;
    margin-bottom: 0.413rem;
}

.doc-content .order-total {
    margin: 0 -0.938rem 0 0;
    padding: 0;
    width: 13.375rem;
    float: right;
    border: none;
}

    .doc-content .order-total li {
        padding: 0.25rem 0;
        font-weight: 400;
        list-style-type: none;
        text-align: right;
    }

.doc-content .total-label {
    font-weight: bold;
    max-width: 5rem;
    display: inline-block;
}

.doc-content .total-amount {
    width: 8.125rem;
    display: inline-block;
}

.doc-content .f-order-notes {
    margin-top: 1.663rem;
}

    .doc-content .f-order-notes textarea {
        width: 100%;
        padding: 0.413rem;
    }

/************************************************** #TMC **********************************************************************/
.tmc-contain {
    padding: 0 0.831rem;
}

    .tmc-contain .dropdown-menu {
        top: -40.163rem;
        left: -60.5rem;
    }

        .tmc-contain .dropdown-menu > li > a {
            display: block;
            padding: 0.188rem 1.25rem;
            clear: both;
            font-weight: 400;
            line-height: 0.831rem;
            white-space: nowrap;
        }

    .tmc-contain .tmc-reports {
        height: auto;
    }

    .tmc-contain h1 {
        padding: 0 0.413rem 0.831rem;
    }

    .tmc-contain .dash-date-picker-wrapper {
        display: inline-block;
        padding: 0 0 0.625rem;
        width: 40.831rem;
        float: left;
        margin-right: 0;
    }

.run-jobs .btn {
    margin: 0 auto 0.625rem;
    clear: both;
    display: block;
    min-width: 100%;
}

.tmc-contain .table > thead:first-child > tr:first-child > th {
    min-width: 70.063rem;
}

.tmc-contain .global-widgets-wrapper {
    margin-bottom: 0;
}

    .tmc-contain .global-widgets-wrapper ul {
        padding: 0;
        margin-bottom: -0.063rem;
    }

.tmc-contain .nav-tabs > li.active > a, .tmc-contain .nav-tabs > li.active > a:hover, .tmc-contain .nav-tabs > li.active > a:focus, .tmc-contain .nav-tabs > li > a {
    border: none;
    border-radius: 0;
    padding: 0;
}

.tmc-contain .tab-content {
    margin-top: -0.176rem;
}

.project-btns, #startJob, #addJobHours, #addMaterials {
    float: none;
    margin: auto;
    word-wrap: break-word;
}

.tmc-contain .nav-tabs {
    border-bottom: none;
}

.tmc-contain .global-widgets-wrapper ul li {
    padding: 0.625rem;
    width: auto;
    list-style: none;
    display: inline-block;
    text-align: center;
}

.proj-select, .act-select {
    height: 8.331rem;
    padding: 0.831rem 1.663rem;
}

.project-btns h4, .project-btns h2 {
    margin-bottom: 0;
}

.project-btns h2 {
    margin-top: 0.625rem;
}

.project-btns .btn-primary {
    background-color: transparent !important;
    position: absolute;
    top: 4.688rem;
    right: 0;
    border: none !important;
    outline: none !important;
}

.project-btns .proj-num {
    display: block;
}

.proj-actions .btn {
    border-radius: 0.081rem;
    width: 100%;
    margin: 0.331rem auto 0.5rem;
    height: 40.081rem;
}

.tmc-contain h3 {
    padding: 0 0.413rem 0.413rem;
    clear: both;
}

#startJob .input-group:nth-of-type(1), #addMaterials .input-group {
    padding: 0 0.625rem 0 0.413rem;
}

#startJob .input-group:nth-of-type(2) div {
    padding: 0.413rem 0.831rem 0 0.413rem;
}

#startJob .btn, #addMaterials .btn, .tmc-actions .btn, #addJobHours .btn {
    margin: 1.663rem 0.831rem 1.663rem 0.831rem;
    min-width: 5rem;
    min-height: 1.663rem;
    float: right;
}

#addMaterials .warehouse-name, .project-num, .work-type {
    display: block;
}

.choose-list {
    width: 100%;
    position: absolute;
    top: 90.163rem;
    left: 0;
    padding: 0.831rem 0.831rem 0;
    z-index: 5;
    height: 35vh !important;
    overflow: auto;
}

    .choose-list input[type=checkbox], .choose-list label {
        margin-right: 0.331rem;
    }

    .choose-list input[type=checkbox] {
        vertical-align: text-bottom;
    }

    .choose-list ul {
        width: 100%;
        padding: 0;
        list-style: none;
        margin: 0.831rem 0 0;
    }

        .choose-list ul li {
            margin-right: -0.813rem;
            margin-left: -0.813rem;
            padding: 0.625rem;
        }

            .choose-list ul li li {
                border-top: none;
                background-color: transparent !important;
                padding: 0 10.413rem;
                margin: 0;
            }

/*Class for hidden records in hour list*/
.hour-list tr.posted td {
    font-weight: bold;
}

/* Overrides the bootstrap panel for job forms*/
#formsParent .card {
    border: none;
    box-shadow: none;
    margin: inherit;
}


.tm-btns-contain {
    margin-top: 0.831rem;
    clear: both;
}

    .tm-btns-contain .btn {
        margin-left: 0.831rem;
    }


/************************************************** #DevEx Overrides ****************************************************************/

.dxeTextBox_MaterialCompactOrange td.dxic, .dxeButtonEdit_MaterialCompactOrange td.dxic, .dxeButtonEdit_MaterialCompactOrange[cellspacing="0"] td.dxic {
    padding: 2px 2px 1px 2px !important;
}

#ctl00_MainContent_ctl00_puSaveAs_PW-1 input[type=submit] {
    margin-right: 0.5rem;
    padding: 0.3rem 0.5rem;
}

.dxgvControl_MaterialCompactOrange, .dxgvDisabled_MaterialCompactOrange{
    width: 100% !important;
}

#ctl00_MainContent_ctl00_pivotDisplay_TopPager{
    display: none !important;
}

#ctl00_MainContent_ctl00_pivotDisplay_DXHFP_HFL_LBT{
    padding: 0.5rem 1rem;
}

.dxeListBox_MaterialCompactOrange td.dxeT{
    padding-left: 2rem !important
}

#ctl00_MainContent_ctl00_ddeLayouts_DDD_DDTC_dgvLayoutDropdown_DXMainTable .dxgvDataRow_MaterialCompactOrange td.dxgv{
    border: 0 !important;
    padding: 0.5rem !important;
}

#ctl00_MainContent_ctl00_ddeLayouts_DDD_DDTC_dgvLayoutDropdown_DXMainTable .dxgvHeader_MaterialCompactOrange td{
    padding: 0;
    border-right: 0;
}

#ctl00_MainContent_ctl00_ddeLayouts_DDD_DDTC_dgvLayoutDropdown_DXMainTable .dxgvHeader_MaterialCompactOrange {
    padding: 0.3rem 0.5rem;
}

.top-tabbed-navigation .dxeTextBox_MaterialCompactOrange td.dxic, .top-tabbed-navigation .dxeButtonEdit_MaterialCompactOrange td.dxic, .top-tabbed-navigation .dxeButtonEdit_MaterialCompactOrange[cellspacing="0"] td.dxic {
    padding: 0.1rem 0.5rem;
}

.top-tabbed-navigation #ctl00_MainContent_ctl00_ddeLayouts{
    max-width: 14.5rem;
}

#ctl00_MainContent_ctl00_pivotDisplay_FilterAreaContainer td {
    padding: 0.1rem !important;
    display: inline-block;
    border: 0;
    vertical-align: middle;
}

/******************************* ####Media Queries ********************************/
/******************************* #Desktops and LapTops ****************************/

@media (max-width: 1280px) {
    /*Report display on customer profile sub nav*/

    .top-tabbed-navigation .dropdown {
        display: inline-block;
    }

    .top-tabbed-navigation .p-reports-full {
        display: none;
    }
}

@media (max-width: 1200px) {

    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/******************************* #Tablets *****************************************/

@media (hover: none) {
    *::-webkit-scrollbar-thumb {
        background-color: transparent;
    }
}

@media all and (max-width: 1082px) {

    .custom-query-params-min, .custom-query-params {
        width: 100vw;
    }

    .custom-param-list-min li{
        display: none;
    }

    #ctl00_MainContent_ctl00_ddeLayouts_DDD_PW-1.dxpc-ddSys .dxgvControl_MaterialCompactOrange {
        min-width: inherit !important;
    }

    .top-tabbed-navigation .dxgvCommandColumn_MaterialCompactOrange.dxgv.dx-ac a {
        border: none !important;
        word-wrap: break-word;
        max-width: 14rem;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .pivot .top-tabbed-navigation.collapse.show, .pivot .top-tabbed-navigation.collapse.show{
        display: flex !important;
        flex-direction:column;
        justify-content: center;
    }

    .pivot .top-tabbed-navigation.collapse.show li:nth-child(2), .pivot .top-tabbed-navigation.collapse.show li:nth-child(2){
        order: 1;
    }

    .pivot .top-tabbed-navigation.collapse.show li{
        order: 3;
    }

    .reports .top-tabbed-navigation li.pivot-collapse-expand-li {
        position: relative !important;
        left: initial !important;
        order: 2 !important;
        margin-top: 0.5rem;
        border-bottom: 1px solid #ccc !important;
        padding-bottom: 0.5rem;
    }

    .reports .top-tabbed-navigation li .dxgvCommandColumn_MaterialCompactOrange.dxgv a, .reports .top-tabbed-navigation li .dxgvCommandColumn_MaterialCompactOrange.dxgv input{
        border: 0 !important;
    }

    .dxgvControl_MaterialCompactOrange, .dxgvDisabled_MaterialCompactOrange{
       min-width: 825px;
    }

    .viewport-height {
        margin-top: -0.5rem;
        height: calc(100vh - 9.5rem);
    }

    body{
        padding-left: 0;
    }

    .top-logo{
        margin-left: 0.6rem;
    }

    .side-nav {
        height: 4rem;
        background: transparent !important;
    }

    .mobile-hidden {
        display: none;
    }

    .breadcrumb-nav {
        overflow: auto;
        height: 2.6rem;
        z-index: initial;
    }

    .breadcrumb-nav, .breadcrumb-nav a {
        width: 100%;
        left: 0;
        top: 4rem;
        padding-left: 0.3rem;
        padding-top: 0.3rem;
    }

    .modal {
        max-height: 96vh;
    }

    input[type='text'].dxeEditArea_SoftOrange, input[type='password'].dxeEditArea_SoftOrange{
        height: 10.5rem !important;
    }

    .dxic input[type='text'].dxeEditAreaSys{
        margin-top: -0.25rem;
    }

    .reports .full-height{
        padding-bottom: 16.663rem;
    }

    .menu-tray {
        width: 100vw;
    }

    #accordion_menu_container {
        margin-bottom: 15vh;
    }
    
    #report-display{
        overflow: auto;
    }

    .export-button {
        display: none;
    }

    .change-password-contain {
        padding: 8.413rem 10.163rem;
    }

    .top-tabbed-navigation{
        top: 5.4rem;
    }

    /*Report display on customer profile sub nav*/

    .top-tabbed-navigation .dropdown {
        display: none;
    }

    .top-tabbed-navigation .p-reports-full {
        display: block;
    }

    .top-tabbed-navigation li ul li:last-of-type {
        border-right: none;
    }

    body.modal-open {
        overflow: hidden !important;
        /*position:fixed; Had to remove for iPad*/
        max-width: 100%;
    }

    ul.top-tabbed-navigation {
        width: 100vw;
        text-align: center;
        padding: 0.413rem 0;
    }

        ul.top-tabbed-navigation li, div.top-tabbed-navigation li {
            width: auto !important;
            display: block;
            padding: 0.313rem;
            border-right: 0;
        }

    .reports .top-tabbed-navigation .dropdown-menu ul{
        padding: 0;
        border-top: 0.081rem solid #ccc !important;
    }

    /*Sub menu toggle*/

    .btn.sales-user-nav-btn {
        width: 1.663rem;
        height: 2rem;
        min-width: initial;
        color: #fff;
        background-color: #1565C0;
        font-weight: normal !important;
        display: block;
        position: fixed;
        top: 4.163rem;
        z-index: 999 !important;
        left: unset;
        right: 0.163rem;
        border-radius: 0.831rem !important;
        box-shadow: none;
        text-align: center;
        padding: 0 !important;
    }

        .btn.sales-user-nav-btn span.fas {
            line-height: 1.4 !important;
        }

    .sales-user-nav-btn .fa-plus:before {
        content: "\f068";
    }

    .sales-user-nav-btn.collapsed .fa-plus:before {
        content: "\f067";
    }

    .top-tabbed-navigation li {
        text-align: center;
        padding-left: 0;
        padding-top: 0.831rem;
    }

    ul.top-tabbed-navigation {
        top: 6rem;
        width: 100vw;
        text-align: center;
        padding: 0.413rem 0;
    }

        ul.top-tabbed-navigation li {
            width: auto !important;
            display: block;
            border-bottom: 0.063rem solid #E4E4E4;
            font-size: 0.875em;
            padding: 0.313rem;
            border-right: 0;
        }

    .top-tabbed-navigation.collapse {
        display: none !important;
        width: auto;
        height: auto;
    }

        .top-tabbed-navigation.collapse.show {
            display: block !important;
            width: 100%;
        }

    .reports .top-tabbed-navigation .dropdown-menu {
        display: block;
        top: -10.25rem;
        width: 100vw;
        left: -0.331rem !important;
        right: unset !important;
        margin: auto !important;
        position: relative;
        text-align: center;
        border-top: 0.081rem solid #ccc;
        border-right: none;
        border-left: none;
    }

    .reports .top-tabbed-navigation li.dropdown.advanced {
        border-left: none !important;
    }

    .reports .top-tabbed-navigation li.dropdown ul {
        left: -0.331rem !important;
    }

    .reports .dropdown-toggle {
        display: none;
    }

    .subnav-panel .dxeButtonEditSys {
        margin-top: -1.663rem;
    }

    .reports .top-tabbed-navigation li, .reports .top-tabbed-navigation .dropdown-menu{
            border: none !important;
        }

        .reports .top-tabbed-navigation li a, .reports .top-tabbed-navigation li input{
            border-bottom: 0.063rem solid #ccc !important;
            display: inline-block;
            width: 100%;
            margin-top: -0.25rem;
        }

        .reports .top-tabbed-navigation li input.dxeEditArea_SoftOrange{
            border: none !important;
            margin-top: 0;
        }

        .reports .subnav-panel .dxeButtonEditSys{
            margin-top: -0.163rem;
        }

        .reports .top-tabbed-navigation li a.dropdown-toggle{
            display: none;
        }


    /* Bootstrap Overides  */

    .form-control {
        padding: 0.188rem;
    }

    .reports .top-tabbed-navigation .dropdown-menu {
        display: block;
        top: -10.25rem;
        width: 100vw;
        left: -0.331rem !important;
        right: unset !important;
        margin: auto !important;
        position: relative !important;
        text-align: center;
        border-top: 0.081rem solid #ccc;
        border-right: none;
        border-left: none;
        padding: 0;
    }

    .reports .dropdown-toggle {
        display: none;
    }

    .reports .logout-panel .dropdown-toggle{
        display: inline-flex;
    }

    .subnav-panel .dxeButtonEditSys {
        margin-top: -1.663rem;
    }

    /* outer div */
    .row-offcanvas {
        position: relative;
        left: 0;
        -webkit-transition: left .3s ease-in;
        -mos-transition: left .3s ease-in;
        transition: left .3s ease-in;
    }

    #ulmenu ul li {
        padding: 0.313rem 0 0.313rem 0.875em;
    }

    .container-fluid > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }

    .container-fluid {
        padding: 0;
        width: 100%;
    }

    /* Button Groups */
    .btn-group {
        width: 100%;
    }

    .btn-group {
        display: block;
        margin: 0 auto;
        float: none;
        max-width: 43.75rem;
        width: auto;
    }

    .inner-widget-wrap {
        width: 100%;
        overflow-x: auto;
    }
}


@media (max-width: 1080px) {

    .reports .top-tabbed-navigation li a, .reports .top-tabbed-navigation li input,
    .top-tabbed-navigation li ul li.dropdown-item a, .top-tabbed-navigation li ul li.dropdown-item button, .top-tabbed-navigation li ul li input[type=submit], .top-tabbed-navigation li ul li input[type=button], .top-tabbed-navigation table input[type=button], .top-tabbed-navigation table input[type=submit], .top-tabbed-navigation table a, .top-tabbed-navigation table button {
        text-align: center;
        width: 100%;
        display: inline-block;
        height: 2.5rem;
        margin: 0.1rem 0.5rem;
        padding: 0.331rem 0.831rem !important;
        border-bottom: 1px solid #ccc !important;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .reports .top-tabbed-navigation li table input, .top-tabbed-navigation table a {
        height: fit-content !important;
    }

    #business-partner .collapse.show, .top-tabbed-navigation.collapse.show, #top-nav.collapse.show {
        background: #fff;
    }

    .reports .top-tabbed-navigation li a, .reports .top-tabbed-navigation li input{
        margin: 0.1rem 0;
    }

    .reports .top-tabbed-navigation li, .reports .top-tabbed-navigation .dropdown-menu{
        padding: 0;
    }

    .reports .top-tabbed-navigation li.dropdown ul{
        background: transparent;
    }

    .row-offcanvas {
        position: relative;
        left: 0;
        -webkit-transition: left .3s ease-in;
        -mos-transition: left .3s ease-in;
        transition: left .3s ease-in;
    }

    .doc-sub-nav {
        left: 0 !important;
    }

    .no-left-right-padding {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.in {
        display: block !important;
    }

    .container-fluid > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }

    .container-fluid {
        position: relative;
        padding: 0;
        width: 100% !important;
    }

    /* Bootstrap Overides  */
    .form-control {
        padding: 0.188rem;
    }

    .login-panel {
        max-width: 31.663rem;
        padding: 1.25rem;
    }

    .navbar-collapse.collapse {
        overflow: scroll !important;
    }

    /* outer div */
    .row-offcanvas {
        position: relative;
        left: 0;
        -webkit-transition: left .3s ease-in;
        -mos-transition: left .3s ease-in;
        transition: left .3s ease-in;
    }

    #ulmenu ul li {
        padding: 0.313rem 0 0.313rem 0.875em;
    }

    #fatal-error {
        max-width: 80vw;
    }
}

@media all and (max-width: 1024px) {

    .modal-body {
        max-height: 75vh;
        overflow: auto;
    }

    /*Sub menu toggle*/

    .btn.sales-user-nav-btn {
        width: 1.663rem;
        height: 2rem;
        min-width: initial;
        color: #fff;
        background-color: #1565C0;
        font-weight: normal !important;
        display: block;
        position: fixed;
        top: 4.163rem;
        z-index: 106;
        left: unset;
        right: 0.163rem;
        border-radius: 0.831rem !important;
        box-shadow: none;
        text-align: center;
        padding: 0 !important;
    }

        .btn.sales-user-nav-btn span.fas {
            line-height: 1.4 !important;
        }

    .sales-user-nav-btn .fa-plus:before {
        content: "\f068";
    }

    .sales-user-nav-btn.collapsed .fa-plus:before {
        content: "\f067";
    }

    .top-tabbed-navigation li {
        text-align: center;
        padding-left: 0;
        padding-top: 0.831rem;
    }

    ul.top-tabbed-navigation {
        top: 6rem;
        width: 100vw;
        text-align: center;
        padding: 0.413rem 0;
    }

        ul.top-tabbed-navigation li {
            width: auto !important;
            display: block;
            border-bottom: 0.063rem solid #E4E4E4;
            font-size: 0.8rem;
            padding: 0.313rem;
            border-right: 0;
        }

    .top-tabbed-navigation.collapse {
        display: none !important;
        width: auto;
        height: auto;
    }

        .top-tabbed-navigation.collapse.show {
            display: block !important;
            width: 100%;
        }

    .reports .top-tabbed-navigation .dropdown-menu {
        display: block;
        top: -10.25rem;
        width: 100vw;
        left: -0.331rem !important;
        right: unset !important;
        margin: auto !important;
        position: relative;
        text-align: center;
        border-top: 0.081rem solid #ccc;
        border-right: none;
        border-left: none;
    }

	.reports .top-tabbed-navigation li.dropdown ul{
        left: -0.5rem !important;
        top: -1.2rem;
        margin-bottom: -2.1rem !important;
    }

    #business-partner .collapse.show, .top-tabbed-navigation.collapse.show, #top-nav.collapse.show {
        box-shadow: 0 8px 19px -6px #ccc;
    }

    .dxic input[type='text'].dxeEditAreaSys{
        border: none !important;
	}

    .reports .dropdown-toggle {
        display: none;
    }

    .subnav-panel .dxeButtonEditSys {
        margin-top: -1.663rem;
    }


    /*Lock Scrolling */

    body.noScroll {
        position: fixed;
    }

    /*Documents*/

    .subnav-panel {
        width: 100vw;
        margin-top: 8.413rem;
    }

    .o-summary .billing-doc-info .address-wrapper {
        margin-left: -0.831rem;
    }

    .print .doc-content, .print .main-content-box {
        min-height: inherit !important;
        margin: auto;
    }

        .doc-content h1.float-right {
            margin-right: 2rem;
        }

    .doc-header {
        margin-right: 0;
    }

    /***/

    #report-display.pivot-wrapper {
        max-width: 100vw;
    }

    i.fas.fas-calendar {
        display: none;
    }

    .no-left-right-margin {
        margin-right: 0;
        margin-left: 0;
    }

    .no-left-right-padding {
        padding-right: 0;
        padding-left: 0;
    }

    /* Button Groups */
    .btn-group {
        width: 100%;
    }

    .btn-group {
        display: block;
        margin: 0 auto;
        float: none;
        max-width: 43.75rem;
        width: auto;
    }

    .delete-list-item {
        margin: 0;
    }

    .modal-backdrop {
        z-index: 1040;
    }

    .navbar-collapse.collapse {
        overflow: scroll !important;
    }

    .date-large {
        display: none;
    }

    .date-small {
        display: inline-block !important;
        margin-bottom: 0.5rem !important;
    }

        .date-small input {
            line-height: 1rem !important;
            text-indent: 0.25rem;
			min-width: 70.413rem;
        }

    .mobile-tbl-wrapper {
        overflow-x: auto;
        width: 100%;
    }

    .inner-widget-wrap .table-responsive {
        max-width: 100vw;
    }

    .doc-order-btns {
        position: fixed;
        top: 8.413rem;
        right: 0;
        z-index: 106;
        width: 100%;
        text-align: right;
        padding: 0.413rem;
    }
}

@media all and (max-device-width: 994px) {

    .navbar-header .user-actions{
        display: none;
    }

    .modal {
        left: 7vw;
    }

    .email-scroll {
        overflow: auto;
        max-width: 72vw;
    }

    .order-item-heading .hidden-xs {
        display: none;
    }

    .search-list-item ul {
        max-width: 100%;
        min-width: 90%;
    }

    .main {
        width: 100% !important;
    }

    /* Dialog */
    .ui-dialog {
        top: 1.875rem;
        left: 50%;
        display: block;
        width: 18.75rem !important;
        height: 18.75rem !important;
    }
}

@media (min-width: 992px) {

    .col-md-height {
        display: table-cell;
        float: none !important;
    }

    .main {
        padding-left: 0;
        padding-right: 0;
        height: 100%;
        min-height: 100%;
    }

    .no-left-right-margin {
        margin-left: 0;
        margin-right: 0;
    }

    .no-left-right-padding {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-device-width: 840px) {

    .top-tabbed-navigation ul {
        margin: 0 2% 0 -2.5rem !important;
    }
}

@media (max-width: 992px){

    .general-links .user-actions {
        display: block;
    }

    .general-links{
        max-height: inherit;
    }

    .btn-link.mb-title {
        display: block;
        width: 100%;
        text-align: left;
        border: 0;
        clear: both;
    }

    .mb-title.collapsed .fa-circle-chevron-down:before {
        content: "\f13a";
    }

    .mb-title .fa-circle-chevron-down:before {
        content: "\f139";
    }

    #mainNavToggle.collapse:not(.show), #closePinNav.collapse:not(.show){
        display: none;
    }

    .btn-link.mb-title h3 {
        margin-bottom: 0.1rem;
    }

    .btn-link.mb-title i{
        margin: -1.5rem 0;
        display: inline-block !important;
    }

    h3.dt-title {
        display: none;
    }

    #closePinNav.collapse:not(.show), #mainNavToggle.collapse:not(.show) {
        display: none !important
    }

    pinned-links, .main-nav-wrap {
        height: auto;
    }

    .main-nav-wrap {
        border-radius: 0.5rem;
        margin: 0 0 0.5rem;
        padding: 1rem;
    }

    .main-nav-wrap h3 .fa-compass{
        margin-right: 0.5rem;
    }
}


/******************************* #Phones ******************************************/

@media all and (max-width: 812px) {

    .modal {
        width: 95vw;
    }

    .modal-body{
        overflow:auto;
        padding-bottom: 0.831rem;
    }

    .menu-tray h2 a span.fas {
        display: inline-block !important;
    }

    .date-picker-wrapper {
        width: 100%;
    }

    .table-responsive .table{
        min-width: 43.75rem;
    }

    #email-document-modal, #ctl00_MainContent_ctl00_ucEmailReport_puEmailReport_PW-1 {
        width: 100vw !important;
    }

    .email-modal .dxpcContentPaddings_SoftOrange {
        max-height: 78vh;
    }

    .email-modal .row .row .col-12{
        padding-bottom: 0.831rem;
    }

    .email-modal .dxpc-content #ctl00_MainContent_ctl00_ucEmlReport_puEmlReport_pnlEmlReport{
        max-height: 77vh;
    }
}


@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}

@media (max-device-width: 767px) {

    .col-height {
        display: block !important;
        margin-bottom: 0.625rem;
        float: none !important;
    }

    .modal {
        left: 3vw;
    }
}

@media all and (max-width: 900px) {

    body{
        padding-left: 0;
    }

    pinned-links {
      height: auto;
    }

    .main-nav{
        max-height: inherit;
    }

    .general-links{
        margin: 0.5rem 0 0.5rem 0.5rem;
		padding: 0;
    }

    .row.mobile-menu-scroll{
        margin-top: 5rem;
    }

    .side-nav .top-logo {
        width: 100%;
        position: fixed;
        top: 0;
        max-width: calc(100% - 1rem);
        z-index: 2002;
    }

    .side-nav .top-logo a {
        margin: 0 2.5rem;
    }

    .side-nav .top-logo a img {
        margin-top: -0.3rem;
    }

    .navbar {
        left: 0;
        padding: 0 0.831rem 0 2.8rem;
        width: 100%;
    }

    .navbar-toggle.top.collapsed {
        margin: 0.5rem;
    }

    .logout-panel .dropdown-toggle{
        margin-top: 1rem;
    }

    .menu-tray.in, .menu-tray.collapse.show{
        padding-right: 1rem;
    }
}

@media all and (max-device-width: 736px) {

    #paperContentWrapper h1.no-padding {
        margin-left: 0.831rem;
    }

    .login-panel {
        margin: -11.188rem 0 0 -13.25rem;
        width: 28.125rem;
        border: none;
        padding: 0;
    }

    *::-webkit-scrollbar{
        width: 0;
        height: auto;
    }
}

@media all and (max-device-width: 568px) {

    .loading-animation {
        left: 37%;
    }

    body.modal-open {
        position: fixed;
    }
}

@media (max-width:568px) {

    .doc-logo {
        max-height: 4.163rem;
        max-width: inherit;
    }

    .doc-content h1.float-right {
        margin-top: 4.163rem;
        float: none !important;
        margin-bottom: 0;
    }

        .doc-body .doc-content h1.float-right {
            margin-top: 10.413rem;
            float: none !important;
            margin-bottom:inherit;
        }

    .billing-doc-info {
        margin-top: 0;
    }

    .billing-doc-info .address-wrapper {
        margin-left: 0;
        margin-bottom: 0.5rem;
    }

    .btn-success.print {
        margin-left: 0;
        margin-bottom: 0.831rem;
    }

    #orderDetailsWrapper .doc-content h1.float-right, #invoiceDetailsWrapper.doc-content h1.float-right {
        margin-top: 80.413rem;
    }


    /*Delivery Doc Status*/

    #ctl00_MainContent_deliverySigNav {
        position: absolute;
        top: 1.663rem;
        right: 3.331rem;
    }

    /**/

    .mobile-quick-lnks a {
        max-width: calc(100% / 6);
        width: auto;
    }

    .modal-content {
        max-height: 80vh;
    }
}

@media all and (max-device-width: 560px) {

    /* General UI*/
    .max-680 {
        width: 100% !important;
    }

    .subnav-panel-wrapper {
        width: 100%;
    }

    .subnav-panel {
        min-width: 20rem;
    }

    #ctl00_MainContent_ctl00_customParams_btnShowCustomParams {
        position: fixed;
        right: 0.188rem;
        z-index: 1032;
    }

    .modalBody {
        padding: 0.625rem 0.313rem !important;
    }

    .btn-group .btn {
        margin-top: 0.831rem;
    }
}

@media (max-width: 480px) {

    .main-card-contain {
        margin: 20% 0.5% 3%;
    }

    .login-page {
        padding-top: 1.25rem;
    }

    .login-header {
        display: none;
    }

    .login-panel {
        margin: -12.5rem 0 0 -9.375rem;
        width: 18.75rem;
        border: none;
        padding: 0.831rem;
    }

        .login-panel h1 {
            margin-top: 0.375rem;
            padding-bottom: 0.938rem;
        }

        .login-panel .form-group {
            margin-bottom: 0;
        }

    .login-logo {
        width: 7.5rem;
    }

    .login-panel .card-body {
        padding: 0;
    }

    .mobile-quick-lnks a.ql-order{
        word-spacing: 8.331rem;
    }

    .mobile-quick-lnks a{
        margin-right: -0.663rem;
    }
}


@media all and (max-width: 467px) {

    .breadcrumb-nav {
        padding-right: 2.5rem;
    }

    .mobile-tbl-wrapper {
        overflow-y: auto;
        height: auto;
        width: 100vw;
        margin-bottom: 0.938rem;
    }
}

@media (max-device-width:380px) {

    .doc-order-btns .btn {
        margin-bottom: 0.25rem;
    }
}

@media all and (max-device-width: 20rem) {

    /*iPhone 5s - lowest supported mobile res*/


    .user-action-btn.child{
        height:30.063rem;
    }

    .user-action-btn.child i{
        width: 1.875rem;
        height: 1.875rem;
    }

    .user-action-btn.child span{
        margin-top: 0.163rem;
    }

    .menu-expand {
        display: none;
    }

    #table#ctl00_MainContent_ctl00_puSaveAs_CLW-1 {
        max-width: 19.063rem;
    }

    .doc-sub-nav .float-right {
        margin-right: 1% !important;
        margin-top: -0.5rem !important;
    }

    .billing-doc-info .address-wrapper {
        margin-left: 0;
        margin-bottom: 1.663rem;
    }
}

@media (max-height: 480px){

    .modal-header {
        height: 5.831rem;
    }

	/*Email Form button position*/
	
	.email-modal .float-right{
		marin-bottom: 10.413rem;
	}
}

/******************************* #Print ********************************************/

@media print {

    body {
        padding: 0 !important;
        background-color: #fff !important;
        margin: 0 !important;
        height: auto;
    }

    .breadcrumb-nav {
        display: none;
    }

    .main .footer {
        display: none;
    }

    .col-lg-8, .col-md-8, .col-lg-8.col-12 {
        width: 66% !important;
        max-width: 66%;
        float: left;
    }

    .col-lg-4, .col-md-4, .col-lg-4.col-12 {
        width: 33% !important;
        max-width: 33%;
        float: left;
    }

    .doc-content {
        border: none !important;
        width: 100%;
		margin: auto;
		min-height: inherit;
    }

    .o-summary.main-content-box{
        border: none;
    }

    @page {
        margin: 50mm auto;
    }

    #ctl00_MainContent_deliverySigNav {
        display: none;
    }

    .col-sm-6, .col-sm-6.col-12 {
        width: 50% !important;
        max-width:50%;
        float: left;
    }

    .col-md-2 {
        width: 16% !important;
        float: left;
    }


    .order-items-bar {
        border: 0.063rem solid;
        border-right: none;
        border-left: none;
    }


    #pageHeaderBarRight, .doc-order-btns, .navbar, .menu-tray, .doc-sub-nav, .footer, #footer, #order-options.top-tabbed-navigation.show, #report-options.top-tabbed-navigation.show {
        display: none !important;
    }

    .order-form-wrapper {
        border: none;
    }

    .stamp {
        display: none;
    }

    .f-codename button {
        display: none;
    }

    .btn {
        display: none !important;
    }

    h1.float-right {
        margin-bottom: 3.331rem;
    }
    
    .alert-success, .alert-danger {
        border: none;
    }

    .user-action-btn{
        display: none;
    }
}

/*End Print*/