/*#################################################################################
    
    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: 10pt;
}

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

h1 {
    font-size: 17pt;
}

h2 {
    font-size: 15pt;
}

h3 {
    font-size: 12pt;
}

h4 {
    font-size: 11pt;
}

h5 {
    font-size: 10pt;
}

h6 {
    font-size: 9pt;
}


input {
    border: 1px solid #ccc;
    font-size: 14px;
    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: 12px;
        background-color: #fff;
    }

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

label {
    color: #333;
    font-size: 9pt;
}

textarea {
    border: 1px 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: 1px solid #C7C7C7 !important;
    font-size: 10pt;
}


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

.progress-bar{
    background-color: #4C842C;
}

.card {
    border-color: #dce0e2;
}

.card-title {
    color: #6e768f;
    font-size: 9pt;
    border-bottom: 1px solid #ccc !important;
    background: #fff;
}

.card-title {
    background: #fff;
}

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

.btn {
    font-size: 10pt;
}

.btn-default {
    background-color: #00344d !important;
    border-color: #00344d;
    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: #4C842C;
    border-color: #4C842C;
    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: 9pt;
        text-decoration: none;
}

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


.input-group-addon {
    font-size: 11pt;
    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: 1px solid #eaeaea;
}

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

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


    .login-header h1 {
        font-size: 14px;
        color: #fff;
        text-shadow: #303455 0 2px 4px;
    }

.login-panel {
    box-shadow: rgba(0,0,0,0.109804) 0 2px 11px 9px;
    border-radius: 2pt;
    background: #fff;
}

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

#ctl00_MainContent_b1LoginControl_ctl00_loginBtn {
    color: #fff;
    background-color: #4C842C;
}

    #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: 12px;
}

.login-footer {
    font-size: 12px;
}

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

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

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

.navbar {
    background-color: #4C842C;
    border-bottom: 1px solid #ccc;
}

.navbar-header {
    font-size: 9pt;
}

.icon-bar {
    background: #fff;
}

.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: #fff !important;
    border-left: 1px solid #ccc;
    background: transparent !important;
    font-size: 9pt !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  {
    background-color: #26a9e1;
    color: #fff !important;
}

.logout-panel {
    border-left: 1px solid #ccc;
}

    .logout-panel .dropdown-toggle {
        color: #fff;
        font-size: 14pt;
    }

.logout-panel .dropdown-menu {
    font-size: 9pt;
}

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

.ui-dialog.custSelect, .ui-dialog.custSelectDoc {
    border: 1px solid #ccc;
    color: #333;
    background: #fff;
    font-size: 9pt;
}

    .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: 1px solid #ccc !important;
    }

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

#selectCustomer .ui-autocomplete, #selectDocCustomer .ui-autocomplete {
    border: 1px solid #ccc;
    background: #fff;
    font-size: 9pt;
    z-index: 2002;
}

.no-valid-customer-found {
    font-size: 9pt;
}

.user-action-btn {
    font-size: 15pt;
}

.user-action-btn.child i, #most-fab span {
    font-size: 15pt;
    background: #03a9f4;
    color: #fff;
}

.user-action-btn.child span {
        color: #333;
        font-size: 10pt;
        border: none; 
        background: transparent;
}

.backdrop {
    background: #fff;
}

/*End Quick Links*/
#ctl00_lblPackerName {
    font-size: 10pt;
    color: #808080 !important;
    border-bottom: 1pt solid #eee;
}

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

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

/*Menu Tray*/

.menu-tray {
    background: rgba(31, 31, 31, 0.87);
}

    .menu-tray h2 {
        color: #ccc;
    }

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

        .menu-tray a i {
            font-size: 12pt;
        }

        .menu-tray a:hover, .menu-tray a:focus, .menu-tray .selected {
            color: #fbb400;
        }


    .menu-tray ul li {
        border-top: 1px solid #868686;
    }

    .menu-tray .fa-thumbtack, #accordion_menu_container .fa-times {
        font-size: 10pt;
        color: #fff;
    }

        .menu-tray .fa-thumbtack:hover, #accordion_menu_container .fa-times:hover {
            color: #fbb400;
        }

    .menu-tray ul li:last-of-type {
        border-bottom: 1px solid #868686;
    }

        .menu-tray ul li a.toggle.active, .menu-tray ul li a.toggle:hover {
            background: rgba(128, 128, 128, 0.32);
            color: #fff;
        }


    /*Highlight 2 levels deep*/

    .menu-tray ul li li a.toggle.active, .menu-tray ul li ul li a.toggle:hover {
        background: rgba(128, 128, 128, 0.53);
        color: #fff;
    }

    /*Highlight 3 levels deep*/

    .menu-tray ul li ul li ul li a.toggle.active {
        background: rgba(128, 128, 128, 0.43);
        color: #fff;
    }

    /*Highlight 4 levels deep*/

    .menu-tray ul li ul li ul li ul li a.toggle.active {
        background: rgba(128, 128, 128, 0.33);
        color: #fff;
    }

    /*Highlight 5 levels deep*/

    .menu-tray ul li ul li ul li ul li ul li a.toggle.active {
        background: rgba(128, 128, 128, 0.23);
        color: #fff;
    }


/*Pinned Reports*/

.menu-tray .pinned ul {
    border-top: 1px solid #868686;
}

.menu-tray .pinned .fas {
    color: #fff;
    font-size: 9pt;
}

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

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

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

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

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

.breadcrumb-nav {
    font-size: 9.5pt;
    color: #212121;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

.sales-user .breadcrumb-nav {
    background: #fff;
}

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

.table > thead > tr > th {
    border-right: 1px 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: 1px solid #ddd;
}

hr {
    border-top: 1px solid #ccc;
}

    .ep-wrapper label {
        color: #8797AA;
        font-size: 10px;
    }

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

.modal-header {
    color: #fff;
    font-size: 13px;
    background-color: #4C842C;
}

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

.required {
    color: red;
    font-size: 11px;
}

.red-text {
    color: #d9534f;
}

.red {
    color: red !important;
}

.comment {
    border: 1px solid #ece9d9;
    background-color: #fffbe4;
}

.card-title h4 {
    font-size: 14px;
}

.card-title .btn {
    font-size: 12px;
}

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

.checkbox label span {
    color: #3c3c3c;
    font-size: 14px;
}

.footer {
    color: #555f84;
    font-size: 9px;
    position: fixed;
    bottom: 0;
}

.timeStampTag {
    color: #aaa;
    font-size: 10px;
    background-color: #eee;
}

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

.notice-alert {
    color: #d36119;
}

/*Error pages*/

.error-heading {
    background: #808080;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 3pt 10pt #e2e2e2;
}

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

.error-page-custom h2 {
    font-size: 25pt;
}

.error-page-custom h3 {
    font-size: 14pt;
}

/************************************************** #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: #4C842C;
    }

.reviewItemsHeading {
    background-color: #00344d;
}

    .reviewItemsHeading h5 a {
        color: #fff;
    }

.disabled {
    color: #999;
}

#itemPriceConfigurationModal h5.modal-title {
    font-size: 15px !important;
}

.totals-affix {
    border: 1px solid #ccc;
}

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

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

.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: 9pt;
}

.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: 1px solid #ccc;
}

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

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

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

.ingredient, .o-summary .cp-table tbody tr.ingredient td {
    border-top: 1px 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: 1px solid #ccc;
    color: #808080;
    font-size: 8pt;
}

/*Order Summary*/

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

.o-summary .cp-table tbody tr:last-of-type td {
    border-bottom: 1pt 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: 1px dashed #eee !important;
}

#fatal-error {
    background: #fff;
    border: 1px solid #ccc;
}

/*Order Pad Colors*/

.order-form-wrapper {
    border: 1px solid #ccc;
}

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

    .quick-add .table tr th {
        font-size: 10pt !important;
    }

.quick-add-total {
    font-size: 12pt;
}

.order-form-wrapper button {
    font-size: 9pt;
}

.order-form-wrapper .op-actions button span{
    font-size: 12pt;
}

.order-form-wrapper select.form-control {
    background-color: #EFEEEE;
    border: 1px solid #ccc;
    font-size: 10pt;
}

.f-address .form-control {
    font-size: 10pt;
}

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

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

    .order-items-bar h6 {
        color: #fff;
        font-size: 12pt;
    }

.ordr-payment-details {
    font-size: 8pt;
}

.order-sub-total {
    border-bottom: 2pt solid #ccc;
    font-size: 10pt;
}

    .order-discounts h4 {
        color: #4C842C;
        font-size: 10pt;
    }

.f-itemsearch {
    border-bottom: 3px solid #ccc;
}

.f-itemline {
    border-bottom: 1px solid #ccc;
}

.f-itemname {
    color: #4C842C;
}

.f-itemline .udf-line label span {
    color: #4C842C;
    font-size: 10pt;
}

.pricing-config-error {
    color: red;
    background: #ffe5e5;
    font-size: 9pt;
    box-shadow: 54px 1px 0 #ffe5e5;
}

.udf-line {
    border-top: 1px dashed #ccc;
}

.order-total {
    border-top: 1px solid #ccc;
}

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

    .order-total li {
        border-bottom: 1px solid #ccc;
    }

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

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

.shipping-notes p, .shipping-notes label {
    font-size: 10pt;
}

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

.f-itemline.notes {
    font-size: 13px;
    background-color: #fdfbe9;
    border-top: 1pt solid #ccc;
    border-bottom: none;
}

/*Subtotals*/

.f-itemline.subtotal {
    background: #e5e5e5;
    color: #03334d;
    font-size: 11pt;
    border-top: 1pt solid #ccc;
    border-bottom: none;
}

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

/************************************************** OrderForm **********************************************************************/
.order-form-body .item-category-name {
    background: #fff;
    color: #4C842C;
    font-size: 12pt;
    border-bottom: 1px solid #ccc;
}

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

.order-form-body .item-category-name.active, .of-name-description.active {
    background: #4C842C;
    color: #fff !important;
    border-color: #4C842C;
    font-size: 12pt;
}

    .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: 1px solid #ccc;
}

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

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

    .order-form-body .item-order-list li {
        color: #808080;
        font-size: 12px;
        border-bottom: 1px 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: 11px;
}

.floating-checkout {
    background: #eee;
    border-top: 1px solid #ccc;
}

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

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

/*Cart Icon*/

.obeer-cart {
    font-size: 16pt;
}

.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: 10pt;
    background-color: #fff;
    border: 1px solid #ccc;
}


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

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

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

    .dash-ex-items li {
        border: 1px solid #d4d7e4;
    }

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

.dash-ex-items label {
    font-size: 10px;
}

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

.dash-ex-status {
    color: #bcc9da;
    font-size: 8pt;
    border: 1px 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: 20px 10px 100px 1px;
}

.dash-ex-total-label {
    color: #a2aabf;
    font-size: 9px;
}

.dash-ex-total {
    color: #4caf50;
    font-size: 12pt;
}

.dash-ex-dates {
    color: #939393;
    font-size: 8pt;
}

.border-bottom-heading {
    border-bottom: 1px 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: 11px;
}

.expense-receipt span {
    font-size: 12px;
}

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

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

    .status-request-id h3 {
        color: #666;
        font-size: 8pt;
    }

    .status-request-id span {
        color: #999;
        font-size: 12px;
    }

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

        .cc-lines-import-dash li:first-child {
            font-size: 12px;
        }

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

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

    .ep-wrapper thead tr th {
        font-size: 11px;
    }

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

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

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

    .ep-wrapper .table > tbody > tr {
        font-size: 12px;
        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: 13px;
    background-color: #F1F3F8;
}

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

.ep-line-item {
    border: 1px solid #A4AABF;
}

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

.ep-sub-item-details {
    font-size: 12px;
    border-top: 1px dashed #DDDFE7;
}

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

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

.ep-notes-edit {
    font-size: 12px;
}

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

.delete-lnk {
    color: #D34259;
}

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

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

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

/* ELEMENTS */
.hr {
    border-bottom: 1px solid #DDDFE7;
}

.dotted-lines {
    border-bottom: 1px dotted #DDDFE7;
}

#empComments {
    border: 1px solid #ece9d9;
    background-color: #fffbe4;
}

.ex-line {
    color: #909090;
    border-top: 1pt solid #929292;
}

.ex-line-wrapper {
    border-bottom: 2px solid #333;
}

    .ex-line-wrapper p {
        color: #000;
        font-size: 20px;
    }

.ex-line-amount p {
    font-size: 16px;
}

.ex-comments-btns {
    border-top: 1pt solid #aeaeae;
}

.attachment-src-name {
    font-size: 10px;
}

.attachment-list-item {
    box-shadow: #fff 0 1px 0 inset;
    border: 1px 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: 11px;
    }

.submitting-label, .saving-label {
    font-size: 12px;
    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: 26px;
    }

.action-header {
    border-bottom: 2px solid #333;
}

.highlight-header {
    color: #323232;
}

.ex-line-wrapper a {
    font-size: 11px;
}

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

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

.ex-line span {
    color: #333;
    font-size: 11px;
}

    .gl-modal li p {
        color: #40474f;
        font-size: 12px;
        border-bottom: 1px solid #dddfe7;
    }

.gl-modal h5 {
    color: #5d637a;
    font-size: 18px;
    border-top: 1pt solid #dddfe7;
    border-bottom: 1pt 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: 12px;
}

.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: 11pt;
    color: #ffbb00;
    font-weight: bold;
    text-shadow: 0 0 #ffbb00;
}

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

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

.dashboard-panel {
    border: 1px solid #ccc;
}

    .dashboard-panel .card-title {
        color: #fff;
        background-color: #4C842C;
    }

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

    .dashboard-panel .btn-link {
        font-size: 10pt;
    }

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

    .ep-dash-total .btn-link {
        font-size: 8pt;
    }

    .dashboard-subnav #Dashboards {
        font-size: 10px;
    }

    .dashboard-subnav select {
        font-size: 12px;
    }

.dashboard-subnav a {
    color: #4C842C;
    text-align:center;
}

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

        #dashboard .top-tabbed-navigation input, .order-date-picker-wrapper input {
            font-size: 10pt;
        }

.widget-wrapper {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 1pt 2pt 7pt #ddd;
}

.google-visualization-table-table th {
    font-size: 10pt;
    background: #4C842C !important;
    color: #fff;
    text-align: left;
}

.google-visualization-table-table td {
    font-size: 10pt;
}

.editable-widget-wrapper {
    box-shadow: rgba(175,175,175,0.498039) 0 2px 3px 0;
    background: #fff;
}

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

    .editable-widget-wrapper h6 {
        color: #999;
        font-size: 12px;
    }

.widget-wrapper h1 {
    color: #53585f;
    font-size: 14px;
}


/* KPI */

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

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

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

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

.kpi-subtitle {
    color: #888;
    font-size: 10px;
}

.kpi-previous-value {
    color: #7B7B7C;
    font-size: 12px;
}

    .pie-chart-colours li {
        font-size: 11px;
    }


/***
  EDITABLE DASHBOARD
  ***/

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

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

.widget-drawer {
    background-color: #FFF;
    box-shadow: -2px 0px 8px 0px rgba(0,0,0,0.1);
}

    .widget-drawer h1 {
        color: #111;
        font-size: 12px;
        border-bottom: 1px solid #aaa;
    }

.available-widget {
    background-color: #FFF;
    border: 1px solid #eee;
}

.available-widget p {
    font-size: 14px;
}

.global-widgets-wrapper #table-div {
    font-size: 12px;
}

    .edit-widget-size label {
        font-size: 11px;
        color: #aaa;
    }

    .edit-widget-size select {
        font-size: 11px;
    }

.dash-all-widgets-used {
    color: #888;
    font-size: 13px;
}

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

.sales-user .btn-alt {
    color: #4C842C !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: 10pt;
}

.upload-drop-zone {
    color: #ccc;
    border: 2px 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 {
    background-color: #fff;
}


.top-tabbed-navigation li {
    border-right: 1pt solid #3c3c3c;
    font-size: 9pt;
}

/*Report display on customer profile sub nav*/

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

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

.bp-contain {
    border-right: 1px solid #ccc;
}

.activities-feed {
    border-left: 1px solid #ccc;
    background: #fff;
}

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

.activities-feed h1 {
    font-size: 11pt;
    border-bottom: 1px solid #ccc;
}

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

.activities-feed label, .activities-feed a.oppid {
    font-size: 8.5pt;
}

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

.activities-feed label.activity-name {
    color: #00344d;
}

.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: 9pt;
}

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

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

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

.hide-opp-btn {
    border: 1px solid #ccc;
    color: #4C842C;
    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;
}

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

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

.sales-user .btn.btn-alt {
    color: #4C842C !important;
    border: 1pt solid;
}

.view-opp-details {
    border-right: 1px 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: 9.5pt;
}

.card-header {
    color: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: #ccc 0 2px 9px;
    background-color: #4C842C;
}

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

.card-header h2 {
    font-size: 13pt;
    color: #fff;
}

.hide-scroll {
    box-shadow: #f5f5f5 1px 8px 9px;
    background-color: #f5f5f5;
}

.opp-card {
    border: 1px solid #ccc;
    font-size: 9pt;
    box-shadow: #f7f7f7 1pt 2pt 2pt;
    transition: all .3s cubic-bezier(0.25,0.8,0.25,1);
    background: #fff;
}

.opp-add-info {
    border-top: 1pt solid #ccc;
}

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

.feed-popover-contain {
    border: 1px solid #ccc;
    box-shadow: #808080 1px 8px 9px;
    font-size: 10pt !important;
    background: #fff;
}

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

    .popover-content h5 {
        font-size: 8pt;
        color: #333 !important;
        border-bottom: 1px solid #ccc;
    }

    .popover-content p {
        font-size: 9pt;
    }

.close-feed {
    color: #bfbfbf;
    font-size: 8pt;
}

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

.opp-card .opp-sp {
    font-size: 12px;
}

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

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

.card-display {
    color: #fff;
    font-size: 16pt;
}

    .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 4px 0;
    color: #fff;
    font-family: 'Open Sans', Helvatica, Arial;
    font-size: 9pt;
    background-color: #4C842C;
}

.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: 1px 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: 1px solid #ccc;
    background: #fff;
}

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

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

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

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

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

    .btn-chart input[type="submit"] {
        color: #fff;
        font-size: 11pt;
        background-color: #4C842C;
    }

.subnav-panel .btn-link, .doc-body .btn-link {
    font-size: 9pt;
}

#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: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

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

    .custom-param-list-min li {
        color: #FFF;
        font-size: 12px;
    }

.custom-query-params {
    color: #FFF;
    background-color: #1a7eba;
}

    .custom-param-list li {
        color: #FFF;
        font-size: 12px;
    }

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

.param-warning {
    color: #fbb400;
    font-size: 11px;
}

    .error-params-required li {
        font-size: 12px;
    }

/*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: 1px solid #ccc !important;
}

.dxeTextBox_SoftOrange.emInput input, .dxeButtonEditSys.emInput {
    border: 1px solid #ccc;
    font-size: 14px;
    color: #555;
    background-color: #fff;
}

.email-modal .row{
    border-bottom: 1px solid #ccc;
}

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

.email-modal .dxpc-content {
    font-size: 9pt !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: 1px solid #ccc !important;
    border-radius: 2pt;
    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: 10pt !important;
}

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

    .doc-order-btns .btn.qte-btn {
        border: 1px 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: #00344d !important;
}

/**/

.doc-content {
    box-shadow: 0px 2px 7px #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: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: #efeeee;
            color: #212121;
        }

#hlMakeRefill, #hlClearRefill {
    border-right: 1pt solid #000;
}

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

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

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

    .tmc-contain .tmc-reports {
        border-left: 1px solid #ccc;
    }

    .tmc-contain h1 {
        border-bottom: 1px 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: 1px solid #ccc;
    font-size: 11pt;
}

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

.proj-select, .act-select {
    background-color: #4C842C;
    border: 5px solid #fff;
}

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

.project-btns .btn-primary {
    font-size: 12pt;
}

.project-btns .proj-num {
    font-size: 10pt;
}

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

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

.tmc-contain h3 {
    border-bottom: 1px solid #ccc;
}

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

.choose-list {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-bottom: 2pt solid #ccc;
}

        .choose-list ul li {
            border-top: 1px solid #ccc;
        }

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

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

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

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

.dxbButton_SoftOrange div.dxb{
    background-color: transparent !important;
}

.dxpcModalBackground_SoftOrange, .dxpcModalBackLite_SoftOrange {
    background: rgba(0, 0, 0, 0.5) !important;
}

.dxgvHeader_SoftOrange, .reports .dxpgRowFieldValue_SoftOrange, .reports .dxpgColumnFieldValue_SoftOrange{
    background-color: #4C842C !important;
    color: #fff !important;
}

.dxpgHeader_SoftOrange {
    background-color: #fff !important;
    color: #000 !important;
    font-weight:bold;
}

.dxpgControl_SoftOrange{
    font-size: 12px !important;
}

.dxtcLiteDisabled_SoftOrange, .dxtcLiteDisabled_SoftOrange .dxtc-text, .dxtcLiteDisabled_SoftOrange .dxtc-activeTab .dxtc-text, .dxtcLiteDisabled_SoftOrange .dxtc-content{
    color: #212121 !important;
}

.dxtcLite_SoftOrange .dxtc-activeTab .dxtc-text, .dxtcLite_SoftOrange .dxtc-activeTab .dxtc-link:hover .dxtc-text{
    color: #ffffff !important;
}

.dxtcLite_SoftOrange.dxtc-top .dxtc-activeTab {
    border-bottom: 1px solid #ccc !important;
}

.dxtcLite_SoftOrange .dxtc-activeTab {
    background: #26a9e1 !important;
}

.dxtcLite_SoftOrange .dxtc-tab {
    background: #ffffff !important;
}

.dxtcLite_SoftOrange .dxtc-strip, .dxtcLite_SoftOrange .dxtc-wrapper{
    border-top: 1px solid #ccc;
}

.dxtcLite_SoftOrange .dxtc-content {
    color: #212121 !important;
    background-color: #ffffff !important;
}

.dxgvControl_SoftOrange a{
    color: #26a9e1 !important;
}

.dxgvControl_SoftOrange a:hover, .dxgvControl_SoftOrange a:focus, .dxgvControl_SoftOrange a:active, .dxtcLite_SoftOrange .dxtc-link:hover .dxtc-text, .dxtcLite_SoftOrange .dxtc-link:active .dxtc-text, .dxtcLite_SoftOrange .dxtc-link:focus .dxtc-text{
    color: #808080 !important;
}

.dxgvDetailCell_SoftOrange, .dxgvPreviewRow_SoftOrange td.dxgv, .dxgvEmptyDataRow_SoftOrange td.dxgv{
    background-color: #ffffff !important;
}

.dxgvEditFormDisplayRow_SoftOrange td.dxgv, .dxgvDataRow_SoftOrange td.dxgv, .dxgvDataRowAlt_SoftOrange td.dxgv, .dxgvSelectedRow_SoftOrange td.dxgv, .dxgvFocusedRow_SoftOrange td.dxgv{
    font-size: 9pt !important;
}

.dxgvTable_SoftOrange{
    border-top: 1px solid #ccc !important;
}

.dxgvHeader_SoftOrange td{
    color: #fff !important;
    font-size: 9pt !important;
}

.dxgv{
    font-family: 'Helvetica Nueue', Arial, Helvetica, sans-serif !important;
    font-size: 9pt !important;
}
.dxgvLoadingDiv_SoftOrange {
    background:none !important;
}

.dxeCalendarButton_SoftOrange, .dxbButton_SoftOrange, .btn-menu {
    font-family: 'Helvatica Nueue', Arial, Helvetica, serif, sans-serif !important;
    background: #4C842C !important;
    color: #fff !important;
}

.dxeCalendarWeekNumber_SoftOrange, .dxeCalendarFooter_SoftOrange, .dxeCalendarHeader_SoftOrange td.dxe, .dxeCalendarHeader_SoftOrange, .dxeCalendarToday_SoftOrange, .dxeCalendarWeekend_SoftOrange, .dxeCalendarOtherMonth_SoftOrange, .dxeCalendarOutOfRange_SoftOrange, .dxeCalendarSelected_SoftOrange {
    color: #4C842C !important;
}

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

.dxbButton_SoftOrange .dxb span{
    color: #fff !important;
}

.dxpcLite_SoftOrange .dxpc-mainDiv, .dxpcLite_SoftOrange.dxpc-mainDiv, .dxdpLite_SoftOrange .dxpc-mainDiv, .dxdpLite_SoftOrange.dxpc-mainDiv{
    border: 1px solid #ccc !important;
}

.dxpc-header {
    font-size: 15px !important;
    color: #fff !important;
    background: #4C842C !important;
    border: none !important;
}

.dxpc-header .dxpc-headerContent {
    font-size: 15px !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.dxgvTable_SoftOrange a.dxbButtonSys {
    background: transparent !important;
}

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

@media all and (max-device-width: 1920px) {
    /*Support for iPad Pro max res*/
    .ui-dialog.custSelect, .ui-dialog.custSelectDoc {
        border: 1px solid #ccc;
        color: #333;
        background: #fff;
    }

}


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


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

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

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

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

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

}

@media (max-width: 1200px) {

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


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

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

    .ep-wrapper {
        padding: 20px 34px 101px 10px;
        max-width: 900px;
    }

    .table > thead:first-child > tr:first-child > th {
        min-width: 32pt;
    }



    .top-tabbed-navigation{
        box-shadow: 0 4pt 10pt #ccc;
    }

    .top-tabbed-navigation ul.profile-reports {
        border-bottom: 1pt solid #ccc;
    }

    div.opp-board .top-tabbed-navigation {
        box-shadow: #f5f5f5 1px 3px 1px;
    }

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

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

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

    div#sales-user-app .activity-button {
        font-size: 12px !important;
        background: #fff !important;
        color: #4C842C !important;
        border-left: 1px solid #ccc;
        border-bottom: 1pt 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: #4C842C;
    }

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

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

        .reports .top-tabbed-navigation li a, .reports .top-tabbed-navigation li input{
            border-bottom: 1px solid #ccc !important;
        }

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

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

    .ep-dash-total {
        border-top: 1px dashed #eee;
    }

    .ex-item-list {
        border: 1px solid #e6e8ee;
    }

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

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

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

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

    /*TMC*/

        .tmc-contain .global-widgets-wrapper ul li {
            border-bottom: 1px solid #ccc;
            font-size: 11pt;
        }

        /*custSelectDoc dialog*/
        .ui-dialog.custSelectDoc {
            border: 1px solid #ccc;
            color: #fff;
            background: #484849 !important;
            font-size: 9pt;
        }

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

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

    #hlMakeRefill {
        border-right: none;
        border-bottom: 1pt solid #ccc;
    }


}


@media (max-width: 1080px) {

    .kpi-value span {
        font-size: 20px;
        line-height: 12pt;
    }

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

    legend {
        font-size: 12pt;
    }

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

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

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

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

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

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

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

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

}

@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: 1px dotted #eee;
    }

    .ex-item-list {
        border: 1px solid #e6e8ee;
    }

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

    .doc-order-btns {
        background: #fff;
        border-bottom: 1px solid #ccc;
        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-width: 994px){

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

}


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

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

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

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

    .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: 13pt;
    }

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

    .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: 11pt;
    }

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

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

    .top-page-global-navigation h1 {
        font-size: 16pt;
    }

    .customer-info {
        border-bottom: 1px dotted #ccc;
    }

    .op-m-label {
        font-size: 11px;
    }

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

    .op-m-price {
        color: #5FC307;
        font-size: 16px;
    }

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

}

@media (min-width: 992px) {

    #ctl00_lblPackerName {
        color: #fff;
    }

}

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

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

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

}

@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: 0pt 10pt 15pt #808080;
        background: #fff;
    }

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

}


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

    .order-form-wrapper button {
        font-size: 10pt;
    }

    .of-name-description h3 {
        color: #4C842C;
    }

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

        #delivery-report div#report-dt_filter.dataTables_filter input {
            font-size: 16px;
        }
 
    .stamp {
        color: #54D797;
        border: 7pt solid #54D797;
        font-size: 10pt;
    }

}


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

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

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

        .opp-card .opp-name {
            font-size: 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;
    }

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

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

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

    .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: 12pt;
    }
}

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

    .attachment-src-name {
        font-size: 10px;
    }

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

    /* individual Flow Links */

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


@media (max-width: 480px) {

    .card-footer .btn {
        font-size: 11px;
    }

    #table-div {
        font-size: 12px;
    }

}


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

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

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

    .opp-card div {
        font-size: 10pt !important;
    }

    .opp-card .op-sp {
        font-size: 9pt;
    }

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

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

    .opp-card div {
        font-size: 10pt !important;
    }

    .opp-card .op-sp {
        font-size: 9pt;
    }

    .change-stage {
        font-size: 12pt !important;
    }

    .change-stage {
        font-size: 12pt !important;
    }
        .act-container.view .checkbox .fas {
            font-size: 7pt;
        }

}

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

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

    .user-action-btn.child i {
        font-size: 10pt;
    }

    .sales-user .opp-detail-btn-contain .btn {
        font-size: 8pt;
    }

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

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

@media (max-height: 450px) {

    /*Mobile Tray Landscape*/

    .user-action-btn.child span {
        font-size: 9pt;
    }

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

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

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

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

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

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

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

    .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: 9pt;
    }

    .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: 8pt;
    }

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

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

@media print {

    .order-items-bar {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

}

/*End Print*/


.signin-separator {
    padding-top: 0px;
    padding-bottom: 10px;
}

.saltbox-login a {
    position: relative;
    display: inline-block;
    color: #444;
    border-radius: 2px;
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 9px 9px 8px;
    cursor: pointer;
    width: 100%;
}

#saltboxlogo {
    width: 45px;
    height: 45px;
    margin-right: 4px;
}