/*#################################################################################
    
    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 and feature specific CSS related to the portal

    Table Of Contents

    #Impersonation/DelegateLogin
    #Text HomePage
    #EP Menu
    #OrderPad/QuotePad
    #OrderForm
    #Expenses
    #Dashboard
	#Sales User

    ####Media Queries 

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

body {
    height: 100vh;
}
/************************************************** #Impersonation/DelegateLogin **************************************************************/
.impersonate {
    padding: 40pt 20pt 0;
}

/************************************************** #Text HomePage **************************************************************/

.home-intro{
    margin-top: 50pt;
}

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

.user-actions #most-fab{
    display: none !important;
}

/************************************************** #OrderPad/QuotePad **************************************************************/

/*Customer Search*/

#selectCustomer .ui-autocomplete, #selectDocCustomer .ui-autocomplete {
    max-height: 140pt;
    overflow: auto;
}

/***/
.main-content-box.op {
    max-width: 85vw;
    width: 1100px;
    margin: auto;
}

.op-actions{
    padding-top: 0;
    line-height: 28pt;
    text-align: left;
}

.order-form-wrapper {
    padding: 25pt 10pt;
    max-width: 80%;
}

.op .order-form-wrapper {
    margin: -17pt 0 20pt;
}

    .order-form-wrapper h1 {
        margin-left: -10pt;
        margin-bottom: 5pt;
    }

    .op .footer{
       display: none;
    }

.order-form-wrapper .modal-footer button{
    margin: 0;
}

.order-form-wrapper .op-actions button span {
    margin: -5pt 0 0 17pt;
}

.search-list-item.op .ui-widget.ui-widget-content {
    max-height: 150pt;
    overflow: auto;
}

.reviewItemsHeading {
    width: 100%;
    text-align: left;
    clear: both;
    padding: 10pt 0;
}

.close{
    line-height: 12pt;
    font-size: 16pt;
}

#priceConfiguredItem {
    font-weight: bold;
}

.totals-affix {
    position: fixed;
    top: 94pt;
    right: 12vw;
    max-width: 200pt;
    width: 18vw;
}

    .totals-affix.mobile {
        display: none;
    }

.pallets .total-amount {
    display: inline-block;
    text-align: right;
    float: right;
    clear: right;
    width: auto;
}

.quick-add{
    padding-top: 10pt;
}

.quick-add h2 {
    text-transform: inherit !important;
    font-weight: normal !important;
}

.quick-add .table tr {
    font-weight: normal !important;
}

.order-form-wrapper.order-summary .op-date-contain {
    text-align: right;
}

.order-form-wrapper.order-summary {
    max-width: 55vw;
}

.order-form-wrapper .udf br {
    display: none;
}

.order-form-wrapper .udf select{
    display: block;
}

.order-form-wrapper .udf textarea.form-control {
    height: auto;
}

.order-form-wrapper .op-date-contain label {
    display: block;
    font-size: 10pt;
    margin-right: -15pt;
}

.order-form-wrapper .form-control.sales-person-select {
    max-width: 145pt;
    margin-left: -10pt;
    margin-bottom: 25pt;
}

.order-lines.collapse {
    display: none !important;
}

.order-lines.collapse.show {
    display: block !important;
}

.input-group.date-picker.date-large .input-group-addon {
    padding: 0 6px
}

    .input-group.date-picker.date-large .input-group-addon i {
        height: auto;
    }

.order-form-wrapper .input-group-addon {
    position: absolute;
    top: -3pt;
    right: 0%;
}

.order-form-wrapper .modal-body .input-group-addon {
    top: 2pt;
}

.order-form-wrapper .udf .input-group-addon {
    top: 2pt;
    font-weight: 900;
}

.order-form-wrapper button {
    padding: 5pt 10pt;
    margin: 10pt auto 0;
}

.order-form-wrapper button.btn-link{
    border: none;
    margin: 5pt 0;
    vertical-align: middle;
}

#noResults{
    margin-top:0;
}

.f-codename {
    padding: 0;
    margin-bottom: -15pt !important;
    clear: both;
}

    .f-codename .date-picker {
        width: auto;
    }

.atp {
    display: block;
}

.f-codename .col-md-8 {
    float: left;
}

    .f-codename .col-md-8 h1 {
        margin: 5pt 0;
    }

.cardcode {
    margin-bottom: 10pt;
    display: block;
    margin-left: -11px;
}

.order-form-wrapper h5 {
    font-size: 10pt;
    margin: -9px 9pt;
}

.order-form-wrapper .address-wrapper {
    margin-bottom: 10pt;
}

.order-form-wrapper .form-control {
    z-index: 0;
}

.order-form-wrapper select.form-control {
    margin: 0 0 6px -4px;
    box-shadow: none;
    max-width: 250pt;
    width: 100%;
}

.order-form-wrapper .date-large {
    width: 100%;
}

.order-form-wrapper .date-large input{
    min-width:calc(100% - 32pt);
}

.order-form-wrapper .modal-body select.form-control {
    max-width: 100%;
}

.input-group.date{border: 1pt solid #ccc}

.input-group.date input {
    border: none
}

.order-form-wrapper label {
    margin-top: 7pt;
    font-weight: normal;
    display: inline-block;
}

.order-form-wrapper .f-address label {
    width: 100%;
}

.discount-line input {
    width: 100px;
    margin-right: -17pt;
}

.discount-total input {
    width: 100px;
    margin-right: -17pt;
}

#notes, .notes {
    padding: 4px;
    width: 100%;
    height: 160px;
    border-radius: 1px;
    margin: 10pt 0;
}

.simple-shipping {
    padding: 0;
}

.ordr-payment-details {
    line-height: 18pt;
    margin-top: 10pt;
}

    .ordr-payment-details img {
        vertical-align: top;
        width: 100%;
    }

.f-address .form-control {
    padding: 0 0 0 4px;
    margin: 0 0 0 -4px;
    width: 150px;
    font-weight: 400;
    box-shadow: none;
}

.order-items-bar {
    margin-bottom: 0px;
    width: 100%;
    line-height: 1em;
    border-radius: 1pt;
    padding-left: 0;
}

    .order-items-bar h6 {
        padding: 10pt 5pt !important;
        margin: 0 !important;
    }

.weight-lbl, .weight-value, .qty-lbl, .discount-lbl, .line-total, .line-total-lbl {
    text-align: center;
}

.discount-lbl{
    white-space: nowrap;
}

.f-itemsearch {
    padding: 10pt 0;
    margin-bottom: 20pt;
    width: 100%;
}

.f-itemname .form-control{
    margin-right: 2pt;
    max-width: 95%;
}

.f-search-label {
    padding-left: 12px;
}

.toggle-l-order{
    padding: 3pt 5pt;
    margin-top: 0;
    border-radius: 4pt;
    margin-left: 10pt;
}

.toggle-l-order label{
    font-weight: bold;
}

.re-order-line{
    text-align:center;
    max-width: 52pt;
}

.re-order-line .form-control, .re-order-line a{
    margin: 0 auto !important;
    width: 100%;
    display: block;
}

.re-order-line .form-control{
    max-width: 31pt;
}

.f-itemline.notes .re-order-line {
    margin-left: 0;
    padding-top: 0;
    margin-top: -1pt;
}

.f-itemline.notes textarea{
    margin-top: -5px !important;
}

.f-itemline.notes .form-control.line-order{
    text-align: center;
}

.row .order-details-line, .f-itemline div.col{
    padding-left: 0pt;
}

.f-itemline div.col{
    padding-right: 0;
}

.f-itemline {
    padding: 0;
    line-height: 15pt;
    margin-bottom: 1pt;
    clear: none;
    width: 100%;
}

.f-itemline.ingredient div.re-order-line{
    padding-left: 0;
}

.f-itemline.ingredient div div {
    padding-top: 0pt;
}

.order-form-wrapper .f-itemline.ingredient button.btn-link {
    margin: 0;
}

.f-itemline.ingredient div div.order-details-line {
    padding-left: 22pt;
}

.fas.fa-level-up-alt{
    display:none;
}

.ingredient .fas.fa-level-up-alt {
    transform: rotate(90deg);
    display: inline-block;
    margin-right: 10pt;
}

.o-summary .cp-table tbody tr.udf-line.ingredient td {
    padding-left: 18pt;
}

.f-itemline.ingredient .fas.fa-level-up-alt {
    margin-left: -16pt;
}

.udf-contain.col-md-4, .qty-details {
    padding-left: 0;
}

.f-itemname {
    font-weight: normal;
}

.f-itemcode {
    display: inline-block;
    width: 100%;
}

.f-itemprice {
    margin: auto auto 4pt;
}

.f-itemline .form-control {
    margin-top: 3px;
    text-align: center;
}

.f-itemline .btn-link {
    text-align: right;
    float: right;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -8pt;
    margin-right: 16pt;
    margin-left: -16pt;
}

.f-itemline div {
    padding-top: 2pt;
}

.f-itemline.notes div {
    padding-top: 8pt;
}

.udf-line p {
    margin-top: 1pt;
}

.o-line-total {
    text-align: center;
}

    .o-line-total label, .o-line-total span {
        font-weight: normal;
        margin-top: 1pt;
    }

.f-itemline label span {
    display: block;
}

.udf-line {
    margin-left: 0;
    padding-top: 3px;
    clear: both;
}

    .udf-line div.col-xs-6:nth-of-type(even) {
        clear: right;
    }

.search-box-item {
    margin: 10px;
    width: 90%;
}

.autosearch-close{
    cursor: pointer;
    color: #337ab7;
    width:35px;
    height:35px;
    padding-top: 13px;
    display:none;
}

.notes-row .order-total {
    margin: 30px -15px 0 0;
    padding: 0;
    width: 214px;
    float: right;
}

.order-total li {
    padding: 7pt 11pt;
    list-style-type: none;
    text-align: left;
}

    .order-total li .btn {
        position: absolute;
        right: 19pt;
        display: block;
        bottom: 16pt;
    }

.order-total .fas {
    margin-right: -10pt;
    line-height: 12pt;
}

.total-amount {
    display: inline-block;
    width: auto;
    float: right;
    clear: right;
}

.order-sub-total .total-amount{
    float: none;
    text-align: right;
    display: inline-block;
    white-space: nowrap;
}

.order-sub-total .total-label{
    display: inline-block;
    width: 55pt;
    float: left;
}

.sum-discount, .sum-qty {
    text-align: center;
}

.op .f-codename {
    display: block;
}

    .op .f-codename.mobile-heading {
        display: none;
    }

.op .clear-form {
    display: inline-block;
}

    .op .clear-form.mobile {
        display: none;
    }

.order-form-wrapper .f-search-label {
    width: 100%;
    display: block;
    padding: 5pt 10pt;
    margin-top: -10pt;
    text-transform: uppercase;
}

/*Order Summary*/

.o-summary .billing-doc-info {
    margin-top: 30pt;
    padding-left: 0;
}

.o-summary .udf-line{
    padding-left: 10pt;
}

    .o-summary .billing-doc-info .address-wrapper {
        margin-bottom: 20pt;
        margin-top: 10pt;
    }

    .o-summary .billing-doc-info .udf-line .col-md-4 {
        width: 50%;
        padding: 0 5pt;
        border: none;
        margin-left: -10pt;
        margin-top: 20pt;
        font-weight: normal;
    }

.o-summary .cp-table tbody tr:first-of-type td {
    border-top: none !important;
}

.o-summary .cp-table tbody tr.udf-line td {
    padding: 0;
}

    .o-summary .cp-table tbody tr.udf-line td span {
        margin-left: -7pt;
    }

        .o-summary .cp-table tbody tr.udf-line td span:nth-of-type(4) {
            clear: left;
        }

    .o-summary .cp-table tbody tr.udf-line td:first-child {
        font-weight: normal;
    }

.o-summary .doc-logo {
    left: 5pt;
}

@keyframes pop-in {
    0% {
        opacity: 0;
        transform: scale(2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
    }
}

@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
    }
}

@-moz-keyframes pop-in {
    0% {
        opacity: 0;
        -moz-transform: scale(2);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        -webkit-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
    }
}
            

.pop-in {
    -webkit-animation: pop-in 1.5s;
    -moz-animation: pop-in 1.5s;
    -ms-animation: pop-in 1.5s;
}

.stamp {
    position: absolute;
    top: 90pt;
    right: 45%;
    z-index: 0;
    width: auto;
    opacity: 0.8;
    border-radius: 5pt;
    padding: 20pt;
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    text-transform: uppercase;
    font-weight: bold;
    height: auto;
    max-width: 161pt;
    text-align: center;
    line-height: 18pt;
}

.order-form-wrapper #buttons {
    text-align: right;
    margin-top: 15pt;
}

.total-stale {
    text-decoration: line-through;
}

.search-list-item ul {
    max-width: 30%;
    padding: 10px 30px;
    list-style-type: none;
    line-height: 15pt;
    border-top: none;
}

body.error-page .main {
    padding-left: 0;
}

#fatal-error {
    padding: 30pt;
    margin: 50pt auto;
    width: 100%;
    height: auto;
    max-width: 50vw;
    display: none;
}

.order-items-bar {
    height: 22pt;
}

.order-items-bar label{
    font-weight: bold;
}

.order-sub-total {
    padding: 5pt 11pt;
    text-align: right;
}

    .order-sub-total .total-label {
        text-transform: uppercase;
    }

.ship-text {
    padding: 0;
}

    .ship-text .btn-link {
        margin: 0;
    }

.order-discounts {
    padding: 15pt 5pt 25pt;
    text-align: center;
}

    .order-discounts h4 {
        margin: 5pt 0 10pt;
    }

.pricing-config-error {
    width: 99%;
    display: inline-block;
    padding: 2pt 11pt;
    opacity: 0.8;
    font-style: italic;
    margin-left: -11pt;;
}

.udf-line {
    width: 100%;
}

.order-form-wrapper label.mobile-lbl {
    margin-top: 2pt;
    white-space: nowrap;
}

.f-itemline .btn-link{
    white-space: nowrap;
}

    .order-total .discount-line input {
        width: 128px;
        margin-right: -16pt;
    }

    .order-total li {
        margin-left: -30pt;
    }

        .order-total li .btn {
            margin-top: 8pt;
        }

        .order-total li:last-child {
            padding-bottom: 30pt;
        }

.f-itemline.notes {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    min-height: 70pt;
    border-left: none;
    border-top: none;
    border-right: none;
}

    .f-itemline.notes .btn-link {
        margin-top: -5pt;
    }

    .f-itemline.notes .form-control {
        text-align: left;
        margin-left: 5pt;
    }

.f-order-notes {
    padding-top: 10pt;
}

.order-total li .update-ordr-contain {
    width: 100%;
    clear: both;
    display: block;
    height: auto;
    margin-bottom: -20pt;
    margin-top: 10pt;
}

    .order-total li .update-ordr-contain br {
        display: none;
    }

    .order-total li .update-ordr-contain .btn {
        position: static !important;
        display: inline !important;
        float: left;
        margin-right: 10pt;
        margin-bottom: 10pt
    }

.update-reminder {
    display: block;
    float: none;
    clear: both;
}

.collapse:not(.show) {
    display: block;
}

/*Subtotals*/

.f-itemline.subtotal {
    text-align: right;
    text-transform: uppercase;
}

.f-itemline.subtotal div {
    padding-top: 0;
    margin: -5px 0;
}

.order-form-wrapper .subtotal button.btn-link {
    margin-top: 0pt;
}

.edit-sub{
    margin-right: 10pt;
}

/************************************************** OrderForm **********************************************************************/
.order-form-body .item-category-name {
    width: 100%;
    display: block;
    padding: 10pt 20pt;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
}

    .order-form-body .item-category-name label {
        font-style: italic;
        vertical-align: bottom;
        margin-left: 10pt;
        text-transform: inherit;
        font-weight: normal;
    }

    .order-form-body .item-category-name .fas, .of-name-description span.fas {
        float: right;
        clear: right;
        margin-top: -6pt;
    }

.of-name-description span.fas {
    margin-top: -22pt;
    margin-right: 15pt;
}

.order-form-body .item-category-name.active, .of-name-description.active {
    text-transform: uppercase;
}

.of-name-description.active {
    padding: 10pt 15pt;
    margin-bottom: 10pt;
    width: 100%;
    min-width: 82vw;
    margin-left: -10pt;
}

    .of-name-description.active h3 {
        margin: 0;
    }

.order-form-body .form-items li {
    display: inline-block;
    padding: 10px 20px 35px;
    margin-left: -25pt;
}

    .order-form-body .long-description li:last-of-type {
        border-bottom: none;
    }

    .order-form-body .long-description li {
        width: 100%;
        text-align: left;
    }

.order-form-body .item-order-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 3px;
}

    .order-form-body .item-order-list li {
        margin: 0;
        padding: 0 10px;
        border: none;
    }

        .order-form-body .item-order-list li:last-child {
            border-bottom: none;
        }

        .order-form-body .item-order-list li .col-2, .item-order-list li .col-8 {
            padding: 5px 3px;
            min-height: 32px;
        }

.order-form-body .f-item-type {
    font-weight: 400;
}

.order-form-body .item-order-list li .f-item-price {
    padding-left: 12px;
    font-style: italic;
    text-align: left;
}

.order-form-body .item-order-list li p {
    margin-bottom: 0;
}

.order-form-body .item-order-list .form-control {
    text-align: center;
}

.order-form-body .f-add-quantity .form-control {
    margin: 0 0 0 0;
    padding: 0;
    font-weight: 600;
}

.order-form-body .f-add-quantity {
    text-align: center;
}

.order-form-body .amount-label .col-6, .amount-label .col-3 {
    padding: 0;
}

.order-form-body .amount-label {
    margin-left: 0px;
    width: 100%;
    font-weight: 400;
    padding-left: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
}


.floating-checkout {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10pt 10pt 24pt;
    text-align: right;
}

.order-form-body .card {
    max-width: 1000px;
    width: 94%;
    border-radius: 0;
    margin: 25pt auto !important;
    padding: 45px 20px;
}

#accordion {
    clear: both;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-content {
    display: none;
}

    .accordion-content.default {
        display: block;
    }

.accordion-toggle span.fas:before, .of-name-description span.fas:before {
    content: "\f078";
}

.accordion-toggle.active span.fas:before, .of-name-description.active span.fas:before {
    content: "\f077";
}

.of-name-description span.fas {
    display: none;
}

.toggle-all {
    float: right;
    clear: both;
    margin-bottom: 10pt;
}

/*Cart Icon*/

.obeer-cart {
    position: fixed;
    top: 5pt;
    right: 20pt;
    z-index: 1001;
}

.active .obeer-cart {
    right: -100pt;
}

.obeer-cart a#cart, .obeer-cart a#cart:hover, .obeer-cart a#cart:focus, .obeer-cart a#cart:active {
    margin-right: 20pt;
    display: inline-block;
    height: 25pt;
    position: relative;
}

.obeer-cart span.itm-count {
    padding: 0pt 3pt;
    border-radius: 7pt;
    left: 14pt;
    display: inline-block;
    top: 5px;
    position: absolute;
}

#OBeerContainer .invalid-price-configuration{
    display: inline-block;
    margin: auto auto 10pt;
    padding: 10pt 20pt;
    width: 100%;
    text-align: center;
    border-radius: 2pt;
}


/************************************************** #Expenses ***********************************************************************/

#expense-body {
    padding: 40pt 10pt 10pt;
}

    #expense-body .card {
        background-color: transparent;
    }

    #expense-body .dashboard-panel {
        border: none;
        box-shadow: none;
    }
    
    #expense-body .card-title {
        position: fixed;
        height: 35pt;
        z-index: 1;
        border-radius: 0;
        max-width: calc((100vw / 3) - 114pt);
    }


    #expense-body .cc-import-panel .card-title, #expense-body .booking-payments .card-title {
        width: 100%;
    }

    #expense-body .card-title .btn {
        float: none;
    }

    .ex-line, .ex-line-wrapper ul{
        width: 100%;
    }

.expense-user .timeStampTag {
    display: none;
}

#addNewAttachmentModal #modalBody .fileupload-buttonbar.row .col-12{
    margin-bottom: 10pt;
}

.modal form {
    height: auto;
}
    #expense-body .booking-payments .card-title {
        position: relative;
        height: 35pt;
        z-index: 1;
        border-radius: 0;
        max-width: 60vw;
    }

    #expense-body .cc-import .card-title {
        max-width: 100%;
        position: inherit;
        padding: 10pt;
    }

.booking-payments {
    margin: auto;
    float: none;
}

div.cc-import {
    margin-top: -20pt;
}

.dash-ex-items {
    list-style-type: none;
    padding: 0;
    border: none;
    padding-top: 30pt;
}

    .dash-ex-items li {
        display: inline-block;
        width: calc((100vw / 3) - 114pt);
        margin: 10pt 0 0pt;
        padding: 20px 3px;
    }

.booking-payments .dash-ex-items {
    padding-top: 0;
}

    .booking-payments .dash-ex-items li {
        margin: -1pt 0 0;
        padding: 5pt 12pt 15pt;
        width: 100%;
    }

        .booking-payments .dash-ex-items li li {
            margin: 10pt 0 0;
            border-style: dashed;
        }

.expense-user .bottom-buffer-sm input[type=checkbox] {
    position: inherit;
}

.dash-ex-items label {
    margin: 10pt 0 0;
    font-weight: 400;
}

.ex-item-wrapper .col-md-4, .ex-item-wrapper .col-6 {
    padding-bottom: 5px;
}

.ex-doc-id {
    font-weight: 300;
}

.ep-dash-item-name {
    display: inline-block;
    width: 100%;
}

    .ep-dash-item-name h2 {
        display: block;
        width: 100%;
        float: left;
        margin: 10pt 0 4pt 2pt;
        text-transform: inherit;
        line-height: 15pt;
    }

    .ep-dash-item-name:hover h2 {
        text-decoration: underline;
    }

.dash-ex-status {
    position: relative;
    top: 3pt;
    display: block;
    width: auto;
    font-style: italic;
    border-radius: 4pt;
    float: left;
    padding: 1pt 8pt;
}

.dash-ex-total-label, .dash-amount-due {
    margin-bottom: 0;
    font-weight: 600;
    float: right;
    clear: both;
}

.dash-ex-total {
    float: right;
    clear: both;
    white-space: nowrap;
}

.dash-ex-dates {
    width: 100%;
    float: none;
    clear: both;
    padding: 5pt 0;
    margin-left: -8pt;
    font-weight: bold;
}

    .dash-ex-dates span {
        font-weight: normal;
        margin-right: -7pt;
        display: inline-block;
    }

.ta-center {
    text-align: center;
}

.border-bottom-heading {
    margin-bottom: 12px;
    padding-bottom: 10px;
}

.expense-receipt {
    padding: 25px 0;
    margin: 20px auto;
    max-width: 900px;
    width: 94%;
    border-radius: 0;
}

li.ex-line input[type=checkbox] {
    margin-top: 1pt;
}

.ex-line span#expenseFields span {
    float: none;
}

.expense-receipt .card {
    border-radius: 0;
    border: none;
}

.expense-receipt label {
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: 400;
    float: none;
    clear: both;
}

.expense-receipt .col-md-2 label {
    float: right;
    clear: right;
    margin-top: 1pt;
}

.expense-receipt h1 {
    margin: 20px 0 10px 0;
}

    .expense-receipt h1 span {
        display: block;
        width: 100%;
        clear: both;
    }

.expense-receipt h1,
.expense-receipt h2 {
    padding-bottom: 4px;
}

.expense-receipt h3,
.expense-receipt h4 {
    margin-top: 4px;
}

.expense-receipt h4 {
    margin-bottom: 14px;
}

.expense-estimate {
    font-weight: 600;
}

.status-request-id {
    margin: 0 auto 25px auto;
    padding: 8px 0 2px 0;
    width: 90%;
    height: 35px;
    border-radius: 2pt;
    clear: both;
}

    .status-request-id h3 {
        font-weight: 600;
        text-transform: uppercase;
    }

    .status-request-id span {
        padding-right: 6px;
        font-weight: 400;
    }

.cc-lines-import-dash {
    top: 38pt !important;
}

    .cc-lines-import-dash li {
        list-style-type: none;
        display: inline-block;
        padding-right: 10px;
    }

        .cc-lines-import-dash li:first-child {
            padding-top: 2px;
            font-style: italic;
        }

        .cc-lines-import-dash li a {
            font-weight: normal;
        }

    .cc-lines-import-dash .btn {
        padding: 2pt 10pt;
        text-transform: uppercase;
        line-height: 13pt;
    }

.cc-import-wrap {
    display: block;
    width: 80%;
    max-width: 400px;
    margin: 0 auto;
    padding: 20px 0;
}

.cc-table-results {
    padding: 0 20px;
}

.fileinput-button {
    padding-top: 4px;
}

 .ep-wrapper thead tr th {
        padding: 0px 6px 8px 6px;
        font-weight: normal;
        font-style: italic;
    }

.ep-wrapper .table {
    margin-top: 14px;
}

.ep-wrapper .checkbox {
    margin: 0;
}

/* Expense Sheeet */

.ep-wrapper input, .ep-wrapper select {
    padding: 2px 4px;
    height: 28px;
}

.ep-status-id {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    border-radius: 2pt;
}

    .ep-status-id h6 {
        display: inline-block;
        width: 50%;
        text-align: center;
        float: left;
    }

    .ep-status-id strong {
        text-transform: uppercase;
    }

.ep-date {
    display: inline-block;
    margin-top: 8px;
    margin-right: 5%;
    width: 40%;
    float: left;
}

    .ep-date input {
        border: none;
        box-shadow: none;
    }

.ep-notes {
    box-shadow: none;
}

.cc-available {
    margin-top: 6px;
    padding: 5px 0 0 0;
}

    .cc-available .btn-link {
        text-decoration: underline;
    }

.ep-line-item {
    margin-top: 10px;
    border-radius: 2pt;
}

    .ep-line-item label {
        margin-bottom: 2px;
    }

    .ep-line-item p {
        margin-bottom: 4px;
    }

.ep-line-amount {
    text-align: right;
}

.ep-sub-item-details {
    display: inline-block;
    margin: 0 15px;
    padding: 3px 0 0 0;
    width: 96%;
}

    .ep-sub-item-details div {
        padding: 0;
    }

.ep-notes-edit {
    display: inline-block;
    margin: 0 15px;
    padding: 3px 0 0 0;
    width: 96%;
}

    .ep-notes-edit div {
        padding: 0;
    }

.ep-notes-icon {
    font-style: italic;
}

.ep-line-totals {
    margin-top: 10px;
    padding: 8px 0;
    text-align: right;
}

.ep-attachments {
    margin-top: 20px;
}

/* ELEMENTS */
.hr {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
}

.dotted-lines {
    display: inline-block;
    margin: 10px 0 0 0;
    width: 100%;
}


/* 
   GL Allocation Popover
   Override dl spacing / popover css
*/
#popover-allocation-container .popover {
    max-width: none;
    min-width: 400px;
}

#popover-allocation-container .dl-horizontal {
    padding: 0;
    margin: 0;
}

#popover-allocation-container dt {
    text-align: left !important;
    width: 120px !important;
}

#popover-allocation-container dd {
    margin-left: 10px !important;
}
/* End GL Allocation Popover*/

.edit-element-pencil-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -999999px;
    background: url(../img/pencil-icon-small.png) 50% 50% no-repeat transparent;
}

.date-25 {
    display: inline-block;
    width: 25%;
    float: left;
}

.date-50 {
    display: inline-block;
    float: left;
    width:50%;
}

.expense-name-date .date-50 input{
    max-width: 100pt;
}

.cat-project-select {
    padding-bottom: 20px;
    overflow: hidden;
}

    .cat-project-select .dropdown {
        display: block;
        width: 100%;
    }

        .cat-project-select .dropdown:first-child {
            margin-bottom: 6px;
        }

.expense-receipt .comments .form-control {
    height: 76px;
}

#empComments {
    box-shadow: none;
}

.ex-line {
    width: 100%;
    padding: 6px 0;
}

.ex-line-wrapper {
    z-index: 1001;
    width: 100%;
    transition: all .2s ease-out;
    margin: 0 0 2px;
    padding: 16px 4px 6px;
}

    .ex-line-wrapper p {
        font-weight: 300;
        margin: 0;
    }

.ex-udf {
    margin-bottom: 8px;
}

.ex-line-amount p {
    padding-right: 14px;
}

.ex-line-wrapper .edit-element-pencil-icon {
    position: absolute;
    top: 18px;
    right: 5px;
}

.ex-comments-btns {
    margin-top: 4px;
    width: 100%;
    clear: both;
}

.ex-line .btn {
    border: none;
    float: right;
    margin: 12px 0 0 6px;
}

.attachment-src-name {
    font-style: italic;
}

.attachment-list-item {
    display: inline-block;
    width: 30%;
    min-height: 200px;
    border-radius: 2pt;
    margin: 10px 1.25%;
    padding: 10px;
}

.ep-attached-by {
    padding-top: 10px;
    font-weight: 600;
}

.ep-attached-date {
    padding-bottom: 10px;
}

.expense-receipt {
    max-width: 900px;
    width: 94%;
    border-radius: 0;
    margin: 20px auto;
    padding: 25px 0;
}

    .expense-receipt .card {
        border-radius: 0;
        border: none;
    }

    .expense-receipt label {
        width: 100%;
        font-weight: 400;
        float: none;
        clear: both;
        margin: 0;
        padding: 0;
    }

    .expense-receipt h1 {
        padding-bottom: 4px;
        margin: 20px 0 10px;
    }

    .expense-receipt h4 {
        margin-top: 4px;
        margin-bottom: 14px;
    }

.submitting-label, .saving-label {
    width: auto;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 28px;
}

.ex-item-wrapper {
    display: inline-block;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.total-expense-cost {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 8px 14px 8px 0;
}

.total-lines {
    float: right;
}

    .total-expense-cost h4, .total-lines h4 {
        font-weight: 400;
    }

.action-header {
    display: inline-block;
    margin-top: 0;
    width: 100%;
    border-radius: 0;
    padding: 15px 0 5px;
}

    .action-header button {
        float: right;
        padding: 1px 10px;
    }

    .action-header .fa {
        padding: 0 6px 0 0;
    }

.highlight-header {
    display: inline-block;
    padding-top: 0;
    width: auto;
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
    float: left;
}

.bottom-summary .highlight-header {
    padding-left: 12pt;
}

.ex-line label {
    padding-right: 4px;
    display: inline-block !important;
    width: auto !important;
    float: left !important;
}

.expense-estimate label {
    float: none !important;
}

.label-success {
    font-weight: normal;
}

#edit-gl-allocation, .ex-line span.label-success, .ex-line span.label-warning {
    margin-right: 10px;
    float: left;
}

.ex-line span {
    display: inline-block;
    float: left;
    margin: 0;
}

.gl-modal li {
    padding: 4px 0;
}

    .gl-modal li p {
        padding-bottom: 3px;
        font-weight: 600;
    }

.gl-modal .dl-horizontal {
    margin: 5px 0;
}

.gl-modal h5 {
    display: block;
    width: 100%;
    font-weight: 300;
    clear: both;
    padding: 10px 0;
}

#expense-info {
    margin-top: 10px;
}

#expense-type-block {
    padding-bottom: 30px;
}

.expense-receipt label.expense-type-label {
    float: none;
    clear: left;
    width: auto;
}

.expense-comments {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    font-style: italic;
    clear: both;
    padding: 0 0 0 28px;
}

.no-margin, .expense-user .checkbox label span, .row, .data-item-wrapper {
    margin: 0;
}

.no-padding, .ex-udf .col-md-12 {
    padding: 0 !important;
}

.text-align-right, .ex-line-amount, #opportunities-datatable tr td:nth-child(9) {
    text-align: right;
}

.green, .activities-feed a.add-task-lnk, .activities-feed a.add-note-lnk {
    line-height: 22pt;
}

.sales-user-nav-btn, .activity-button, .sales-user-nav-btn, table#business-partner-contacts tfoot, table#business-partner-addresses tfoot, .hide {
    display: none;
}

table#business-partner-contacts tr th:nth-last-of-type(2), table#business-partner-addresses tr th:nth-last-of-type(2), table#business-partner-contacts tr th:nth-last-of-type(2), table#business-partner-addressestr th:nth-last-of-type(2) {
    border-right: none !important;
}

.top-tabbed-navigation.collapse.show, div#top-nav.collapse.show, .top-tabbed-navigation.collapse.show, .order-pad-summary .order-page-wrapper, .add-items-wrapper {
    display: block !important;
}

.opp-add-info .activities-feed li.bg-danger .due-date {
    padding-left: 14pt;
}

.progress, .feed-popover-contain ul.activity-past {
    margin-bottom: 0;
}

.expense-estimate, .gl-modal h5 a, .interest-list strong, .shipping-and-address .address-container {
    font-weight: 600;
}

.no-bg, .shipping-provider-label h2, .order-confirmation-page .shipping-and-address h2 {
    background: none;
}

#ulmenu ul li.group:first-child, .sales-user .modal-footer .btn.btn-default {
    margin-top: 0;
}

.container-fluid .container, .ex-line-amount {
    position: relative;
}

#expenseFields .date .input-group-addon {
    margin-left: -18pt;
    display: inline;
}

#expenseFields .date input{
  background: transparent;
  width: 100%;
}

.err-line {
    display: none;
}
.err-line:first-of-type {
    display: block;
    margin-bottom:7px;
}


/************************************************** #Dashboard **********************************************************************/
/*B1 View*/
.b1-view .user-actions, .b1-view .navbar-toggle, .b1-view .logout-panel, .b1-view #most-fab, .b1-view .sales-user-nav-btn, .b1-view .breadcrumb-nav a, .b1-view .breadcrumb-nav span, 
#dashboard .hide-while-loading, #dashboard .hide-while-loading li {
    display: none !important;
}

.b1-view .breadcrumb-nav {
    color: #fff;
}

.b1-view #dashboard .top-tabbed-navigation.collapse {
    display: block !important;
    top: 38pt;
    width: auto;
    padding: 0;
}

#dashboard .no-dashboard-available-for-user {
    padding: 5px;
}

.b1-view .top-tabbed-navigation li {
    display: inline-block !important;
    width: auto;
    padding: 0 5px;
    border-right: 1pt solid #3c3c3c;
    border-bottom: none;
}


.b1-view .dash-row .widget-wrapper {
    height: 100% !important;
}

/*Fixed height for older versions of B1*/

.b1-view.old .dash-row .widget-wrapper {
    height: 300pt !important;
}

/*End B1 View*/


.dashboard-edit-page{
    overflow-x: hidden;
}

.dashboard-nav-btn {
    display: none;
}

.google-visualization-table-table {
    border: none !important;
    border-collapse: collapse;
}

.dashboard-panel {
    padding: 0;
}

    .dashboard-panel .card-title {
        border: none;
        background-image: none;
        padding: 10px;
    }

    .dashboard-panel h4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .dashboard-panel .btn-link {
        line-height: 1.8em;
        padding: 1pt 6pt;
        text-decoration: none;
    }

.ep-dash-total {
    text-align: right;
}

    .ep-dash-total .btn-link {
        padding: 0;
        clear: both;
        margin-right: -12px;
        text-align: right;
        line-height: 3pt;
        display: block;
    }

#dashboard .modal-dialog {
    max-width: 320pt !important;
}

#dashboard #prompt-title {
    display: none;
}

.dashboard-subnav {
    position: fixed;
    top: 40pt;
    right: 4pt;
    z-index: 15;
    display: inline-block;
    width: auto;
    z-index: 899;
}

    .dashboard-subnav select {
        display: inline-block;
        float: right;
    }

.edit-layout {
    display: inline-block;
    width: 22px;
    height: 22px;
    float: right;
    margin: 15px 0 0 10px !important;
}

.dashboard-subnav a {
    margin: 0 10px;
}

#dashboard {
    list-style: none;
    padding: 30pt 0;
}


    #dashboard .top-tabbed-navigation {
        top: 38pt;
        right: 20pt;
    }

    .dashboard-edit-page #dashboard .top-tabbed-navigation{
        right: 0;
    }

        #dashboard .top-tabbed-navigation .input-group-addon, .order-date-picker-wrapper .input-group-addon, .order-form-wrapper .input-group-addon, .expense-name-date .input-group-addon, #expenseFields .input-group-addon {
            width: auto;
            margin-right: 0pt;
            background: none;
            border: none;
            display: inline-block;
        }

        #dashboard .top-tabbed-navigation .input-group input{
            max-width: 100pt;
            background: transparent;
        }

       .expense-name-date .input-group input {
            background: transparent;
        }

        #dashboard .top-tabbed-navigation .input-group-addon, .expense-name-date .input-group-addon {
            margin-left: -22pt;
            margin-right: 10pt;
        }

        #dashboard .top-tabbed-navigation .form-control, .expense-name-date .form-control {
            width: auto;
            height: 20pt !important;
            margin: 0 5pt 0 0;
            line-height: 12pt;
        }

        #dashboard .top-tabbed-navigation label, .order-date-picker-wrapper label {
            vertical-align: top;
        }

        #dashboard .top-tabbed-navigation input, .order-date-picker-wrapper input, .expense-name-date input {
            border-radius: 2pt;
            height: 22pt;
        }

.widget-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 10pt 5pt;
    border-radius: 2pt;
    min-height: 150pt;
}

.gauge-wrapper table {
    margin: auto !important;
}

.google-visualization-table-table th {
    padding: 8pt 10pt !important;
}

.google-visualization-table-table td {
    text-align: left;
    padding: 4pt 10pt !important;
}

.editable-widget-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    cursor: 0;
    padding: 10px 16px;
}

    .editable-widget-wrapper:active {
        cursor: 0;
    }

    .editable-widget-wrapper h1 {
        margin: 0 0 12px;
        padding: 0;
    }

    .editable-widget-wrapper h6 {
        font-weight: 400;
        font-style: italic;
        margin: 0 0 10px;
        padding: 0;
    }

    .editable-widget-wrapper .widget-icon {
        margin: 0;
    }

.inner-widget-wrap {
    padding: 10px 16px;
}

.col .inner-widget-wrap {
    max-width: 45vw;
}

.widget-wrapper h1 {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 0;
}

    .widget-wrapper h1 span {
        position: relative;
        z-index: 5;
    }

.global-widgets-wrapper .col-md-3, .widget-droppable-wrap .widget-col, .global-widgets-wrapper .col-md-12, .widget-col {
    padding: 5pt;
}


/* KPI */

.kpi-value {
    display: table;
    margin: 0 auto;
    padding: 10px 0 0;
    width: auto;
    text-align: center;
}

.red .larger-better.kpi-value .red-arrow {
    display: block;
    margin-top: 20%;
}

.red .lower-better.kpi-value .red-arrow-lower-better {
    display: block;
}

.yellow .kpi-value .yellow-arrow {
    display: block;
    margin-top: 12%;
}

.green .larger-better.kpi-value .green-arrow {
    display: block;
}

.green .lower-better.kpi-value .green-arrow-lower-better {
    display: block;
    margin-top: 20%;
}

.kpi-value img, .kpi-value span {
    float: left;
}

.kpi-value img {
    padding: 0;
}

.kpi-subtitle {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    text-align: center;
    padding: 0;
}

.kpi-previous-value {
    display: block;
    width: 100%;
    text-align: center;
    font-style: italic;
}

.red-arrow, .yellow-arrow, .green-arrow, .red-arrow-lower-better, .green-arrow-lower-better {
    display: none;
}

.ct-chart-line .ct-series-a .ct-point {
    display: none;
}

#line-chart-target {
    margin-top: 30px;
}

#LeadtoQuoteRatioRep .ct-chart {
    max-height: 400px;
}

    #LeadtoQuoteRatioRep .ct-chart .ct-series.ct-series-a .ct-area {
        fill: transparent;
    }

.refresh-dashboard-page {
    display: none;
}

.pie-chart-colours {
    margin: 0;
    padding: 0;
}

    .pie-chart-colours li {
        list-style-type: none;
        font-size: 11px;
    }

#gauge-div {
    display: block;
    margin: 0 auto;
    width: 240px;
    height: 250px;
}

.inner-widget-wrap .table {
    border-color: transparent !important;
    box-shadow: none !important;
}

.google-visualization-table {
    max-height: 350px !important;
    overflow: auto;
}

.google-visualization-table-th {
    border: none !important;
}

.google-visualization-table-th,
.google-visualization-table-td {
    padding: 4px !important;
}

.widget-col.col-height{
    display: block;
}

/***
  EDITABLE DASHBOARD
  ***/

.edit-widgets-navbar-actions {
    position: fixed;
    top: 45pt;
    left: 0px;
    z-index: 103;
    display: inline-block;
    padding: 8px 6px;
    width: 100vw;
}

    .edit-widgets-navbar-actions .btn {
        font-weight: 400;
    }

.widget-droppable-wrap {
    margin: 0 8pt 5pt;
    padding: 14px 10px;
    width: 100%;
    max-height: 100%;
    border-radius: 2pt;
}

.global-widgets-wrapper-edit {
    display: inline-block;
    padding: 0px 20px;
    float: left;
    position: relative;
    width: calc(100vw - 243pt);
    height: calc(100vh - 100pt);
}


.global-widgets-wrapper-edit .ui-sortable-placeholder, .widget-drawer .ui-sortable-placeholder{
    visibility: visible !important;
    border: 2pt dashed #ccc;
    background: transparent;
}

.widget-drawer .ui-sortable-placeholder {
    width: 100% !important;
    max-width: 100% !important;
}

.widget-drawer {
    display: inline-block;
    padding: 30pt 20px;
    width: 230pt;
    float: right;
    height: calc(100vh - 100pt);
    overflow: hidden;
    position: fixed;
    top: 78pt;
    right:0;
    bottom: 0;
}

    .widget-drawer h1 {
        margin: 0;
        padding: 0 0 10px 0;
        text-align: center;
        font-weight: 600;
    }

.available-widget {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 8px 10px 0px 10px;
    width: 100%;
    text-align: left;
    border-radius: 2pt;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

    .available-widget:active {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
    }

.widgets-droppable-area {
    padding-bottom: 200px;
    max-height: 100%;
    overflow: auto;
}

.available-widget img {
    display: inline-block;
    margin-top: -4px;
    padding-right: 10px;
    width: 36px;
    float: left;
}

.available-widget p {
    display: inline-block;
    font-size: 14px;
    float: left;
}

.ui-sortable-helper {
    transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.line-editable-actions {
    position: relative;
    bottom: -24px;
    float: right;
}

    .line-editable-actions li {
        display: inline-block;
        list-style-type: none;
        float: right;
    }

    .line-editable-actions a {
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
    }

        .line-editable-actions a:hover {
            top: -3px;
            cursor: pointer;
        }

.remove-edit-size-wrap {
    display: inline-block;
    width: 100%;
}

.edit-widget-size {
    display: inline-block;
    width: 100%;
}

    .edit-widget-size label {
        text-transform: uppercase;
        font-weight: bold;
    }

    .edit-widget-size select {
        padding: 0;
    }

.remove-edit-size-wrap a {
    margin-bottom: 6px;
    padding: 5px 0;
    clear: both;
}

.dash-all-widgets-used {
    padding-top: 20px;
    font-style: italic;
    text-align: center;
}

/* DASHBOARD WIDGETS END */

.date-small {
    display: none;
}

.date-large {
    display: inline-block;
}

.date-large, .date-small {
    width: auto;
}


/************************************************** #Sales User *********************************************************************/

.business-partner h2 {
    margin: 0 auto;
}

#report-dt_wrapper label select{
    margin-left: -1px;
}

.sales-user .btn.btn-default.default-address {
    margin-top: 30px;
}

.sales-user .top-links .btn {
    margin-bottom: 5pt;
}

.sales-user .input-group.date input, .doc-content .input-group.date input {
    width: 100%;
    background: transparent;
    margin-right: -28pt;
}

.activity-list-wrapper {
    height: auto;
    margin-bottom: 10px;
}

#activity-list .activities-feed, #log-list .activities-feed, #meeting-list .activities-feed {
    width: 100%;
    border-left-width: 0;
}

.opp-add-info #activity-list .activities-feed, .opp-add-info #log-list .activities-feed {
    background-color: transparent;
}

.fas, .opp-card .feed-popover-contain .fas {
    line-height: 2.4;
}

.opp-card .fas {
    line-height: 1;
    opacity: 0.8;
}

.opp-board .horizontal.simplebar-track {
    bottom: 70pt;
}

.feed-popover-contain .activities-feed li {
    line-height: 10pt;
}

.activities-feed li input[type=checkbox] {
    position: relative;
    left: 0px;
    top: 4px;
    margin: 0;
}

.activities-feed li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 90%;
    vertical-align: middle;
}

.feed-popover-contain .activities-feed li a {
    display: inline-block;
    width: 90%;
    vertical-align: text-top;
    line-height: 11pt;
    padding-left: 2pt;
    white-space: normal;
    overflow: auto;
}

.upload-drop-zone {
    height: 90px;
    line-height: 90px;
    text-align: center;
    margin: 20pt auto !important;
}

    .upload-drop-zone p {
        font-style: italic;
        margin: auto;
    }

.attachment-list-upload-controls .fas {
    line-height: 0;
}

.attach.progress {
    margin: 10pt auto;
}

.attachments-table tr td:first-of-type, .attachments-table tr th:first-child {
    width: auto;
}

    .attachments-table tr td:first-of-type a {
        width: 104px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

.attachments-table tr td:nth-of-type(3) {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.view-opp-details .fileinput-button {
    margin-left: 9pt !important;
}

.attach-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.full-height {
    height: 100%;
    min-height: 100%;
}

.sales-user .full-height{
    overflow: auto;
}

/*Do not change, will cause double scrolls*/
.reports .full-height {
    overflow: inherit;
}
/***/

.sales-user textarea {
    width: 100%;
    height: 80px;
}

.sales-user .modal-body ul li {
    margin-left: -38px;
    line-height: 15px;
    padding: 0 25pt 0 0;
    list-style: none;
}

.complete-check span strong {
    margin-left: 0pt;
}

div#sales-user-app {
    height: 100%;
    min-height: 100%;
}

.top-tabbed-navigation {
    height: auto;
    position: fixed;
    z-index: 107;
    margin-top: 12pt;
    width: auto;
    top: 42pt;
    right: 0;
    text-align: right;
    padding: 0;
}

.top-tabbed-navigation .btn{
    text-align: left;
}

.top-tabbed-navigation #liMakeRefill .btn{
    text-align: center;
}


div.opp-board .top-tabbed-navigation {
    z-index: 1000;
    width: 750pt;
    right: -5pt !important;
}

.opp-interests{
    max-height: 125pt;
    overflow: auto;
}

.primary-interest{
    margin-left: 2pt;
}

.opp-board .vertical.simplebar-track {
    right: 1vw;
}

.opp-board .simplebar-content{
    flex-wrap: nowrap;
}

    div.opp-board .top-tabbed-navigation select {
        margin-left: 4pt;
    }

.leaflet-top, .leaflet-bottom {
    z-index: 104 !important;
}

.top-tabbed-navigation ul {
    width: 100%;
    margin: 0 0 0 -40px !important;
}

.top-tabbed-navigation li {
    display: inline-block;
    width: auto !important;
    padding: 0 5px;
}

#dashboard .top-tabbed-navigation .dropdown {
    display: inline-block;
    border-right: 1pt solid;
}

/*Report display on customer profile sub nav and doc details for copy options*/

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

.top-tabbed-navigation .dropdown.copy-options {
    display: inline-block;
    border-right: 1pt solid;
    line-height: 19pt;
}

.top-tabbed-navigation .dropdown.copy-options li{
    padding-left: 0;
}

.copy-o-link:empty, .copy-q-link:empty, .copy-o-alt-link:empty, .copy-q-alt-link:empty {
    display: none !important;
}

.mbl-copy-lbl{
    display: none;
}

.top-tabbed-navigation .dropdown.copy-options .dropdown-menu{
    left: -7px !important;
}

    .top-tabbed-navigation .dropdown .dropdown-menu {
        top: 20pt;
        border-top: none;
        border-radius: 1pt;
    }

    .top-tabbed-navigation .dropdown li {
        border-right: none;
        width: 100% !important;
        padding: 5pt;
    }

.opp-position {
    margin-bottom: 2pt;
    position: static !important;
}

.opp-detail-options {
    position: fixed;
    top: 81pt;
    left: 10pt;
    z-index: 104;
    width: auto !important;
}

.opp-position h2 {
    margin-bottom: 15px;
}

.top-tabbed-navigation li:last-of-type, .top-tabbed-navigation li#liMakeRefill {
    border: none;
}

.doc-content .top-tabbed-navigation li {
    margin-left: -3px;
}

.doc-content .top-tabbed-navigation li li {
    margin-left: 0px;
}


.profile-reports {
    display: inline;
}

#business-partner, #business-partner-opportunities {
    padding-top: 36px;
    height: 100%;
    min-height: 100%;
}

#business-partner .top-links{
    padding-top: 5pt;
}

div#sales-user-app .well, div#sales-user-app .well-lg {
    border-radius: 0;
    margin-top: 10px;
    padding: 0;
}

div#sales-user-app legend {
    padding-bottom: 10px;
}

div#sales-user-app .form-horizontal .form-group {
    margin-left: -11px;
    padding: 5pt 0;
}

.sales-user .btn {
    border: 0;
    font-weight: normal;
    height: auto;
    border-radius: 2pt;
    min-width: 90px;
    margin-left: 2pt;
    margin-bottom: 0;
    padding: 6pt;
}

    .sales-user .btn:hover, .sales-user .btn:active {
        transition: all 1s ease-in-out;
    }

.sales-user-content {
    padding: 15pt 0;
}

.opp-detail-btn-contain {
    padding: 10pt 10pt 0 0;
}

.bp-contain {
    position: relative;
}

.activities-feed {
    position: relative;
    display: inline-block;
    clear: right;
    height: 87% !important;
    margin: -9px 0 0;
    padding: 10px 15px;
}

.opp-add-info .activities-feed {
    padding: 0 15px;
}

    .opp-add-info .activities-feed a.add-task-lnk, .opp-add-info .activities-feed a.add-note-lnk {
        margin-top: 18px;
        display: block;
        font-size: 8pt;
    }

.activities-feed h1 {
    font-weight: 400;
    clear: both;
    margin-left: 5pt;
}

.activities-feed li {
    margin-left: -18px;
    position: relative;
    padding: 0 0 10px;
}

.activities-feed input[type="checkbox"] {
    margin-left: -5px !important;
}

.activities-feed label, .activities-feed a.oppid {
    display: block;
    font-weight: normal;
    padding-left: 11px;
}

.activities-feed label.activity-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.activities-feed input[type="checkbox"], ul.activity-past span {
    margin-left: -6px;
}

ul.activity-past {
    margin-bottom: 100px;
}

.activities-feed a.add-task-lnk:hover, .activities-feed a.add-note-lnk:hover, .activities-feed a.add-task-lnk:active, .activities-feed a.add-note-lnk:active {
    transition: all 1s ease-in-out;
}

#opportunities-datatable tr {
    cursor: pointer;
}

    #opportunities-datatable tr:nth-child(2n+1) > td {
        background-color: transparent;
    }

.hide-opp-parent {
    margin-bottom: 8pt;
    height: 33pt;
}

.hide-opp-btn {
    width: 30pt;
    height: 27pt;
    text-align: center;
    border-radius: 25pt;
    margin: 20pt auto;
}

    .hide-opp-btn:hover {
        cursor: pointer;
        transition: all 1s ease-in-out;
    }

.sales-user .btn.btn-alt {
    border: 1pt solid;
}

    .sales-user .btn.btn-alt:hover, .sales-user .btn.btn-alt:active {
        transition: all 1s ease-in-out;
    }

.view-opp-details {
    position: relative;
    right: -1px;
}

    .view-opp-details h2 {
        padding: 0;
        display: block;
    }

.opp-table-contain {
    height: auto;
    overflow: auto;
    min-height: 250px;
    width: 100% !important;
}

.main-card-contain .simplebar-track{
    max-height: calc(58vh - 60pt);
    margin-top: 10pt;
}

.opp-detail {
    padding: 0 15px;
}

    .opp-detail .col-sm-6 div {
        clear: both;
        margin: 0 0 17px;
    }

        .opp-detail .col-sm-6 div ul {
            display: block;
            clear: both;
            margin: 0 0 15px;
            padding: 5px 0;
        }

            .opp-detail .col-sm-6 div ul li {
                float: left;
            }

                .opp-detail .col-sm-6 div ul li.col-sm-3 {
                    width: 26%;
                }

                .opp-detail .col-sm-6 div ul li span {
                    display: inline-block;
                    vertical-align: top;
                    margin-bottom: 20px;
                    width: 59% !important;
                    padding-left: 1px !important;
                }

.primary-interest {
    margin-left: -15px !important;
}

.edit-form-btn {
    margin-bottom: 5px;
}

.sales-user .btn.odr-btn:hover, .sales-user .btn.odr-btn:active {
    transition: all 1s ease-in-out;
}

.sales-user .btn.qte-btn:hover, .sales-user .btn.qte-btn:active {
    transition: all 1s ease-in-out;
}

.opp-board .widget-droppable-wrap:not(.highlighted-card-column) {
    border: 0;
    background-color: transparent;
}

#sales-user-dashboard{
    overflow-y:hidden;
}

.card-header-wrapper.card-contain {
    margin-top: 20pt;
    width: 100vw;
    overflow: scroll;
}

.main-card-contain {
    white-space: nowrap;
    height: 100% !important;
    min-height: 100%;
    max-width: 100vw;
    overflow: hidden;
    margin-top: 10vh;
    -webkit-overflow-scrolling: touch;
}

#dashboard.opp-board {
    padding: inherit;
}

.card-header-wrapper.card-contain {
    max-height: 75vh;
}

.card-contain {
    height: 100% !important;
}

.sticky {
    width: 100vw;
    position: fixed;
    z-index: 999;
    left: 0;
    padding-right: 8pt;
}

.card-contain .widget-droppable-wrap {
    padding: 0;
    margin: 0;
}

.sticky.row, .card-wrapper.row {
    flex-wrap: nowrap;
}

.card-contain .col-lg-2 {
    white-space: normal;
    vertical-align: top;
    padding: 0 5px;
}

    .card-contain .col-lg-2 .card-contain {
        overflow: visible;
    }

.card-header {
    text-align: center;
    height: 100px;
    z-index: 1000;
    border-radius: 3pt !important;
}

.card-wrapper {
    margin-top: 90px;
    max-height: 100%;
    margin-left: 0;
}

.card-header h1 {
    line-height: 22px;
    font-weight: 400;
    margin: 10px auto;
    padding: 0;
    word-wrap: break-word;
}

.card-header h2 {
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.hide-scroll {
    position: fixed;
    top: 80px;
    z-index: 800;
    height: 100px;
    width: 100% !important;
}

.opp-customer {
    word-break: break-word;
}

.opp-card {
    text-align: left;
    line-height: 9pt;
    cursor: move;
    border-radius: 3pt;
    transition: all .3s cubic-bezier(0.25,0.8,0.25,1);
    height: auto !important;
    padding: 10pt;
    margin-top: 15pt;
}

    .opp-card ul.icons li {
        list-style: none;
        display: block;
        height: 20px;
        vertical-align: top;
        text-align: center;
        margin: 0;
        padding: 0;
    }

.opp-card ul li div {
    display: inline;
}

.card-wrapper .card-contain .opp-card:last-of-type{
    margin-bottom: 200pt;
}

.opp-add-info {
    position: static;
    margin-top: 3%;
    height: 20pt;
}

.opp-card div {
    cursor: default;
}

.opp-card .opp-name {
    line-height: 14pt;
}

.feed-popover-contain {
    display: none;
    position: absolute;
    left: 15%;
    z-index: 1;
    border-radius: 3pt;
    min-width: 155pt;
    width: 100%;
    top: 0;
    line-height: 24px;
    overflow: hidden;
    padding: 10px;
}

    .feed-popover-contain .activities-feed {
        border-left-width: 0;
    }

        .feed-popover-contain .activities-feed .activity-list-wrapper {
            height: 200pt;
            overflow: auto;
        }

    .feed-popover-contain .activities-feed-btn-contain {
        position: absolute;
        right: 15px;
        top: 0;
        height: auto !important;
        min-height: inherit;
        z-index: 1000;
    }

.popover-content {
    margin: 0;
    padding: 0 3pt;
}

    .popover-content h5 {
        margin-bottom: 2pt;
        font-weight: normal;
        margin-left: 0pt !important;
    }

    .popover-content p {
        margin-left: 0 !important;
    }

.close-feed {
    float: left;
    clear: both;
    margin-left: 0px;
    font-weight: normal;
    position: relative;
    z-index: 1000;
}

.opp-card .opp-amount {
    font-weight: 600;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
}

.opp-card .opp-sp {
    font-style: italic;
}

.opp-date {
    white-space: nowrap;
}

.opp-tasks, .opp-notes, .opp-attach, .opp-meetings {
    display: block;
    position: relative;
}

    .opp-tasks span.act-num, .opp-notes span.act-num, .opp-attach span.act-num, .opp-meetings span.act-num {
        font-weight: 600;
        display: inline-block;
        position: absolute;
        top: 7px;
        left: 62%;
        padding: 0 2px;
    }

.card-display {
    position: fixed;
    top: 120pt;
    right: 10pt;
    z-index: 1000;
    display: none;
    padding: 0pt 7pt;
    width: 20pt;
}

.previous {
    left: 0pt;
}

.change-stage {
    display: none;
}

.table > thead:first-child > tr:first-child > th, #opportunities-datatable tr:first-child > th {
    border-top-width: 0;
    font-weight: normal;
    vertical-align: middle;
    padding: 10pt;
}

.upload-wrap {
    position: fixed;
    top: 7pt;
    right: 1%;
    z-index: 102;
    font-weight: bold;
}

.upload-loading {
    position: relative;
    text-align: right;
    height: 20px;
    width: 150px;
}

    .upload-loading span {
        display: block;
        position: absolute;
        right: 30px;
        height: 20px;
        width: 240px;
        line-height: 20px;
    }

        .upload-loading span::after {
            content: "";
            display: block;
            position: absolute;
            border-radius: 100%;
            animation: spin-rotate .6s linear 0 infinite;
            width: 10pt;
            height: 10pt;
            top: 0;
            right: -25px;
            border-width: 0;
        }

        .upload-loading span.title {
            animation: title 3.4s linear infinite;
        }

        .upload-loading span.text {
            animation: title 3.4s linear 1.7s infinite;
            opacity: 0;
        }

#opportunities-datatable tr th:nth-child(9), .text-align-center {
    text-align: center;
}

table#business-partner-contacts, table#business-partner-addresses, table#business-partner-contacts, table#business-partner-addresses, table#report-dt {
    margin-left: -1pt;
}

#sales-user-dashboard, .opp-board {
    height: calc(100vh - 109pt);
    min-height: 100%;
}

#sales-user-body {
    height: calc(100vh - 50pt);
    min-height: 100%;
}

.sales-user input[type="checkbox"], .sales-user input[type="radio"], .sales-user input[type="checkbox"] {
    margin: 4px 5px;
}

.fileupload-progress, .clear {
    clear: both;
}

#contacts-modal .checkbox {
    padding-left: 0;
    margin-left: 10pt;
}

    #contacts-modal .checkbox label {
        margin-top: 0;
        margin-left: 2pt;
    }

    #contacts-modal .checkbox label span{
        margin-left: 0;
    }

/*Full Screen Edit/View Activities*/

.act-container {
    margin: 70pt auto;
    max-width: 50vw;
    padding: 10pt;
}

.act-btns {
    text-align: right;
}

.act-container .checkbox label {
    padding-left: 0;
}

.act-container .checkbox {
    padding-top: 20pt;
}

.act-container.view .checkbox {
    padding-top: 0;
}

.act-container.view .checkbox label {
    display: inline-block;
}

.act-container.view label {
    display: block;
}

.act-container .fileinput-button {
    margin-left: 0;
}

.act-container .attachment-list-upload-controls {
    margin-bottom: 15pt;
}

.act-view .upload-wrap {
    top: 17pt;
    right: 2vw;
    z-index: 1002;
}

/*Styling for Quote/Order Detail Pop Up*/

.ui-dialog.custSelectDoc {
    z-index: 1100;
}


    .ui-dialog.custSelectDoc .ui-widget-content a.close {
        margin-top: -7px !important;
        margin-bottom: 1px !important;
        float: right;
        clear: both;
        display: block;
        height: 20pt;
        line-height: 10pt;
        vertical-align: top;
        opacity: 0.9;
        border: none;
    }

.ui-dialog.custSelectDoc {
    position: fixed !important;
    padding: 10px 1px;
    margin: 1em 0 3em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 2pt;
    margin-left: 30px;
    min-height: 130px !important;
    top: 75pt !important;
    left: inherit !important;
    right: 125pt !important;
}

    .ui-dialog.custSelectDoc:before {
        content: "";
        position: absolute;
        border-style: solid;
        display: none;
        width: 0;
        top: -12pt;
        bottom: auto;
        right: 20pt;
        border-width: 0 15px 15px 15px;
    }

    .ui-dialog.custSelectDoc:after {
        content: "";
        position: absolute;
        border-style: solid;
        display: none;
        width: 0;
        top: -11pt;
        bottom: auto;
        right: 20pt;
        border-width: 0 15px 15px 15px;
    }

    .ui-dialog.custSelectDoc .ui-widget-content{
        overflow: visible;
    }

    .ui-dialog.custSelectDoc .ui-widget-content a {
        margin-top: 45pt;
        margin-bottom: -5px;
    }

    .ui-dialog.custSelectDoc.ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }

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

    .ui-dialog.custSelectDoc .input-group .btn {
        margin-left: -2pt !important;
        margin-top: 0 !important;
        height: 28px;
        width: 39px;
        min-width: 20px;
    }

        .ui-dialog.custSelectDoc .input-group .btn .fas {
            line-height: 1.55;
            margin-top: -2pt;
        }


/*Activity Drawer on Orders and Quotes*/

#order-options.top-tabbed-navigation.collapsing{
    transition: none !important;
    height: 28px !important;
}

.activity-drawer .activities-feed{
    position: fixed;
    top: 86pt;
    right: -500pt;
    transition: all .6s ease-in-out;
    z-index: 106;
}

.activity-drawer.show .activities-feed{
    right: 0;
    transition: all .6s ease-in-out;
}

.show-activities.active .fa-th-list:before{
    content: "\f068";
}

.show-activities.op{
    position: fixed;
    top: 50pt;
    right: 12pt;
    z-index: 106;
}

.show-activities.mobile{
    display: none;
}

.activity-drawer .activities-feed li input[type=checkbox]{
    top:0;
}


.activity-drawer .activities-feed{
    overflow: auto;
}

.activity-drawer .activities-feed::-webkit-scrollbar{
    width: 8px;
}

.activity-drawer .activities-feed::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10pt;
}

/*Attachments on Orders and Quotes*/

.doc-attachments{
    margin-top: 20pt;
}

.order-form-wrapper .doc-attachments h5{
    margin: 5pt auto;
}

/******************************* ####Media Queries ********************************/

/******************************* #Desktops and LapTops ****************************/

@media (max-width:1700px) {

    .card-contain {
        margin: 9px auto;
    }

    .totals-affix {
        right: 8vw;
    }
}

@media (max-width: 1550px) {
    .totals-affix {
        right: 3vw;
    }
}

@media screen and ( max-width: 1480px ) {

    #SalesRevYTD {
        overflow-x: scroll;
    }
}


@media all and (max-width:1310px) {
    .opp-card {
        line-height: 9pt;
    }

        .opp-card .opp-name {
            line-height: 9pt;
        }

    .totals-affix {
        right: 1vw;
    }

    .main-content-box.op {
        max-width: 78vw;
    }
}

@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;
    }

    .opp-card div.col-sm-9 {
        max-width: 75px;
    }

    .opp-card .opp-name {
        min-height: 50px;
    }

}

@media all and (max-width: 1132px) {
    .opp-card div.col-sm-9 {
        max-width: 58px;
    }
}


/******************************* #Sales User Menu Customs *****************************************/

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

    #sales-user-dashboard .top-tabbed-navigation.collapse {
       
    }


    #order-options.top-tabbed-navigation.collapsing {
        transition: height .35s ease !important;
        height: 0 !important;
    }

    #dashboard.opp-board .top-tabbed-navigation {
        top: 68pt;
        left: 0;
    }


    div.opp-board .top-tabbed-navigation {
        top: 64pt;
        z-index: 1000;
    }

    .sales-user .breadcrumb-nav {
        border-bottom: 1px solid #ccc;
    }

    .board.sales-user .top-tabbed-navigation {
        text-align: center !important;
        width: 100%;
        padding: 0;
    }

        .board.sales-user .top-tabbed-navigation ul {
            margin: 0 !important;
            padding: 0;
        }

            .board.sales-user .top-tabbed-navigation ul li {
                width: 100% !important;
                padding: 0;
            }

    ul.top-tabbed-navigation li, div.top-tabbed-navigation li {
        border-bottom: 1px solid #E4E4E4;
        font-size: 14px;
    }

    #business-partner .collapse, .top-tabbed-navigation.collapse, #top-nav.collapse {
        display: none !important;
        width: auto;
        height: auto;
    }

    .dashboard-body .top-tabbed-navigation.collapse{
        display: block !important;
    }

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

    .dashboard-body .edit-layout{
        margin: 15px 0 0 10px !important;
    }

    div#sales-user-app .btn.sales-user-nav-btn, #sales-user-dashboard .btn.sales-user-nav-btn, .dashboard-nav-btn, .btn.sales-user-nav-btn {
        width: 20pt;
        height: 22pt;
        min-width: initial;
        font-weight: normal !important;
        display: block;
        position: fixed;
        top: 50pt;
        z-index: 106;
        left: inherit;
        right: 2pt;
        border-radius: 10pt !important;
        box-shadow: none;
        text-align: center;
        padding: 0 !important;
        color: #fff;
        background-color: #037db8;
    }

    #sales-user-dashboard .btn.sales-user-nav-btn {
        top: 50pt;
    }

    #sales-user-dashboard .btn.sales-user-nav-btn {
        z-index: 1001 !important;
    }

    #sales-user-dashboard li.opp-filters-right, #sales-user-dashboard li.opp-filters-mid {
        padding: 10px 0 10px 0;
    }

    .edit-layout {
        margin: 15px 25px 0 10px !important;
    }
}


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

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

        .dashboard-subnav {
            display: none;
        }

        #order-options.top-tabbed-navigation.collapsing {
            transition: height .35s ease !important;
            height: 0 !important;
        }

        .show-activities.mobile {
            display: block;
        }

        .activity-drawer .activities-feed {
            max-width: 100%;
        }

        .activity-drawer {
            display: none;
        }

            .activity-drawer.show {
                display: block;
            }

        body.noScroll #most-fab {
            display: none;
        }

        .menu-tray {
            width: 100vw;
        }

        div#sales-user-app {
            padding-top: 15pt;
        }

        #activity-feed {
            padding-top: 20pt;
        }

        .opp-customer {
            padding-top: 8pt;
        }

        .cc-lines-import-dash {
            top: 69pt !important;
        }

        .sales-user .input-group.date input, .doc-content .input-group.date input {
            width: auto;
            margin-right: 0;
        }

        #business-partner .width.collapse.show.activities-feed {
            position: fixed;
            display: inline-block;
            clear: right;
            margin: -9px 0 0;
            padding: 10px 15px;
            height: 99vh !important;
            top: 77pt;
            background: #fff !important;
            z-index: 104;
            width: 100vw !important;
            max-width: 100vw;
            overflow: auto;
        }

        #accordion_menu_container {
            margin-bottom: 15vh;
        }

        .navbar {
            padding: 0 10pt;
        }

        .navbar-header .user-action-btn {
            padding: 0 3pt;
            line-height: 9pt;
            width: 65pt;
            vertical-align: top;
            height: 35pt;
        }

        .export-button {
            display: none;
        }

        #dashboard .top-tabbed-navigation {
            top: 68pt;
            right: 0pt;
        }

        .dashboard-body .top-tabbed-navigation.collapse {
            display: none !important;
        }

        .dashboard-body .btn.sales-user-nav-btn {
            display: block !important;
        }

        .inner-widget-wrap {
            padding: 10px 2px;
        }

        .kpi-value img {
            padding: 0
        }

        #dashboard .top-tabbed-navigation .input-group input {
            min-width: 100pt;
        }

        .change-password-contain {
            padding-left: 0;
        }

        .top-tabbed-navigation ul.profile-reports {
            display: inline-block;
            padding: 0;
            margin: 0 auto !important;
        }

        #sales-user-body {
            margin-left: 0pt;
        }

        .board.sales-user .breadcrumb-nav {
            top: 40pt;
        }

        .opp-tasks span.act-num, .opp-notes span.act-num, .opp-attach span.act-num, .opp-meetings span.act-num {
            padding: 0 0 0 12px;
        }

        .opp-card div.col-sm-9 {
            max-width: 100%;
        }

        /*Report display on customer profile sub nav*/

        .show.collapse.top-tabbed-navigation {
            width: 100%;
        }

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

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

            .top-tabbed-navigation .dropdown.copy-options {
                border-right: none;
                width: 100% !important;
                padding: 0;
                margin: 0;
            }

                .top-tabbed-navigation .dropdown.copy-options .dropdown-menu {
                    display: block;
                    position: relative !important;
                    top: 0 !important;
                    left: 0 !important;
                    border-right: none;
                    border-left: none;
                    border-bottom: none;
                    text-align: center;
                    transform: none !important;
                    margin: 0 !important;
                }

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

        .dash-options-cal {
            left: 0;
            max-width: 100vw;
            top: 76pt;
        }

        .dashboard-edit-page .sidebar {
            display: none !important;
        }

        .dashboard-edit-page .main {
            padding-left: 0;
        }

        .edit-widgets-navbar-actions {
            left: 0;
        }

        #sales-user-body, #sales-user-dashboard {
            height: 100%;
        }

        .edit-widgets-navbar-actions .btn {
            padding: 0 10px;
        }

        .global-widgets-wrapper-edit {
            width: 70%;
        }

        .editable-widget-wrapper {
            margin-bottom: 10px;
        }

        #business-partner, #business-partner-opportunities {
            position: relative;
        }

        .feed-popover-contain .activities-feed-btn-contain {
            top: -45pt;
            right: 0pt;
        }


        .activities-feed h1{
            margin-top: 10pt;
        }

        .opp-card select {
            max-width: 100%;
        }

        .opp-add-info .activities-feed a.add-task-lnk{
            display: inline-block;
            margin-left: 3pt;
        }

        .feed-popover-contain .activities-feed li a {
            width: 80%;
        }

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

        .order-date-picker-wrapper .input-group input.form-control {
            margin-left: 0;
        }

        #sales-user-dashboard .activities-feed {
            height: auto !important;
            min-height: 10pt;
        }

        .activities-feed li a {
            width: 80%;
        }


        .opp-card {
            height: 210px;
        }

        .card-header {
            padding: 5pt;
            height: 53pt;
        }

        .opp-card .opp-name {
            min-height: 20px;
            line-height: 14pt;
        }

        #dashboard.opp-board .top-tabbed-navigation {
            top: 64pt;
            left: 0;
        }


        div#sales-user-app .activity-button {
            position: fixed;
            top: 80pt;
            right: -2px;
            z-index: 106 !important;
            font-weight: normal !important;
            min-width: 80px !important;
            height: 24pt !important;
            border-radius: 2pt !important;
            display: block !important;
        }

            div#sales-user-app .activity-button.hide {
                display: none !important;
            }

        .activities-feed-btn-contain {
            margin-top: 40pt;
        }

        .card-header-wrapper {
            margin-top: 0px !important;
            z-index: 801
        }

        .global-widgets-wrapper {
            padding-top: 0;
        }

        .dash-options-cal.collapse {
            display: none;
        }

            .dash-options-cal.collapse.in {
                display: block;
            }

        div#sales-user-app .btn.sales-user-nav-btn, #sales-user-dashboard .btn.sales-user-nav-btn, .dashboard-nav-btn, .btn.sales-user-nav-btn {
            width: 20pt;
            height: 22pt;
            min-width: initial;
            font-weight: normal !important;
            display: block;
            position: fixed;
            top: 50pt;
            z-index: 106;
            left: inherit;
            right: 2pt;
            border-radius: 10pt !important;
            box-shadow: none;
            text-align: center;
            padding: 0 !important;
        }

        #sales-user-dashboard .btn.sales-user-nav-btn {
            top: 44pt;
        }

        #sales-user-dashboard .btn.sales-user-nav-btn {
            z-index: 1001 !important;
        }

            div#sales-user-app .btn.sales-user-nav-btn span.fas, .btn.sales-user-nav-btn span.fas, #sales-user-dashboard .btn.sales-user-nav-btn span.fas, .activity-button .fas, .dashboard-nav-btn {
                line-height: 1.4;
            }

        .dashboard-nav-btn {
            z-index: 7 !important;
        }

        .top-tabbed-navigation li.opp-filters-mid, .top-tabbed-navigation li.opp-filters-right {
            text-align: center;
            padding-left: 0;
            padding-top: 10pt;
        }

        ul.top-tabbed-navigation {
            top: 68pt;
            width: 100vw;
            text-align: center;
            padding: 5pt 0;
        }

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

        #business-partner .collapse, .top-tabbed-navigation.collapse, #top-nav.collapse {
            display: none !important;
            width: auto;
            height: auto;
        }

            #business-partner .collapse.show, .top-tabbed-navigation.collapse.show, #top-nav.collapse.show {
                display: block !important;
                height: auto;
            }

        #business-partner .in {
            display: block !important;
            width: 100%;
            height: auto;
            top: 72pt;
            left: 0;
            position: fixed;
            overflow: scroll;
            z-index: 104;
            max-width: 100%;
        }

        #business-partner #business-partner-contacts .in {
            position: static;
        }

        .activities-feed {
            height: 90% !important;
        }

        #business-partner .modal.in {
            overflow: inherit !important;
            background: transparent;
        }

        #business-partner .width.collapse {
            -webkit-transition: width 0.35s ease-in-out;
            -moz-transition: width 0.35s ease-in-out;
            -o-transition: width 0.35s ease-in-out;
            transition: width 0.35s ease-in-out;
        }

        #business-partner .width.in {
            height: auto;
            -webkit-transition: width 0.35s ease-in-out;
            -moz-transition: width 0.35s ease-in-out;
            -o-transition: width 0.35s ease-in-out;
            transition: width 0.35s ease-in-out;
        }

        #business-partner, #business-partner-opportunities {
            padding-top: 40px;
        }

        .activity-list-wrapper {
            max-height: 100% !important;
        }

        .board.sales-user .top-tabbed-navigation {
            text-align: center !important;
            width: 100%;
            padding: 0;
        }

            .board.sales-user .top-tabbed-navigation ul {
                margin: 0 !important;
                padding: 0;
            }

                .board.sales-user .top-tabbed-navigation ul li {
                    width: 100% !important;
                    padding: 0;
                }

        /* Bootstrap Overides  */

        .f-address .form-control {
            width: 100%;
        }

        .form-control {
            padding: 3px;
        }

        .date-picker-wrapper {
            float: left;
        }

        .status-date {
            display: inline-block;
            margin-top: 10px;
            width: 100%;
            clear: both;
        }

        .sales-user-nav-btn .fa-chevron-down:before {
            content: "\f077";
        }

        .sales-user-nav-btn.collapsed .fa-chevron-down:before {
            content: "\f078";
        }

        .reports .top-tabbed-navigation .dropdown-menu {
            display: block;
            top: -13pt;
            width: 100vw;
            left: -4pt !important;
            right: inherit !important;
            margin: auto !important;
            position: relative;
            text-align: center;
            border-right: none;
            border-left: none;
        }

        .subnav-panel .dxeButtonEditSys {
            margin-top: -12pt;
        }

        /* Expense */
        .expense-user {
            padding-top: 80px;
        }

        .cc-lines-import-dash {
            padding: 6px 0 6px 20px;
            width: auto;
        }

        .ex-dash-total-wrapper {
            padding-top: 8px;
        }

            .ex-dash-total-wrapper label, .ex-dash-total-wrapper span, .dash-ex-total, dash-ex-total-label {
                width: 100%;
                text-align: right;
            }

        .ep-dash-total {
            display: inline-block;
            padding: 0px 10px 4px 0;
            width: 100%;
            margin-bottom: -15px;
        }

        .ex-item-wrapper .action-header {
            display: none !important;
        }

        .ex-item-details-wrapper li span {
            display: inline-block;
            width: 50%;
        }

        .expense-comments {
            width: 100% !important;
        }

        .ex-item-list {
            margin-bottom: 8px;
            padding: 10px;
            border-radius: 4px;
        }

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

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

        .ex-line .btn {
            float: left;
        }

        .ex-line-action-btn {
            display: inline-block;
            padding: 20px 0 0 0;
        }

        .ep-booking-dash-total {
            padding: 10px 10px 4px 20px;
        }

            .ep-booking-dash-total label, .ep-booking-dash-total span {
                text-align: left !important;
                float: left;
            }

        #expense-body .card-title {
            max-width: calc((100vw / 3) - 30pt);
        }

        .op .order-form-wrapper {
            margin: 10pt 0 20pt;
        }

        .mobile-heading {
            padding-top: 10pt;
        }

        .floating-checkout {
            left: 0;
            padding-right: 5%;
        }

        .totals-affix {
            width: 20vw;
        }

        .main-content-box.op {
            max-width: 90vw;
        }

        /* 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: 5px 0 5px 14px;
        }

        /* content */

        .weight-lbl, .weight-value, .qty-lbl, .discount-lbl, .line-total, .line-total-lbl {
            display: none;
        }

        /* Make the menu headers the same size as the
     bootstrap navbar */
        [data-role='panelbar'] .k-header {
            min-height: 50px;
        }

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

        .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus {
            margin-top: 11pt;
            background-color: transparent;
            border: none;
            float: left;
        }

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

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

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

        .modal-footer .btn-group {
            width: 100%;
            text-align: right;
        }

        /* EXPENSE DASHBOARD */
        .dash-ex-number-approval {
            width: auto;
            float: left;
        }

        .dash-ex-emp {
            margin: 6px 0 0 10px;
        }

        .dash-totals-wrap {
            padding-top: 6px;
        }

        .dash-totals {
            width: auto;
            float: right;
            clear: none;
        }

        .dash-amount-due {
            padding-top: 4px;
            width: auto;
            float: left;
            clear: none;
        }

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

        .card-wrapper {
            margin-top: 43pt;
        }

        .bp-contain {
            border-right: 0;
            position: relative;
            right: 0;
        }

        #sales-user-dashboard .btn.sales-user-nav-btn {
            margin-left: -0.5px;
        }



        /*TMC*/

        .tmc-contain .global-widgets-wrapper {
            display: block;
            margin: auto;
        }

        .tmc-contain .tmc-reports {
            border-left: none;
        }

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

            .tmc-contain .global-widgets-wrapper ul li {
                border-right: none;
                padding: 10px;
                width: 100%;
                list-style: none;
                display: block;
                text-align: left;
            }

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

        /*OP Summary*/

        .stamp {
            top: 90pt;
        }

        /*CustSelectDoc dialog*/

        .ui-dialog.custSelectDoc {
            position: fixed !important;
            bottom: 0 !important;
            top: auto !important;
            left: 0 !important;
            margin-left: 0 !important;
            width: 100vw !important;
            height: 170px !important;
            margin-bottom: 0;
            z-index: 2001;
        }

            .ui-dialog.custSelectDoc:before, .ui-dialog.custSelectDoc:after {
                display: none;
            }

        .mbl-copy-lbl {
            display: inline-block;
        }

        #hlMakeRefill {
            width: 100%;
            margin: 3pt 0;
        }

        /*Show change stage drop down on all mobile devices*/
        @media (hover: none), (hover:on-demand) {
            .change-stage {
                display: block !important;
            }
        }


        @media (max-width: 1080px) {

            .row-offcanvas {
                position: relative;
                left: 0;
                -webkit-transition: left .3s ease-in;
                -most-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;
            }

            #ZDBW0014 {
                overflow: auto;
            }

            .card-contain {
                margin: 0 auto;
            }

                .card-contain .card-contain {
                    overflow: inherit;
                }

            .opp-table-contain {
                max-height: 300px;
            }

            .sales-user .opp-detail-options .btn {
                width: auto !important;
                min-width: inherit;
            }

            .opp-detail-options {
                right: 85pt;
                top: 60pt;
            }

            .opp-btn {
                top: 60pt;
            }

            .opp-btn-bg {
                top: 50pt;
            }

            .hide-opp-parent {
                height: 40pt;
            }

            .hide-opp-btn {
                margin: 28pt auto;
            }

            .opp-position {
                padding-top: 35pt;
            }

            .view-opp-details {
                width: 100% !important;
            }

            .attachment-list-upload-controls {
                padding: 10pt 0;
            }

            /* content */

            /* Make the menu headers the same size as the
     bootstrap navbar */
            [data-role='panelbar'] .k-header {
                min-height: 50px;
            }

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

            .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus {
                margin-top: 10px;
                background-color: transparent;
                border: none;
                float: left;
            }

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

            /* Bootstrap Overides  */
            .form-control {
                padding: 3px;
            }

            .login-panel {
                max-width: 320pt;
                padding: 20px;
            }

            .date-picker-wrapper {
                float: left;
            }

            .status-date {
                margin-top: 10px;
                width: 100%;
                clear: both;
            }

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

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

            #ulmenu ul li {
                padding: 5px 0 5px 14px;
            }

            /* iPAD Bar */

            .card-header {
                padding: 2pt;
            }

            .hide-scroll {
                top: 48pt;
                z-index: 999;
                height: 51pt;
                box-shadow: none;
            }

            .feed-popover-contain {
                left: 0;
            }

                .feed-popover-contain .activities-feed-btn-contain {
                    z-index: 900;
                }

            .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus {
                margin-top: 11pt;
                background-color: transparent;
                border: none;
                float: left;
            }

            .dash-ex-items li {
                width: calc((100vw / 3) - 30pt);
            }

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

            .order-form-wrapper label.mobile-lbl {
                display: inline-block;
                text-align: left;
                margin-top: 0;
            }
        }

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

            .dashboard-edit-page .top-tabbed-navigation {
                display: none;
            }

            /*Mobile Tray*/

            body.noScroll {
                position: fixed;
            }

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

            .user-actions {
                display: none;
            }

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

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

            .order-form-wrapper.order-summary {
                max-width: 75vw;
            }

            .dashboard-subnav {
                display: none;
            }

            /* Expense */

            .ex-dash-total-wrapper {
                padding-top: 8px;
            }

                .ex-dash-total-wrapper label, .ex-dash-total-wrapper span, .dash-ex-total, dash-ex-total-label {
                    width: 100%;
                }

            .ex-item-wrapper .action-header {
                display: none !important;
            }

            .ex-item-details-wrapper li span {
                display: inline-block;
                width: 50%;
            }

            .expense-comments {
                width: 100% !important;
            }

            .ex-item-list {
                margin-bottom: 8px;
                padding: 10px;
                border-radius: 4px;
            }

            .expense-dash {
                margin-top: -5pt;
            }

            .navbar-toggle {
                display: block;
            }

            .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: 700px;
                width: auto;
            }

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

            #order-flow li span {
                padding-left: 20%;
            }

            #sales-user-app .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
                min-width: 60pt;
            }

            #opportunities-datatable tr th {
                min-width: 100%;
                width: auto !important;
            }

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

            .upload-drop-zone {
                display: none;
            }

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

            .date-large {
                display: none;
            }

            .date-small {
                display: inline-block !important;
                margin-bottom: 8px !important;
            }

                .date-small input {
                    line-height: 16px !important;
                    text-indent: 4px;
                }

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

            div#ctl00_MainContent_ctl00_ASPxPanel1 {
                display: none;
            }

            .card-wrapper {
                margin-left: 0;
            }

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

            .widget-wrapper {
                max-width: 100%;
                display: inline-block;
            }

            #expense-body .card-title {
                width: calc((100vw / 3) - 30pt);
            }

            .floating-checkout {
                left: 0;
                right: 0;
                max-width: 100vw;
                text-align: center;
            }

                .floating-checkout .btn {
                    margin: auto;
                    float: none !important;
                    width: 150pt;
                }

            .order-form-wrapper .op-date-contain label {
                display: block
            }

            .doc-order-btns {
                position: fixed;
                top: 45pt;
                right: 0;
                z-index: 106;
                width: 100%;
                text-align: right;
                padding: 5pt;
            }

            .order-form-wrapper .input-group-addon {
                display: none;
            }

            #orderDetailsWrapper.o-summary .address-wrapper {
                padding: 0 15pt;
            }
        }

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

            /*Full width dashboard widgets on phone*/

            .widget-col.col-height {
                min-width: 100% !important;
                max-width: 100% !important;
            }

            .kpi-value img {
                height: 1em;
            }
        }

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

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

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

            .opp-card .opp-name {
                min-height: 20px;
                line-height: 14pt;
            }

            .act-container {
                margin: auto;
                padding-top: 70pt;
                border: none !important;
            }

            .card-header h1 {
                line-height: 13pt;
            }

            .card-header h2 {
                line-height: 13pt;
            }

            .main {
                width: 100% !important;
            }

            #order-summary-tab .hidden-xs {
                display: none;
            }

            .od-check {
                right: 0 !important;
            }

            .flow {
                margin: 10px auto 14px auto;
                width: 95%;
                height: 30px;
            }

            #order-flow {
                list-style-type: none;
            }

                #order-flow li a {
                    padding-top: 6px;
                    background: none;
                    text-align: center;
                }

                #order-flow li span {
                    padding-top: 7px;
                    text-align: center;
                    display: inline-block;
                }

                #order-flow li a.paper-icon, #order-flow li a.confirm-order {
                    position: relative;
                    left: 0;
                    width: 100%;
                }

                #order-flow li a.select-customer, #order-flow li a.build-order, #order-flow li a.price-order {
                    position: relative;
                    left: 0;
                    width: 100%;
                }

                #order-flow li a.paper-icon {
                    background-position: center center;
                }

            #order-pad-draft-prompt .ui-dialog .ui-dialog-buttonpane button {
                margin: 0 5px 0 0;
            }

            .order-page-wrapper {
                display: inline-block !important;
                position: relative;
                left: 2.5%;
                margin: 0 auto;
                padding: 0 0 10px;
                width: 91%;
                background-image: none;
            }

            .op-comments textarea {
                margin: 0 auto 0 0;
                width: 95%;
            }

            .select-customer-page .top-page-global-navigation {
                height: 47px;
            }

            .top-page-global-navigation {
                height: 84px;
            }

            .select-customer-page .top-page-global-navigation h1 {
                margin-bottom: 0;
            }

            .top-page-global-navigation .btn {
                margin-right: 5pt;
            }

            .top-page-global-navigation h1 {
                padding: 0 10px;
                text-align: left;
                margin-bottom: 32px;
            }

            .top-page-global-navigation .btn-right {
                position: fixed;
                right: 3px;
                top: 7px;
                z-index: 1032;
            }

            .top-page-global-navigation input[type="button"].green-btn {
                padding: 3px 10px;
            }

            .order-date {
                padding-top: 4px;
            }

            .shipping-and-address {
                padding-right: 25pt;
            }

            .ship-to, .bill-to {
                padding-top: 0;
            }

            .customer-info {
                padding: 24px 0 0 10px;
                width: 100%;
            }

            .sales-order-header h1 {
                width: 65%;
                display: inline-block;
            }

            .sales-order-header h3 {
                margin-top: 0;
                padding-top: 0;
            }

            .order-page-list-item {
                display: inline-block;
                padding: 10px 0;
                min-height: 35px;
            }

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

            .ship-to, .bill-to {
                min-height: 100px;
            }

            .add-items-wrapper .text-align-center {
                text-align: left;
            }

            .op-m-label {
                padding: 5px 0 2px 0;
                font-style: italic;
            }

            .order-page-list-item .btn-danger, .order-page-list-item-note-wrapper .btn-danger {
                margin-top: 6px;
                width: 90px;
                float: right;
                background-color: transparent;
            }

            .order-page-list-item-note-wrapper {
                display: inline-block;
                padding: 2px 0;
                width: 100%;
                min-height: 25px;
            }

            /* Pricing */
            .discount-type {
                width: 50%;
            }

                .discount-type input {
                    margin: 6px auto;
                    width: 100%;
                }

            .grand-total-price {
                height: 110px;
            }

            .apply-global-discount-doc {
                padding: 0;
            }

            .order-pad-total-pricing ul {
                padding-top: 0;
            }

            .op-m-price {
                padding-top: 6px;
            }

            .op-comments {
                padding: 6px 0 0 10px;
            }

            .order-pad-total-pricing-wrapper {
                margin: 14px 0 0 0;
                width: 100%;
                border-radius: 0;
                border-left: none;
                border-right: none;
            }

            /* Action Buttons */
            .build-order-wrapper {
                margin: 10px 5% 0 5%;
                width: 90%;
                padding: 10px 0 0 0;
            }

            /* Summary */
            .order-page-wrapper #paperContentWrapper .grand-total-price {
                height: 100px;
            }

            .order-page-wrapper #paperContentWrapper h1.total-pricing-amount {
                padding: 10px 0;
                text-align: center;
            }

            /*OP 2.0*/

            .sum-discount, .sum-qty {
                text-align: left;
            }

            .o-line-total {
                text-align: left;
                padding-top: 15pt;
            }

                .order-form-wrapper .o-line-total label.mobile-lbl, .o-line-total label, .f-itemline .o-line-total span {
                    display: inline;
                }

            .order-form-wrapper.order-summary .o-line-total label.mobile-lbl {
                display: block;
            }

            .qty-lbl, .discount-lbl, .line-total-lbl, .weight-lbl {
                display: none;
            }

            .weight-value {
                text-align: left;
            }
        }

        @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-width: 968px) {

            .inner-widget-wrap {
                padding: 10px 2px;
            }

            .kpi-previous-value {
                padding: 4px 0 10px 0;
            }

            #gauge-div, #pie-chart, #donut-chart {
                width: 100%;
            }

            .edit-widgets-navbar-actions {
                left: 0;
            }

                .edit-widgets-navbar-actions .btn {
                    padding: 0 10px;
                }

            .global-widgets-wrapper-edit {
                width: 62%;
            }

            .editable-widget-wrapper {
                margin-bottom: 10px;
            }

            .col-full-height {
                height: auto;
            }

            /* Opportunity */
            #ctl00_MainContent_rpGrayPanel_oppMainGrid_DXMainTable {
                margin-top: 48px;
            }
        }

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

            #business-partner, #business-partner-opportunities {
                padding-top: 40px;
            }

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

            .card-contain .col-lg-2 {
                width: calc(100vw / 2);
            }

            .card-contain .sticky .col-lg-2 {
                width: calc(100vw / 2 - 5pt);
                margin-right: -3pt;
            }


            .f-address {
                margin-top: 10pt;
            }

            .act-container {
                max-width: none;
                border: none;
                margin-top: 0pt;
            }
        }


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

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

            .kpi-value img {
                height: 2em;
            }

            .red .larger-better.kpi-value .red-arrow,
            .red .lower-better.kpi-value .red-arrow-lower-better,
            .yellow .kpi-value .yellow-arrow,
            .green .larger-better.kpi-value .green-arrow,
            .green .lower-better.kpi-value .green-arrow-lower-better {
                margin-top: 0;
            }

            .top-logo img {
                max-width: 75pt;
                margin-top: 7pt;
            }

            .modal {
                width: 95vw;
            }

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

            #closeMainNav.collapse, #closePinNav.collapse {
                display: none !important;
                height: 0 !important;
            }

            .top-logo {
                height: 44.5pt;
            }

            .order-form-wrapper {
                max-width: 100%;
                border: none !important;
                padding: 18pt 10pt 40pt;
                margin: 10pt auto;
            }

            .op .order-form-wrapper {
                padding: 18pt 0 40pt;
            }

            .main-content-box.op {
                width: 100%;
                max-width: 100vw;
            }

            .cardcode, .order-form-wrapper h1 {
                margin-left: 1pt;
            }

            .order-form-wrapper.order-summary h1 {
                margin-left: -9pt !important;
            }

            .op .f-codename {
                display: none;
            }

                .op .f-codename.mobile-heading {
                    display: block;
                    padding-bottom: 10pt;
                }

            .op .address-wrapper {
                margin-top: -10pt;
            }

            .op .clear-form.mobile {
                display: inline-block;
                margin-top: -15pt;
            }

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

            .mobileFloatHeading {
                position: fixed;
                top: 44pt;
                left: 0;
                width: 100%;
                padding: 0 1pt;
                z-index: 1;
            }

                .mobileFloatHeading.open {
                    z-index: 108;
                }

            .op.order-pad .breadcrumb-nav {
                top: 73pt;
            }

            .op.order-pad .activity-drawer .activities-feed {
                top: 81pt;
            }

            .show-activities.op {
                top: 77pt;
                z-index: 107;
            }

            .order-pad.noscroll {
                overflow-y: scroll !important;
            }

            .search-box-item {
                width: 80%;
            }



            .search-list-item.op .ui-front {
                z-index: 112 !important;
            }

            .order-lines {
                overflow-y: auto;
                overflow-x: hidden;
                height: calc(100vh - 74pt) !important;
            }

            .order-lines.show.in{
                padding-bottom: 150pt;
            }

            .order-total {
                position: relative;
            }

                .order-total li .btn-success {
                    position: absolute;
                    right: 9pt;
                    display: block;
                    bottom: 7pt;
                }

            .simple-shipping {
                margin-top: 10pt;
            }

            .totals-affix {
                display: none;
            }

                .totals-affix.mobile {
                    display: block;
                    position: static;
                    max-width: 100vw;
                    width: 100%;
                    float: none !important;
                    clear: both;
                    border: none;
                }

            .op .floating-checkout {
                padding: 0;
            }

                .op .floating-checkout .btn {
                    max-width: inherit;
                    margin-right: 0;
                    padding: 8pt 2pt !important;
                    text-align: center;
                    width: 100%;
                    border-radius: 0;
                }

                .op .floating-checkout div, .op .floating-checkout span {
                    padding: 0 !important;
                }

                .op .floating-checkout span {
                    flex-basis: 0;
                    flex-grow: 1;
                    max-width: 100%;
                    -ms-flex-preferred-size: 0;
                    -ms-flex-position: 1;
                    position: relative;
                    width: 100%;
                    min-height: 1px;
                }

                .op .floating-checkout div {
                    display: flex;
                    display: -ms-flexbox;
                    -ms-flex-wrap: wrap;
                }

            .order-form-wrapper.order-summary {
                max-width: 85vw;
                padding-top: 10pt;
            }

            .op .modal {
                top: 80pt;
            }

                .op .modal .modal-content {
                    max-height: 70vh;
                }

            .op .modal-backdrop {
                background-color: transparent;
                z-index: 0;
            }

            div.order-page-wrapper.inline-block.xslt-display {
                margin-top: 30pt;
            }

            .o-summary .btn-success {
                margin-bottom: 10pt;
            }

            .reviewItemsHeading {
                width: 100vw;
                margin-left: -1pt;
            }

            #delivery-report {
                padding: 10pt 5pt;
            }

            .act-container .checkbox label {
                padding-left: 0;
            }

            .act-container .checkbox {
                padding-left: 5pt;
            }

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

            .stamp {
                top: 100pt;
                right: 245pt;
            }

            .order-form-wrapper .form-control.sales-person-select {
                margin-left: 0;
            }


            .sales-user input[type=checkbox].checkbox-complete-align {
                margin: 5pt 0 20pt -10pt;
            }
        }


        @media only screen and (max-device-width : 769px) {

            .card-contain .sticky .col-lg-2 {
                width: calc(100vw / 2);
                margin-right: 0;
            }

            #order-flow li a {
                padding: 0 !important;
            }

                #order-flow li a.confirm-order {
                    padding: 0;
                    text-align: center;
                }

            .order-details-line .col {
                flex: 100%;
                -ms-flex: 100%;
            }

            .od-check {
                right: 0 !important;
            }

            .ship-to, .bill-to {
                padding-top: 10pt;
            }

            .dash-date-picker-wrapper {
                float: left;
                clear: both;
                margin-top: 10pt;
            }
        }

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

            .kpi-value span {
                font-size: 26px;
                line-height: 10pt;
            }

            .red .larger-better.kpi-value .red-arrow,
            .red .lower-better.kpi-value .red-arrow-lower-better,
            .yellow .kpi-value .yellow-arrow,
            .green .larger-better.kpi-value .green-arrow,
            .green .lower-better.kpi-value .green-arrow-lower-better {
                margin-top: 0;
            }
        }

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

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

            .widget-wrapper {
                min-height: 100pt;
            }

            #pie-chart {
                display: block;
                margin: 0 auto;
                max-width: 300px;
            }
        }

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

            .edit-layout {
                display: none;
            }

            .inner-widget-wrap {
                padding: 0;
                border-right: none;
                border-bottom: none;
            }

            .top-tabbed-navigation ul {
                margin: 10px 27% 10px -40px !important;
                width: 100%;
            }

            #expense-body .card-title {
                position: relative;
                height: auto;
                max-height: 62pt;
                border-radius: 2pt;
                max-width: 100%;
            }

                #expense-body .card-title .btn {
                    float: none;
                    display: inline-block;
                    width: auto;
                    margin: 0;
                    max-width: 38pt;
                    vertical-align: top;
                }
            .cc-lines-import-dash

            .dash-ex-items {
                margin-top: 5pt;
                padding-top: 0;
            }
        }

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

            .inner-widget-wrap .table-responsive {
                border: 0;
                margin-bottom: 15px;
                overflow: auto;
                -ms-overflow-style: -ms-autohiding-scrollbar;
            }

            .dash-ex-items li {
                width: 100%;
            }

            .dash-ex-items li {
                width: 100%;
            }

            .proj-actions {
                padding: 5pt;
            }

            #expense-body .card-title {
                width: 100%;
                max-width: 92vw;
            }
        }

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

            .shipping-and-address, .ship-to, .bill-to {
                min-height: inherit !important;
            }

            #paperContentWrapper h1.no-padding {
                margin-left: 10pt;
            }

            .card-header-wrapper {
                margin-top: 0px !important;
            }

            .widget-droppable-wrap {
                padding-top: 0;
            }

            .login-panel {
                margin: -179px 0 0 -212px;
                width: 450px;
                border: none;
                padding: 0pt;
            }

            #expense-body .card-title {
                max-width: 100vw !important;
            }

            .order-form-body .form-items li {
                padding: 10pt 0 0 2pt;
            }

            .order-form-body .item-order-list {
                margin-bottom: 10pt;
            }

            .order-form-body .long-description li ul.item-order-list {
            }

            .accordion-content.default, .order-details {
                display: none;
            }

            .f-itemline .btn-link {
                margin-left: 5pt;
                margin-right: 5pt;
            }

            .of-name-description h3 {
                color: #0d47a1;
            }

            .order-form-body .item-category-name label {
                display: none;
            }

            .of-name-description.active span.fas {
                display: block;
                float: left;
                margin-left: -12pt;
                margin-right: 5pt;
            }

            .accordion-toggle.active span.fas {
                float: left;
                margin-left: -12pt;
                margin-right: 1pt;
            }

            .accordion-toggle span.fas:before, .of-name-description span.fas:before {
                content: "\f054";
            }

            .accordion-toggle.active span.fas:before, .of-name-description.active span.fas:before {
                content: "\f053";
            }

            .of-name-description span.fas {
                display: block;
            }

            .order-form-body .form-items li.no-borders, .order-form-body .long-description.no-borders {
                border: none !important;
                margin-bottom: 0;
            }

            .order-form-body .card {
                min-height: 77vh;
            }


            .order-form-body .long-description li {
                width: 100%;
                display: block;
                min-width: 83vw;
            }

                .order-form-body .long-description li:last-of-type {
                    border-bottom: 1px solid #ccc;
                }

            .order-form-body ul.long-description {
                border-bottom: none;
            }

            .op-date-contain {
                padding: 0 0 0 3pt;
            }

                .op-date-contain .date-small .form-control {
                    width: 120pt;
                }

            .floating-checkout .col-md-3 {
                position: fixed;
                bottom: 38pt;
                right: 0;
                height: 20pt;
                width: 50%;
                padding-top: 3pt;
            }

            #delivery-report #report-dt_length select {
                margin: auto 2pt 0 -24pt;
            }

            #delivery-report div#report-dt_length.dataTables_length {
                float: left;
                padding-top: 2pt;
            }

            #delivery-report div#report-dt_filter.dataTables_filter {
                width: 40vw;
                float: right;
                clear: right;
                margin: auto;
                text-align: right !important;
            }

                #delivery-report div#report-dt_filter.dataTables_filter input {
                    max-width: 100px;
                    text-align: left !important;
                }

            .signature-capture {
                padding: 0;
            }

            /*Mobile Stamp*/

            .stamp {
                position: absolute;
                top: 100pt;
                right: 13vw;
                z-index: 0;
                width: auto;
                opacity: 0.8;
                border-radius: 5pt;
                padding: 5pt;
                -webkit-transform: rotate(10deg);
                -o-transform: rotate(10deg);
                -moz-transform: rotate(10deg);
                -ms-transform: rotate(10deg);
                text-transform: uppercase;
                font-weight: bold;
                height: auto;
                max-width: 161pt;
                text-align: center;
                line-height: 18pt;
            }

            div#sigCapDiv {
                padding-top: 20pt;
            }
        }

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

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

            .date-50 {
                margin-right: 5px;
                width: 140px;
            }

            .opp-table-contain {
                max-height: 100%;
            }
        }

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

            .expense-dash {
                margin-top: 5pt;
            }

            .feed-popover-contain .activities-feed .activity-list-wrapper {
                max-height: 120pt;
            }

            .loading-animation {
                left: 37%;
            }

            .choose-list label {
                width: 70pt;
            }

            .opp-card .opp-name {
                min-height: 20px;
                line-height: 14pt;
            }

            .opp-card .opp-sp, .activities-feed h1, .feed-popover-contain .activities-feed li a {
                line-height: 20pt;
            }

            body.modal-open {
                position: fixed;
            }

            .opp-card div {
                line-height: 20pt;
            }

            .card-header h2 {
                line-height: 24pt;
            }

            .opp-tasks, .opp-notes, .opp-attach, .opp-meetings, .opp-tasks span.act-num, .opp-notes span.act-num, .opp-attach span.act-num, .opp-meetings span.act-num {
                width: 25pt;
                text-align: center;
            }

            .order-form-body .order-details {
                width: 234pt;
            }

            .order-form-body .amount-label {
                width: 90%;
            }
        }

        @media (max-width:568px) {

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

            .o-summary.doc-content h1.float-right {
                margin-top: 45pt;
            }

            .o-summary .doc-header {
                margin-right: 6pt;
            }

            .btn-success.print {
                margin-left: 0;
                margin-bottom: 10pt;
            }

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

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

            /*OP 2.0*/

            .order-form-wrapper .op-date-contain label {
                margin-right: 0;
            }

            .order-form-wrapper.order-summary .op-date-contain label {
                display: block;
                margin-right: 0;
            }

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

            .attachment-list-item {
                width: 97%;
            }

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

            .subnav-panel {
                min-width: 320px;
            }

            #ctl00_MainContent_ctl00_customParams_btnShowCustomParams {
                position: fixed;
                right: 3px;
                z-index: 1032;
            }

            .action-header .btn {
                clear: both;
                float: left;
            }

            .ex-link-btns {
                margin-top: 12px;
            }

            /* EXPENSE DASHBOARD */
            .dash-ex-emp {
                margin: 1px 0 3px 0;
                width: auto;
                float: left;
                clear: both;
            }

            .template-download td {
                padding: 6px 0 !important;
            }

                .template-download td:last-child {
                    display: block;
                    width: 100%;
                    clear: both;
                }

            .attachment-src-name {
                font-style: italic;
                width: 100px;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .template-download .btn {
                padding: 1px 3px;
            }

            .fileupload-buttonbar .col-12 {
                padding: 0 !important;
            }

            .modalBody {
                padding: 10px 5px !important;
            }

            .expense-line-details {
                width: 100%;
            }

            .expense-receipt h1 {
                margin-top: 6px;
            }

            .status-request-id {
                width: 90%;
                height: auto;
                margin: 10pt;
            }

                .status-request-id h3 span {
                    display: block;
                    margin-bottom: 4px;
                    width: 100%;
                }

            .expense-receipt .percent-86 {
                max-width: 94%;
            }

            .btn-group .btn {
                margin-top: 10pt;
            }

            /* Dashboad */

            #dashboard #table-div {
                width: 89%;
            }

            .edit-layout {
                display: none;
            }

            .flow {
                padding: 0;
                height: 30px;
            }

            /* individual Flow Links */

            .onerow {
                width: 99%;
            }

            .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
                float: none;
                width: 99%;
            }

            #order-flow li a span.od-check {
                display: none;
            }

            .login-panel .error-msg {
                padding-top: 0;
                margin-bottom: 0;
            }

            .ship-to, .bill-to {
                width: 100% !important;
                min-height: inherit !important;
            }
        }

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

            .expense-receipt {
                max-width: 100%;
                width: 100vw;
            }

            .order-page-wrapper {
                left: 0;
                width: 95%;
                padding: 20pt 10pt !important;
            }

            .shipping-and-address, .dates-ref {
                width: 100%;
            }

            .dates-ref {
                margin-top: 10pt;
            }

            .shipping-and-address select {
                width: 118px;
            }

            .dates-ref .data-label strong, .dates-ref label.data-label {
                display: block;
            }

            .order-form-body .long-description li {
                min-width: 75vw;
            }
        }

        @media (max-width: 480px) {

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

            /*edit Opportunity*/
            .opp-detail-btn-contain {
                padding: 10pt 4pt 0 0;
            }
            /**/

            .login-page {
                padding-top: 20px;
            }

            .login-header {
                display: none;
            }

            .login-panel {
                margin: -200px 0 0 -150px;
                width: 300px;
                border: none;
                padding: 10pt;
            }

                .login-panel h1 {
                    margin-top: 6px;
                    padding-bottom: 15px;
                }

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

            .login-logo {
                width: 120px;
            }

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

            .dash-choose-salesperson {
                width: 136px;
            }

            .date-50 {
                display: inline-block;
                width: 100%;
                float: none;
            }

                .date-50 label {
                    padding-top: 6px;
                    padding-bottom: 3px;
                }

            .expense-name-date {
                padding-top: 0;
                padding-bottom: 0;
            }

            .date-picker-wrapper {
                margin-top: 0;
            }

            .comments {
                padding-top: 8px;
                padding-bottom: 0;
            }

            .card-footer .btn {
                padding: 2px 10px;
            }

            .submitting-label, .saving-label {
                clear: both;
            }

            .mobile-hidden {
                display: none;
            }

            .dashboard-subnav select {
                display: none;
            }


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

                .dash-date-picker-wrapper .date-50 {
                    display: inline-block;
                    width: 140px;
                    float: left;
                }

            #table-div {
                width: 98%;
            }

                #table-div td {
                    padding: 2px;
                }
        }

        @media all and (max-width: 500px) {
            .op-date-contain {
                text-align: left;
            }

            .order-pad-total-pricing-wrapper {
                margin: 30px 0 0 0 !important;
                padding: 10px 0 20px !important;
                width: 100% !important;
            }
        }

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

            .breadcrumb-nav {
                padding-right: 30pt;
            }

            div#sales-user-app {
                padding-top: 30pt;
            }

                div#sales-user-app .activity-button {
                    top: 93pt;
                }

            ul.top-tabbed-navigation {
                top: 81pt;
            }

            #business-partner, #business-partner-opportunities {
                padding-top: 40px;
            }

            .activity-feed {
                padding-top: 40pt;
            }

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

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

            .card-display {
                display: block;
            }

            .main-card-contain {
                overflow-y: scroll;
                overflow-x: hidden;
                max-height: 100vh !important;
                margin: 13% 0.5% 3%;
                height: 100vh !important;
            }

            .card-header {
                height: 65pt;
            }

                .card-header h2 {
                    line-height: normal;
                }

            .card-contain {
                overflow: inherit;
            }

            .card-header-wrapper {
                margin-top: 12pt !important;
            }

            .card-wrapper {
                position: relative;
                margin: 50pt 0 0 -1pt;
                padding: 0;
            }

            .card-contain {
                padding: 1% 0 0;
            }

            .opp-card .opp-name {
                min-height: inherit;
                line-height: 12pt;
            }

            .opp-card div {
                line-height: 11pt;
            }

            .opp-card .op-sp {
                line-height: 11pt;
            }

            .opp-add-info {
                margin-top: 0;
                height: 30pt;
                padding: 5pt 0 5pt 10pt;
            }

            .opp-card ul.icons {
                margin: 7pt auto 0 -8pt;
                padding: 0;
            }

            .card-contain {
                padding: 1% 0 0;
            }

            .opp-card .opp-name {
                min-height: inherit;
                line-height: 12pt;
            }

            .opp-card div {
                line-height: 11pt;
            }

            .opp-card .op-sp {
                line-height: 11pt;
            }

            .opp-add-info {
                margin-top: 0;
            }

            .opp-card ul.icons {
                margin: 7pt auto 0 -8pt;
                padding: 0;
            }

            .card-wrapper .card-contain {
                height: calc(100vh - 210pt) !important;
                padding-bottom: 10pt;
            }

            .card-contain .card-wrapper .col-lg-2 {
                margin-left: 1.5pt !important;
            }

            .feed-popover-contain {
                left: inherit;
                top: 20pt;
                right: 0;
                max-width: 80vw;
                max-height: 100%;
            }

                .feed-popover-contain .activities-feed .activity-list-wrapper {
                    height: 200pt;
                    padding-bottom: 20pt;
                }

            .opp-card-details {
                padding: 5pt 15pt;
            }

            .card-contain .col-lg-2, .card-contain .sticky .col-lg-2 {
                margin: 0;
                max-height: 100vh;
                -webkit-overflow-scrolling: touch;
                width: 100vw;
                padding-left: 0;
                padding-right: 0;
            }

                .card-contain .sticky .col-lg-2:first-of-type {
                    margin-left: 0;
                }

            .change-stage {
                display: block;
                margin: 5pt 0 10pt;
            }

            .card-contain .sticky .col-lg-2:first-of-type {
                margin-left: 0;
            }

            .change-stage {
                display: block;
                margin: 5pt 0 10pt;
                font-size: 13pt !important;
            }

            .complete-check span strong {
                margin-left: 0;
            }

            .checkbox.complete-check {
                padding-top: 14pt;
            }

            .act-container .checkbox {
                padding-top: 0pt;
                padding-left: 15pt;
            }

            .act-container.view .checkbox {
                padding-left: 0;
            }

                .act-container.view .checkbox .fas {
                    font-size: 7pt;
                }

            .act-container {
                padding: 70pt 0;
                border: none;
            }

                .act-container .btn, .act-container .attach-table-wrapper, .act-container h5 {
                    margin-left: 10pt;
                }

            .opp-card {
                margin-bottom: -16pt;
                border-radius: 0;
            }

            #report-display {
                padding-top: 65pt;
            }
        }

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

            #business-partner, #business-partner-opportunities {
                padding-top: 40px;
            }

            .card-header {
                padding: 5pt;
            }

            .stamp {
                right: 2vw;
            }
        }

        @media (max-device-width:380px) {
            .main-card-contain {
                margin: 20% 0.5% 3%;
            }

            .hide-scroll {
                top: 67pt;
                z-index: 999;
                height: 45pt;
            }

            .doc-order-btns .btn {
                margin-bottom: 3pt;
            }

            .card-display {
                top: 130pt;
            }
        }

        @media all and (max-device-width: 375px) {
            .order-form-body .order-details {
                width: 215pt;
            }

            #delivery-report div#report-dt_filter.dataTables_filter input {
                width: 79px;
            }
        }

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

            #business-partner, #business-partner-opportunities {
                padding-top: 40px;
            }
        }

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

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

            .menu-expand {
                display: none;
            }

            .navbar-toggle {
                margin-left: -3pt;
            }

            .sales-user .opp-detail-btn-contain .btn {
                padding: 5pt 7pt;
                min-width: 10pt;
            }

            .order-form-body .order-details {
                width: 180pt;
            }

            .order-form-wrapper {
                padding: 25pt 5pt;
                width: 93%;
            }

            #table#ctl00_MainContent_ctl00_puSaveAs_CLW-1 {
                max-width: 305px;
            }

            #delivery-report div#report-dt_filter.dataTables_filter input {
                width: 70px;
            }

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

            .billing-doc-info .address-wrapper {
                margin-left: 0;
                margin-bottom: 20pt;
            }

            .op .floating-checkout .btn {
                max-width: 48%;
                margin-left: 0pt;
                margin-right: 0pt;
            }

            .op .modal .modal-content {
                max-height: 59vh;
            }

            .op .modal-header {
                height: 60pt;
            }

            .op hr {
                margin-left: -10pt;
                margin-right: -30pt;
            }

            div.op-date-contain {
                width: 96vw;
                padding: 0;
            }

            .f-address input {
                max-width: 100pt;
            }

            .order-form-wrapper.order-summary .op-date-contain {
                width: auto;
                text-align: left;
                margin-left: -10pt;
            }

            .hide-scroll {
                top: 67pt;
                z-index: 999;
                height: 39pt;
            }

            .card-display {
                top: 125pt;
            }
        }

        @media (max-height: 480px) {

            /*Modal header height fix*/

            .modal-header {
                height: auto;
            }

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

            /*Hide top nav on Opportunity Board when in landscape view to allow more room to scroll*/

            .board.sales-user .navbar {
                display: none;
            }

            .main-card-contain {
                margin-top: 0;
            }

            .board.sales-user .breadcrumb-nav {
                top: -9pt;
            }

            #sales-user-dashboard .btn.sales-user-nav-btn {
                top: 0;
            }

            .board.sales-user .top-tabbed-navigation {
                top: 14pt;
            }

            .hide-scroll {
                top: -11pt;
            }

            .card-wrapper {
                margin-top: 35pt;
            }

            .card-header {
                padding: 3pt;
                height: 40pt;
            }

                .card-header h1 {
                    margin: 3pt auto;
                    line-height: 13pt;
                }

                .card-header h2 {
                    line-height: 10pt;
                }

            .card-header-wrapper {
                margin-top: 4pt !important;
            }

            .opp-board .horizontal.simplebar-track {
                bottom: 0;
            }

            .opp-board {
                height: 100vh;
            }

            .opp-card {
                margin-top: 2pt;
            }

            .opp-card-details {
                padding: 5pt 15pt;
            }

            .opp-card .opp-name {
                line-height: 14pt;
            }

            .opp-card .opp-amount {
                line-height: 12pt;
            }

            .opp-add-info {
                margin-top: -3pt;
                padding-top: 6pt;
                height: 25pt;
            }

            .opp-card ul.icons {
                padding: 7pt 0;
            }

            .feed-popover-contain {
                left: inherit;
                top: 30pt;
                right: 0;
                max-width: 37vw;
                max-height: 100%;
            }

                .feed-popover-contain .activities-feed .activity-list-wrapper {
                    height: 200pt;
                    padding-bottom: 20pt;
                }

            .card-contain .sticky .col-lg-2 {
                margin-top: -7pt;
            }

            .card-contain .col-lg-2 {
                max-width: 33%;
            }

            #sales-user-dashboard .activities-feed-btn-contain {
                top: -36pt;
            }
        }

        /******************************* Mobile ********************************************/

        @media (max-width: 568px) {
            .modal-content {
                max-height: 62vh !important;
            }
        }

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

        @media print {


            #ctl00_MainContent_deliverySigNav {
                display: none;
            }

            .order-items-bar {
                border: 1px solid;
                border-right: none;
                border-left: none;
            }

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

            .order-items-bar {
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
            }

            .stamp {
                display: none;
            }

            .f-codename button {
                display: none;
            }
        }

        /*End Print*/