/*#################################################################################
    
    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. 
	
	NOTE: ALL MEDIA QUERIES ARE LOCATED IN THE DASHBOARD-DEVICES.CSS FILE.

    Table Of Contents

    #Destops and Laptops
    #Tablets
    #Phones
    #Print

##################################################################################*/

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

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

    /*Support for iPad Pro max res*/

    .ui-dialog.custSelect {
        padding: 10px 1px;
        border: 1px solid #ccc;
        color: #333;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 2pt;
        min-height: 168px !important;
    }


        .ui-dialog.custSelect .ui-dialog-content {
            position: absolute;
            top: 0pt;
            left: 0;
            padding: 7pt;
            width: 100% !important;
        }
}

@media (max-width:1700px) {

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

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

@media all and (max-width:1650px) {
    .opp-card {
        font-size: 9pt;
    }

        .opp-card .opp-name {
            font-size: 10pt;
        }

        .opp-card .opp-amount {
            font-size: 12pt;
        }

    .card-header h1 {
        font-size: 14pt
    }

    .card-header h2 {
        font-size: 13pt
    }

    .card-wrapper {
        margin-left: 0.5%;
    }
}

@media (max-width: 1569px) {
    .card-wrapper {
        margin-left: 0.2%;
    }
}

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

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

    #SalesRevYTD {
        overflow-x: scroll;
    }
}

@media (max-width:1340px) {
    .card-header {
        padding: 6% 5px;
    }
}

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

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

        .opp-card .opp-amount {
            font-size: 11pt;
        }

    .card-header h1 {
        font-size: 13pt;
    }

    .card-header h2 {
        font-size: 11pt;
    }

    .totals-affix {
        right: 1vw;
    }

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

@media (max-width: 1200px) {

    .card-contain {
        margin: 0 auto;
    }

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

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

    .card-header {
        padding: 9% 5px;
    }

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

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

    .card-header h1 {
        font-size: 11pt;
    }
}

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

@media (max-width: 1100px) {
    .card-header {
        padding: 8% 5px;
    }
}


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

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

    .menu-tray{
        width: 100vw;
    }


    #accordion_menu_container {
        margin-bottom: 15vh;
    }

    .navbar{
        padding: 0 10pt;
    }

    .user-action-btn {
        padding: 0 3pt;
        line-height: 9pt;
        width: 55pt;
        vertical-align: top;
        font-size: 8pt;
        height: 35pt;
    }

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

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

    .card-contain {
        padding: 1%;
    }

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

    .sticky{
        left: 21px;
    }

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

    div.opp-board .top-tabbed-navigation {
        top: 64pt;
        z-index: 1000;
        box-shadow: #f5f5f5 1px 3px 1px;
    }

    .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, .opp-board {
        height: 100%;
    }

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

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

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

    .card-contain .col-lg-2 {
        width: calc(100vw / 4);
    }

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

    .feed-popover-contain .activities-feed-btn-contain {
        top: -30pt;
    }

    .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: 6% 5px;
        display: inline-block;
        min-height: 100%;
    }

    .opp-card {
        font-size: 9.5pt;
    }

        .opp-card .opp-amount {
            font-size: 14pt;
        }

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

    div#sales-user-app .activity-button {
        position: fixed;
        top: 62px;
        right: -2px;
        z-index: 106 !important;
        font-weight: normal !important;
        font-size: 12px !important;
        min-width: 80px !important;
        height: 23px !important;
        border-radius: 2pt !important;
        background: #fff !important;
        color: #1565C0 !important;
        border-left: 1px solid #ccc;
        display: block !important;
    }

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


    .activities-feed-btn-contain {
        margin-top: 30px;
    }

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

    .card-header-wrapper {
        margin-top: 10px !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 {
        width: 100vw;
        color: #1565C0;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        font-weight: normal !important;
        display: block;
        position: fixed;
        top: 45pt;
        z-index: 106;
        left: 0;
        border-radius: 0pt !important;
        box-shadow: none;
    }

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

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

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

        div#sales-user-app .btn.sales-user-nav-btn .glyphicon, #sales-user-dashboard .btn.sales-user-nav-btn .glyphicon, .dashboard-nav-btn {
            color: #1565C0 !important;
        }

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

    ul.top-tabbed-navigation {
        top: 74px;
    }

        ul.top-tabbed-navigation li, div.top-tabbed-navigation li {
            width: auto !important;
            display: block;
            border-bottom: 1px solid #E4E4E4;
            font-size: 14px;
            padding: 5px;
            border-right: 0;
        }

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

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

    #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 {
        width: 0 !important;
        -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;
        width: 100% !important;
        -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;
    }

    /* Bootstrap Overides  */

    .form-control {
        padding: 3px;
    }

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

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

    .advanced-menu-options {
        padding: 20px 4px;
        background-color: rgba(51, 51, 51, 0.4);
    }

        .advanced-menu-options input {
            display: block;
            padding: 10px 0;
            margin: 0 auto !important;
            max-width: 700px;
            width: 96%;
            font-size: 14px;
            border: none;
            float: none !important;
        }

            .advanced-menu-options input:first-child {
                display: block;
                margin: 0 auto !important;
                max-width: 700px;
                width: 96%;
                float: none;
                border-radius: 4px 4px 0 0 !important;
            }

            .advanced-menu-options input:last-child {
                border-radius: 0 0 4px 4px !important;
            }

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

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

    .ex-dash-total-wrapper {
        padding-top: 8px;
        border-top: 1px dotted #eee;
    }

        .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%;
        border-top: 1px dashed #eee;
        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: 1px solid #e6e8ee;
        border-radius: 4px;
    }

    .expense-estimate, .ex-line-amount {
        text-align: left;
    }

    .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 .panel-heading {
        max-width: calc((100vw / 3) - 30pt);
    }

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

    .totals-affix {
        width: 25vw;
    }

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

    /* 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;
    }

    .mobile-quick-lnks .user-action-btn {
        padding: 6pt 10pt;
        font-size: 10pt;
    }

    #ulmenu ul li {
        padding: 5px 0 5px 14px;
    }

        #ulmenu ul li a {
            font-size: 13px;
        }

    /* content */
    #pageHeaderBarRight h1 {
        text-align: left;
        float: none;
        margin-left: 35pt;
        padding-top: 15pt;
    }

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

        .navbar-inverse .navbar-toggle:hover {
            background-color: #1968c2;
        }

        .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus {
            background-color: #1968c2;
        }

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

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

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

    .dash-totals-wrap {
        padding-top: 6px;
        border-top: 1px solid #eee;
    }

    .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: 90px;
    }

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

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

    #sales-user-dashboard li.opp-filters-right {
        padding-top: 20px;
    }

    /*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-bottom: 1px solid #ccc;
            border-right: none;
            padding: 10px;
            font-size: 11pt;
            width: 100%;
            list-style: none;
            display: block;
            text-align: left;
        }

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

    /*OP Summary*/

    .stamp {
        top: 90pt;
    }
}


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

    .kpi-value span {
        font-size: 30px;
    }

    #ZDBW0014 {
        overflow: auto;
    }

    .card-contain {
        margin: 0 auto;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        .card-contain .card-contain {
            overflow: initial;
        }

    #pageHeaderBarRight {
        left: 0;
        top: 0;
    }

    .opp-table-contain {
        max-height: 300px;
    }

    .sales-user .btn {
        font-size: 9pt;
    }

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

    legend {
        font-size: 12pt;
    }

    #opportunities-datatable td {
        font-size: 8.5pt !important;
    }

    div.form-group.opp-detail {
        font-size: 9pt;
    }

    .view-opp-details input.form-control {
        width: 80% !important;
    }

    .view-opp-details {
        width: 100% !important;
    }

    .sales-user .modal-content {
        font-size: 9pt;
    }

    .attachment-list-upload-controls {
        padding: 10pt 0;
    }

    /* content */

    #pageHeaderBarRight h1 {
        width: 100%;
        text-align: left;
        margin-left: 35pt;
        font-size: 13pt;
        margin-top: 1pt;
    }

    /* 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;
    }

        .navbar-inverse .navbar-toggle:hover {
            background-color: #1968c2;
        }

        .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus {
            background-color: #1968c2;
        }

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

    /* Bootstrap Overides  */
    .form-control {
        padding: 3px;
    }

    .login-panel {
        max-width: 600px;
        padding: 20px;
    }

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

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

    .advanced-menu-options {
        padding: 20px 4px;
    }

        .advanced-menu-options input {
            padding: 10px 0;
            font-size: 14px;
            border: none;
        }

            .advanced-menu-options input:first-child {
                display: block;
                margin: 0 auto !important;
                max-width: 700px;
                width: 96%;
                float: none;
                border-radius: 4px 4px 0 0 !important;
            }

            .advanced-menu-options input:last-child {
                border-radius: 0 0 4px 4px !important;
            }

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

    .mobile-quick-lnks .user-action-btn {
        padding: 6pt 10pt;
        font-size: 10pt;
    }

    #ulmenu ul li {
        padding: 5px 0 5px 14px;
    }

        #ulmenu ul li a {
            font-size: 13px;
        }


    /* iPAD Bar */

    .card-header {
        padding: 5% 5px;
    }

    .hide-scroll {
        top: 61px;
        z-index: 999;
        height: 79px;
        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;
    }

        .navbar-inverse .navbar-toggle:hover {
            background-color: #1968c2;
        }

        .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus {
            background-color: #1968c2;
        }

    .dash-ex-items li {
        width: calc((100vw / 3) - 30pt);
    }

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

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

    /*Mobile Tray*/


    body.noScroll {
        position: fixed;
    }

    .ui-dialog.custSelect {
        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;
    }

    .pinned .glyphicon-arrow-down:hover, .pinned .glyphicon-arrow-up:hover {
        cursor: pointer;
        color: #fff !important;
    }

    .show-quick-lnks {
        display: block;
    }

    .user-actions{
        display: none;
    }

    #selectCustomerContent .close{
        display: none;
    }

    /*Documents*/

    .subnav-panel{
        top: 45pt;
    }

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

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

    .doc-content {
        width: 90%;
        border: 0;
        padding: 10pt 10pt 30pt;
        min-height: 100%;
        margin: 40pt auto 20pt;
    }

        .doc-content h1.pull-right {
            margin-right: 13pt;
        }

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

    /***/

    .sticky {
        left: 18px;
    }

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

    .op-date-contain .date-small .form-control {
        width: 210pt;
        max-width: 90%;
    }

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

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

    .dashboard-subnav{
        display: none;
    }

    /* Expense */

    .ex-dash-total-wrapper {
        padding-top: 8px;
        border-top: 1px dotted #eee;
    }

        .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: 1px solid #e6e8ee;
        border-radius: 4px;
    }

    .expense-dash {
        margin-top: 10pt;
    }

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

    .subnav-panel {
        margin: 0;
    }

    .card-wrapper {
        margin-left: 0;
    }

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

    .widget-wrapper {
        max-width: 100%;
        display: inline-block;
    }

    .project-btns h2 {
        font-size: 11pt;
    }

    #expense-body .panel-heading {
        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;
        background: #fff;
        border-bottom: 1px solid #ccc;
        padding: 5pt;
        box-shadow: 2px 2px 2px #eee;
    }

    #ctl00_MainContent_ctl00_puSaveAs_PW-1 .dxeEditArea_SoftOrange, #ctl00_MainContent_ctl00_puSaveAs_PW-1 input[type="text"].dxeEditArea_SoftOrange, #ctl00_MainContent_ctl00_puSaveAs_PW-1 input[type="password"].dxeEditArea_SoftOrange {
        font-size: 16px !important;
    }
}

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

    .form-control, input[type=text], select, textarea {
        font-size: 16px !important;
    }

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

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

    .opp-card {
        font-size: 12pt;
    }

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

    .opp-add-info .activities-feed a.add-note-lnk, .opp-add-info .activities-feed a.add-task-lnk, .activities-feed label, .activities-feed a.oppid {
        font-size: 11pt;
    }

    .opp-card .opp-sp, .activities-feed h1, .feed-popover-contain .activities-feed li a {
        font-size: 12pt;
    }

    .card-header h1 {
        font-size: 16pt;
    }

    .card-header h2 {
        font-size: 18pt;
    }

    .opp-tasks, .opp-notes, .opp-attach, .opp-tasks span.act-num, .opp-notes span.act-num, .opp-attach span.act-num {
        font-size: 12pt;
    }

    .main {
        width: 100% !important;
    }

    #order-summary-tab .hidden-xs {
        display: none;
    }

    .od-check {
        right: 0 !important;
    }

    /* Dialog */
    .ui-dialog {
        top: 30px;
        left: 50%;
        display: block;
        width: 300px !important;
        height: 300px !important;
        margin-left: -150px;
    }

        .ui-dialog.custSelect {
            height: 150px !important;
        }

            .ui-dialog.custSelect .ui-dialog-content {
                position: absolute;
                top: 10pt;
                left: 0;
            }

    .custSelect .ui-widget-content a {
    }

    .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 a.selected {
                background-color: #1a57ae;
            }

        #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: #FFF;
        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;
        font-size: 16pt;
        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%;
        border-bottom: 1px dotted #ccc;
    }

    .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-size: 11px;
        font-style: italic;
    }

    .order-page-list-item .btn-danger, .order-page-list-item-note-wrapper .btn-danger {
        margin-top: 6px;
        color: #d2322d;
        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;
        color: #5FC307;
        font-size: 16px;
    }

    .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;
        border-top: 1px dotted #aaa;
    }

    /* 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;
    }

    .order-form-wrapper label.mobile-lbl {
        display: block;
        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;
    }

    #ctl00_lblPackerName {
        color: #fff;
    }

    .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) {

    .widget-wrapper h1 {
        font-size: 12px;
    }

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

    .kpi-value {
        font-size: 28px;
    }

    .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);
    }

    .f-address {
        margin-top: 10pt;
    }


    .act-container {
        max-width: none;
        border: none;
        margin-top: 0pt;
    }

    body.act-view{
        background: #fff;
    }
}


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

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


    .menu-tray h2 a span.glyphicon {
        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 0 40pt;
        margin: 10pt auto;
    }

    .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 {
        display: none;
    }

        .op .clear-form.mobile {
            display: inline-block;
            margin-top: -15pt;
        }

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

    .mobileFloatHeading {
        position: fixed;
        top: 45pt;
        left: 0;
        width: 100%;
        padding: 0 1pt;
        background: #fff;
        z-index: 1000;
        border-bottom: 1px solid #ccc;
        box-shadow: 2pt 2pt 10pt #eee;
        z-index: 1;
    }

    .order-lines {
        overflow-y: auto;
        overflow-x: hidden;
        height: 63vh !important;
        box-shadow: 0pt 10pt 15pt #808080;
    }

    .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 .btn {
        max-width: 100pt;
        margin-right: 4pt;
        padding: 3pt !important;
        text-align: center;
    }

    .order-form-wrapper.order-summary {
        max-width: 85vw;
        border: 1px solid #ccc !important;
        padding-top: 10pt;
    }

    .op .modal {
        top: 50px;
    }

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

    #selectCustomer .ui-autocomplete {
        max-height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 20px;
    }

        #selectCustomer .ui-autocomplete li {
            margin: 0;
            padding: 0;
            zoom: 1;
            float: left;
            clear: left;
            width: 100%;
        }

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

    .order-pad .breadcrumb-nav{
        margin-top: 45pt;
        margin-bottom: -20pt;
    }

    .order-pad.o-summary .breadcrumb-nav {
        margin-top: 10pt;
        margin-bottom: 20pt;
    }

    .stamp{
        top: 62pt;
        right: 10pt;
    }

    .order-form-wrapper .form-control.sales-person-select {
        margin-left: 0;
    }
}


@media only screen and (max-device-width : 769px) {

    #order-flow li a {
        padding: 0 !important;
    }

        #order-flow li a.confirm-order {
            padding: 0;
            text-align: center;
        }

    .od-check {
        right: 0 !important;
    }

    .card-wrapper {
        margin-left: 0.5%;
    }

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

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

    .col-xs-height {
        display: block !important;
        margin-bottom: 10px;
        float: none !important;
    }

    #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 .panel-heading {
        position: relative;
        height: auto;
        max-height: 62pt;
        border-radius: 2pt;
        max-width: 100%;
    }

        #expense-body .panel-heading .btn {
            float: none;
            display: inline-block;
            width: auto;
            margin: 0;
            max-width: 120px;
            vertical-align: top;
        }

    .dash-ex-items {
        margin-top: 5pt;
        padding-top: 0;
    }

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

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

    .card-contain .col-lg-2 {
        margin: 0 0 0 -4px;
    }

    .card-wrapper .col-lg-2 {
        margin: 10pt -2px;
    }

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

    .inner-widget-wrap .table-responsive {
        border: 0;
        max-width: 80vw;
        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 .panel-heading {
        width: 100%;
        max-width: 92vw;
    }
}

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

    .mobile-quick-lnks .user-action-btn {
        padding: 6pt 3pt;
        font-size: 8.8pt;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .shipping-and-address, .ship-to, .bill-to {
        min-height: initial !important;
    }

    #paperContentWrapper h1.no-padding {
        margin-left: 10pt;
    }

    .card-header-wrapper {
        margin-top: 10px !important;
    }

    .widget-droppable-wrap {
        padding-top: 0;
    }

    .login-panel {
        margin: -179px 0 0 -212px;
        width: 450px;
        border: none;
        padding: 0pt;
    }

    .card-header {
        padding: 2% 5px;
    }

    #expense-body .panel-heading {
        max-width: 100vw !important;
    }

    .order-form-body .form-items li {
        padding: 0 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 {
        float: none;
        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.glyphicon {
        display: block;
        float: left;
        margin-left: -12pt;
        margin-right: 5pt;
    }

    .accordion-toggle.active span.glyphicon {
        float: left;
        margin-left: -12pt;
        margin-right: 1pt;
    }

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

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

    .order-form-body .form-items li.no-borders, .order-form-body .long-description.no-borders {
        border: none !important;
        margin-bottom: 0;
    }

    .order-form-body .panel-default {
        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;
    }

    .ui-dialog.custSelect .ui-widget-content a.close {
        display: none
    }

    #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;
            font-size: 16px;
        }

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

    .stamp {
        color: #54D797;
        border: 7pt solid #54D797;
        font-size: 10pt;
    }

    div#sigCapDiv {
        padding-top: 20pt;
    }

    .order-form-body.doc-body .breadcrumb-nav{
        margin-top: 35pt;
        margin-bottom: 15pt;
    }
}

@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) {

    .feed-popover-contain .activities-feed .activity-list-wrapper{
        max-height: 120pt;
    }

    .loading-animation {
        left: 37%;
    }

    .project-btns h2 {
        font-size: 9pt;
    }

    .choose-list label {
        width: 70pt;
    }

    .opp-card, .close-feed {
        font-size: 12pt;
    }

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

    .opp-add-info .activities-feed a.add-note-lnk, .opp-add-info .activities-feed a.add-task-lnk{
        font-size: 12pt;
    }

    .opp-card .opp-sp, .activities-feed h1, .feed-popover-contain .activities-feed li a {
        font-size: 11pt;
        line-height: 20pt;
    }

    body.modal-open{
        position:fixed;
    }


    .opp-card div {
        font-size: 11pt !important;
        line-height: 20pt;
    }

    .card-header h1 {
        font-size: 14pt;
    }

    .card-header h2 {
        font-size: 15pt;
        line-height: 24pt;
    }

    .opp-tasks, .opp-notes, .opp-attach, .opp-tasks span.act-num, .opp-notes span.act-num, .opp-attach span.act-num {
        font-size: 12pt;
    }

    .order-form-body .order-details {
        width: 234pt;
    }

    .order-form-body .amount-label {
        width: 90%;
    }

    .order-form-body.doc-body .show-quick-lnks {
        display: block !important;
    }
}

@media (max-width:500px) {

    .doc-content {
        width: 100%;
        border: 0;
        padding: 30pt 10pt 30pt;
        min-height: 100%;
        margin: -5px auto 20pt;
    }

        .doc-content h1.pull-right {
            margin-top: 60pt;
            float: none !important;
            margin-left: 20pt;
        }

    .o-summary.doc-content h1.pull-right {
            margin-left: 7pt;
        }

    .o-summary .doc-header {
        margin-right: 6pt;
    }

    .doc-logo {
        top: -85pt;
    }

    .btn-success.print{
        margin-left: 0;
        margin-bottom: 10pt;
    }

    #orderDetailsWrapper .doc-content h1.pull-right, #invoiceDetailsWrapper.doc-content h1.pull-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-size: 10px;
        font-style: italic;
        width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .template-download .btn {
        padding: 1px 3px;
        font-size: 10px;
    }

    .fileupload-buttonbar .col-xs-12 {
        padding: 0 !important;
    }

    .modalBody {
        padding: 10px 5px !important;
    }

    .expense-line-details {
        width: 100%;
    }

    .expense-receipt h1 {
        margin-top: 6px;
    }

    .status-request-id {
        display: inline-block;
        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 */

    .select-customer-wrapper textarea.search-box-customer {
        font-size: 12px;
    }

    .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: initial !important;
    }
}

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

    .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;
            font-size: 20px;
            border-bottom: 1px solid #eee;
        }

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

    .login-logo {
        width: 120px;
    }

    .login-panel .panel-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;
    }

    .panel-footer .btn {
        padding: 2px 10px;
        font-size: 11px;
    }

    .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%;
        font-size: 12px;
    }

        #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) {

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


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

    .sticky{
        left: 10px;
    }

    .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-contain {
        overflow: initial;
    }

    .card-header-wrapper {
        margin-top: 30px !important;
    }

    .card-wrapper {
        position: relative;
        margin-top: 120px;
    }

        .card-wrapper .card-contain {
            height: calc(100vh - 210pt) !important;
            padding-bottom: 10pt;
        }

    .feed-popover-contain {
        left: 0;
        top: 32%;
        max-width: 100%;
    }

    .card-contain .col-lg-2 {
        margin: 0 26pt 0 0;
        max-height: 100vh;
        -webkit-overflow-scrolling: touch;
        width: calc(100vw - 29pt);
    }

    .sales-user input[type=checkbox].checkbox-complete-align {
        margin: 3px -20px;
    }

    .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 .glyphicon {
        font-size: 7pt;
    }

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

}

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

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

    .card-header {
        padding: 2% 5px;
    }

    .order-pad .breadcrumb-nav{
        margin-top: 25pt;
    }

    .stamp{
        right: 2vw;
    }
}

@media (max-device-width:380px) {
    .main-card-contain {
        margin: 20% 0.5% 3%;
    }

    .hide-scroll {
        top: 89px;
        z-index: 999;
        height: 95px;
    }

    .doc-order-btns .btn{
        margin-bottom: 3pt;
    }

    .order-form-body.doc-body .breadcrumb-nav{
        margin-top: 40pt;
    }
}

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

    .mobile-quick-lnks .user-action-btn {
        padding: 6pt 1pt;
        font-size: 8.8pt;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

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

    .complete-check span strong {
        display: block;
        margin-left: -10pt;
    }

    .sales-user .opp-detail-btn-contain .btn {
        font-size: 8pt;
        padding: 5pt 7pt;
        min-width: 10pt;
    }

    .order-form-body .order-details {
        width: 180pt;
    }

    .order-form-wrapper {
        padding: 25pt 20pt;
        width: 93%;
    }

        .order-form-wrapper .row {
            margin-right: -15px;
            margin-left: -15px;
        }

    .user-action-btn {
        font-size: 10px;
    }

    .subnav-panel .form-control {
        font-size: 11px !important;
    }

    .advanced-menu-options input {
        padding: 10px 0;
        font-size: 12px;
        border: none;
        max-width: 40vw !important;
        margin: 1pt auto !important;
        display: inline !important
    }

    #table#ctl00_MainContent_ctl00_puSaveAs_CLW-1 {
        max-width: 305px;
    }

    #delivery-report div#report-dt_filter.dataTables_filter input {
        width: 70px;
    }

    .doc-sub-nav .pull-right {
        margin-right: 1% !important;
        margin-top: -6pt !important;
    }

    .order-form-wrapper select.form-control {
        width: 100pt !important;
    }

    .op .floating-checkout .btn {
        max-width: 48%;
        margin-left: 0pt;
        margin-right: 0pt;
    }

    div.row.f-itemline {
        padding-left: 20pt;
    }

    div.row.f-itemsearch {
        padding: 10pt 11pt 0 10pt;
    }

    .f-itemline div{
        padding-left: 10px;
    }

    .f-itemline.notes {
        padding: 5px 0 3px 20px;
    }

    .op hr {
        margin-left: -10pt;
        margin-right: -30pt;
    }

    div.op-date-contain {
        width: 96vw;
        padding: 0;
    }

    .order-form-wrapper .op-date-contain label {
        font-size: 9pt !important;
    }

    .f-address input {
        max-width: 100pt;
    }

    .order-form-wrapper.order-summary .op-date-contain {
        width: auto;
        text-align: left;
        margin-left: -10pt;
    }
}

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

@media print {

    body {
        padding: 0;
    }

    .breadcrumb-nav{
        display: none;
    }

    .main .footer {
        display: none;
    }

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

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

    .doc-content {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
    }

    .col-sm-6 {
        width: 50%;
        float: left;
    }

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


    .order-items-bar {
        border: 1px solid;
        border-right: none;
        border-left: none;
    }

    .doc-logo {
        width: 120pt;
    }

    #pageHeaderBarRight, .doc-order-btns, .navbar, .menu-tray, .doc-sub-nav {
        display: none !important;
    }

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

    .btn{
        display: none;
    }
}

/*End Print*/