/*#################################################################################
    
    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. 

    Table Of Contents

    #Defaults
    #Bootstrap Overrides
    #Login
    #Menu
	#Breadcrumb
    #MainContain
	#Welcome
    #Payments
    #OrderPad/QuotePad
    #B2B Catalog
	#Dashboard
    #Reports
    #Documents
	#Employee Login
	#File Manager
    #DevEx Overrides
    #Media Queries  
    
    ###############################################################################*/

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

body{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 10pt;
    color: #212121;
	background-color: #EFEEEE;
}

a, a:visited{
    color: #26a9e1;
}

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

h1, h2, h3, h4, h5, h6{
    color: #037db8;
    font-family:'Open Sans', Helvetica, Arial, sans-serif !important;
}

h1{
    font-size:18pt;
}

h2{
   font-size:15pt;
}

h3{
   font-size:12pt;
}

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


h5{
   font-size: 10pt;
}


h6{
   font-size: 9pt;
}

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

label{
    font-size: 9pt;
}

input[type=submit], input[type=button], button{
    color: #fff;
    background: #037db8;
    font-size: 9pt !important;
}

input[type=submit]:hover, input[type=button]:hover{
    background-color: #26a9e1 !important;
    border-color: #26a9e1;
}

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


.dropdown-item:hover,.dropdown-item:focus, .dropdown-item:active{
  background-color: none;
}

.breadcrumb{
    background-color:#fff;
}

.form-control{
    font-size:9pt;
}

.btn-primary, .open>.dropdown-toggle.btn-primary, .btn-success, .open>.dropdown-toggle.btn-success{
    background-color:#037db8;
    border:1px solid #037db8;
    font-size:9pt;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active{    
    background-color: #26a9e1 !important;
    border:1px solid #26a9e1;
    font-size:9pt;
}

.btn-default, .open>.dropdown-toggle.btn-default, input[type=submit].btn-default{
    border: 1px solid #26a9e1 !important;
    font-size:10pt;
    color: #fff !important;
    background:#26a9e1 !important;
}


.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, input[type=submit].btn-default:focus, input[type=submit].btn-default:hover, input[type=submit].btn-default:active{
    color: #fff !important;
    border: 1px solid #26a9e1 !important;
    background: #26a9e1 !important;
}

.btn-link{
    color: #26a9e1 !important;
	background-color: transparent !important;
    text-decoration: none;
    font-size:9pt;
}

.btn-link:hover, .btn-link:focus, .btn-link:active, input[type=submit].btn-link:hover, input[type=submit].btn-link:focus, input[type=submit].btn-link:active {
    color: #808080 !important
	background-color: transparent !important;
    text-decoration: none !important;
    font-size:9pt;
}

.btn-secondary{
	color: #fff !important;
}

.pagination>li>a:hover, .pagination>li>span:hover{
    background:#fff;
}

.btn-group input[type=submit]{
    font-size:9pt;
    border: 1px solid #ccc;
}

.btn-group input[type=submit]:hover{
    color:#212121;
    background: #fff;
}

.btn-link{
    color:#037db8;
}

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

.pagination>li>a, .pagination>li>span {
    color: #037db8;
    background-color: #fff;
    border: 1px solid #ccc;
}

.pagination>li>a.current{
    color:#212121;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success,
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background:#26a9e1
}


.modal-header .close{
	font-size: 15pt;
	color: #fff !important;
}

.modal-header{
	background-color: #037db8;
	color: #fff !important;
}

.modal-header h3, .modal-header h4{
	color: #fff !important;
}

.panel, .recent-activity-dropdown, .main-table-box.landing-page{
	background-color: #EFEEEE;
}

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

.panel-default>.panel-heading {
    color: #fff;
    background-color: #037db8;
    border-color: #ccc;
}

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

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

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

body.login-page{
    background-color: #037db8;
	background-image: url('../../../assets/img/login-bg.jpg');  
}

.login-panel{
    background: #fff;
}

.login-page #footer{
    color: #212121 !important;
    font-size: 9pt;
}

.login-page #footer a{
    color: #037db8;
}

.login-choices ul{
    font-size: 10pt;
}

.login-choices ul li{
    border: 1px solid #ccc;
    background: #EFEEEE;
}

.login-choices ul li.selected-login {
    border: 1px solid #26a9e1;
    border-top: 1px solid #26a9e1;
    background: #26a9e1;
}

.login-choices ul li.selected-login a, .login-choices ul li.selected-login a:hover{
	color: #fff !important;
}

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

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

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

.top-logo {
    background: #fff;
}

.icon-bar{
	background-color: #fff;;
}

.navbar-header .user-action-btn, .navbar-header .user-action-btn span, .navbar-header .user-action-btn i{
    color:  #fff !important;
    border-left: 1px solid #ccc;
    background: transparent !important;
    font-size: 9pt !important;
}

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

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

.user-action-button{
	font-size: ;
}

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

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

.backdrop{
	background: #fff;
}
.menu-expand {
    color: #fff;
}

.logout-panel {
    border-left: 1px solid #8fb4c6 !important;
}

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

.logout-panel .dropdown-toggle:hover, .logout-panel .dropdown-toggle:focus{
	color: #fbb400 !important;
	opacity: 1;
}

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

.logout-panel span.balance-pay-now-wrapper{
border-bottom: 1pt solid #ccc;
border-top: 1pt solid #ccc;
}

/*Menu Tray*/

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

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

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

	.menu-tray ul li a span{
		color: #fff;
	}

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

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

		.menu-tray .toggle:hover span, .menu-tray .toggle:hover i {
            color: #fff !important;
        }

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

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

	.menu-tray .pinned .fas{
		color: #fff;
	}

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

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

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


    /*Highlight 2 levels deep*/

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

    /*Highlight 3 levels deep*/

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

    /*Highlight 4 levels deep*/

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

    /*Highlight 5 levels deep*/

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

/*Pinned Reports*/

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

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

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

.top-tabbed-navigation li a, .top-tabbed-navigation li, .top-tabbed-navigation li .btn{
	font-size: 10pt;
}
 
/************************************************** #Breadcrumb **********************************************************************/

.breadcrumb-nav {
    font-size: 10pt;;
    color: #212121;;
	background-color: #fff
}

/************************************************** #MainContain ************************************************************/


.main-table-box {
    background-color: #fff;
}

.main-content-box{
    border: 1px solid #ccc;
	background-color: #fff;
}

.errorText {
    color: red;
    font-size: 10pt;
}

.main #footer, .error-page-custom .footer{
    font-size: 9pt;
}

#myProfilePageWrapper .dataPresentation th{
    color: #037db8;
    font-size: 12pt;
}

.denied-contain{
    background: #fff;
}

#ctl00_MainContent_recActivity_carTabPage_CC, body.welcome .main-table-box, body.welcome{
	background-color: #EFEEEE !important;
}

#license-error{
    background: #fff;
}

body.error-page-custom{
	background: #fff;
}

.sidebar-header-right, .sidebar-header{
	color: #fff;
}

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

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

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

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


.change-password-contain .error{
color: red
}

/************************************************** #Welcome ************************************************************/

.static-banner{
    background: url(/pepco/) center center no-repeat;
}

.feature-collection .itm-info{
    background: #fff;
}


.welcome-msg{
    background: #fff;
    border: 1px solid #ccc;
}

.nav-cards a{
    font-size: 18pt;
    background-color: #037db8;
    color: #fff !important;
    border: 5pt solid #EFEEEE;
}

.owl-carousel .owl-item{
	border-right: 3pt solid #EFEEEE;
}


/************************************************** #Payments ************************************************************/

.address-wrapper{
    font-size:9pt;
    border-top: 1px solid #ccc;
}

.table-responsive .table {
    border-color: #ccc;
}

.table-responsive .table tr:nth-child(even) {
    background: #EFEEEE;
}

.table-responsive .table tr.selected {
    background-color: #EFF7F0 !important;
}

.table-responsive .table th {
    background: #fff !important;
    border-top: 1px solid #ccc !important;
    font-size: 9pt;
}

.table-responsive .table td {
    border-color: #ccc;
	font-size: 10pt;
}

.pay-on-account {
    border-top: 1px solid #ccc;
}

.pay-on-account div.on-account-wrapper {
    border-bottom: 2px solid #ccc;
}

.total-payment-val{
    color: #037db8;
    font-size: 14pt;
}

.credit-card-metaphor-wrapper {
    background-color: #ccc;
}

#notes, .notes {
    background-color: #ffffd6;
    border: 1px solid #ccc;
}

#ctl00_MainContent_payScreen_lblBalance{
    font-size:15pt;
}

#ctl00_MainContent_achPayScreen_lblAmount{
    font-size: 12pt;
}

#ctl00_MainContent_achPayScreen_lblBalance{
    font-size: 12pt;
}

#paymentPageTopBanner .dxgvTitlePanel_SoftOrange{
    color: #037db8 !important;
}

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

.input-group.date-picker.date-large .input-group-addon{
	background-color: #EFEEEE;
	border: 1pt solid #ccc;
}

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

.quick-add-params{
    background: #EFEEEE;
}

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

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

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

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

.order-form-wrapper 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;
    background-color: #037db8;
}

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

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

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

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

.f-itemname {
    color: #037db8;
}

.f-itemline .udf-line label span{
	color: #037db8;
	font-size: 9pt;
}

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

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

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

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

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

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

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

/************************************************** #B2B Catalog ************************************************************/

.sub-cat-links {
    color: #fff;
    background: #037db8;
    font-size: 14pt;
	border: 3pt solid ;
}

.sub-cat-links:hover{
	color: #fff !important;
    font-size: 14pt !important;
	border: 3pt solid  !important;
	background: #26a9e1;
}

.collection-filters .toggle-view{
    font-size: 18pt;
	color:#ccc !important;
}

.collection-filters .toggle-view a{
	color:#ccc;
}

.collection-filters .toggle-view a.active, .collection-filters .toggle-view a.active:hover, .collection-filters .toggle-view a.active:focus, .collection-filters .toggle-view a.active:active{
    color:#037db8} !important;
}

.products-list .itm-info{
    border-top:1px solid #ccc;
}

.products-list .itm-info{
		border-top: 1pt solid #ccc;
}

.products-list .list-itm-price{
    font-size: 12pt;
}

.products-list .list-itm-desc a{
    font-size:12pt;
}

.products-tile, .products-list{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

h1.itm-price{
    color:#212121;
}

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

.additional-info li, .list-add-props li{
    font-size:10pt;
}

.additional-info label, .list-add-props li label{
	color: #8f99ac !important;
}

p#onHand h3{
	color: #8f99ac !important;
	font-size: 10pt !important;
}

.cart-itms div, .est-total{
	color: #212121;
}

.b2b-enabled a#cart, .b2b-enabled a#cart:focus, .b2b-enabled a#cart:active, .b2b-enabled a#search, .b2b-enabled a#search:focus, .b2b-enabled a#search:active{
    color: #fff !important;
    font-size: 18pt;
    border-color: #8fb4c6 !important;
}

.b2b-enabled a#cart, .b2b-enabled a#search {
	border-left: 1pt solid ;
}

.b2b-enabled a#cart:hover, .b2b-enabled a#search:hover{
	opacity: 1;
}

.b2b-enabled a#cart:hover .fas, .b2b-enabled a#search:hover .fas{
	color: #fbb400 !important;
	transition: all ease-in-out 0.3s;
    -wekbit-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;
}

.b2b-enabled span.itm-count{
    background: #fff;
    color: #037db8;
    font-size: 9pt;
    border: 1px solid #ccc;
}

.b2b-enabled .input-group{
	border: 12px solid #ccc;
}

.b2b-enabled .input-group input, .b2b-enabled .input-group button{
    border:1px solid #EFEEEE;
}

.b2b-enabled .input-group button{
    color: #ccc;
}

.shopping-cart{
    border: 1px solid #ccc;
    background: #fff;
}

.shopping-cart .btn{
	font-size: 10pt;
}

.shopping-cart.empty p{
	color: #212121;
}

a.btn-primary{
	color: #fff !important;
}

.cart-itms div.cart-remove a{
    color: #ccc;
}

.shopping-cart .est-total{
    font-size:12pt;
}

.itm-img .carousel-indicators li.active img{
	border: 1px solid #ccc;
}

.search-results {
    background-color: #fff;
    border: 1px solid #EFEEEE;
}

/****Variants*****/

.var-filters div{
	border-left: 1px solid #ccc;
}

.var-filters div h3{
	font-size: 10pt;
}

.variants-table{
    border: 1px solid #ccc;
}

.variants-table th{
    color: #fff;
    background-color: #037db8;
	font-size: 10pt;
}

.variants-table td{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 10pt;
}

.variants-table tr.alt{
    background-color: #EFEEEE;
}

/***End Variants***/

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

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

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

    .dashboard-panel .card-title {
        color: #fff;
        background-color: #037db8;
    }

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

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

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

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

    .dashboard-subnav #Dashboards {
        font-size: 9pt;
    }

    .dashboard-subnav select {
        font-size: 10pt;
    }

.dashboard-subnav a {
    color: #037db8;
    text-align:center;
}

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

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

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

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

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

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

    .editable-widget-wrapper h1 {
        font-size: 18pt;
    }

    .editable-widget-wrapper h6 {
        color: #8f99ac;
        font-size: 10pt;
    }

.widget-wrapper h1 {
    color: #8f99ac;
    font-size: 12pt;
}


/* KPI */

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

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

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

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

.kpi-subtitle {
    color: #8f99ac;
    font-size: 9pt;
}

.kpi-previous-value {
    color: #8f99ac;
    font-size: 10pt;
}

    .pie-chart-colours li {
        font-size: 10pt;
    }


/***
  EDITABLE DASHBOARD
  ***/

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

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

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

    .widget-drawer h1 {
        color: #212121;
        font-size: 10pt;
        border-bottom: 1px solid #ccc;
    }

.available-widget {
    background-color: #fff;
    border: 1px solid #ccc;
}

.available-widget p {
    font-size: 12pt;
}

.global-widgets-wrapper #table-div {
    font-size: 10pt;
}

    .edit-widget-size label {
        font-size: 10pt;
        color: #ccc;
    }

    .edit-widget-size select {
        font-size: 10pt;
    }

.dash-all-widgets-used {
    color: #8f99ac;
    font-size: 12pt;
}

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

body.reports{
	background-color: #fff;
}

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

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

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


#ctl00_MainContent_ctl00_ddeLayouts {
    background:#EFEEEE;
    border: 1px solid #ccc;
    color: #212121;
}

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

.btn.sales-user-nav-btn {
    color: #fff;
    background-color: #037db8;
 }

/* Custom Parameters */
.custom-query-params-select {
    font-size: 12pt;
    color: #212121;
    border: 1px solid #ccc;
}

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

.custom-param-list-min li {
    color: #fff;
    font-size: 10pt;
 }

.custom-query-params {
    color: #fff;
    background-color: #8f99ac;
}

.custom-param-list li {
     color: #fff;
     font-size: 10pt;
}

.custom-param-list .dxeButtonEditSys, .custom-param-list .custom-query-params-text {
     font-size: 12pt;
     color: #212121;
     background-color: #fff;
     border: 1px solid #ccc;
}

.param-warning {
    color: #fff;
    font-size: 9pt;
}

.error-params-required li {
    font-size: 10pt;
}

.dxeButtonEditButton_SoftOrange{
    background-color: #ccc !important;
}
.dxgv .dxeButtonEditButton_SoftOrange {
    background-color: #fff !important;
}

.dxeCalendarButton_SoftOrange, .dxeCalendarToday_SoftOrange {
	background: #037db8 !important;
}

.dxeCalendarOtherMonth_SoftOrange, .dxeCalendarWeekend_SoftOrange, .dxeCalendarWeekNumber_SoftOrange, .dxeCalendarHeader_SoftOrange td.dxe {
	color: #037db8 !important;
}

.custom-query-params .dxeEditArea_SoftOrange{
	font-size:  !important;
}

/*Email Report*/

.email-modal{
    border: 1px solid #ccc !important;
}

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

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

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

.email-modal .dxpc-content{
    font-size:  !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #212121 !important;
}

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

.dxeListBox_SoftOrange, .dxeMemo_SoftOrange{
    border: 1px solid #ccc !important;
    border-radius: 2pt;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}

.dxeListBox_SoftOrange td, .dxeMemo_SoftOrange td, .dxeMemo_SoftOrange textarea{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 10pt !important;
}

/************************************************** #Documents *******************************************************/

#invoiceDetailsWrapper .address-wrapper pre, #deliveryDetailsWrapper .address-wrapper pre, #orderDetailsWrapper .address-wrapper pre, #paymentDetailsWrapper .address-wrapper pre {
    font-size: 10pt;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.doc-info-details {
    font-size: 9pt;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.cp-table thead tr {
    background-color: #EFEEEE;
}

.cp-table tbody tr {
    border-bottom: 1px solid #ccc;
}

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

.total-label {
    font-size: 10pt;
}

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

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

/*Service Call Details*/

#globalServiceCallWrapper .panel{
background-color: #fff;
}

#globalServiceCallWrapper .panel-default>.panel-heading{
background-color: #EFEEEE;
color: #212121;
border: 1px solid #ccc;
font-size: 12pt;
}

#globalServiceCallWrapper .display_label{
color: #8f99ac;
}

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

.ep-login{
	background-color: #fff;
}

.ep-login .content-box-header {
    font-size: 14pt;
    border-bottom: 1px solid #EFEEEE;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.ep-login p{
    font-size: 9pt;
}

.ep-login .dropdown-menu{
    border: 1pt solid #ccc;
}

#ddTrigger{
    font-size: 10pt;
}

table.table.dataTable thead th, table.table.dataTable thead td{
    border-color: #ccc;
	font-size: 10pt;
}

table.table.dataTable thead th{
    border-bottom: 1px solid #ccc;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
    background: #EFEEEE;
}

table.dataTable.no-footer{
    border-color: #ccc;
}

.ep-login .btn-primary, .ep-login .btn-primary:hover{
	color: #EFEEEE !important;
}


/************************************************** #File Manager *******************************************************/

#snapShotListing{
    border-bottom: 1pt solid #ccc;
}

#snapShotListing .fas{
    color: #037db8;
}

#snapShotListing .fas:hover{
    color: #037db8;
}

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

.welcome-intro .dxgvControl_SoftOrange, .welcome-intro .dxgvHeader_SoftOrange td{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 10pt;
}

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

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

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

.dxpgControl_SoftOrange{
    font-size: 10pt !important;
}

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

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

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

.dxtcLite_SoftOrange .dxtc-activeTab {
    background: #037db8 !important;
}

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

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

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

.dxgvControl_SoftOrange a{
    color: #037db8 !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

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

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

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

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

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

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

.dxgvLoadingDiv_SoftOrange {
    background:none !important;
}

.dxpc-header {
    font-size: 14pt !important;
    color: #fff !important;
    background: #037db8 !important;
    border: none !important;
}

.dxpc-header .dxpc-headerContent{
    font-size: 10pt !important;
    color: #fff !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.dxeCalendarButton_SoftOrange, .dxbButton_SoftOrange, .btn-menu {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    background: #037db8 !important;
    color: #fff !important;
}

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

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

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

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

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

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

@media (max-width: 1024px) {

    /*Toggle Navigation and adjust sidebar styles*/

     .navbar-collapse.collapse.in, .navbar-collapse.collapsing {
        background:#fff;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-toggle {
        color: #fff;
    }

    /*End Toggle Nav and Styles*/


	.nav-cards a{
	font-size: 14pt;
	}

	/*Welcome*/

	.welcome-msg{
	border-left: 1px solid #ccc !important;
	}

	.form-control, textarea{
		font-size: 12pt;
	}
	
	/* Reports */
	
	.reports .top-tabbed-navigation li a, .reports .top-tabbed-navigation li input{
        border-bottom: 1px solid #ccc !important;
    }

	/*Documents*/
	
	.top-tabbed-navigation div ul li:last-of-type, #order-options.top-tabbed-navigation div#ctl00_PageHeader_spAddToOrder li:last-of-type{
		border-bottom: 1pt solid #ccc !important;
		border-right: none !important;
	}
}

@media (max-width: 880px){
	body.product-det-page{
		background-color: #fff;
	}
}

@media (max-width: 740px){
	.stamp{
		font-size: 10pt;
	}
}

@media (max-width: 450px){
	/*Mobile Tray Landscape*/
	.user-action-btn.child span{
		font-size: 9pt;
	}
}

@media (max-width: 320px){
	.b2b-enabled a#cart, .b2b-enabled a#cart:hover, .b2b-enabled a#cart:focus, .b2b-enabled a#cart:active, .b2b-enabled a#search, .b2b-enabled a#search:hover, .b2b-enabled a#search:focus, .b2b-enabled a#search:active{
	font-size: 14pt;
	}

	.shopping-cart .est-total {
		font-size: 10pt;
	}
	
	.user-action-btn.child i {
        font-size: 10pt;
    }
}

@media print{
	.toprow td{
        border-color: #ccc;
    }
}