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

    

    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

	#Attachments

	#Employee Login

	#File Manager

    #DevEx Overrides

    #Media Queries  

    

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



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



body{

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;

    font-size: 0.8331rem;

    color: #555;

	background-color: #f5f5f5;

}



a, a:visited{

    color: #003865;

}



a:active, a:hover, a:focus{

    color: #808080 !important;

}



h1, h2, h3, h4, h5, h6{

    color: #003865;

    font-family:'Open Sans', Helvetica, Arial, sans-serif !important;

}



h1{

    font-size:1.5rem;

}



h2{

   font-size:1.25rem;

}



h3{

   font-size:1rem;

}



h4{

   font-size:1rem;

   color:#555;

}





h5{

   font-size: 0.8331rem;

}





h6{

   font-size: 0.75rem;

}



hr{

    background-color: #ccc;

    border-top: 1px solid #ccc;

}



label{

    font-size: 0.75rem;

}



input[type=submit], input[type=button], button{

    color: #fff;

    background: #003865;

    font-size: 0.75rem !important;

    border: 0;

}



input[type=submit]:hover, input[type=button]:hover{

    background-color: #51baeb;

    border-color: #51baeb;

}



.dropdown-menu input[type=submit]:hover, .dropdown-menu input[type=button]:hover{

	background-color: transparent !important;

}



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



.dropdown-item:hover,.dropdown-item:focus, .dropdown-item:active{

  background-color: transparent !important;

}



.breadcrumb{

    background-color:#fff;

}



.btn-primary, .open>.dropdown-toggle.btn-primary, .btn-success, .open>.dropdown-toggle.btn-success{

    background-color:#003865;

    border:1px solid #003865;

    font-size:0.75rem;

}



.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: #7a99ac !important;

    border:1px solid #7a99ac;

    font-size:0.75rem;

}



.btn-default, .open>.dropdown-toggle.btn-default, input[type=submit].btn-default{

    border: 1px solid #003865 !important;

    font-size:0.8331rem;

    color: #fff !important;

    background:#003865 !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 #51baeb !important;

    background: #51baeb !important;

}



.btn-link{

    color: #003865 !important;

	background-color: transparent !important;

    text-decoration: none;

    font-size:0.75rem;

}



.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: #7a99ac !important;

	background-color: transparent !important;

    text-decoration: none !important;

    font-size:0.75rem;

}



.btn-secondary{

	color: #fff !important;

}



.pagination>li>a:hover, .pagination>li>span:hover{

    background:#fff;

}



.btn-group input[type=submit]{

    font-size:0.75rem;

    border: 1px solid #ccc;

}



.btn-group input[type=submit]:hover{

    color:#555;

    background: #fff;

}



.btn-link{

    color:#25a9e6;

}



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



.pagination>li>a, .pagination>li>span {

    color: #25a9e6;

    background-color: #fff;

    border: 1px solid #ccc;

}



.pagination>li>a.current{

    color:#555;

}



.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:#2087b8

}





.modal-header .close{

	font-size: 1.25rem;

	color: #fff !important;

}



.modal-header{

	background-color: #25a9e6;

	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: #25a9e6;

    border-color: #ccc;

}



.panel-default>.panel-heading h3{

    color: #fff;

}



.alert-danger{

    color: #721c24 !important;

}



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



body.login-page{

    background-color: #003865;

	background-image: url('../../../assets/img/login-bg.jpg');  

}



.login-panel{

    background: #fff;

}



.login-page #footer{

    color: #555 !important;

    font-size: 0.75rem;

}



.login-page #footer a{

    color: #25a9e6;

}



.login-choices ul{

    font-size: 0.8331rem;

}



.login-choices ul li{

    border: 1px solid #ccc;

    background: #f5f5f5;

}



.login-choices ul li.selected-login {

    border: 1px solid #2087b8;

    border-top: 1px solid #2087b8;

    background: #2087b8;

}



.login-choices ul li.selected-login a, .login-choices ul li.selected-login a:hover{

	color: #fff !important;

}



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



.side-nav {

    background: #003865;

}



.side-nav .fa-classic, .side-nav .fa-regular, .side-nav .fa-solid, .side-nav .far, .side-nav .fas{

    font-size: 1.5rem;

    color: #fff;

}



.side-nav .navbar-toggle.top .fa-solid{

    color: #003865;

}



.side-nav .navbar-toggle.top.collapsed .fa-solid{

    color: #fff;

}



.side-nav .top-logo a:hover{

    background-color: transparent !important;

}



.navbar-toggle:hover, .user-actions a:hover, .side-nav a:hover, .navbar-toggle.top.collapsed:hover{

    background-color: #7a99ac !important;

   color: #fff !important;

}



.side-nav .pinned a:hover{

    background-color: #7a99ac !important;

}



.navbar-toggle.top:hover{

    background-color: #7a99ac !important;

}



.user-actions {

    border-top: 0.0831rem solid #2087b8;

    border-bottom: 0.0831rem solid #2087b8;

}



pinned-links {

    background: #003865;

}



pinned-links h3{

    color: #fff;

}



.navbar {

    background-color: #fff;

    border-bottom: 0.0831rem solid #ccc;

}



.navbar-header {

    font-size: 0.75rem;

}



.top-logo {

    background: #fff;

}



.menu-expand {

    color: #fff;

}



.navbar-header .b2b-disabled a#cart, .navbar-header .b2b-disabled a#cart i,

.navbar-header .user-action-btn, .navbar-header .user-action-btn span, .navbar-header .user-action-btn i, 

.navbar-header .b2b-enabled a#search, .navbar-header .b2b-enabled a#search i, .navbar-header .b2b-enabled a#cart, .navbar-header .b2b-enabled a#cart i {

    color: #ffffff !important;

    border: 0.0831rem solid #003865;

    background: #003865 !important;

    font-size: 1rem !important;

}



.navbar-header .user-action-btn span, .navbar-header .user-action-btn i{

    border: none !important;

}



.navbar-header .user-action-btn:hover, .navbar-header .user-action-btn:focus, .navbar-header .user-action-btn:active, 

.navbar-header .user-action-btn:hover i, .navbar-header .user-action-btn:focus i, .navbar-header .user-action-btn:active i,

.navbar-header .b2b-enabled a#search:hover, .navbar-header .b2b-enabled a#search:hover i, .navbar-header .b2b-enabled a#cart:hover, .navbar-header .b2b-enabled a#cart:hover i, .navbar-header .b2b-disabled a#cart:hover, .navbar-header .b2b-disabled a#cart:hover i,

.navbar-header .b2b-enabled a#search:focus, .navbar-header .b2b-enabled a#search:focus i, .navbar-header .b2b-enabled a#cart:focus, .navbar-header .b2b-enabled a#cart:focus i, .navbar-header .b2b-disabled a#cart:focus, .navbar-header .b2b-disabled a#cart:focus i,

.navbar-header .b2b-enabled a#search:active, .navbar-header .b2b-enabled a#search:active i, .navbar-header .b2b-enabled a#cart:active, .navbar-header .b2b-enabled a#cart:active i, .navbar-header .b2b-disabled a#cart:active, .navbar-header .b2b-disabled a#cart:active i {

    background-color: #7a99ac !important;

    color: #fff !important;

     border: 0.0831rem solid #25a9e6;

}



.logout-panel .dropdown-toggle {

   color: #fff;

   font-size: 1rem;

   background: #003865 !important;

}



.logout-panel .dropdown-menu {

    font-size: 0.75rem;

}



.user-action-btn {

    font-size: 1.25rem;

}



.backdrop {

    background: #fff;

}



/*End Quick Links*/



/*Menu Tray*/



    .menu-tray.in, .menu-tray.collapse.show {

        background: #003865;

    }



    .menu-tray a:not([href]):not([tabindex]), .menu-tray a {

        color: #fff !important;

        font-size: 1rem;

    }



    .menu-tray .general-links .fa-star, #accordion_menu_container .fa-times {

        font-size: 0.7rem;

        color: #fff;

    }



    .menu-tray ul .inner {

       background: #003865;

    }



    .menu-tray ul li a.toggle.active {

        background: #003865;

        color: #fff;

    }



    .menu-tray ul li a.toggle:hover, .menu-tray ul li a.toggle:focus, .menu-tray ul li a.toggle:active  {

        background-color: #7a99ac !important;

        color: #fff;

    }



/*Pinned Reports*/



.menu-tray .pinned .fas {

    color: #fff;

    font-size: 0.7rem;

}



.menu-tray .accordion a span.fas.fa-chevron-right{

    font-size: 0.7rem;

}



.menu-tray .pinned li:hover {

    background: #2087b8;

}



.menu-tray .fa-times:hover {

    color: red !important;

}



.menu-tray a.menu-cat-link i {

    font-family: 'Font Awesome 5 Free';

}



.loading-animation{

    background-color: #808080;

}



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



.breadcrumb-nav, .breadcrumb-nav a {

    font-size: 1rem;

    color: #555;

}

.breadcrumb-nav {
    padding: 0;
    height: 1.8rem;
    position: fixed;
    width: calc(100% - 34rem);
    top: 0.8rem;
    left: 21rem;
    z-index: 999;
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.breadcrumb-nav i.fas {
    font-size: 0.75rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}



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





.main-table-box {

    background-color: #fff;

}



.main-content-box{

    border: 1px solid #ccc;

	background-color: #fff;

}



.errorText {

    color: red;

    font-size: 0.8331rem;

}



.main #footer, .error-page-custom .footer{

    font-size: 0.75rem;

}



#myProfilePageWrapper .dataPresentation th{

    color: #25a9e6;

    font-size: 1rem;

}



.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: #25a9e6;

}



.error-heading {

    background: #186c93;

    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: 1.5rem;

}



.error-page-custom h3 {

    font-size: 1.1669rem;

}





.change-password-contain .error{

    color: red;

}



.top-tabbed-navigation {

    border-bottom: 1px solid #ccc;

    background: #f5f5f5;

}



.top-tabbed-navigation button, .top-tabbed-navigation a, .top-tabbed-navigation input, .top-tabbed-navigation .btn-link{

    background: #fff !important;

    color: #555 !important;

}



.top-tabbed-navigation button, .top-tabbed-navigation a, .top-tabbed-navigation input{

    border: 1px solid #ccc;

}





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



.static-banner{

    background: url(/contamac/) center center no-repeat;

}



.feature-collection .itm-info{

    background: #fff;

}





.welcome-msg{

    background: #fff;

    border: 1px solid #ccc;

}



.nav-cards a{

    font-size: 1.5rem;

    background-color: #25a9e6;

    color: #fff !important;

    border: 5pt solid #f5f5f5;

}



.owl-carousel .owl-item{

	border-right: 3pt solid #f5f5f5;

}





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



.address-wrapper{

    font-size:0.75rem;

    border-top: 1px solid #ccc;

}



.table-responsive .table {

    border-color: #ccc;

}



#statementsWrapper .table-responsive .table th {

    background-color: #EFEEEE !important;

	color: #555;

}



.table-responsive .table tr.selected {

    background-color: #EFF7F0 !important;

}



.table-responsive .table th {

    background: #fff !important;

    border-top: 1px solid #ccc !important;

    font-size: 0.75rem;

}



.table-responsive .table td {

    border-color: #ccc;

	font-size: 0.8331rem;

}



.pay-on-account {

    border-top: 1px solid #ccc;

}



.pay-on-account div.on-account-wrapper {

    border-bottom: 2px solid #ccc;

}



.total-payment-val{

    color: #25a9e6;

    font-size: 1.1669rem;

}



.credit-card-metaphor-wrapper {

    background-color: #ccc;

}



#notes, .notes {

    background-color: #f7fafe;

    border: 1px solid #ccc;

}



#ctl00_MainContent_payScreen_lblBalance{

    font-size:1.25rem;

}



#ctl00_MainContent_achPayScreen_lblAmount{

    font-size: 1rem;

}



#ctl00_MainContent_achPayScreen_lblBalance{

    font-size: 1rem;

}



#paymentPageTopBanner .dxgvTitlePanel_SoftOrange{

    color: #25a9e6 !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: #f5f5f5;

}



.quick-add .table tr{

    background-color: #fff !important;

    font-size: 0.75rem !important;

}



.quick-add .table tr th{

    font-size: 0.8331rem !important;

	color: #555; !important;

}



.quick-add-total{

    font-size: 1rem;

}



.order-form-wrapper button{

    font-size: 0.75rem;

}



.f-address .form-control {

    font-size:0.8331rem;

}



.order-items-bar {

    color: #fff;

    background-color: #003865;

}



.order-items-bar h6 {

    color: #fff;

    font-size:1rem;

}



.ordr-payment-details{

	font-size:0.7rem;

}



.f-itemsearch {

    border-bottom: 3px solid #ccc;

}



.f-itemline {

    border-bottom: 1px solid #ccc;

}



.f-itemname {

    color: #25a9e6;

}



.f-itemline .udf-line label span{

	color: #25a9e6;

	font-size: 0.75rem;

}



.order-total {

    border-top:1px solid #ccc;

}



.order-total li {

    border-bottom: 1px solid #ccc;

}



.order-total li .btn{

    margin-top:0.7rem;

}



.order-total li:last-child {

    border-bottom: 3px solid #ccc;

}



.stamp {

    color: #54D797;

    border: 7pt solid #54D797;

    font-size: 1.5rem;

}



.shipping-notes p, .shipping-notes label{

	font-size: 0.75rem;

}



.search-list-item ul{

border: 1px solid #ccc;

background-color: #fff;

}



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



.product-search-menu #close-search .fas{

    color: #808080 !important;

    font-size: 0.8331rem !important;

}



.sub-cat-links {

    color: #fff;

    background: #25a9e6;

    font-size: 1.1669rem;

	border: 3pt solid ;

}



.sub-cat-links:hover{

	color: #fff !important;

    font-size: 1.1669rem !important;

	border: 3pt solid  !important;

	background: #2087b8;

}



.collection-filters .toggle-view{

    font-size: 1.5rem;

	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:#25a9e6} !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: 1rem;

}



.products-list .list-itm-desc a{

    font-size:1rem;

}



.products-tile, .products-list{

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}



h1.itm-price{

    color:#555;

}



.remarks{

    border-left: 1px solid #ccc;

} 



.additional-info li, .list-add-props li{

    font-size:0.8331rem;

}



.additional-info label, .list-add-props li label{

	color: #186c93 !important;

}



p#onHand h3{

	color: #186c93 !important;

	font-size: 0.8331rem !important;

}



.cart-itms div, .est-total{

	color: #555;

}



#close-cart, #close-cart .fas{

    color: #003865 !important;

    font-size: 0.8331rem !important;

    background: transparent !important;

}



.b2b-enabled .input-group {

    background: #fff;

    border: 1px solid #ccc;

}



.b2b-enabled .input-group i{

    font-size: 0.8331rem;

}



.b2b-enabled i.itm-count, .navbar-header .b2b-enabled a#cart i.itm-count, .b2b-disabled a#cart i.itm-count {

    background: #fff !important;

    color: #003865 !important;

    font-size: 0.75rem !important;

    border: 1px solid #003865 !important;

}



.shopping-cart{

    border: 1px solid #ccc;

    background: #fff;

}



.shopping-cart .btn{

	font-size: 0.8331rem;

}



.shopping-cart.empty p{

	color: #555;

}



a.btn-primary{

	color: #fff !important;

}



.cart-itms div.cart-remove a{

    color: #ccc;

    font-size:0.8331rem;

}



.cart-qty input{

    border: 1px solid #ccc;

}



.shopping-cart .est-total{

    font-size:1rem;

}



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

}



.variants-table{

    border: 1px solid #ccc;

}



.variants-table th{

    color: #fff;

    background-color: #25a9e6;

	font-size: 0.8331rem;

}



.variants-table td{

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    font-size: 0.8331rem;

}



.variants-table tr.alt{

    background-color: #EFEEEE;

}



/***End Variants***/



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



.widget-menu-link {

    border: 1px solid #003865;

}



/***/



body.dashboard-body {

    background-color: #cfd9e5;

}



.dashboard-subnav .edit-layout {

    background: #fff;

    border: 1px solid #ccc;

    color: #555;

}



.dashboard-panel {

    border: 1px solid #ccc;

}



    .dashboard-panel .card-title {

        color: #fff;

        background-color: #25a9e6;

    }



    .dashboard-panel h4 {

        color: #fff;

    }



    .dashboard-panel .btn-link {

        font-size: 0.8331rem;

    }



    .dashboard-panel .card-title .btn-link {

        color: #fff !important;

    }



    .ep-dash-total .btn-link {

        font-size: 0.7rem;

    }



    .dashboard-subnav #Dashboards {

        font-size: 0.75rem;

    }



    .dashboard-subnav select {

        font-size: 0.8331rem;

    }



.dashboard-subnav a {

    color: #25a9e6;

    text-align:center;

}



#dashboard .top-tabbed-navigation .input-group-addon, .order-date-picker-wrapper .input-group-addon, .order-form-wrapper .input-group-addon {

     color: #555;

}



.widget-wrapper {

    background: #fff;

}



.google-visualization-table-table th {

    font-size: 0.8331rem;

    background: #003865 !important;

    color: #ffffff;

    text-align: left;

}



.google-visualization-table-table td {

    font-size: 0.8331rem;

}



.editable-widget-wrapper {

    box-shadow: rgba(175,175,175,0.498039) 0 2px 3px 0;

    background: #fff;

}



    .editable-widget-wrapper h1 {

        font-size: 1.5rem;

    }



    .editable-widget-wrapper h6 {

        color: #186c93;

        font-size: 0.8331rem;

    }



.widget-wrapper h1 {

    color: #555;

    font-size: 1rem;

}



.google-visualization-table .AlternatingRowClass{

    background-color: #fff;

}



/* KPI */



.kpi-value {

    font-size: 36px;

}



.red .kpi-value {

    color: #E44200;

}



.yellow .kpi-value {

    color: #FFA147;

}



.green .kpi-value {

    color: #1FCF5F;

}



.kpi-subtitle {

    color: #186c93;

    font-size: 0.75rem;

}



.kpi-previous-value {

    color: #186c93;

    font-size: 0.8331rem;

}



    .pie-chart-colours li {

        font-size: 0.8331rem;

    }





/***

  EDITABLE DASHBOARD

  ***/



.edit-widgets-navbar-actions {

    background-color: rgba(255,255,255,0.8);

    border-bottom: 1px solid #186c93;

}



.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: #555;

        font-size: 0.8331rem;

        border-bottom: 1px solid #ccc;

    }



.available-widget {

    background-color: #fff;

    border: 1px solid #ccc;

}



.available-widget p {

    font-size: 1rem;

}



.global-widgets-wrapper #table-div {

    font-size: 0.8331rem;

}



    .edit-widget-size label {

        font-size: 0.8331rem;

        color: #ccc;

    }



    .edit-widget-size select {

        font-size: 0.8331rem;

    }



.dash-all-widgets-used {

    color: #186c93;

    font-size: 1rem;

}



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



body.reports{

	background-color: #fff;

}



.reports .top-tabbed-navigation li input{   

	color: #555;

}



.reports .top-tabbed-navigation li input.dxeEditArea_SoftOrange, .reports .top-tabbed-navigation li input.dxeEditArea_SoftOrange:hover{

	color: #555;

}



.reports .top-tabbed-navigation li input:hover, .reports .top-tabbed-navigation li input:active, .reports .top-tabbed-navigation li input.focus {

    color: #555;

}



#ctl00_MainContent_ctl00_ddeLayouts {

    background:#fff;

    border: 1px solid #ccc;

    color: #555;

}



.btn.sales-user-nav-btn .fas {

    color: #fff !important;

}



.btn.sales-user-nav-btn {

    color: #fff;

    background-color: #25a9e6;

 }



/* Custom Parameters */

.custom-query-params-select {

    font-size: 1rem;

    color: #555;

    border: 1px solid #ccc;

}



#ctl00_MainContent_ctl00_customParams_btnShowCustomParams{

    color: #555 !important;

    font-size: 1.1669rem;

}



.custom-query-params-min {

    background-color: #e4f3f9;

}



.custom-param-list-min li {

    color: #555;

    font-size: 00.75rem;

}



.custom-param-list-min li span{

    font-weight: bold;

    font-size: 0.8331rem;

}



.custom-query-params {

    color: #555;

    background-color: #e4f3f9;

}



.custom-param-list li {

    color: #555;

    font-size: 0.8331rem;

}



.custom-param-list .dxeButtonEditSys, .custom-param-list .custom-query-params-text {

     font-size: 1rem;

     color: #555;

     background-color: #fff;

     border: 1px solid #ccc;

}



.param-warning {

    color: #fbb400;

    font-size: 0.75rem;

    border-left: 0.4rem solid #fbb400;

}



.error-params-required li {

    font-size: 0.8331rem;

}



.dxeButtonEditButton_SoftOrange{

    background-color: #ccc !important;

}

.dxgv .dxeButtonEditButton_SoftOrange {

    background-color: #fff !important;

}



.dxeCalendarButton_SoftOrange, .dxeCalendarToday_SoftOrange {

	background: #25a9e6 !important;

}



.dxeCalendarOtherMonth_SoftOrange, .dxeCalendarWeekend_SoftOrange, .dxeCalendarWeekNumber_SoftOrange, .dxeCalendarHeader_SoftOrange td.dxe {

	color: #25a9e6 !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: 1rem;

    color: #555;

    background-color: #fff;

}



.email-modal .row{

    border-bottom: 1px solid #ccc;

}



.email-modal .row .row{

    border-bottom: none;

}



.email-modal .dxpc-content{

    font-size:  !important;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;

    color: #555 !important;

}



.email-modal .col-lg-10 .col-lg-12 span, .email-modal .col-lg-10 label {

    color: #555 !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: 0.8331rem !important;

}



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



#invoiceDetailsWrapper .address-wrapper pre, #deliveryDetailsWrapper .address-wrapper pre, #orderDetailsWrapper .address-wrapper pre, #paymentDetailsWrapper .address-wrapper pre {

    font-size: 0.8331rem;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;

}



.doc-info-details {

    font-size: 0.75rem;

    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: 0.8331rem;

}



.order-total li:last-child {

    border-bottom: 2px solid #ccc;

}



.cp-table td{

    font-size: 0.8331rem;

}



/*Service Call Details*/



#globalServiceCallWrapper .panel{

background-color: #fff;

}



#globalServiceCallWrapper .panel-default>.panel-heading{

background-color: #EFEEEE;

color: #555;

border: 1px solid #ccc;

font-size: 1rem;

}



#globalServiceCallWrapper .display_label{

color: #186c93;

}


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

#invoiceDetailsWrapper .col-md-12 p, 
#orderDetailsWrapper .col-md-12 p,
#deliveryDetailsWrapper .col-md-12 p {
    font-weight: bold !important;
    display: block !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* Ensure Notes matches exactly */
.f-order-notes .faded-section-heading,
.f-order-notes .faded-section-heading strong {
    font-weight: bold !important;
    font-size: 14px !important;
    color: #333 !important;
    opacity: 1 !important; /* Overrides the 'faded' look */
}

/************************************************** #Attachments *******************************************************/





.upload-drop-zone {

    color: border: 2px dashed #ccc;

    border: 2px dashed #ccc;

}



.upload-wrap {

    color: #fff;

}



.table > thead:first-child > tr:first-child > th, .attachments-table tr:first-child > th {

    color: #fff;

    font-size: 0.75rem;

    background-color: #25a9e6;

}



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



.ep-login{

	background-color: #fff;

}



.ep-login .content-box-header {

    font-size: 1.1669rem;

    border-bottom: 1px solid #EFEEEE;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



.ep-login p{

    font-size: 0.75rem;

}



.ep-login .dropdown-menu{

    border: 1pt solid #ccc;

}



#ddTrigger{

    font-size: 0.8331rem;

}



table.table.dataTable thead th, table.table.dataTable thead td{

    border-color: #ccc;

	font-size: 0.8331rem;

}



table.table.dataTable thead th{

    border-bottom: 1px solid #ccc;

}



table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{

    background: #f5f5f5;

}



table.dataTable.no-footer{

    border-color: #ccc;

}



.ep-login .btn-primary, .ep-login .btn-primary:hover{

	color: #f5f5f5 !important;

}





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



#snapShotListing{

    border-bottom: 1pt solid #ccc;

}



#snapShotListing .fas{

    color: #25a9e6;

}



#snapShotListing .fas:hover{

    color: #25a9e6;

}



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



#ctl00_MainContent_ctl00_gridReportCtrl_DXHFP_TPCFCm1_O_CD{

    color: #fff;

}



.dxgvControl_MaterialCompactOrange a {

    color: #003865 !important;

    background: transparent !important;

}



#ctl00_MainContent_ctl00_puSaveAs_btnSaveLayoutAsOk {

    color: #fff;

    background-color: #2087b8;

}



.dxpcLite_MaterialCompactOrange .dxpc-header {

    border-bottom: 1px solid #ccc;

    font-size: 0.8331rem;

    padding: 0.7rem 0.5rem 0;

}



.dxgvControl_MaterialCompactOrange a:hover, .dxgvControl_MaterialCompactOrange a:focus, .dxgvControl_MaterialCompactOrange a:active  {

    color: #808080 !important;

    background: transparent !important;

    text-decoration: none !important;

}



.dxbButton_MaterialCompactOrange, #ctl00_MainContent_ctl00_pivotDisplay_DXHFP_TPCFCm1_O_CD, #ctl00_MainContent_ctl00_pivotDisplay_DXHFP_TPCFCm1_C_CD {

    background-color: #25a9e6 !important;

}



.dxeButtonEditButton_MaterialCompactOrange {

    background: transparent !important;

}



.dxeButtonEditButton_MaterialCompactOrange:hover, .dxeButtonEditButton_MaterialCompactOrange:active, .dxeButtonEditButton_MaterialCompactOrange:focus {

    background: #2087b8 !important;

}



.dxeCalendarHeader_MaterialCompactOrange {

    background-color: #25a9e6 !important;

}



.dxeCalendarWeekend_MaterialCompactOrange {

    color: #25a9e6 !important;

}



.dxpLite_MaterialCompactOrange .dxp-current, .dxpLite_MaterialCompactOrange .dxp-current:hover, .dxpLite_MaterialCompactOrange .dxp-current:active, .dxpLite_MaterialCompactOrange .dxp-current:focus {

    background-color: transparent !important;

    color: #808080 !important;

    border: 0.0831rem solid #ccc;

}



.dxeFocused_MaterialCompactOrange {

    border: 0.0831rem solid #25a9e6;

}



.dxeListBoxItemSelected_MaterialCompactOrange {

    background-color: #eeeeee !important;

    color: #484848 !important;

}



    .dxeListBoxItemSelected_MaterialCompactOrange .dxWeb_edtCheckBoxChecked_MaterialCompactOrange {

        background-position: -8.3125rem -9.4375rem;

    }



    

.dxpgHeader_MaterialCompactOrange, .dxgvHeader_MaterialCompactOrange {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-size: 0.8331rem;

    color: #ffffff;

}



.dxpgHeader_MaterialCompactOrange {

    font-size: 0.7rem !important;;

}



#ctl00_MainContent_ctl00_pivotDisplay_DataArea .dxpgHeader_MaterialCompactOrange {

    background-color: #e4f3f9;

    border: 0;

}



.dxpgFilterArea_MaterialCompactOrange, .dxpgArea_MaterialCompactOrange, .dxpgCell_MaterialCompactOrange,

.dxpgRowFieldValue_MaterialCompactOrange, .dxpgPTContainerDiv_MaterialCompactOrange > .dxpgMainTable_MaterialCompactOrange,

.dxgvHeader_MaterialCompactOrange, .dxgvTable_MaterialCompactOrange, .dxgvEditFormDisplayRow_MaterialCompactOrange td.dxgv,

.dxgvDetailCell_MaterialCompactOrange td.dxgv, .dxgvDataRow_MaterialCompactOrange td.dxgv,

.dxgvDetailRow_MaterialCompactOrange.dxgvADR td.dxgvAIC, .dxgvPagerBottomPanel_MaterialCompactOrange {

    box-shadow: none;

}



.dxgvDataRowAlt_MaterialCompactOrange{

    background: #fff !important;

}



.dxpgColumnFieldValue_MaterialCompactOrange {

    border: 0;

    background: #eee;

}



#ctl00_MainContent_ctl00_pivotDisplay_ACCRowArea .dxpgArea_MaterialCompactOrange, .dxgvHeader_MaterialCompactOrange {

    border: 0;

    background: #003865;

}



.dxgvFilterRow_MaterialCompactOrange td.dxgv{ 

    border: 0;

    background: #fff;

}



.dxpLite_MaterialCompactOrange .dxp-current, .dxpLite_MaterialCompactOrange .dxp-current:hover, .dxpLite_MaterialCompactOrange .dxp-current:active, .dxpLite_MaterialCompactOrange .dxp-current:focus {

    background-color: #e4f3f9 !important;

    border: 0.0831rem solid #e4f3f9;

}



.dxpLite_MaterialCompactOrange .dxp-summary, .dxpLite_MaterialCompactOrange .dxp-ellip, #footer-controls ul.navlist li span {

    padding: 0.5rem 0;

    font-size: 0.75rem;

}



.dxpgTotalCell_MaterialCompactOrange {

    background-color: #EFEEEE;

}



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



@media (max-width: 1082px) {



   .side-nav {

        background: #fff !important;

        border-bottom: 1px solid #ccc;

    }



    .navbar-toggle.top.collapsed {

        background-color: #25a9e6;

    }



    .breadcrumb-nav, .breadcrumb-nav a {

        font-size: 1rem;

        background: #fff;

    }



    .breadcrumb-nav{

        border-bottom: 1px solid #ccc;

    }



    /*End Toggle Nav and Styles*/





	.nav-cards a{

	font-size: 1.1669rem;

	}



	/*Welcome*/



	.welcome-msg{

	border-left: 1px solid #ccc !important;

	}



	.form-control, textarea{

		font-size: 1rem;

	}

	

	/* 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 all and (max-width: 992px){



    .main-nav-wrap {

        background: #51baeb;

    }



    .main-nav-wrap h3 {

        color: #fff;

    }



}



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

    .navbar-toggle.top.collapsed {

        background-color: #25a9e6;

    }

}



@media (max-width: 880px){

	body.product-det-page{

		background-color: #fff;

	}

}



@media (max-width: 740px){

	.stamp{

		font-size: 0.8331rem;

	}

}



@media print{

	.toprow td{

        border-color: #ccc;

    }

}





/*Styles moved from feature.css. Needs organization */



.lds-ellipsis div {

        background: #25a9e6;

    }

	

#BPList tr:first-child > th {

    color: #fff;

    font-size: 0.75rem;

    background-color: #EFEEEE !important;

}



.pricing-config-error {

    color: red;

    background: #ffe5e5;

    border-bottom: 1pt solid #ccc;

    font-size: 0.75rem;

}



.invalid-price-configuration {

    background-color: #ffced2;

    color: red;

}









/* Target ONLY the Add to Order table */
#Quick_Add .table thead th:nth-of-type(4),
#Quick_Add .table tbody td:nth-of-type(4),
#Quick_Add .table thead th:nth-of-type(6),
#Quick_Add .table tbody td:nth-of-type(6) {
    display: none !important;
}

/* If <colgroup> is used, collapse those too */
#Quick_Add .table colgroup col:nth-of-type(4),
#Quick_Add .table colgroup col:nth-of-type(6) {
    display: none !important;
}

/* Responsive fallback: hide by data-title if stacked */
#Quick_Add .table td[data-title="List Price"],
#Quick_Add .table td[data-title="Total"] {
    display: none !important;
}