/*#################################################################################
    
    For ease of maintenance please ensure to follow the document structure listed below. If a new section is required, please add to the Table of Contents. 
	
	NOTE: ALL MEDIA QUERIES ARE LOCATED IN THE DASHBOARD-DEVICES.CSS FILE.

    Table Of Contents

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

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

body {
    padding-top: 50pt;
    overflow: auto;
    font-family: 'Helvetica Neue', Helvatica, Arial, sans-serif, serif !important;
    font-size: 10pt;
    height: 100vh;
    max-width: 100%;
}

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

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    font-weight: normal;
    text-transform: uppercase;
    color: #6a6e76;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 17pt;
}

h2 {
    font-size: 15pt;
}

h3 {
    font-size: 12pt;
}

h4 {
    color: #212121;
    font-size: 12pt;
}

h5 {
    font-size: 10pt;
}

h6 {
    font-size: 9pt;
}


input {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2pt;
    padding: 2px 2px 2px 4px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

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

a {
    text-decoration: none;
}

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


table {
    border-color: #dce0e2;
}

    table thead tr {
        color: #6e768f;
        font-size: 12px;
        border-bottom-style: none;
        background-color: #fff;
        padding: 6px 0;
    }

th {
    font-weight: inherit;
}

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

form{
    height: 100%;
}

label {
    color: #333;
    font-size: 9pt;
    font-weight: bold;
    margin-top: 5px;
}

fieldset {
    margin-bottom: 20pt;
}

legend {
    height: auto;
    overflow: auto;
}

textarea {
    border: 1px solid #ece9d9;
    border-radius: 1pt;
    box-shadow: none;
    background-color: #fffbe4 !important;
}

@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;
    border-radius: 2pt !important;
    margin: 0 0 6px -4px;
    box-shadow: none;
    max-width: 250pt;
    font-size: 10pt;
    height: 24px;
}


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

.row-offcanvas{
    height: 100%;
}

.panel {
    border-radius: 2pt;
    border-color: #dce0e2;
}

.panel-heading {
    display: inline-block;
    width: 100%;
    height: auto;
    color: #6e768f;
    font-size: 9pt;
    font-weight: 600;
    border-bottom: 1px solid #ccc !important;
    background: #fff;
    padding: 3px 8px;
    border-radius: 2pt;
}

.panel-default > .panel-heading {
    background: #fff;
}

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

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


.btn {
    padding: 4pt 10pt !important;
    font-weight: 600;
    line-height: 1em;
    border-radius: 2pt;
    font-size: 10pt;
    border-radius: 2pt;
    font-weight: normal;
}

.btn-success {
    margin-left: 4px;
    background-color: #40a42b !important;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active {
        background-color: #0CB913 !important;
        color: #fff !important;
        transition: all ease-in-out 1s;
        -webkit-transition: all ease-in-out 1s;
        -o-transition: all ease-in-out 1s;
        -moz-transition: all ease-in-out 1s;
    }

.btn-default {
    color: #9098b8;
    background-color: #f7f7fa;
    border-color: #d7d9e0;
}

.btn-primary {
    border: 0;
    border-radius: 2pt !important;
    background-color: #0d47a1;
    padding: 5pt;
}

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

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

.alert {
    position: fixed;
    top: 20px;
    left: 50%;
    z-index: 1031;
    display: block;
    width: 300px;
    float: none;
    margin: 0 0 0 -150px;
    padding: 5px 10px;
}

.form-control {
    height: 28px;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 2pt;
}

.checkbox {
    position: relative;
    margin-top: 2px;
    padding-left: 20px;
}

.navbar-toggle {
    float: left;
    margin-left: 10px;
    display: block !important;
    margin-top: 10pt;
}

.navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active{
    background:transparent !important;
}

.navbar {
    min-height: 45px;
}

.navbar-inverse {
    border-bottom-style: none;
    background-image: linear-gradient(-180deg,#fff0%,#fff49%,#f8f9fa100%);
}

.container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
    background: #FFFFFF;
}

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

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group .btn + .btn, .modal-footer .btn-group .btn + .btn, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group .btn + .btn {
    border-radius: 0;
    border: 1px solid #eaeaea;
    height: auto;
    margin-left: 10px !important;
    padding: 5px 10px;
}

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


.table-responsive{
    clear: both;
}

.row {
    clear: both;
}

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

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

.login-header {
    position: fixed;
    top: 20px;
    left: 10px;
}

    .login-header h1 {
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        line-height: 19px;
        text-shadow: #303455 0 2px 4px;
        margin: 0;
    }

.login-panel {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 10;
    box-shadow: rgba(0,0,0,0.109804) 0 2px 11px 9px;
    border-radius: 2pt;
    background: #fff;
    margin: -200px 0 0 -200px;
    padding: 20px 5pt;;
}

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

.login-panel .form-control {
    height: 33px;
    border-radius: 2pt;
    margin: 5pt 0;
    padding: 7px 5px;
}

.login-logo {
    display: block;
    width: 160px;
    margin: 0 auto;
}

.login-panel h2 {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#ctl00_MainContent_b1LoginControl_ctl00_loginBtn {
    margin-top: 12px;
    width: 100%;
    height: 36px;
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 1pt;
    background-color: #0d47a1;
    padding: 5pt 0;
}

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

#ctl00_MainContent_b1LoginControl_ctl00_RequiredFieldValidator2, #ctl00_MainContent_b1LoginControl_ctl00_RequiredFieldValidator1 {
    display: inline-block;
    margin-top: 4px;
    color: #d9534f;
    font-size: 12px;
    font-style: italic;
    text-align: left;
}

.login-footer {
    font-size: 12px;
    padding: 0;
    width: 100%;
    min-width: 182pt;
    margin: 0 auto;
    text-align: center;
}

    .login-footer a {
        line-height: 12pt;
    }

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

.login-panel .error-msg, .alertText {
    padding-top: 10px;
    color: #d9534f;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

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

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


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

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

.menu-tray .row{
    max-height: 92vh;
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 45pt;
    background-color: #0d47a1;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.navbar-header{
    width: 100%;
    text-transform: uppercase;
    font-size: 9pt;
}

.top-logo{
    display:inline-block;
    background:#fff;
    padding: 5pt 5pt 0;
    float: left;
    margin-left: -11pt;
    margin-right: 10pt;
    height: 44pt;
}

.top-logo img{
    max-width: 100pt;
}

.navbar-toggle{
    border: none;
}

.menu-expand{
    color: #fff;
    display: inline-block;
    float: right;
    clear: right;
    margin-left: 25pt;
    line-height: 11pt;
    text-transform: uppercase;
}

.simplebar-scroll-content {
    overflow-x: hidden !important;
}

.horizontal.simplebar-track {
    display: none !important;
}

.user-actions {
    padding: 6px 0 8px;
    float: right;
}

#ctl00_securSALES{
    display: inline;
}

.user-action-btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    color: #fff !important;
    line-height: 10pt;
    border-left: 1px solid #ccc;
    padding: 2pt 5pt;
    opacity: 0.7;
}

.navbar-header .user-action-btn{
    margin: 0 -2pt;
}

.user-action-btn:hover {
    color: #1485e1;
}

.user-action-btn, .user-action-btn:hover {
    line-height: 10pt;
}

.user-action-btn .glyphicon, .user-action-btn:hover .glyphicon {
    display: block;
    line-height: 2.4;
}

.user-action-btn.sidebar-dashboard-icon:hover, .user-action-btn.sidebar-dashboard-icon:hover .glyphicon {
    background-color: #5a5a5a !important;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    opacity: 1;
}


#ctl00_hlNewLead:hover, #ctl00_hlNewLead:hover .glyphicon, #ctl00_hlNewLead:focus, #ctl00_hlNewLead:focus .glyphicon, #ctl00_hlNewLead:active, #ctl00_hlNewLead:active .glyphicon,
#ctl00_hlNewLead1:hover, #ctl00_hlNewLead1:hover .glyphicon, #ctl00_hlNewLead1:focus, #ctl00_hlNewLead1:focus .glyphicon, #ctl00_hlNewLead1:active, #ctl00_hlNewLead1:active .glyphicon, #ctl00_hlNewLead1.highlight, #ctl00_hlNewLead.highlight {
    background-color: #269ce5 !important;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    opacity: 1;
}

#ctl00_hlCustomerSelect:hover, #ctl00_hlCustomerSelect:hover .glyphicon, #ctl00_hlCustomerSelect:focus, #ctl00_hlCustomerSelect:focus .glyphicon, #ctl00_hlCustomerSelect:active, #ctl00_hlCustomerSelect:active .glyphicon,
#ctl00_hlCustomerSelect2:hover, #ctl00_hlCustomerSelect2:hover .glyphicon, #ctl00_hlCustomerSelect2:focus, #ctl00_hlCustomerSelect2:focus .glyphicon, #ctl00_hlCustomerSelect2:active, #ctl00_hlCustomerSelect2:active .glyphicon, #ctl00_hlCustomerSelect2.highlight, #ctl00_hlCustomerSelect2.highlight {
    background-color: #649EC1 !important;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    opacity: 1;
}

#ctl00_hlOrderPad:hover, #ctl00_hlOrderPad:hover .glyphicon, #ctl00_hlOrderPad:focus, #ctl00_hlOrderPad:focus .glyphicon, #ctl00_hlOrderPad:active, #ctl00_hlOrderPad:active .glyphicon,
#ctl00_hlOrderPad2:hover, #ctl00_hlOrderPad2:hover .glyphicon, #ctl00_hlOrderPad2:focus, #ctl00_hlOrderPad2:focus .glyphicon, #ctl00_hlOrderPad2:active, #ctl00_hlOrderPad2:active .glyphicon, #ctl00_hlOrderPad2.highlight, #ctl00_hlOrderPad.highlight {
    background-color: #ff9000 !important;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    opacity: 1;
}

#ctl00_hlQuotePad:hover, #ctl00_hlQuotePad:hover .glyphicon, #ctl00_hlQuotePad:focus, #ctl00_hlQuotePad:focus .glyphicon, #ctl00_hlQuotePad:active, #ctl00_hlQuotePad:active .glyphicon,
#ctl00_hlQuotePad2:hover, #ctl00_hlQuotePad2:hover .glyphicon, #ctl00_hlQuotePad2:focus, #ctl00_hlQuotePad2:focus .glyphicon, #ctl00_hlQuotePad2:active, #ctl00_hlQuotePad2:active .glyphicon, #ctl00_hlQuotePad2.highlight, #ctl00_hlQuotePad.highlight {
    background-color: #00c8a2 !important;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    opacity: 1;
}

#ctl00_hlOBeerOrder:hover, #ctl00_hlOBeerOrder:hover .glyphicon, #ctl00_hlOBeerOrder:focus, #ctl00_hlOBeerOrder:focus .glyphicon, #ctl00_hlOBeerOrder:active, #ctl00_hlOBeerOrder:active .glyphicon,
#ctl00_hlOBeerOrder2:hover, #ctl00_hlOBeerOrder2:hover .glyphicon, #ctl00_hlOBeerOrder2:focus, #ctl00_hlOBeerOrder2:focus .glyphicon, #ctl00_hlOBeerOrder2:active, #ctl00_hlOBeerOrder2:active .glyphicon, #ctl00_hlOBeerOrder.highlight, #ctl00_hlOBeerOrder2.highlight {
    background-color: #f1b15e !important;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    opacity: 1;
}

#hlDelivery:hover, #hlDelivery:hover .glyphicon, #hlDelivery:focus, #hlDelivery:focus .glyphicon, #hlDelivery:active, #hlDelivery:active .glyphicon,
#ctl00_hlDelivery:hover, #ctl00_hlDelivery:hover .glyphicon, #ctl00_hlDelivery:focus, #ctl00_hlDelivery:focus .glyphicon, #ctl00_hlDelivery:active, #ctl00_hlDelivery:active .glyphicon,
#ctl00_hlDelivery2:hover, #ctl00_hlDelivery2:hover .glyphicon, #ctl00_hlDelivery2:focus, #ctl00_hlDelivery2:focus .glyphicon, #ctl00_hlDelivery2:active, #ctl00_hlDelivery2:active .glyphicon, #ctl00_hlDelivery2.highlight, #ctl00_hlDelivery.highlight {
    background-color: #5c6bc0 !important;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    opacity: 1;
}


    #hlDelivery:hover, #hlDelivery:hover .glyphicon, #hlDelivery:focus, #hlDelivery:focus .glyphicon, #hlDelivery:active, #hlDelivery:active .glyphicon,
    #ctl00_hlDelivery:hover, #ctl00_hlDelivery:hover .glyphicon, #ctl00_hlDelivery:focus, #ctl00_hlDelivery:focus .glyphicon, #ctl00_hlDelivery:active, #ctl00_hlDelivery:active .glyphicon,
    #ctl00_hlDelivery2:hover, #ctl00_hlDelivery2:hover .glyphicon, #ctl00_hlDelivery2:focus, #ctl00_hlDelivery2:focus .glyphicon, #ctl00_hlDelivery2:active, #ctl00_hlDelivery2:active .glyphicon, #ctl00_hlDelivery2.highlight, #ctl00_hlDelivery.highlight {
        background-color: #5c6bc0 !important;
        color: #fff !important;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        opacity: 1;
    }

.logout-panel {
    float: right;
    clear: right;
    text-align: right;
    border-left: 1px solid #ccc;
    max-width: 78pt;
    max-height: 44pt;
    line-height: 10pt;
    margin-top: 5pt;
    margin-right: -12pt;
}

.logout-panel .dropdown-toggle{
    color: #fff;
    height: 33pt;
    font-size: 14pt;
    padding-left: 12pt;
    padding-right: 10pt;
    opacity: 0.7;
}

.logout-panel .dropdown-menu{
    left: auto;
    right: 0;
    margin-top: 6pt;
    text-transform: capitalize;
    font-size: 9pt;
}

.mobile-quick-lnks #ctl00_B1SecurityPanel1, .mobile-quick-lnks #ctl00_B1SecurityPanel2 {
    display: inline;
    background-color: transparent !important;
    clear: both;
}

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

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

.ui-dialog.custSelect {
    position: fixed !important;
    padding: 10px 1px;
    margin: 1em 0 3em;
    border: 1px solid #ccc;
    color: #333;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 2pt;
    margin-left: 30px;
    min-height: 130px !important;
    font-size: 9pt;
    top: 40pt !important;
}

    .ui-dialog.custSelect:before {
        content: "";
        position: absolute;
        border-style: solid;
        display: block;
        width: 0;
        top: -12pt;
        bottom: auto;
        right: 20pt;
        border-width: 0 15px 15px 15px;
        border-color: #ccc transparent;
    }

    .ui-dialog.custSelect:after {
        content: "";
        position: absolute;
        border-style: solid;
        display: block;
        width: 0;
        top: -11pt;
        bottom: auto;
        right: 20pt;
        border-width: 0 15px 15px 15px;
        border-color: #fff transparent;
    }


    .ui-dialog.custSelect .ui-widget-content a {
        color: #337ab7;
        margin-top: 45pt;
        margin-bottom: -5px;
    }

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

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

    .ui-dialog.custSelect .input-group .btn {
        margin-left: -2pt !important;
        color: #9098b8 !important;
        background-color: #f7f7fa !important;
        border: 1px solid #ccc !important;
        margin-top: 0 !important;
        height: 28px;
        width: 39px;
        min-width: 20px;

    }

        .ui-dialog.custSelect .input-group .btn .glyphicon {
            color: #808080;
            font-size: 8pt;
            line-height: 1.55;
        }

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

#selectCustomer .ui-autocomplete {
    border: 1px solid #ccc;
    margin-top: -1pt;
    padding: 4pt;
    z-index: 2000;
    background: #fff;
    max-width: 209pt;
    font-size: 9pt;
}

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

.no-valid-customer-found {
    margin-top: 5pt;
    margin-bottom: -20pt;
    font-size: 9pt;
}

.mobile-quick-lnks {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    height: 82px;
    padding: 0;
    z-index: 2000;
}

    .mobile-quick-lnks a {
        display: inline-block;
        max-width: calc(100vw/6);
        border-right: 1px solid #ccc;
        height: 100%;
        text-align: center;
        padding: 3pt 2pt;
        margin: 0;
        vertical-align: top;
        opacity: 0.6;
        margin-right: -4px;
        width: auto !important;
        color: #333 !important;
    }

        .mobile-quick-lnks a:focus, .mobile-quick-lnks a:active, .mobile-quick-lnks a:hover {
            opacity: 1;
        }

        .mobile-quick-lnks a:nth-of-type(5) {
            border-right: none;
        }

        .mobile-quick-lnks a span.glyphicon {
            display: block;
            font-size: 12pt;
        }

.show-quick-lnks {
    position: fixed;
    left: 44%;
    background: #808080;
    border: none;
    color: #fff;
    width: 30pt;
    text-align: center;
    height: 18pt;
    padding: 0;
    border-top-left-radius: 2pt;
    border-top-right-radius: 2pt;
    z-index: 2000;
}

.mobile-quick-lnks, .show-quick-lnks {
    display: none;
}

    .show-quick-lnks.bottom {
        bottom: 0px !important;
    }

    .show-quick-lnks.middle {
        bottom: 82px !important;
    }

    .show-quick-lnks.top {
        bottom: 248px !important;
    }

    .mobile-quick-lnks.bottom {
        bottom: 0px !important;
    }

    .mobile-quick-lnks.middle {
        bottom: 167px !important;
    }

#ctl00_securSALESMobile {
    display: inline;
}

/*End Quick Links*/
#ctl00_lblPackerName {
    width: 100%;
    font-size: 10pt;
    display: block;
    color: #808080 !important;
    text-transform: capitalize;
    border-bottom: 1pt solid #eee;
    margin-bottom: 10pt;
}

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

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

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

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

/*Menu Tray*/

.menu-tray {
    background: rgba(8, 36, 80, 0.87);
    width: 50vw;
    position: fixed;
    top: 45pt;
    left: 0;
    z-index: 1003;
    padding: 10pt;
}

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

.menu-tray.in {
    display: block;
    height: 100vh !important;
    z-index: 1200;
}

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

.menu-tray a{
    color: #fff;
    font-size: 12pt;
}

.menu-tray a i{
    margin-right:10pt;
    line-height: 20pt;
    font-size: 12pt;
    vertical-align: baseline;
    display: inline-block;
    min-height: 20pt;
}

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

.menu-tray a span.glyphicon{
    float:right;
    margin-top: -4pt;
    line-height: 25pt;
}

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

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

.menu-tray ul li ul li a span.glyphicon{
    margin-top: 0;
}

.menu-tray ul li{
    border-top: 1px solid #868686;
    margin-left: -30pt;
    padding: 0;
    clear: both;
    position: relative;
    list-style: none;
}

.menu-tray ul li a{
    padding: 5pt 10pt;
}

.menu-tray ul li li a{
    padding-left: 20pt;
    display: inline-block;
}

.menu-tray ul li li li a{
   padding-left: 40pt;
}

.menu-tray ul li li li li a{
   padding-left: 60pt;
}

.menu-tray ul li li li li li a{
   padding-left: 80pt;
}

.menu-tray ul li a.menuLink{
    display: block;
}

    .menu-tray .glyphicon-pushpin, #accordion_menu_container .glyphicon-remove {
        position: absolute;
        top: 7.5pt;
        right: 12pt;
        font-size: 10pt;
        color: #fff;
    }

.menu-tray .glyphicon-pushpin:hover, #accordion_menu_container .glyphicon-remove:hover{
    cursor: pointer;
    color: #f15e34;
}

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

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

.menu-tray ul .inner {
  overflow: hidden;
  display: none;
}

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

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

.menu-tray ul li a.toggle.active, .menu-tray ul li a.toggle:hover{
    background: rgba(105, 104, 104, 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(105, 104, 104, 0.53);
    color: #fff;
}

/*Highlight 3 levels deep*/

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

/*Highlight 4 levels deep*/

.menu-tray ul li ul li ul li ul li a.toggle.active{
    background: rgba(105, 104, 104, 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(105, 104, 104, 0.23);
    color: #fff;
}

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

.simplebar-content{
    padding-bottom: 40pt !important;
}

#closeMainNav.collapse, #closePinNav.collapse {
    display: block !important;
    height: auto !important;
}

/*Pinned Reports*/

.menu-tray .pinned i{
    display: none;
}

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

.menu-tray .pinned li:first-of-type{
    border-top: 1px solid #868686;
}

.menu-tray .pinned li{
    padding: 5pt 0;
    clear:both;
}

.menu-tray .pinned li a{
    display: inline;
    padding: 5pt;
}

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

.menu-tray .glyphicon-remove:hover{
    cursor: pointer;
    color: red !important;
    transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}

.pinned .glyphicon-arrow-down, .pinned .glyphicon-arrow-up {
    float: right;
    cursor: pointer;
    margin-right: 6pt;
}

.pinned .glyphicon-arrow-down {
    margin-left: 15pt;
}

.pinned .glyphicon-arrow-down:hover, .pinned .glyphicon-arrow-up:hover {
    cursor: pointer;
    color: #f15e34 !important;
    transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}

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

.breadcrumb-nav{
    margin: 45pt auto 0;
    padding: 10pt 10pt 0;
    text-transform: uppercase;
    font-size: 9.5pt;
    color: #212121;
    position:relative;
    z-index: 1;
    line-height: 15pt;
}

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

.change-password .breadcrumb-nav, .order-pad .breadcrumb-nav, .order-form-body .breadcrumb-nav, .delivery-rep .breadcrumb-nav {
    margin-top: 5pt;
}

.reports .breadcrumb-nav{
    margin-top: 15pt;
    margin-bottom:10pt;
}

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

.expense-user .breadcrumb-nav {
    margin-top: 5pt;
    padding-top: 10pt;
    margin-bottom: 5pt;
}

.expense-user.expense-dash .breadcrumb-nav{
    margin-top: 25pt;
}

body.sales-user .breadcrumb-nav{
    margin-top: 30pt;
}

.board.sales-user .breadcrumb-nav {
    position:fixed;
    background: transparent;
    z-index: 1000;
    top: 55pt;
}

.error-page-custom .breadcrumb-nav, .error-page-custom .navbar-toggle, .error-page-custom .logout-panel, .error-page-custom .show-quick-lnks {
    display: none !important;
}

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

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

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

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

.error-page-custom h3{
    font-size: 14pt;
    margin-top: 0;
    margin-bottom: 5pt;
}

.error-page-custom p{
    margin: 20pt auto;
    text-align:left;
    padding: 0 20pt;
    max-width: 500px;
}

.error-page-custom .btn{
    height: 25pt
}

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

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

.table > thead > tr > th, .table > tbody > tr > td {
    padding: 8pt 11pt;
}

.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 > th, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table > tfoot > tr > td {
    border-top-width: 0;
    padding: 8pt 11pt;
}

.table > thead > tr, .table > tbody > tr, .table > tfoot > tr, .table > thead > tr, .table > tfoot > tr {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd;
}

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

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

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

.home-intro {
    padding: 0 0px 15px;
    margin-top: -5pt;
}

/*Modals*/

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

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

.modal-body {
    padding: 15px 30px;
}

.modal-footer {
    padding: 25px 15px;
}

#modalBody .form-horizontal .checkbox label {
    position: relative;
    padding-left: 20px;
    margin: 10px 0;
}

#modalBody .form-horizontal .checkbox input {
    margin-top: 2px;
}

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

.modal-header {
    color: #fff;
    border-radius: 2pt 1pt 0 0;
    font-size: 13px;
    background-color: #0d47a1;
    padding: 10px 15px;
}

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

#modalBody label {
    margin-top: 15px;
}

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

/*End Modals*/

/*Loading Animation*/

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

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

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

.loading-animation img {
    height: 50px;
    width: 50px;
}

/*Order Pad loading image*/

.loading-indicator {
    padding: 15px;
}

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

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

@-webkit-keyframes title {
    0% {
        opacity: 0;
        right: 130px;
    }

    48% {
        opacity: 0;
        right: 130px;
    }

    52% {
        opacity: 1;
        right: 30px;
    }

    70% {
        opacity: 1;
        right: 30px;
    }

    100% {
        opacity: 0;
        right: 30px;
    }
}

@-moz-keyframes title {
    0% {
        opacity: 0;
        right: 130px;
    }

    48% {
        opacity: 0;
        right: 130px;
    }

    52% {
        opacity: 1;
        right: 30px;
    }

    70% {
        opacity: 1;
        right: 30px;
    }

    100% {
        opacity: 0;
        right: 30px;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

.loading-animation {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 200000;
    width: 100px;
    height: 40px;
    line-height: 40px;
    opacity: 0.7;
    border-radius: 4px;
    text-align: center;
    background-color: #808080;
    margin: 0 auto;
    padding: 2px 5px;
}

    .loading-animation span {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        border-radius: 100%;
        animation-name: loading;
        animation-duration: .5s;
        animation-iteration-count: infinite;
        background-color: #fff;
    }

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

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

/*End Loading Animation*/


.required {
    color: red;
    font-size: 11px;
    font-style: italic;
    padding: 4px 0;
}

.red-text {
    color: #d9534f;
}

.red {
    color: red !important;
}

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

.comment {
    display: block;
    border: 1px solid #ece9d9;
    box-shadow: none;
    background-color: #fffbe4;
    margin: 10px auto;
}

.panel-heading h4 {
    font-size: 14px;
    font-weight: 600;
    float: left;
}

.panel-heading .btn {
    margin-top: 0;
    font-size: 12px;
    float: right;
    height: auto;
    padding: 5pt;
}

.panel-footer {
    display: inline-block;
    width: 100%;
    background-color: #fff;
}

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

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

.checkbox label span {
    line-height: 22px;
    color: #3c3c3c;
    font-size: 14px;
    font-weight: normal !important;
    margin: 0 26px;
}

.footer {
    clear: both;
    width: 100%;
    color: #555f84;
    font-size: 9px;
    text-align: center;
    margin: 10px auto;
    padding: 10px 0 0;
}

.timeStampTag {
    display: none;
    width: 240px;
    color: #aaa;
    text-align: center;
    font-size: 10px;
    border-radius: 2pt;
    clear: both;
    background-color: #eee;
    margin: 0 auto 20px;
    padding: 4px 10px;
}

#footer-controls ul.navlist {
    float: left;
    list-style-type: none;
    margin: 4px 8px;
    padding: 0;
}

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

.top-buffer-sm {
    padding-top: 14px;
}

.top-buffer-md {
    padding-top: 25px;
}

.top-buffer-lg {
    padding-top: 40px;
}

.right-buffer-sm {
    padding-right: 14px;
}

.bottom-buffer-sm {
    padding-bottom: 14px;
}

.bottom-buffer-md {
    padding-bottom: 25px !important;
}

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

.percent-86 {
    display: block;
    max-width: 845px;
    width: 86%;
    float: none;
    margin: 0 auto 10px !important;
}

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


.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2pt;
}

.notice-alert {
    color: #d36119;
    font-style: italic;
}

.row-full-height {
    height: 100%;
    margin: 10px 0 0px;
}

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

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

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

.ui-dialog-buttons {
    height: 200px !important;
}

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

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

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

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

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

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

.change-password-contain {
    clear: both;
    padding-left: 25px;
    padding-top: 25pt;
}

#ctl00_MainContent_updatePasswordBtn {
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin: 10px 0;
    height: 25pt;
}

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

.change-password-contain h6{
    line-height: 13pt;
}

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

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

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

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

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

    .reviewItemsHeading h5 a {
        color: #fff;
    }

.totals-affix {
    position: fixed;
    top: 94pt;
    right: 12vw;
    border: 1px solid #ccc;
    max-width: 200pt;
    width: 18vw;
}

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

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

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

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

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

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

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

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

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

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


.input-group.date-picker.date-large .form-control {
}

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

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

.order-form-wrapper .input-group-addon {
    margin: -6px 0px 0px -38px;
}


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

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

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

.atp {
    display: block;
}

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

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

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

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

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

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

.order-form-wrapper select.form-control {
    margin: 0 0 6px -4px;
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #EDEFF0 100%);
    box-shadow: none;
    max-width: 250pt;
}

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

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

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

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

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

.simple-shipping {
    padding: 0;
}

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

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

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

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

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

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

.f-itemsearch {
    padding: 10pt 0;
    border-bottom: 3px solid #ccc;
    margin-bottom: 20pt;
}

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

.f-itemline {
    padding: 8px 12px 2px 12px;
    border-bottom: 1px solid #ccc;
    line-height: 15pt;
    margin-bottom: 1pt;
    clear: none;
}

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

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

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

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

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

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

.f-itemline div {
    padding-left: 0px;
    margin-bottom: 4pt;
    padding-top: 5pt;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-form-wrapper .f-search-label {
    width: 100%;
    display: block;
    background: #eee;
    padding: 5pt 10pt;
    margin-top: -10pt;
    border-bottom: 1px solid #ccc;
    color: #808080;
    font-size: 8pt;
    text-transform: uppercase;
}

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

.o-summary .cp-table tbody tr td {
    border-top: 1px solid #ccc !important;
    border-bottom: none !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;
    padding: 0;
}

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


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

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

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

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

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

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

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

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

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

#fatal-error {
    padding: 30pt;
    margin: 10pt auto;
    background: #fff;
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    max-width: 50vw;
    display: none;
}


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

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

    .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;
    padding: 5pt 11pt;
    text-align: left;
    font-size: 10pt;
}

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

.ship-text {
    padding: 0;
}

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

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

    .order-discounts h4 {
        color: #0d47a1;
        font-size: 10pt;
        margin: 5pt 0 10pt;
    }

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

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

.f-itemname {
    color: #0d47a1;
}

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

.udf-line .udf-contain:first-of-type {
    border-top: 1px dashed #ccc;
}

.order-form-wrapper label.mobile-lbl {
    display: none;
}

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

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

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

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

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

.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 {
    margin: 0pt 0px 0;
    padding: 16px 0 3px 10px;
    width: 100%;
    max-height: 70px;
    font-size: 13px;
    background-color: #fdfbe9;
    border-left: none;
    border-top: none;
    border-right: none;
}

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

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

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

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

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

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

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

/************************************************** OrderForm **********************************************************************/
.order-form-body .item-category-name {
    width: 100%;
    background: #fff;
    display: block;
    color: #0d47a1;
    padding: 10pt 20pt;
    font-size: 12pt;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    margin-top: 0;
}

    .order-form-body .item-category-name label {
        color: #808080;
        font-size: 8pt;
        font-style: italic;
        vertical-align: bottom;
        margin-left: 10pt;
        text-transform: initial;
        font-weight: normal;
    }

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

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

.order-form-body .item-category-name.active, .of-name-description.active {
    background: #0d47a1;
    color: #fff !important;
    border-color: #0d47a1;
    font-size: 12pt;
    text-transform: uppercase;
}

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

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

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

.order-form-body .form-items li {
    display: inline-block;
    padding: 10px 20px 35px;
    border-bottom: 1px solid #ccc;
    margin-left: -25pt;
}

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

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

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

.order-form-body .item-order-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
}

    .order-form-body .item-order-list li {
        margin: 0;
        padding: 0 10px;
        color: #808080;
        font-size: 12px;
        border: none;
        border-bottom: 1px solid #DCDCDC;
    }

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

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

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

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

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

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

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

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

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

.order-form-body .amount-label {
    display: inline-block;
    margin-left: 0px;
    width: 100%;
    color: #212121;
    font-size: 11px;
    font-weight: 400;
    padding-left: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}


.floating-checkout {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #eee;
    border-top: 1px solid #ccc;
    padding: 10pt 20% 24pt 10pt;
    text-align: right;
}

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

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

#accordion {
    clear: both;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-content {
    display: none;
}

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

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

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

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

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

/*Cart Icon*/

.obeer-cart {
    position: fixed;
    top: 3pt;
    right: 10pt;
    z-index: 1001;
    font-size: 16pt;
}

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

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

.obeer-cart span.itm-count {
    padding: 0pt 3pt;
    border-radius: 7pt;
    left: 14pt;
    display: inline-block;
    top: 5px;
    position: absolute;
    color: #808080;
    font-size: 10pt;
    background-color: #fff;
    border: 1px solid #ccc;
}


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

#expense-body {
    padding: 10pt;
}

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

    #expense-body .dashboard-panel {
        border: none;
        box-shadow: none;
    }

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


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


    div.expense-dash{
        overflow-y: auto;
        max-height: 70vh;
    } 

        #expense-body .panel-heading .btn {
            float: none;
        }

    #expense-body .booking-payments .panel-heading {
        position: relative;
        height: 35pt;
        z-index: 1;
        border-radius: 0;
        max-width: 60vw;
    }

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

    #expense-body .cc-import .panel-heading {
        max-width: 100%;
        position: inherit;
    }

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

.dash-ex-total-label {
    margin-bottom: 0;
    color: #a2aabf;
    font-size: 9px;
    font-weight: 600;
    float: right;
    clear: both;
}

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

.dash-ex-dates {
    display: inline-block;
    width: 100%;
    color: #939393;
    font-size: 8pt;
    float: none;
    clear: both;
    padding: 5pt 0;
    margin-left: -8pt;
    font-weight: bold;
}

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

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

.border-bottom-heading {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.status-request-id {
    display: block;
    margin: 0 auto 25px auto;
    padding: 8px 0 2px 0;
    width: 90%;
    height: 35px;
    color: #FFF;
    background-color: #EEE;
    border-radius: 2pt;
    clear: both;
}

    .status-request-id h3 {
        color: #666;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .status-request-id span {
        padding-right: 6px;
        color: #999;
        font-size: 12px;
        font-weight: 400;
    }

.cc-lines-import-dash {
    position: fixed;
    top: 45pt;
    right: 0;
    z-index: 899;
    color: #333;
    text-align:right;
    background: #fff;
    padding: 5pt;
    width: 100%;
    border-bottom: 1pt solid #ccc;
}

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

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

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

    .cc-lines-import-dash .btn {
        padding: 2pt 10pt;
        font-size: 8pt;
        text-transform: uppercase;
        line-height: 13pt;
        color: #fff;
    }

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

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

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

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

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

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

    .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: 13px;
        color: #202023;
    }

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

/* Expense Sheeet */

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

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

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

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

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

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

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

.cc-available {
    margin-top: 6px;
    padding: 5px 0 0 0;
    color: #969CB2;
    font-size: 13px;
    background-color: #F1F3F8;
}

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

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

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

    .ep-line-item p {
        color: #5D637A;
        margin-bottom: 4px;
    }

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

.ep-sub-item-details {
    display: inline-block;
    margin: 0 15px;
    padding: 3px 0 0 0;
    width: 96%;
    font-size: 12px;
    border-top: 1px dashed #DDDFE7;
}

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

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

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

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

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

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

.delete-lnk {
    color: #D34259;
}

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

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

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

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

/* ELEMENTS */
.hr {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px solid #DDDFE7;
}

.dotted-lines {
    display: inline-block;
    margin: 10px 0 0 0;
    width: 100%;
    border-bottom: 1px dotted #DDDFE7;
}


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

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

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

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

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

.expense-name-date {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-radius: 2pt 1pt 0 0;
    padding: 12px 0 14px;
}

    .expense-name-date .input-group, .expense-name-date input, .expense-name-date .input-group-addon {
        border: none;
        box-shadow: none;
        background: none;
    }

    .expense-name-date .input-group-addon {
        position: absolute;
        right: 5px;
        top: 0;
    }

    .expense-name-date .input-group {
        padding-left: 5px;
        width: 90%;
        border-radius: 2pt;
        background-color: #eee;
        margin: 0;
    }

    .expense-name-date .fa {
        position: relative;
        left: -12px;
        top: 3px;
        color: #c6cddd;
    }

.date-picker-wrapper {
    display: block;
    width: 86%;
    margin: 0 auto 10px;
}

.expense-user .date-picker-wrapper {
    margin-left: 15px;
}

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

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

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

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

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

    .cat-project-select .form-control {
        font-size: 12px;
    }

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

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

.ex-line {
    color: #909090;
    display: inline-block;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #929292;
    padding: 6px 0;
}

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

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

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

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

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

.ex-comments-btns {
    margin-top: 4px;
    width: 100%;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #aeaeae;
    clear: both;
}

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

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

.attachment-list-item {
    display: inline-block;
    width: 30%;
    min-height: 200px;
    box-shadow: #fff 0 1px 0 inset;
    border: 1px solid #e1e6ee;
    border-radius: 2pt;
    background: linear-gradient(rgb(250,251,253), #f7f8fa);
    margin: 10px 1.25%;
    padding: 10px;
}

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

.ep-attached-date {
    padding-bottom: 10px;
    color: #8e93a4;
}

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

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

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

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

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

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

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

.submitting-label, .saving-label {
    width: auto;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    background: url(../img/loading-small.gif) 0 50% no-repeat transparent;
    padding: 0 0 0 28px;
}

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

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

.total-lines {
    float: right;
}

    .total-expense-cost h4, .total-lines h4 {
        color: #323232;
        font-size: 26px;
        font-weight: 400;
    }

.action-header {
    display: inline-block;
    margin-top: 0;
    width: 100%;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #333;
    border-radius: 0;
    padding: 15px 0 5px;
}

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

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

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

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

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

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

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

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

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

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

.ex-line span {
    display: inline-block;
    color: #333;
    font-size: 11px;
    float: left;
    margin: 0;
}

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

    .gl-modal li p {
        padding-bottom: 3px;
        color: #40474f;
        font-size: 12px;
        font-weight: 600;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #dddfe7;
    }

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

.gl-modal h5 {
    display: block;
    width: 100%;
    color: #5d637a;
    font-size: 18px;
    font-weight: 300;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dddfe7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dddfe7;
    clear: both;
    padding: 10px 0;
}

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

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

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

.expense-comments {
    display: inline-block;
    margin-top: 10px;
    color: #d88a48;
    width: 100%;
    font-style: italic;
    clear: both;
    background: url(../img/comment-lines.png) 0 50% no-repeat transparent;
    padding: 0 0 0 28px;
}

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

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

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

.text-align-right, .expense-estimate, .ex-line-amount, #opportunities-datatable tr td:nth-child(9), #sales-user-app table#report-dt tr td:nth-child(4), #sales-user-app table#report-dt tr td:nth-child(5) {
    text-align: right;
}

.green, .activities-feed a.add-task-lnk, .activities-feed a.add-note-lnk {
    color: #1d876d !important;
    line-height: 22pt;
}

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

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

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

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

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

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

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

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

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

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

#expenseFields .date .input-group-addon {
    display: none;
}

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

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

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

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

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

    .dashboard-panel .panel-heading {
        border: none;
        color: #fff;
        background-image: none;
        background-color: #0d47a1;
        padding: 10px;
    }

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

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

    .dashboard-panel .panel-heading .btn-link {
        color: #fff;
    }

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

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


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

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

    .dashboard-subnav select {
        display: inline-block;
        font-size: 12px;
        float: right;
    }

.edit-layout {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
    background: url(../img/edit-icon.svg) 50% 50% no-repeat transparent;
    margin: 10px 0 0 10px !important;
}

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

.dash-options-cal {
    position: fixed;
    top: 45pt;
    left: 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fff;
    min-height: 40pt;
    padding: 6pt 25pt 6pt 10pt;
    z-index: 15;
}

    .dash-options-cal select.form-control {
        width: 120pt;
        margin-left: 5pt;
        font-size: 10pt;
    }

    .dash-options-cal input.form-control {
        width: 100pt;
        margin-left: 5pt;
        font-size: 10pt;
        margin-right: -30pt;
        background: transparent;
    }

.dash-choose-salesperson {
    display: inline-block;
    margin-right: 8px;
    padding-top: 5px;
    width: auto;
    float: left;
}

.dash-date-picker-wrapper {
    display: inline-block;
    padding-top: 5px;
    width: 330pt;
    float: right;
    margin-right: 20px;
}

    .dash-date-picker-wrapper .input-group-addon, .order-date-picker-wrapper .input-group-addon, .order-form-wrapper .input-group-addon {
        width: auto;
        margin-right: 0pt;
        background: none;
        border: none;
        color: #9c9c9c;
        display: inline-block;
    }

    .dash-date-picker-wrapper label, .order-date-picker-wrapper label {
        vertical-align: top;
    }

    .dash-date-picker-wrapper input, .order-date-picker-wrapper input {
        border-radius: 2pt;
        height: 22pt;
        font-size: 10pt;
    }

.global-widgets-wrapper {
    position: relative;
    display: block;
    width: 98%;
    max-width: 1240px;
    box-shadow: none;
    margin: 10pt auto;
    padding: 10px 20px 50px;
}

.dash-row {
   /* overflow: auto;  Removed due to display issue in IE*/
}

.widget-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 10pt 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2pt;
    box-shadow: 1pt 2pt 7pt #ddd;
    min-height: 150pt;
}

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

.google-visualization-table-table th {
    font-size: 10pt;
    background: #0d47a1 !important;
    color: #fff;
    padding: 8pt 10pt !important;
}

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

.editable-widget-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    box-shadow: rgba(175,175,175,0.498039) 0 2px 3px 0;
    cursor: 0;
    background: #fff;
    padding: 10px 16px;
}

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

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

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

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

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

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

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

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

/* KPI */

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

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

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

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

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

.yellow .kpi-value .yellow-arrow {
    display: block;
}

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

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

.kpi-value img {
    padding: 10px 7px 0 0;
}

.kpi-subtitle {
    display: inline-block;
    width: 100%;
    color: #888;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    padding: 0;
}

.kpi-previous-value {
    display: block;
    width: 100%;
    color: #7B7B7C;
    text-align: center;
    font-size: 12px;
    font-style: italic;
}

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

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

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

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

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

    #LeadtoQuoteRatioRep .ct-chart .ct-series.ct-series-a .ct-line {
        stroke: #4cd964;
    }

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

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

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

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

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

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

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

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

/***
  EDITABLE DASHBOARD
  ***/

.edit-widgets-navbar-actions {
    position: fixed;
    top: 45pt;
    left: 0px;
    z-index: 103;
    display: inline-block;
    padding: 8px 6px;
    width: 100vw;
    background-color: rgba(255,255,255,0.8);
    border-bottom: 1px solid #ddd;
}

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

.widget-droppable-wrap {
    display: inline-block;
    margin: 0 8pt 5pt;
    padding: 14px 10px;
    width: 100%;
    max-height: 100%;
    background-color: #F1F1F2;
    border: 1px dashed #DDD;
    border-radius: 2pt;
}

.global-widgets-wrapper-edit {
    display: inline-block;
    padding: 40px 20px;
    width: 68%;
    float: left;
    position:relative;
}

.widget-drawer {
    position: fixed;
    top: 74pt;
    right: 0;
    bottom: 0;
    display: inline-block;
    padding: 20px;
    width: 300px;
    height: 100vh;
    background-color: #FFF;
    box-shadow: -2px 0px 8px 0px rgba(0,0,0,0.1);
    float: right;
}

    .widget-drawer h1 {
        margin: 0;
        padding: 0 0 10px 0;
        color: #111;
        font-size: 12px;
        text-align: center;
        font-weight: 600;
        border-bottom: 1px solid #aaa;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .edit-widget-size label {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        color: #aaa;
    }

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

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

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

/* DASHBOARD WIDGETS END */

.date-small {
    display: none;
}

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


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

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

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

.sales-user .btn-alt {
    color: #1565c0 !important;
    background-color: #fff !important;
    border-color: #1565c0 !important;
    border: 1pt solid;
}

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

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

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

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


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



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

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

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

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

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

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

.upload-drop-zone {
    height: 90px;
    color: #ccc;
    line-height: 90px;
    text-align: center;
    border-color: #ccc;
    border-style: dashed;
    border-width: 2px;
    margin: 20pt auto !important;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

    div#sales-user-app a {
        color: #1565c0;
    }

.top-tabbed-navigation {
    border-bottom: 1px solid #ccc;
    box-shadow: #f5f5f5 1px 4px 9px;
    min-height: 40px;
    height: auto;
    position: fixed;
    z-index: 105;
    margin-top: 4px;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    top: 42pt;
    left: 0;
}

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

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

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

.top-tabbed-navigation li {
    display: inline-block;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #3c3c3c;
    font-size: 14px;
    width: auto !important;
    padding: 0 5px;
}

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

.opp-detail-options {
    position: fixed;
    top: 65pt;
    right: 105pt;
    z-index: 104;
    width: auto !important;
}

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

.top-tabbed-navigation li.opp-filters-mid {
    text-align: right;
    border: 0;
    padding-left: 1%;
}

.opp-filters-mid label, .opp-filters-right label {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
}

.top-tabbed-navigation li.opp-filters-right {
    border: 0;
    text-align: right;
    padding-left: 1%;
}

.top-tabbed-navigation li:last-of-type {
    border: 0;
}

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

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

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

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

.sales-user .btn.btn-default {
    margin-top: 20px;
    margin-left: 0;
}

.sales-user .btn {
    border: 0;
    font-weight: normal;
    font-size: 10pt;
    height: auto;
    border-radius: 2pt;
    min-width: 90px;
    margin-left: 10px;
    margin-bottom: 0;
    color: #fff !important;
    background: #1565c0;
    padding: 6pt;
}

    .sales-user .btn:hover, .sales-user .btn:active {
        transition: all 1s ease-in-out;
        background-color: #2196f3;
    }

.sales-user-content {
    padding: 5px 0;
}

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

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

.activities-feed {
    position: relative;
    display: inline-block;
    clear: right;
    border-left: 1px solid #ccc;
    height: 87% !important;
    background: #fff;
    margin: -9px 0 0;
    padding: 10px 15px;
}

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

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

.activities-feed h1 {
    font-size: 11pt;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-left: 5pt;
}

.activities-feed li {
    margin-left: -18px;
    color: #fff;
    border-left: 1px solid #ccc;
    position: relative;
    padding: 0 0 10px;
}

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

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

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

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

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

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

.activities-feed a.add-task-lnk:hover, .activities-feed a.add-note-lnk:hover, .activities-feed a.add-task-lnk:active, .activities-feed a.add-note-lnk:active {
    transition: all 1s ease-in-out;
    color: #0cb913 !important;
}

#opportunities-datatable tr {
    cursor: pointer;
    font-size: 9pt;
}

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

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

.hide-opp-parent {
    border-bottom: 1px solid #ccc;
    margin-bottom: 8pt;
    height: 33pt;
    background-color: #fff;
}

.hide-opp-btn {
    width: 30pt;
    height: 27pt;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 25pt;
    color: #1565c0;
    background: #fafaf8;
    margin: 20pt auto;
}

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

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 {
    margin-top: -40px;
    color: #fff !important;
}

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

    .sales-user .btn.btn-alt:hover, .sales-user .btn.btn-alt:active {
        transition: all 1s ease-in-out;
        color: #2196f3 !important;
    }

.view-opp-details {
    position: relative;
    right: -1px;
    border-right: 1px solid #ccc;
}

    .view-opp-details h2 {
        display: inline;
    }

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

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

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

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

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

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

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

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

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

.sales-user .btn.odr-btn {
    border: 1px solid #ccc;
    background: #fd9025;
}

.sales-user .btn.qte-btn {
    border: 1px solid #ccc;
    background: #20c7a2;
}

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

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

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

.card-header-wrapper {
    margin-top: 4%;
    width: 101vw;
}

.main-card-contain {
    white-space: nowrap;
    height: 100% !important;
    min-height: 100%;
    max-width: 100vw;
    margin: 5% .5% 3%;
    overflow: hidden;
}

#dashboard.opp-board{
    overflow:hidden;
}

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

.card-contain {
    height: 100% !important;
    position: relative;
    margin: 0 auto;
    padding: 1% 1% 1% 0;
    overflow:auto;
}

.sticky {
    width: 100vw;
    position: fixed;
    z-index: 999;
    left: 10px;
}

.card-contain .col-lg-2 {
    width: calc(100vw / 5.8);
    float: none;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    margin: 0 -10px;
}

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

.card-header {
    color: #fff;
    text-align: center;
    height: 100px;
    border: 1px solid #e4e4e4;
    box-shadow: #ccc 0 2px 9px;
    width: 100%;
    z-index: 1000;
    border-radius: 3pt;
    background-color: #0d47a1;
    padding: 1% 5px;
}

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

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

.card-header h2 {
    font-size: 13pt;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.hide-scroll {
    position: fixed;
    top: 80px;
    z-index: 800;
    height: 100px;
    box-shadow: #f5f5f5 1px 8px 9px;
    width: 100% !important;
    background-color: #f5f5f5;
}

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

.opp-card {
    border: 1px solid #ccc;
    text-align: left;
    font-size: 9pt;
    width: 100%;
    box-shadow: #f7f7f7 1pt 2pt 2pt;
    line-height: 9pt;
    position: relative;
    cursor: move;
    clear: both;
    display: inline-block;
    border-radius: 3pt;
    transition: all .3s cubic-bezier(0.25,0.8,0.25,1);
    height: auto !important;
    background: #fff;
    padding: 4% 0;
    margin-top: 12pt;
}

.opp-card-details {
    padding: 5% 10%;
}

.opp-card ul.icons {
    margin: 0 auto 3% -8pt;
    padding: 7% 0;
}

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

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

.opp-add-info {
    position: static;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
    margin-top: 3%;
}

.opp-card div {
    cursor: default;
}

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

.feed-popover-contain {
    display: none;
    position: absolute;
    left: 15%;
    border: 1px solid #ccc;
    z-index: 1;
    border-radius: 3pt;
    box-shadow: #808080 1px 8px 9px;
    min-width: 155pt;
    width: 100%;
    top: 0;
    line-height: 24px;
    overflow: hidden;
    font-size: 10pt !important;
    background: #fff;
    padding: 10px;
}

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

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

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

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

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

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


.popover-content p{
    margin-left: 0 !important;
    font-size: 9pt;
}

.close-feed {
    float: left;
    clear: both;
    margin-left: 0px;
    color: #bfbfbf;
    font-weight: normal;
    font-size: 8pt;
    position: relative;
    z-index: 1000;
}

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

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

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

.opp-tasks, .opp-notes, .opp-attach {
    display: block;
    color: #3c3c3c;
    font-size: 10pt;
    position: relative;
}

    .opp-tasks span.act-num, .opp-notes span.act-num, .opp-attach span.act-num {
        font-size: 8pt;
        color: #428bca;
        font-weight: 600;
        display: inline-block;
        position: absolute;
        top: 7px;
        left: 62%;
        padding: 0 2px;
    }

.card-display {
    position: fixed;
    top: 44vh;
    right: 10px;
    z-index: 1000;
    display: none;
    border-radius: 20pt;
    border: 1px solid #ccc;
    color: #fff;
    opacity: 0.6;
    background: #0d47a1;
    padding: 0pt 7pt;
    font-size: 16pt;
}

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

.previous {
    top: 55vh !important;
}

.table > thead:first-child > tr:first-child > th, #opportunities-datatable tr:first-child > th {
    border-top-width: 0;
    box-shadow: #ccc 0 4px 0;
    color: #fff;
    font-family: 'Open Sans', Helvatica, Arial;
    font-size: 9pt;
    font-weight: normal;
    vertical-align: middle;
    background-color: #0d47a1;
    padding: 10pt;
}

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

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

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

        .upload-loading span::after {
            content: "";
            display: block;
            position: absolute;
            border-radius: 100%;
            animation: spin-rotate .6s linear 0 infinite;
            width: 10pt;
            height: 10pt;
            top: 0;
            right: -25px;
            background-image: linear-gradient(transparent0px,transparent70%,#fff30%,#fff100%);
            border-width: 0;
        }

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

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

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

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

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

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

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

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

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

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

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

/*Full Screen Edit/View Activities*/

.act-container {
    margin: 30px auto;
    border: 1px solid #ccc;
    max-width: 50vw;
    padding: 10pt;
    background: #fff;
}

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

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

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

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

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

.act-container h2{
    color: #0e47a1;
}

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


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

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

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

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

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

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

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

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

    .btn-chart input[type="submit"] {
        color: #fff;
        font-size: 11pt;
        border: 0;
        border-radius: 2pt;
        background-color: #0d47a1;
        padding: 5px;
    }

.subnav-panel .form-control {
    height: 29px;
    color: #4e8ce1;
    font-size: 13px !important;
    border: none;
    border-radius: 2pt;
    background-color: transparent;
    padding: 7px;
}

.subnav-panel .dxeButtonEditSys {
    width: 100%;
    height: 29px;
    border: none;
}

.subnav-panel div {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d1d8e2;
    padding: 0 !important;
}

.advanced-menu-options {
    display: inline-block;
    width: 100%;
    min-height: 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d1d8e2;
    background-color: #fff;
    margin: 0;
    padding: 6px 4px 8px;
    position: fixed;
    top: 67pt;
    left: 0;
    z-index:2;
}

    .advanced-menu-options input {
        padding: 2px 10px;
    }

        .advanced-menu-options input:first-child {
            padding-left: 16px;
        }

        .advanced-menu-options input:last-child {
            padding-right: 16px;
        }

.subnav-panel-wrapper {
    min-height: 26px;
    margin: -7pt 0;
}

.subnav-panel {
    display: inline-block;
    width: 100%;
    min-height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d1d8e2;
    background-color: #fff;
    margin: -12pt 0 0;
    position: fixed;
    top: 57pt;
    left: 0;
    z-index: 2;
}

.pivot .subnav-panel {
    top: 45pt;
}

div#report-dt_wrapper {
    width: 100%;
    min-width: 100%;
    overflow-x: auto;
    height: 100%;
    padding-top: 10pt;
}

#ctl00_MainContent_reportPanel {
    margin: -15pt 0 0;
    padding: 5pt;
}

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

#report-display {
    min-width: 320px;
    width: 100%;
    padding: 0;
}

    #report-display.pivot-wrapper {
        max-width: 90vw;
        overflow: auto;
    }

#ctl00_MainContent_ctl00_rptPanel {
    width: auto !important;
}

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

/* Custom Parameters */
.custom-query-params-select {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

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

.custom-query-params-min {
    display: inline-block;
    padding: 4px 0;
    width: 99.99%;
    background-color: #225ab1;
    margin-top: 10pt;
}

.custom-param-list-min {
    display: inline-block;
    padding: 6px 0 0 10px;
    float: left;
    margin-top: 0;
}

    .custom-param-list-min li {
        display: inline;
        padding-right: 8px;
        color: #FFF;
        font-size: 12px;
        float: left;
    }

#ctl00_MainContent_ctl00_customParams_btnShowCustomParams {
    display: inline;
    margin: 0px 5px 0px 0px;
    width: 33px;
    height: 30px;
    background: transparent url('../img/plus-icon.png') no-repeat;
    background-position: 0 0;
    border: none;
    float: right;
    text-indent: -999999px;
}

.custom-query-params {
    margin-top: -6px;
    padding-bottom: 10px;
    color: #FFF;
    background-color: #1a3f78;
}

.hidden-param {
    display: none;
}

.custom-param-list-min li span {
    margin-right: 6px;
}

.custom-param-list {
    display: inline-block;
    padding: 6px 0 0 10px;
    max-width: 800px;
    width: 100%;
    float: left;
}

    .custom-param-list li {
        display: inline-block;
        padding: 5px;
        width: 46%;
        color: #FFF;
        font-size: 12px;
        float: left;
    }

        .custom-param-list li span {
            display: inline-block;
            margin: 0 0 6px 0;
            width: 100%;
            float: none;
            clear: none;
        }

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

    .custom-param-list .dxeButtonEditSys, .custom-param-list .custom-query-params-text {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

.param-warning {
    display: block;
    margin: 15px 15px 8px 15px;
    color: #e17776;
    font-size: 11px;
    font-style: italic;
    clear: both;
}

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

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

#ctl00_MainContent_ctl00_customParams_pnlCustomParams {
    display: inline-block;
    width: 100%;
    clear: both;
}

#ctl00_MainContent_ctl00_customParams_btnUpdate {
    margin-left: 15px;
    clear: both;
    float: none;
}

/*Delivery Document Report*/

#delivery-report #report-dt {
    width: 100% !important;
    min-width: 500px;
}

#delivery-report .row{
    margin: 0 -15px;
}

#delivery-report #report-dt td, #delivery-report #report-dt th{
    padding: 10pt 5pt !important;
}

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

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

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

#delivery-report {
    padding: 10pt 15pt;
}

    #delivery-report #report-dt_length select {
        margin: auto 2pt;
    }

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

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

.sig-img img {
    max-width: 100%;
    width: 584px;
    height: auto;
    margin: auto;
}

h5.route {
    margin-bottom: 5pt;
}

#delivery-report #report-dropdown{
    margin-left: -7pt;
}

#delivery-report #report-checkbox {
    margin-left: -10pt;
} 

/************************************************** #Documents **********************************************************************/
/*copy and edit buttons*/

.doc-order-btns {
    position: fixed;
    top: 45pt;
    right: 0pt;
    z-index: 1100;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 2pt;
    padding: 7pt;
    box-shadow: 2px 2px 8px #ccc;
    text-align: right;
}

    .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 {
        transition: all 1s ease-in-out;
        background: #ff7e00;
    }

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

    .doc-order-btns .btn {
        padding: 4pt 3pt !important;
    }

/**/

/*Delivery Doc Sub Nav*/

.doc-sub-nav {
    border-bottom: 1px solid #ccc;
    box-shadow: #f5f5f5 1px 4px 9px;
    min-height: 40px;
    height: auto;
    position: fixed;
    z-index: 105;
    margin-top: 4px;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    top: 42pt;
    left: 0;
    font-size: 10pt;
}

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

.doc-sub-nav .pull-right .glyphicon-remove-circle {
  color: red !important;
}

.doc-sub-nav .pull-right .glyphicon-ok-circle {
  color: #1d876d !important;
}

/**/

.doc-content {
    width: 70%;
    margin: 20pt auto;
    padding: 60pt 20pt;
    min-height: 500pt;
    box-shadow: 0px 2px 7px #ccc;
    max-width: 700pt;
    background: #fff;
}

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

.subheading-detail {
    padding: 10px 20px;
    font-style: italic;
}

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

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

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

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

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

.doc-logo {
    position: absolute;
    top: -45pt;
    left: 7pt;
    max-width: 120pt;
}

.btn-success.print{
    margin-left: -5pt;
}

.doc-header {
    margin-right: -10pt;
}

    .doc-header hr {
        margin: 2pt 0;
    }

    .doc-header label {
        display: inline-block;
        min-width: 80pt;
        margin-left: 5pt;
    }

    .doc-header span {
        display: inline-block;
        padding-left: 5pt;
    }

.cp-table {
    margin: 40pt auto;
    min-width: 400pt;
}

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

    .cp-table thead tr {
        padding: 8px 0;
        height: 24px;
    }

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

        .cp-table thead tr td:first-child {
            padding-left: 5px;
        }

    .cp-table tbody tr {
        padding: 3px 0;
        height: 30px;
    }

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

    .cp-table tbody td {
        padding: 5pt 0;
    }

    .faded-section-heading{
        display: block;
        margin-bottom: 5pt;
    }

.doc-content .order-total {
    margin: 0 -15px 0 0;
    padding: 0;
    width: 214px;
    float: right;
    border: none;
}

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

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

.doc-content .total-amount {
    width: 130px;
}

.doc-content .f-order-notes {
    margin-top: 20pt;
}

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

/************************************************** #TMC **********************************************************************/
.tmc-contain {
    padding: 0 10pt;
}

    .tmc-contain .dropdown-menu {
        top: -42pt;
        left: -66pt;
        font-size: 10pt;
    }

        .tmc-contain .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: 400;
            line-height: 10pt;
            color: #333;
            white-space: nowrap;
        }

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

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

    .tmc-contain h1 {
        border-bottom: 1px solid #ccc;
        padding: 0 5pt 10pt;
    }

    .tmc-contain .dash-date-picker-wrapper {
        display: inline-block;
        padding: 0 0 10px;
        width: 410pt;
        float: left;
        margin-right: 0;
    }

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

.tmc-contain .table > thead:first-child > tr:first-child > th {
    text-transform: uppercase;
    min-width: 71px;
}

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

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

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

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

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

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

.tmc-contain .global-widgets-wrapper ul li {
    border-right: 1px solid #ccc;
    padding: 10px;
    font-size: 11pt;
    width: auto;
    list-style: none;
    display: inline-block;
    text-align: center;
}

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

.proj-select, .act-select {
    background-color: #0d47a1;
    height: 100pt;
    padding: 10pt 20pt;
    border: 5px solid #fff;
}

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

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

.project-btns h2 {
    margin-top: 10px;
}

.project-btns .btn-primary {
    background-color: transparent !important;
    font-size: 12pt;
    position: absolute;
    top: 75px;
    right: 0px;
    border: none !important;
    outline: none !important;
}

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

.proj-actions .btn {
    background-color: #0e83e7;
    color: #fff;
    border-radius: 1pt;
    width: 100%;
    margin: 4pt auto 6pt;
    height: 41pt;
    font-size: 11pt;
}

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

.tmc-contain h3 {
    border-bottom: 1px solid #ccc;
    padding: 0 5pt 5pt;
    clear: both;
}

#startJob .input-group:nth-of-type(1), #addMaterials .input-group {
    padding: 0 10px 0 5pt;
}

#startJob .input-group:nth-of-type(2) div {
    padding: 5pt 10pt 0 5pt;
}

#startJob .btn, #addMaterials .btn, .tmc-actions .btn, #addJobHours .btn {
    margin: 20pt 10pt 20pt 10pt;
    min-width: 60pt;
    min-height: 20pt;
    float: right;
}

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

.choose-list {
    width: 100%;
    position: absolute;
    top: 92pt;
    left: 0;
    border: 1px solid #ccc;
    padding: 10pt 10pt 0pt;
    background-color: #f9f9f9;
    z-index: 5;
    height: 35vh !important;
    overflow: auto;
    border-bottom: 2pt solid #ccc;
}

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

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

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

        .choose-list ul li {
            border-top: 1px solid #ccc;
            margin-right: -13px;
            margin-left: -13px;
            padding: 10px;
        }

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

            .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;
    font-weight: bold;
}

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


.tm-btns-contain {
    margin-top: 10pt;
    clear: both;
}

    .tm-btns-contain .btn {
        margin-left: 10pt;
    }

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

.dxpc-ddSys {
    border: none;
    background-color: #fff;
    padding: 4px !important;
}

.dxeCalendarToday_SoftOrange {
    border-radius: 2pt;
    background-color: #75a4e3;
}

.dxeCalendarWeekend_SoftOrange {
    color: #4b5059 !important;
}

.dxeCalendarWeekNumber_SoftOrange {
    color: #666;
}

.dxeCalendarDayHeader_SoftOrange {
    color: #6e768f;
}

.dxeCalendarButton_SoftOrange {
    font-weight: 600;
    border-radius: 2pt;
    background: #75a4e3 !important;
}

.dxeListBoxItemSelected_SoftOrange {
    background-color: #e9eef2 !important;
}

.dxpLite_SoftOrange .dxp-num {
    color: #3a8ff4 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.dxEditors_edtDropDown_SoftOrange {
    width: 10px !important;
    height: 10px !important;
    background: url(../img/caret.png) 50% 50% no-repeat transparent !important;
}

.dxeButtonEdit_SoftOrange {
    display: block;
    width: 100%;
    height: 24px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 2pt;
    box-shadow: rgba(0,0,0,0.0745098) 0 1px 1px inset;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-image: none;
    background-color: #fff;
    padding: 3px 12px 2px;
}

.dxeCalendar_SoftOrange, .dxpcLite_SoftOrange .dxpc-mainDiv {
    border-radius: 2pt;
    border: 1px solid #d1d8e2 !important;
}

.dxeListBoxItemSelected_SoftOrange:hover, #ulmenu ul li:hover, .expense-name-date input:hover, .sales-order-header h4:hover, .shipping-and-address h2:hover {
    cursor: pointer;
}