/*#################################################################################
    
    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 styles specific CSS related to the portal. All font and color information should be located here. 

    Table Of Contents

    #Defaults
    #Bootstrap Overrides
    #Login
    #Menu
    #BreadCrumb
    #General Purpose
    #ChangePassword
    #OrderPad/QuotePad
    #OrderForm
    #Expenses
    #Dashboard
	#Sales User
    #Reports
    #Documents
    #DevEx Overrides

    ####Media Queries 

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

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

body {
    font-family: 'Helvetica Neue', Helvatica, Arial, sans-serif, serif !important;
    font-size: 0.8331rem;
    color: #555555;
}

h1, h2, h3, h4, h5, h6 {
    color: #25a9e6;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 1.4169rem;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1rem;
}

h4 {
    font-size: 0.9169rem;
}

h5 {
    font-size: 0.8331rem;
}

h6 {
    font-size: 0.75rem;
}


input {
    border: 0.0831rem solid #ccc;
    font-size: 0.875rem;
    color: #555;
    background-color: #fff;
}

a {
    color: #26a9e1;
}

    a:hover, a:active, a:focus {
        color: #808080;
        background-color: transparent !important;
    }


table {
    border-color: #dce0e2;
}

    table thead tr {
        color: #6e768f;
        font-size: 0.75rem;
        background-color: #fff;
    }

td {
    border-color: #f3f4f6 !important;
}

label {
    color: #333;
    font-size: 0.75rem;
}

textarea {
    border: 0.0831rem solid #ece9d9;
    background-color: #fffbe4 !important;
}

/* moved to <link> on master pages/layout as this import causes issues with bundling/minification */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);*/

select {
    background: #fff !important;
    border: 0.0831rem solid #C7C7C7 !important;
    font-size: 0.8331rem;
}


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

a:not([href]):not([tabindex]){
    color: #007bff;
}

.sales-user a:not([href]):not([tabindex]) {
    color: #fff;
}

.dropdown-item:hover,.dropdown-item:focus, .dropdown-item:active{
  background-color: transparent !important;
}

.progress-bar{
    background-color: #25a9e6;
}

.card {
    border-color: #dce0e2;
}

.card-title {
    color: #6e768f;
    font-size: 0.75rem;
    border-bottom: 0.0831rem solid #ccc !important;
    background: #fff;
}

.card-title {
    background: #fff;
}

table, .card {
    border-color: #dce0e2;
}

.btn {
    font-size: 0.8331rem;
}

.btn-default {
    background-color: #186c93 !important;
    border-color: #186c93;
    color: #fff !important;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:disabled {
    background-color: #26a9e1 !important;
    border-color: #26a9e1 !important;
    color: #fff !important;
}

.btn-primary, .btn-success {
    background-color: #25a9e6;
    border-color: #25a9e6;
    color: #fff;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:disabled {
    background-color: #26a9e1 !important;
    border-color: #26a9e1 !important;
    color: #fff !important;
}


 .btn-link{
        color: #26a9e1 !important;
        font-size: 0.75rem;
        text-decoration: none;
}

    
.btn-link:hover, .btn-link:active, .btn-link:focus{
        color: #808080 !important;
        font-size: 0.75rem;
        text-decoration: none !important;
}


.input-group-addon {
    font-size: 0.9169rem;
    color: #808080;
    background-color: #fafaf8;
}

.alert-danger{
    color: #721c24 !important;
}

.container {
    background: #FFFFFF;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group .btn + .btn, .modal-footer .btn-group .btn + .btn, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group .btn + .btn {
    border: 0.0831rem solid #eaeaea;
}

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

body.login-page {
    background: url(../img/ep_bg.jpg) 50% 0 / cover no-repeat fixed #25a9e6;
}


    .login-header h1 {
        font-size: 0.875rem;
        color: #fff;
        text-shadow: #303455 0 0.125rem 0.25rem;
    }

.login-panel {
    box-shadow: rgba(0,0,0,0.109804) 0 0.125rem 0.6875rem 0.5625rem;
    border-radius: 0.1669rem;
    background: #fff;
}

#ctl00_MainContent_b1LoginControl_ctl00_UserName, #ctl00_MainContent_b1LoginControl_ctl00_Password {
    color: #000;
}

#ctl00_MainContent_b1LoginControl_ctl00_loginBtn {
    color: #fff;
    background-color: #25a9e6;
}

    #ctl00_MainContent_b1LoginControl_ctl00_loginBtn:hover, #ctl00_MainContent_b1LoginControl_ctl00_loginBtn:active, #ctl00_MainContent_b1LoginControl_ctl00_loginBtn:focus {
        background-color: #26a9e1;
    }

#ctl00_MainContent_b1LoginControl_ctl00_RequiredFieldValidator2, #ctl00_MainContent_b1LoginControl_ctl00_RequiredFieldValidator1 {
    color: #d9534f;
    font-size: 0.75rem;
}

.login-footer {
    font-size: 0.75rem;
}

        .login-footer a:hover, .login-footer a:active, .login-footer a:focus {
            color: #808080 !important;
        }

.login-panel .error-msg, .alertText {
    color: #d9534f;
    font-size: 0.75rem;
}

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


.side-nav {
    background: #25a9e6;
}

.side-nav .fa-classic, .side-nav .fa-regular, .side-nav .fa-solid, .side-nav .far, .side-nav .fas{
    font-size: 1.5rem;
    color: #fff;
}

.side-nav .navbar-toggle.top .fa-solid{
    color: #25a9e6;
}

.side-nav .navbar-toggle.top.collapsed .fa-solid{
    color: #fff;
}

.side-nav .top-logo a:hover{
    background-color: transparent !important;
}

.navbar-toggle:hover, .user-actions a:hover, .side-nav a:hover, .navbar-toggle.top.collapsed:hover{
    background-color: #186c93 !important;
    color: #fff !important;
}

.side-nav .pinned a:hover{
    background-color: transparent !important;
}

.navbar-toggle.top:hover{
    background-color: transparent !important;
}

.user-actions {
    border-top: 0.0831rem solid #186c93;
    border-bottom: 0.0831rem solid #186c93;
}

pinned-links {
    background: #51baeb;
}

pinned-links h3{
    color: #fff;
}

.navbar {
    background-color: #fff;
    border-bottom: 0.0831rem solid #ccc;
}

.navbar-header {
    font-size: 0.75rem;
}

.top-logo {
    background: #fff;
}

.menu-expand {
    color: #fff;
}

.navbar-header .user-action-btn, .navbar-header .user-action-btn span, .navbar-header .user-action-btn i{
    color: #555 !important;
    border: 0.0831rem solid #eee;
    background: #eee !important;
    font-size: 1rem !important;
}

.navbar-header .user-action-btn span, .navbar-header .user-action-btn i{
    border: none !important;
}

.navbar-header .user-action-btn:hover, .navbar-header .user-action-btn:focus, .navbar-header .user-action-btn:active, 
.navbar-header .user-action-btn:hover i, .navbar-header .user-action-btn:focus i, .navbar-header .user-action-btn:active i{
    background-color: #26a9e1 !important;
    color: #fff !important;
}

.logout-panel .dropdown-toggle {
   color: #fff;
   font-size: 1rem;
   background: #25a9e6 !important;
}

.logout-panel .dropdown-menu {
    font-size: 0.75rem;
}

.ui-dialog.custSelect .ui-widget-content a.close, .ui-dialog.custSelectDoc .ui-widget-content a.close {
    font-size: 0.75rem;
    color: #929292;
}

.ui-dialog.custSelect, .ui-dialog.custSelectDoc {
    border: 0.0831rem solid #ccc;
    color: #333;
    background: #fff;
    font-size: 0.75rem;
}

    .ui-dialog.custSelect:before, .ui-dialog.custSelectDoc:before {
        border-color: #ccc transparent;
    }

    .ui-dialog.custSelect:after, .ui-dialog.custSelectDoc:after {
        border-color: #fff transparent;
    }

    .ui-dialog.custSelect .ui-widget-content a, .ui-dialog.custSelectDoc .ui-widget-content a {
        color: #337ab7;
    }

    .ui-dialog.custSelect .input-group .btn, .ui-dialog.custSelectDoc .input-group .btn {
        color: #9098b8 !important;
        background-color: #f7f7fa !important;
        border: 0.0831rem solid #ccc !important;
    }

        .ui-dialog.custSelect .input-group .btn .fas, .ui-dialog.custSelectDoc .input-group .btn .fas {
            color: #808080;
            font-size: 0.6669rem;
        }

#selectCustomer .ui-autocomplete, #selectDocCustomer .ui-autocomplete {
    border: 0.0831rem solid #ccc;
    background: #fff;
    font-size: 0.75rem;
    z-index: 2002;
}

.no-valid-customer-found {
    font-size: 0.75rem;
}

.user-action-btn {
    font-size: 1.25rem;
}

.backdrop {
    background: #fff;
}

/*End Quick Links*/
#ctl00_lblPackerName {
    font-size: 0.8331rem;
    color: #808080 !important;
    border-bottom: 0.0831rem solid #eee;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #ddd !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #eee !important;
}

/*Menu Tray*/

    .menu-tray.in, .menu-tray.collapse.show {
        background: #25a9e6;
    }

    .menu-tray a:not([href]):not([tabindex]), .menu-tray a {
        color: #fff;
        font-size: 1rem;
    }

    .menu-tray .general-links .fa-star, #accordion_menu_container .fa-times {
        font-size: 0.7rem;
        color: #fff;
    }

    .menu-tray ul .inner {
       background: #186c93;
    }

    .menu-tray ul li a.toggle.active {
        background: #186c93;
        color: #fff;
    }

    .menu-tray ul li a.toggle:hover, .menu-tray ul li a.toggle:focus, .menu-tray ul li a.toggle:active  {
        background-color: #186c93 !important;
        color: #fff;
    }

/*Pinned Reports*/

.menu-tray .pinned .fas {
    color: #fff;
    font-size: 0.7rem;
}

.menu-tray .accordion a span.fas.fa-chevron-right{
    font-size: 0.7rem;
}

.menu-tray .pinned li:hover {
    background: #4095bc;
}

.menu-tray .fa-times:hover {
    color: red !important;
}

.menu-tray a.menu-cat-link i {
    font-family: 'Font Awesome 5 Free';
}

.loading-animation{
    background-color: #808080;
}

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

.breadcrumb-nav, .breadcrumb-nav a {
    font-size: 1rem;
    color: #555;
}

/************************************************** #General Purpose ****************************************************************/

.table > thead > tr > th {
    border-right: 0.0831rem solid rgba(255, 255, 255, 0.14) !important;
}

td.dx {
    font-family: 'Open Sans', sans-serif !important;
}

.table > thead > tr, .table > tbody > tr, .table > tfoot > tr, .table > thead > tr, .table > tfoot > tr {
    border-top: 0.0831rem solid #ddd;
}

hr {
    border-top: 0.0831rem solid #ccc;
}

    .ep-wrapper label {
        color: #8797AA;
        font-size: 0.625rem;
    }

.modal-header h4, .modal-header h5 {
    font-size: 0.9375rem;
    color: #fff;
}

.modal-header {
    color: #fff;
    font-size: 0.8125rem;
    background-color: #25a9e6;
}

    .modal-header button.close {
        color: #fff;
        font-size: 1.3331rem;
        font-weight: normal;
    }

.required {
    color: red;
    font-size: 0.6875rem;
}

.red-text {
    color: #d9534f;
}

.red {
    color: red !important;
}

.comment {
    border: 0.0831rem solid #ece9d9;
    background-color: #fffbe4;
}

.card-title h4 {
    font-size: 0.875rem;
}

.card-title .btn {
    font-size: 0.75rem;
}

.card-footer {
    background-color: #fff;
}

.checkbox label span {
    color: #3c3c3c;
    font-size: 0.875rem;
}

.footer {
    color: #555f84;
    font-size: 0.5625rem;
    bottom: 0;
}

.page-wrapper {
    height: 100%;
    position: relative;
}

.timeStampTag {
    color: #aaa;
    font-size: 0.625rem;
    background-color: #eee;
}

    #footer-controls ul.navlist li span {
        color: #8a90a5;
        font-size: 0.6875rem;
    }

.notice-alert {
    color: #d36119;
}

/*Error pages*/

.error-heading {
    background: #808080;
    border-bottom: 0.0831rem solid #ccc;
    box-shadow: 0 0.25rem 0.8331rem #e2e2e2;
}

.error-page-custom h2, .error-page-custom h3 {
    color: #fff;
}

.error-page-custom h2 {
    font-size: 2.0831rem;
}

.error-page-custom h3 {
    font-size: 1.1669rem;
}

/************************************************** #ChangePassword *****************************************************************/

    #ctl00_MainContent_updatePasswordBtn tbody, #ctl00_MainContent_updatePasswordBtn tr, #ctl00_MainContent_updatePasswordBtn td, #ctl00_MainContent_updatePasswordBtn_CD {
        color: #fff !important;
    }


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

    .order-form-wrapper h1 {
        color: #25a9e6;
    }

.reviewItemsHeading {
    background-color: #186c93;
}

    .reviewItemsHeading h5 a {
        color: #fff;
    }

.disabled {
    color: #999;
}

#itemPriceConfigurationModal h5.modal-title {
    font-size: 0.9375rem !important;
}

.totals-affix {
    border: 0.0831rem solid #ccc;
}

.order-form-wrapper .op-date-contain label {
    font-size: 0.8331rem;
}

.order-form-wrapper h5 {
    font-size: 0.8331rem;
}

.order-form-wrapper select.form-control {
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #EDEFF0 100%);
}

.toggle-l-order {
    background-color: #fbb400;
}

.toggle-l-order:focus{
    color: #26a9e1;
}

.order-items-bar .toggle-l-order label{
    color: #555 !important;
}

.toggle-l-order:hover, .toggle-l-order:focus, .toggle-l-order:active{
    background-color: #ebb606 !important;
}

.order-form-wrapper label {
    font-size: 0.75rem;
}

.order-form-wrapper .simple-shipping label{
    white-space: nowrap;
}

.discount-line input {
    border-color: #ccc;
}

.discount-total input {
    border-color: #ccc;
}

#notes, .notes {
    background-color: #fffdeb;
    border: 0.0831rem solid #ccc;
}

.f-itemline.notes textarea {
    background-color: #fff !important;
}

.re-order-line {
    background: #f7f7f7;
    border-right: 0.0831rem solid #ccc;
}

.f-itemline{
    border-top: 0.125rem solid #ccc;
    border-bottom: none !important;
}

.ingredient, .o-summary .cp-table tbody tr.ingredient td {
    border-top: 0.0831rem dashed #ccc !important;
    border-bottom: none;
    background: #f5f5f5;
}

.ingredient .fas.fa-level-up-alt {
    color: #f9c029;
}

.f-itemline.error {
    background-color: #ffd0d7;
}

.invalid-udfs {
    background-color: #fff1f2;
}

    .invalid-udfs .f-itemname {
        color: #F36A35;
    }

.invalid-price-configuration {
    background-color: #ffced2;
    color: red;
}

.order-form-wrapper .f-search-label {
    background: #eee;
    border-bottom: 0.0831rem solid #ccc;
    color: #808080;
    font-size: 0.6669rem;
}

/*Order Summary*/

.o-summary .cp-table tbody tr td {
    border-top: 0.0831rem solid #ccc !important;
}

.o-summary .cp-table tbody tr:last-of-type td {
    border-bottom: 0.0831rem solid #ccc;
}

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

.o-summary .cp-table tbody tr.udf-line td {
    border-top: 0.0831rem dashed #eee !important;
}

#fatal-error {
    background: #fff;
    border: 0.0831rem solid #ccc;
}

/*Order Pad Colors*/

.order-form-wrapper {
    border: 0.0831rem solid #ccc;
}

.quick-add .table tr {
    background-color: #fff !important;
    font-size: 0.8331rem !important;
}

    .quick-add .table tr th {
        font-size: 0.8331rem !important;
    }

.quick-add-total {
    font-size: 1rem;
}

.order-form-wrapper button {
    font-size: 0.75rem;
}

.order-form-wrapper .op-actions button span{
    font-size: 1rem;
}

.order-form-wrapper select.form-control {
    background-color: #EFEEEE;
    border: 0.0831rem solid #ccc;
    font-size: 0.8331rem;
}

.f-address .form-control {
    font-size: 0.8331rem;
}

.order-items-bar {
    color: #fff !important;
    background-color: #adacac;
}

    .order-items-bar label {
        color: #fff !important;
    }

    .order-items-bar h6 {
        color: #fff;
        font-size: 1rem;
    }

.ordr-payment-details {
    font-size: 0.6669rem;
}

.order-sub-total {
    border-bottom: 0.1669rem solid #ccc;
    font-size: 0.8331rem;
}

    .order-discounts h4 {
        color: #25a9e6;
        font-size: 0.8331rem;
    }

.f-itemsearch {
    border-bottom: 0.1875rem solid #ccc;
}

.f-itemline {
    border-bottom: 0.0831rem solid #ccc;
}

.f-itemname {
    color: #25a9e6;
}

.f-itemline .udf-line label span {
    color: #25a9e6;
    font-size: 0.8331rem;
}

.pricing-config-error {
    color: red;
    background: #ffe5e5;
    font-size: 0.75rem;
    box-shadow: 3.375rem 0.0831rem 0 #ffe5e5;
}

.udf-line {
    border-top: 0.0831rem dashed #ccc;
}

.order-total {
    border-top: 0.0831rem solid #ccc;
}

    .order-total .discount-line input {
        border-color: #ccc;
    }

    .order-total li {
        border-bottom: 0.0831rem solid #ccc;
    }

        .order-total li:last-child {
            border-bottom: 0.1875rem solid #ccc;
        }

.stamp {
    color: #54D797;
    border: 0.5831rem solid #54D797;
    font-size: 1.5rem;
}

.shipping-notes p, .shipping-notes label {
    font-size: 0.8331rem;
}

.search-list-item ul {
    border: 0.0831rem solid #ccc;
    background-color: #fff;
}

.f-itemline.notes {
    font-size: 0.8125rem;
    background-color: #fdfbe9;
    border-top: 0.0831rem solid #ccc;
    border-bottom: none;
}

/*Subtotals*/

.f-itemline.subtotal {
    background: #e5e5e5;
    color: #03334d;
    font-size: 0.9169rem;
    border-top: 0.0831rem solid #ccc;
    border-bottom: none;
}

.doc-subtotal-line{
    border-top: 0.0831rem solid #ccc;
    border-bottom: 0.0831rem solid #ccc;
    background-color: #e5e5e5;
}

/************************************************** OrderForm **********************************************************************/
.order-form-body .item-category-name {
    background: #fff;
    color: #25a9e6;
    font-size: 1rem;
    border-bottom: 0.0831rem solid #ccc;
}

    .order-form-body .item-category-name label {
        color: #808080;
        font-size: 0.6669rem;
    }

.order-form-body .item-category-name.active, .of-name-description.active {
    background: #25a9e6;
    color: #fff !important;
    border-color: #25a9e6;
    font-size: 1rem;
}

    .of-name-description.active h3 {
        color: #fff;
    }

.order-form-body .item-category-name.active label {
    color: #fff;
}

.order-form-body .form-items li {
    border-bottom: 0.0831rem solid #ccc;
}

.order-form-body .long-description {
    border-bottom: 0.0831rem solid #ccc;
}

.order-form-body .item-order-list {
    background-color: #FFF;
    border: 0.0831rem solid #DCDCDC;
}

    .order-form-body .item-order-list li {
        color: #808080;
        font-size: 0.75rem;
        border-bottom: 0.0831rem solid #DCDCDC;
    }

.order-form-body .f-item-type {
    color: #000;
}

.order-form-body .item-order-list li .f-item-price {
    color: #7eb1ef;
}

.order-form-body .amount-label {
    color: #212121;
    font-size: 0.6875rem;
}

.floating-checkout {
    background: #eee;
    border-top: 0.0831rem solid #ccc;
}

body.order-form-body {
    background-color: #f5f5f5;
}

.order-form-body .card {
    background: #fff;
}

/*Cart Icon*/

.obeer-cart {
    font-size: 1.3331rem;
}

.obeer-cart a#cart, .obeer-cart a#cart:hover, .obeer-cart a#cart:focus, .obeer-cart a#cart:active {
    color: #fff;
}

.obeer-cart span.itm-count {
    color: #808080;
    font-size: 0.8331rem;
    background-color: #fff;
    border: 0.0831rem solid #ccc;
}


/************************************************** #Expenses ***********************************************************************/
body.expense-user {
    background-color: #f5f5f5;
}

    #expense-body .cc-import .card {
        background-color: #fff;
        border: 0.0831rem solid #ccc;
    }

ul.dash-ex-items li {
    background-color: #fff;
}

    .dash-ex-items li {
        border: 0.0831rem solid #d4d7e4;
    }

.dash-ex-items li:hover {
    background-color: #f8fafc;
}

.dash-ex-items label {
    font-size: 0.625rem;
}

.ex-doc-id {
    color: #777;
}
    .ep-dash-item-name h2 {
        font-size: 0.8331rem;
        color: #212121;
    }

.dash-ex-status {
    color: #bcc9da;
    font-size: 0.6669rem;
    border: 0.0831rem solid #bcc9da;
}

.ep-dash-item-name .saved {
    color: #428bca;
    border-color: #428bca;
}

.ep-dash-item-name .pending-approval {
    color: #f7b401;
    border-color: #f7b401;
}

.ep-wrapper{
    padding: 1.25rem 0.625rem 6.25rem 0.0831rem;
}

.dash-ex-total-label {
    color: #a2aabf;
    font-size: 0.5625rem;
}

.dash-ex-total {
    color: #4caf50;
    font-size: 1rem;
}

.dash-ex-dates {
    color: #939393;
    font-size: 0.6669rem;
}

.border-bottom-heading {
    border-bottom: 0.0831rem solid #333;
}

.expense-receipt {
    background: #fff !important;
}

.expense-receipt .fa-cog {
    color: #A5ADC0;
}

.expense-receipt .fa-trash-o {
    color: #dd502f;
}

.expense-receipt label {
    font-size: 0.6875rem;
}

.expense-receipt span {
    font-size: 0.75rem;
}

    .expense-receipt h1 span {
        color: #8E93A4;
    }

.status-request-id {
    color: #FFF;
    background-color: #EEE;
}

    .status-request-id h3 {
        color: #666;
        font-size: 0.6669rem;
    }

    .status-request-id span {
        color: #999;
        font-size: 0.75rem;
    }

.cc-lines-import-dash {
    color: #333;
}

        .cc-lines-import-dash li:first-child {
            font-size: 0.75rem;
        }

    .cc-lines-import-dash .btn {
        font-size: 0.6669rem;
        color: #fff;
    }

.ep-wrapper thead {
    background-color: #F1F3F8;
    border-top: 0.0831rem solid #A4AABF;
}

    .ep-wrapper thead tr th {
        font-size: 0.6875rem;
    }

    .ep-wrapper .table .btn-link {
        color: #D34259;
    }

    .ep-wrapper .table > thead > tr > th {
        border-bottom: 0.0831rem solid #A4AABF;
    }

    .ep-wrapper .table > tbody > tr > td {
        border-top: 0.0831rem solid #A4AABF;
    }

    .ep-wrapper .table > tbody > tr {
        font-size: 0.75rem;
        color: #202023;
    }

.ep-status-id {
    background-color: #969CB2;
}

    .ep-status-id h6 {
        color: #D5D7DF;
    }

    .ep-status-id strong {
        color: #FFF;
    }

.ep-notes {
    background-color: #FFFBE1;
    border-color: #D2CEB0;
}

.cc-available {
    color: #969CB2;
    font-size: 0.8125rem;
    background-color: #F1F3F8;
}

    .cc-available .btn-link {
        color: #4A90E2;
        font-size: 0.8125rem;
    }

.ep-line-item {
    border: 0.0831rem solid #A4AABF;
}

    .ep-line-item p {
        color: #5D637A;
    }

.ep-sub-item-details {
    font-size: 0.75rem;
    border-top: 0.0831rem dashed #DDDFE7;
}

    .ep-sub-item-details p {
        color: #9EADBF;
    }

    .ep-sub-item-details span {
        color: #838A9E;
    }

.ep-notes-edit {
    font-size: 0.75rem;
}

.ep-notes-icon {
    color: #BF885E !important;
    font-size: 0.75rem;
}

.delete-lnk {
    color: #D34259;
}

.edit-lnk {
    color: #878DA0;
}

.ep-line-totals {
    background-color: #F1F3F8;
}

    .ep-line-totals h2 {
        color: #5D637A;
    }

/* ELEMENTS */
.hr {
    border-bottom: 0.0831rem solid #DDDFE7;
}

.dotted-lines {
    border-bottom: 0.0831rem dotted #DDDFE7;
}

#empComments {
    border: 0.0831rem solid #ece9d9;
    background-color: #fffbe4;
}

.ex-line {
    color: #909090;
    border-top: 0.0831rem solid #929292;
}

.ex-line-wrapper {
    border-bottom: 0.125rem solid #333;
}

    .ex-line-wrapper p {
        color: #000;
        font-size: 1.25rem;
    }

.ex-line-amount p {
    font-size: 1rem;
}

.ex-comments-btns {
    border-top: 0.0831rem solid #aeaeae;
}

.attachment-src-name {
    font-size: 0.625rem;
}

.attachment-list-item {
    box-shadow: #fff 0 0.0831rem 0 inset;
    border: 0.0831rem solid #e1e6ee;
    background: linear-gradient(rgb(250,251,253), #f7f8fa);
}

.ep-attached-date {
    color: #8e93a4;
}

    .expense-receipt .fa-cog {
        color: #a5adc0;
    }

    .expense-receipt .fa-trash-o {
        color: #dd502f;
    }

    .expense-receipt label {
        font-size: 0.6875rem;
    }

.submitting-label, .saving-label {
    font-size: 0.75rem;
    color: #666;
    background: url(../img/loading-small.gif) 0 50% no-repeat transparent;
}

.total-expense-cost {
    background-color: #f6f6f6;
}

    .total-expense-cost h4, .total-lines h4 {
        color: #323232;
        font-size: 1.625rem;
    }

.action-header {
    border-bottom: 0.125rem solid #333;
}

.highlight-header {
    color: #323232;
}

.ex-line-wrapper a {
    font-size: 0.6875rem;
}

.label-success {
    color: #fff !important;
    background-color: #4caf50;
}

#edit-gl-allocation {
    color: #333;
}

.ex-line span {
    color: #333;
    font-size: 0.6875rem;
}

    .gl-modal li p {
        color: #40474f;
        font-size: 0.75rem;
        border-bottom: 0.0831rem solid #dddfe7;
    }

.gl-modal h5 {
    color: #5d637a;
    font-size: 1.125rem;
    border-top: 0.0831rem solid #dddfe7;
    border-bottom: 0.0831rem solid #dddfe7;
}

.expense-comments {
    color: #d88a48;
    background: url(../img/comment-lines.png) 0 50% no-repeat transparent;
}

.comments textarea, .expense-receipt span, .customer-info p, .order-date p {
    font-size: 0.75rem;
}

.green, .activities-feed a.add-task-lnk, .activities-feed a.add-note-lnk, .activities-feed a.add-meeting-lnk, .activities-feed a.add-activity-lnk {
    color: #337ab7 !important;
}

.activities-feed li.bg-danger .due-date, .opp-tasks span.act-num.overdue {
    color: red;
}

.opp-detail-options{
    font-size: 0.9169rem;
    color: #ffbb00;
    font-weight: bold;
    text-shadow: 0 0 #ffbb00;
}

/************************************************** #Dashboard **********************************************************************/

body.dashboard-body {
    background-color: #ffffff;
}

.input-group.date {
    background-color: #ffffff;
}

.dashboard-body .edit-layout {
    background: #fff;
    border: 1px solid #ccc;
    color: #555;
}

.dashboard-panel {
    border: 0.0831rem solid #ccc;
}

    .dashboard-panel .card-title {
        color: #fff;
        background-color: #25a9e6;
    }

    .dashboard-panel h4 {
        color: #fff;
    }

    .dashboard-panel .btn-link {
        font-size: 0.8331rem;
    }

    .dashboard-panel .card-title .btn-link {
        color: #fff !important;
    }

    .ep-dash-total .btn-link {
        font-size: 0.6669rem;
    }

    .dashboard-subnav #Dashboards {
        font-size: 0.625rem;
    }

    .dashboard-subnav select {
        font-size: 0.75rem;
    }

.dashboard-subnav a {
    color: #25a9e6;
    text-align:center;
}

#dashboard .top-tabbed-navigation .input-group-addon, .order-date-picker-wrapper .input-group-addon, .order-form-wrapper .input-group-addon {
    color: #555;
}

.widget-wrapper {
    background: #fff;
}

.google-visualization-table-table th {
    font-size: 0.8331rem;
    background: #EFEEEE !important;
    color: #555555;
    text-align: left;
}

.google-visualization-table-table td {
    font-size: 0.8331rem;
}

.google-visualization-table .AlternatingRowClass {
    background-color: #fff;
}

.editable-widget-wrapper {
    box-shadow: rgba(175,175,175,0.498039) 0 0.125rem 0.1875rem 0;
    background: #fff;
}

    .editable-widget-wrapper h1 {
        font-size: 1.375rem;
    }

    .editable-widget-wrapper h6 {
        color: #999;
        font-size: 0.75rem;
    }

.widget-wrapper h1 {
    color: #53585f;
    font-size: 0.875rem;
}


/* KPI */

.kpi-value {
    font-size: 2.25rem;
}

.red .kpi-value {
    color: #E44200;
}

.yellow .kpi-value {
    color: #FFA147;
}

.green .kpi-value {
    color: #1FCF5F;
}

.kpi-subtitle {
    color: #888;
    font-size: 0.625rem;
}

.kpi-previous-value {
    color: #7B7B7C;
    font-size: 0.75rem;
}

    .pie-chart-colours li {
        font-size: 0.6875rem;
    }


/***
  EDITABLE DASHBOARD
  ***/

.edit-widgets-navbar-actions {
    background-color: rgba(255,255,255,0.8);
    border-bottom: 0.0831rem solid #ddd;
}

.widget-droppable-wrap {
    background-color: #F1F1F2;
    border: 0.0831rem dashed #DDD;
}

.widget-drawer {
    background-color: #FFF;
    box-shadow: -0.125rem 0 0.5rem 0 rgba(0,0,0,0.1);
}

    .widget-drawer h1 {
        color: #111;
        font-size: 0.75rem;
        border-bottom: 0.0831rem solid #aaa;
    }

.available-widget {
    background-color: #FFF;
    border: 0.0831rem solid #eee;
}

.available-widget p {
    font-size: 0.875rem;
}

.global-widgets-wrapper #table-div {
    font-size: 0.75rem;
}

    .edit-widget-size label {
        font-size: 0.6875rem;
        color: #aaa;
    }

    .edit-widget-size select {
        font-size: 0.6875rem;
    }

.dash-all-widgets-used {
    color: #888;
    font-size: 0.8125rem;
}

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

.sales-user .btn-alt {
    color: #25a9e6 !important;
    background-color: #fff !important;
    border: none !important;
}

.activities-feed li.bg-danger {
    background-color: #fff !important;
}

.feed-popover-contain .activities-feed li a {
    font-size: 0.8331rem;
}

.upload-drop-zone {
    color: #ccc;
    border: 0.125rem dashed #ccc;
}

.sales-user .modal-body ul li {
    color: #fff;
}

    .sales-user .modal-body ul li span {
        color: #3c3c3c;
    }

div#sales-user-app {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #fff !important;
}

.top-tabbed-navigation {
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    padding: 0.3rem;
}

.top-tabbed-navigation button, .top-tabbed-navigation a, .top-tabbed-navigation input, .top-tabbed-navigation .btn-link{
    background: #fff !important;
    color: #555 !important;
}

.top-tabbed-navigation button, .top-tabbed-navigation a, .top-tabbed-navigation input{
    border: 1px solid #ccc;
}

/*Report display on customer profile sub nav*/

.top-tabbed-navigation .dropdown li {
    border-bottom: 0.0831rem solid #ccc;
}

.sales-user .btn {
    font-size: 0.8331rem;
}

.bp-contain {
    border-right: 0.0831rem solid #ccc;
}

.activities-feed {
    border-left: 0.0831rem solid #ccc;
    background: #fff;
}

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

.activities-feed h1 {
    font-size: 0.9169rem;
    border-bottom: 0.0831rem solid #ccc;
}

.activities-feed li {
    color: #fff;
    border-left: 0.0831rem solid #ccc;
}

.activities-feed label, .activities-feed a.oppid {
    font-size: 0.7081rem;
}

.activities-feed a.oppid {
    color: #8e93a4 !important;
}

.activities-feed label.activity-name {
    color: #186c93;
}

.activities-feed input[type="checkbox"], ul.activity-past span {
    color: #3c3c3c;
    background-color: #fff;
}

.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 {
    color: #26a9e1 !important;
}

#opportunities-datatable tr {
    font-size: 0.75rem;
}

    #opportunities-datatable tr:nth-child(2n+1) > td {
        font-size: 0.75rem;
    }

.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

.hide-opp-parent {
    border-bottom: 0.0831rem solid #ccc;
    background-color: #fff;
}

.hide-opp-btn {
    border: 0.0831rem solid #ccc;
    color: #25a9e6;
    background: #fafaf8;
}

    .hide-opp-btn:hover {
        color: #2196f3;
    }

body.sales-user {
    background-color: #fff;
}

    body.sales-user.board {
        background-color: #f5f5f5;
    }

#sales-user-app tr.row_selected td {
    background-color: rgba(156,173,208,0.458824) !important;
}

.sales-user a.close-modal {
    color: #fff !important;
}

.sales-user .btn.btn-alt {
    color: #25a9e6 !important;
    border: 0.0831rem solid;
}

.view-opp-details {
    border-right: 0.0831rem solid #ccc;
}

 .opp-detail .col-sm-6 div ul li {
    color: #fff;
}

    .opp-detail .col-sm-6 div ul li span {
        color: #3c3c3c;
        font-size: 0.7919rem;
    }

.card-headers {
    color: #fff;
    border: 0.0831rem solid #e4e4e4;
    box-shadow: #ccc 0 0.125rem 0.5625rem;
    background-color: #25a9e6;
}

.card-headers h1 {
    font-size: 1.3331rem;
    color: #fff;
}

.card-headers h2 {
    font-size: 1.0831rem;
    color: #fff;
}

.hide-scroll {
    box-shadow: #f5f5f5 0.0831rem 0.5rem 0.5625rem;
    background-color: #f5f5f5;
}

.opp-card {
    border: 0.0831rem solid #ccc;
    font-size: 0.75rem;
    box-shadow: #f7f7f7 0.0831rem 0.1669rem 0.1669rem;
    transition: all .3s cubic-bezier(0.25,0.8,0.25,1);
    background: #fff;
}

.opp-add-info {
    border-top: 0.0831rem solid #ccc;
}

.opp-card .opp-name {
    font-size: 0.9169rem;
}

.feed-popover-contain {
    border: 0.0831rem solid #ccc;
    box-shadow: #808080 0.0831rem 0.5rem 0.5625rem;
    font-size: 0.8331rem !important;
    background: #fff;
}

.activity-list-wrapper .popover {
    color: #212121;
}

    .popover-content h5 {
        font-size: 0.6669rem;
        color: #333 !important;
        border-bottom: 0.0831rem solid #ccc;
    }

    .popover-content p {
        font-size: 0.75rem;
    }

.close-feed {
    color: #bfbfbf;
    font-size: 0.6669rem;
}

.opp-card .opp-amount {
    font-size: 1.1669rem;
}

.opp-card .opp-sp {
    font-size: 0.75rem;
}

.opp-tasks, .opp-notes, .opp-attach, .opp-meetings {
    color: #3c3c3c;
    font-size: 0.8331rem;
}

    .opp-tasks span.act-num, .opp-notes span.act-num, .opp-attach span.act-num, .opp-meetings span.act-num {
        font-size: 0.6669rem;
        color: #428bca;
    }

.card-display {
    color: #fff;
    font-size: 1.3331rem;
}

    .card-display:hover, .card-display:active {
        color: #ccc;
    }

.table > thead:first-child > tr:first-child > th, #opportunities-datatable tr:first-child > th {
    box-shadow: #ccc 0 0.25rem 0;
    color: #555;
    font-family: 'Open Sans', Helvatica, Arial;
    font-size: 0.75rem;
    background-color: #F5F5F5;
    border-bottom: none;
}

.upload-wrap {
    color: #fff;
}

        /* this doesn't actually work and no spaces between the color stops and percentages causes problems with minification*/
        /*.upload-loading span::after {
            background-image: linear-gradient(transparent0px,transparent70%,#fff30%,#fff100%);
        }*/

table#business-partner-contacts, table#business-partner-addresses, table#business-partner-contacts, table#business-partner-addresses, table#report-dt {
    border: 0.0831rem solid #f7f7f7;
}

    table#business-partner-contacts tr, table#business-partner-addresses tr, #opportunities-datatable tr, table#report-dt tr, table#business-partner-addresses tfoot tr:nth-of-type(2n+1), table#business-partner-addresses thead tr:first-of-type, #opportunities-datatable thead tr:first-of-type, table#report-dt thead tr:first-of-type {
        background-color: #fff;
    }

.opp-board {
    background-color: #f5f5f5;
}


/*Full Screen Edit/View Activities*/

.act-container {
    border: 0.0831rem solid #ccc;
    background: #fff;
}

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

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

.reports .top-tabbed-navigation li input {
    color: #555;
}

.reports .top-tabbed-navigation li input.dxeEditArea_SoftOrange, .reports .top-tabbed-navigation li input.dxeEditArea_SoftOrange:hover{
	color: #555;
}

.reports .top-tabbed-navigation li input:hover, .reports .top-tabbed-navigation li input:active, .reports .top-tabbed-navigation li input.focus {
    color: #555;
}

.btn-chart input[type="submit"] {
    color: #fff;
    font-size: 0.9169rem;
    background-color: #25a9e6;
}

.doc-body .btn-link {
    font-size: 0.75rem;
}

#ctl00_MainContent_ctl00_pivotDisplay_DXHFP_TPCFCm1_O_CD, #ctl00_MainContent_ctl00_pivotDisplay_DXHFP_TPCFCm1_C_CD {
    background-color: #2b7ce6 !important;
}

.dxbButton_SoftOrange div.dxb {
    color: #333 !important;
}

/* Custom Parameters */
.custom-query-params-select {
    font-size: 0.875rem;
    color: #555;
    background-color: #fff;
    border: 0.0831rem solid #ccc;
    -webkit-box-shadow: inset 0 0.0831rem 0.0831rem rgba(0,0,0,.075);
    box-shadow: inset 0 0.0831rem 0.0831rem rgba(0,0,0,.075);
}

#ctl00_MainContent_ctl00_customParams_btnShowCustomParams{
    color: #555 !important;
    font-size: 1.1rem;
}

.custom-query-params-min {
    background-color: #e4f3f9;
}

    .custom-param-list-min li {
        color: #555;
        font-size: 0.75rem;
    }

.custom-param-list-min li span{
    font-weight: bold;
    font-size: 0.8rem;
}

.custom-query-params {
    color: #555;
    background-color: #e4f3f9;
}

    .custom-param-list li {
        color: #555;
        font-size: 0.75rem;
    }

    .custom-param-list .dxeButtonEditSys, .custom-param-list .custom-query-params-text {
        font-size: 0.875rem;
        color: #555;
        background-color: #fff;
        border: 0.0831rem solid #ccc;
        -webkit-box-shadow: inset 0 0.0831rem 0.0831rem rgba(0,0,0,.075);
        box-shadow: inset 0 0.0831rem 0.0831rem rgba(0,0,0,.075);
    }

.param-warning {
    color: #fbb400;
    font-size: 0.76rem;
    border-left: 0.4rem solid #fbb400;
}

    .error-params-required li {
        font-size: 0.75rem;
    }

/*Delivery Document Report*/

.doc-sub-nav a span.fa-ban {
    color: red !important;
}

.doc-sub-nav a span.fa-check-circle {
    color: green !important;
}

/*Email Report*/

.email-modal{
    border: 0.0831rem solid #ccc !important;
}

.dxeTextBox_SoftOrange.emInput input, .dxeButtonEditSys.emInput {
    border: 0.0831rem solid #ccc;
    font-size: 0.875rem;
    color: #555;
    background-color: #fff;
}

.email-modal .row{
    border-bottom: 0.0831rem solid #ccc;
}

.email-modal .row .row{
    border-bottom: none;
}

.email-modal .dxpc-content {
    font-size: 0.75rem !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
}

.email-modal .col-lg-10 .col-lg-12 span, .email-modal .col-lg-10 label {
    color: #333 !important;
}

.dxeListBox_SoftOrange, .dxeMemo_SoftOrange{
    border: 0.0831rem solid #ccc !important;
    border-radius: 0.1669rem;
    font-family: Arial, Helvetica, sans-serif !important;
}

.dxeListBox_SoftOrange td, .dxeMemo_SoftOrange td, .dxeMemo_SoftOrange textarea{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.8331rem !important;
}

/************************************************** #Documents **********************************************************************/
/*copy and edit buttons*/
.doc-order-btns .btn.odr-btn {
    border: 0.0831rem solid #808080;
    background: #fd9025;
    color: #fff;
}

    .doc-order-btns .btn.qte-btn {
        border: 0.0831rem solid #808080;
        background: #20c7a2;
        color: #fff;
    }

    .doc-order-btns .btn.odr-btn:hover, .doc-order-btns .btn.odr-btn:active {
        background: #ff7e00;
    }

    .doc-order-btns .btn.qte-btn:hover, .doc-order-btns .btn.qte-btn:active {
        background: #0cb913;
    }

/**/

/*Delivery Doc Status*/

.doc-content .fa-ban {
    color: red !important;
}

.doc-content .fa-check-circle {
    color: #186c93 !important;
}

/**/

.doc-content {
    box-shadow: 0 0.125rem 0.4375rem #ccc;
    background: #fff;
}

    #invoiceDetailsWrapper .address-wrapper pre, #deliveryDetailsWrapper .address-wrapper pre, #orderDetailsWrapper .address-wrapper pre {
        font-family: Arial, Helvetica, sans-serif;
    }

        .cp-table thead tr td {
            border-top: 0.0831rem solid #ccc;
            border-bottom: 0.0831rem solid #ccc;
            background: #efeeee;
            color: #212121;
        }

/************************************************** #TMC **********************************************************************/
.tmc-contain .dropdown-menu {
    font-size: 0.8331rem;
}

        .tmc-contain .dropdown-menu > li > a {
            color: #333;
        }

        .tmc-contain .dropdown-menu .disabled > a {
            color: #777 !important;
        }

    .tmc-contain .tmc-reports {
        border-left: 0.0831rem solid #ccc;
    }

    .tmc-contain h1 {
        border-bottom: 0.0831rem solid #ccc;
     }

.tmc-contain .nav-tabs > li.active > a, .tmc-contain .nav-tabs > li.active > a:hover, .tmc-contain .nav-tabs > li.active > a:focus, .tmc-contain .nav-tabs > li > a {
    background-color: #fff !important;
}

.tmc-contain .global-widgets-wrapper ul li {
    border-right: 0.0831rem solid #ccc;
    font-size: 0.9169rem;
}

.status-go {
    color: #40a42b;
}

.proj-select, .act-select {
    background-color: #25a9e6;
    border: 0.3125rem solid #fff;
}

.project-btns h4, .project-btns h2, .project-btns a {
    color: #fff;
}

.project-btns .btn-primary {
    font-size: 1rem;
}

.project-btns .proj-num {
    font-size: 0.8331rem;
}

.proj-actions .btn {
    background-color: #0e83e7;
    color: #fff;
    font-size: 0.9169rem;
}

    .proj-actions .btn.selected {
        border: 0.0831rem solid #0e83e7;
        color: #0e83e7;
        background-color: #fff;
    }

.tmc-contain h3 {
    border-bottom: 0.0831rem solid #ccc;
}

#addMaterials .warehouse-name, .project-num, .work-type {
    font-size: 0.8331rem;
}

.choose-list {
    border: 0.0831rem solid #ccc;
    background-color: #f9f9f9;
    border-bottom: 0.1669rem solid #ccc;
}

        .choose-list ul li {
            border-top: 0.0831rem solid #ccc;
        }

            .choose-list ul li:nth-child(odd) {
                background-color: #fff;
            }

    .choose-list li a {
        color: #478ce1;
        font-size: 0.9169rem;
    }

/*Class for hidden records in hour list*/
.hour-list tr.posted td {
    color: #b7b7b7;
}

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

.dxgvControl_MaterialCompactOrange a {
    color: #26a9e1 !important;
    background: transparent !important;
}

#ctl00_MainContent_ctl00_gridReportCtrl_DXHFP_TPCFCm1_O_CD {
    color: #fff;
}

#ctl00_MainContent_ctl00_puSaveAs_btnSaveLayoutAsOk {
    color: #fff;
    background-color: #26a9e1;
}

.dxpcLite_MaterialCompactOrange .dxpc-header {
    border-bottom: 1px solid #ccc;
    font-size: 0.8rem;
    padding: 0.7rem 0.5rem 0;
}

.dxgvControl_MaterialCompactOrange a:hover, .dxgvControl_MaterialCompactOrange a:focus, .dxgvControl_MaterialCompactOrange a:active {
    color: #808080 !important;
    background: transparent !important;
    text-decoration: none !important;
}

.dxbButton_MaterialCompactOrange, #ctl00_MainContent_ctl00_pivotDisplay_DXHFP_TPCFCm1_O_CD, #ctl00_MainContent_ctl00_pivotDisplay_DXHFP_TPCFCm1_C_CD {
    background-color: #25a9e6 !important;
}

.dxeButtonEditButton_MaterialCompactOrange {
    background: transparent !important;
}

.dxeButtonEditButton_MaterialCompactOrange:hover, .dxeButtonEditButton_MaterialCompactOrange:active, .dxeButtonEditButton_MaterialCompactOrange:focus {
    background: #26a9e1 !important;
}

.dxeCalendarHeader_MaterialCompactOrange {
    background-color: #25a9e6 !important;
}

.dxeCalendarWeekend_MaterialCompactOrange {
    color: #25a9e6 !important;
}

.dxpLite_MaterialCompactOrange .dxp-current, .dxpLite_MaterialCompactOrange .dxp-current:hover, .dxpLite_MaterialCompactOrange .dxp-current:active, .dxpLite_MaterialCompactOrange .dxp-current:focus {
    background-color: transparent !important;
    color: #808080 !important;
    border: 0.0831rem solid #ccc;
}

.dxeFocused_MaterialCompactOrange {
    border: 0.0831rem solid #25a9e6;
}

.dxeListBoxItemSelected_MaterialCompactOrange {
    background-color: #eeeeee !important;
    color: #484848 !important;
}

    .dxeListBoxItemSelected_MaterialCompactOrange .dxWeb_edtCheckBoxChecked_MaterialCompactOrange {
        background-position: -8.3125rem -9.4375rem;
    }


.dxpgHeader_MaterialCompactOrange, .dxgvHeader_MaterialCompactOrange {
    font-family: 'Helvetica Neue', Helvatica, Arial, sans-serif, serif !important;
    font-size: 0.8rem;
    color: #555;
}

.dxpgHeader_MaterialCompactOrange {
    font-size: 0.75rem !important;
    ;
}

#ctl00_MainContent_ctl00_pivotDisplay_DataArea .dxpgHeader_MaterialCompactOrange {
    background-color: #e4f3f9;
    border: 0;
}

.dxpgFilterArea_MaterialCompactOrange, .dxpgArea_MaterialCompactOrange, .dxpgCell_MaterialCompactOrange,
.dxpgRowFieldValue_MaterialCompactOrange, .dxpgPTContainerDiv_MaterialCompactOrange > .dxpgMainTable_MaterialCompactOrange,
.dxgvHeader_MaterialCompactOrange, .dxgvTable_MaterialCompactOrange, .dxgvEditFormDisplayRow_MaterialCompactOrange td.dxgv,
.dxgvDetailCell_MaterialCompactOrange td.dxgv, .dxgvDataRow_MaterialCompactOrange td.dxgv,
.dxgvDetailRow_MaterialCompactOrange.dxgvADR td.dxgvAIC, .dxgvPagerBottomPanel_MaterialCompactOrange {
    border: 0 !important;
    box-shadow: none;
}

.dxgvDataRowAlt_MaterialCompactOrange {
    background: #fff !important;
}

.dxpgColumnFieldValue_MaterialCompactOrange {
    border: 0;
    background: #eee;
}

#ctl00_MainContent_ctl00_pivotDisplay_ACCRowArea .dxpgArea_MaterialCompactOrange, .dxgvHeader_MaterialCompactOrange {
    border: 0;
    background: #eee;
}

.dxgvFilterRow_MaterialCompactOrange td.dxgv {
    border: 0;
    background: #fff;
}

.dxpLite_MaterialCompactOrange .dxp-current, .dxpLite_MaterialCompactOrange .dxp-current:hover, .dxpLite_MaterialCompactOrange .dxp-current:active, .dxpLite_MaterialCompactOrange .dxp-current:focus {
    background-color: #e4f3f9 !important;
    color: #808080 !important;
    border: 0.0831rem solid #e4f3f9;
}

.dxpLite_MaterialCompactOrange .dxp-summary, .dxpLite_MaterialCompactOrange .dxp-ellip, #footer-controls ul.navlist li span {
    padding: 0.5rem 0;
    font-size: 0.75rem;
}


.dxpgTotalCell_MaterialCompactOrange {
    background-color: #eee !important;
}

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

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

        .opp-card .opp-name {
            font-size: 0.8331rem;
        }

        .opp-card .opp-amount {
            font-size: 1rem;
        }

    .card-headers h1 {
        font-size: 1.1669rem
    }

    .card-headers h2 {
        font-size: 1.0831rem
    }
}


@media all and (max-width:1310px) {
    .opp-card {
        font-size: 0.6669rem;
    }

        .opp-card .opp-name {
            font-size: 0.75rem;
        }

        .opp-card .opp-amount {
            font-size: 0.9169rem;
        }

    .card-headers h1 {
        font-size: 1.0831rem;
    }

    .card-headers h2 {
        font-size: 0.9169rem;
    }

}

@media (max-width: 1200px) {

    .card-headers h1 {
        font-size: 0.9169rem;
    }
}


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

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

    .breadcrumb-nav, .breadcrumb-nav a {
        font-size: 1rem;
        background: #fff;
    }

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

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

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

    .opp-card {
        font-size: 0.6669rem;
    }

        .opp-card .opp-amount {
            font-size: 1.0831rem;
        }

        .opp-card .opp-name {
            font-size: 0.75rem;
        }

    div#sales-user-app .activity-button {
        font-size: 0.75rem !important;
        background: #fff !important;
        color: #25a9e6 !important;
        border-left: 0.0831rem solid #ccc;
        border-bottom: 0.0831rem solid #ccc;
    }

    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 {
        color: #fff;
        background-color: #25a9e6;
    }

    div#sales-user-app .btn.sales-user-nav-btn .fas, #sales-user-dashboard .btn.sales-user-nav-btn .fas, .dashboard-nav-btn {
        color: #fff !important;
    }

    #business-partner .in {
        background-color: #fff;
    }

    .ex-dash-total-wrapper {
        border-top: 0.0831rem dotted #eee;
    }

    .ep-dash-total {
        border-top: 0.0831rem dashed #eee;
    }

    .ex-item-list {
        border: 0.0831rem solid #e6e8ee;
    }

        #ulmenu ul li a {
            font-size: 0.8125rem;
        }

    .dash-totals-wrap {
        border-top: 0.0831rem solid #eee;
    }

    /*TMC*/

        .tmc-contain .global-widgets-wrapper ul li {
            border-bottom: 0.0831rem solid #ccc;
            font-size: 0.9169rem;
        }

        /*custSelectDoc dialog*/
        .ui-dialog.custSelectDoc {
            border: 0.0831rem solid #ccc;
            color: #fff;
            background: #484849 !important;
            font-size: 0.75rem;
        }

        .ui-dialog.custSelectDoc .ui-widget-content a.close, .ui-dialog.custSelectDoc .no-valid-customer-found {
            font-size: 0.8331rem;
            color: #fff;
        }

        .ui-dialog.custSelectDoc h3{
        color: #fbb400;
        }

    #hlMakeRefill {
        border-right: none;
        border-bottom: 0.0831rem solid #ccc;
    }


}


@media (max-width: 1080px) {

    .kpi-value span {
        font-size: 1.25rem;
        line-height: 1rem;
    }

    .sales-user .btn {
        font-size: 0.75rem;
    }

    legend {
        font-size: 1rem;
    }

    #opportunities-datatable td {
        font-size: 0.7081rem !important;
    }

    div.form-group.opp-detail {
        font-size: 0.75rem;
    }

    .sales-user .modal-content {
        font-size: 0.75rem;
    }

    .side-nav {
        background: #fff !important;
        border-bottom: 1px solid #ccc;
    }

    .navbar-toggle.top.collapsed {
        background-color: #25a9e6;
    }
}

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

    /*Mobile Tray*/

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

    /***/

    /* Expense */

    .ex-dash-total-wrapper {
        border-top: 0.0831rem dotted #eee;
    }

    .ex-item-list {
        border: 0.0831rem solid #e6e8ee;
    }

    .project-btns h2 {
        font-size: 0.9169rem;
    }

    .doc-order-btns {
        background: #fff;
        border-bottom: 0.0831rem solid #ccc;
        box-shadow: 0.125rem 0.125rem 0.125rem #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: 1rem !important;
    }

}

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

    .kpi-value span {
        font-size: 1em;
        line-height: 1em;
    }

    .main-nav-wrap {
        background: #51baeb;
    }

    .main-nav-wrap h3 {
        color: #fff;
    }

}

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

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

    .opp-card {
        font-size: 0.9169rem;
    }

        .opp-card .opp-name {
            font-size: 0.9169rem;
        }

    .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: 0.9169rem;
    }

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

    .card-headers h1 {
        font-size: 1.0831rem;
    }

    .card-headers h2 {
        font-size: 1.0831rem;
    }

    .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 {
        font-size: 0.9169rem;
    }

            #order-flow li a.selected {
                background-color: #1a57ae;
            }

    .order-page-wrapper {
        background: #FFF;
    }

    .top-page-global-navigation h1 {
        font-size: 1.3331rem;
    }

    .customer-info {
        border-bottom: 0.0831rem dotted #ccc;
    }

    .op-m-label {
        font-size: 0.6875rem;
    }

    .order-page-list-item .btn-danger, .order-page-list-item-note-wrapper .btn-danger {
        color: #d2322d;
    }

    .op-m-price {
        color: #5FC307;
        font-size: 1rem;
    }

    /* Action Buttons */
    .build-order-wrapper {
        border-top: 0.0831rem dotted #aaa;
    }

}

@media (min-width: 992px) {

    #ctl00_lblPackerName {
        color: #fff;
    }

}

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

    .widget-wrapper h1 {
        font-size: 0.75rem;
    }

    .kpi-value {
        font-size: 1.75rem;
    }

}

@media all and (max-device-width: 840px) {
    body.act-view {
        background: #fff;
    }

    .kpi-value span {
        font-size: 2em;
        line-height: 1em;
    }
}


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

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

    .order-lines {
        box-shadow: 0 0.8331rem 1.25rem #808080;
        background: #fff;
    }

    .order-form-wrapper.order-summary {
        border: 0.0831rem solid #ccc !important;
    }

}

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

    .order-form-wrapper button {
        font-size: 0.8331rem;
    }

    .of-name-description h3 {
        color: #25a9e6;
    }

        .order-form-body .long-description li:last-of-type {
            border-bottom: 0.0831rem solid #ccc;
        }

        #delivery-report div#report-dt_filter.dataTables_filter input {
            font-size: 1rem;
        }
 
    .stamp {
        color: #54D797;
        border: 0.5831rem solid #54D797;
        font-size: 0.8331rem;
    }

}


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

    .project-btns h2 {
        font-size: 0.75rem;
    }

    .opp-card, .close-feed {
        font-size: 1rem;
    }

        .opp-card .opp-name {
            font-size: 1.1669rem;
        }

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

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

    .opp-card div {
        font-size: 0.9169rem !important;
    }

    .card-headers h1 {
        font-size: 1.1669rem;
    }

    .card-headers h2 {
        font-size: 1.25rem;
    }

    .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 {
        font-size: 1rem;
    }
}

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

    .attachment-src-name {
        font-size: 0.625rem;
    }

    .template-download .btn {
        font-size: 0.625rem;
    }

    /* individual Flow Links */

    .select-customer-wrapper textarea.search-box-customer {
        font-size: 0.75rem;
    }
}


@media (max-width: 480px) {

    .card-footer .btn {
        font-size: 0.6875rem;
    }

    #table-div {
        font-size: 0.75rem;
    }

}


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

    .opp-card .opp-name {
        font-size: 1rem;
    }

    .opp-card .opp-amount {
        font-size: 1.1669rem;
    }

    .opp-card div {
        font-size: 0.8331rem !important;
    }

    .opp-card .op-sp {
        font-size: 0.75rem;
    }

    .opp-card .opp-name {
        font-size: 1rem;
    }

    .opp-card .opp-amount {
        font-size: 1.1669rem;
    }

    .opp-card div {
        font-size: 0.8331rem !important;
    }

    .opp-card .op-sp {
        font-size: 0.75rem;
    }

    .change-stage {
        font-size: 1rem !important;
    }

    .change-stage {
        font-size: 1rem !important;
    }
        .act-container.view .checkbox .fas {
            font-size: 0.5831rem;
        }

}

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

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

    .user-action-btn.child i {
        font-size: 0.8331rem;
    }

    .sales-user .opp-detail-btn-contain .btn {
        font-size: 0.6669rem;
    }

    .subnav-panel .form-control {
        font-size: 0.6875rem !important;
    }

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

@media (max-height: 450px) {

    /*Mobile Tray Landscape*/

    .user-action-btn.child span {
        font-size: 0.75rem;
    }

    /*Hide top nav on Opportunity Board when in landscape view to allow more room to scroll*/

        .card-headers h1 {
            font-size: 1rem;
        }

        .card-headers h2 {
            font-size: 1rem;
        }

    .opp-card {
        font-size: 0.75rem;
    }

    .opp-card .opp-name {
        font-size: 0.9169rem;
    }

    .opp-card .opp-amount {
        font-size: 0.9169rem;
    }

    .opp-card .opp-sp {
        font-size: 0.8331rem;
    }

    .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 {
        font-size: 0.75rem;
    }

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

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

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

@media print {

    .order-items-bar {
        border-top: 0.0831rem solid #ccc;
        border-bottom: 0.0831rem solid #ccc;
    }

}

/*End Print*/


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

.saltbox-login a {
    position: relative;
    display: inline-block;
    color: #444;
    border-radius: 0.125rem;
    text-align: center;
    background-color: #f4f4f4;
    border: 0.0831rem solid #ccc;
    padding: 0.5625rem 0.5625rem 0.5rem;
    cursor: pointer;
    width: 100%;
}

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