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

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

h1, h2, h3, h4, h5, h6{
    color: #25a9e6;
    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: #25a9e6;
    font-size: 0.75rem !important;
    border: 0;
}

input[type=submit]:hover, input[type=button]:hover{
    background-color: #51baeb !important;
    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:#25a9e6;
    border:1px solid #25a9e6;
    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: #51baeb !important;
    border:1px solid #51baeb;
    font-size:0.75rem;
}

.btn-default, .open>.dropdown-toggle.btn-default, input[type=submit].btn-default{
    border: 1px solid #2087b8 !important;
    font-size:0.8331rem;
    color: #fff !important;
    background:#2087b8 !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: #51baeb !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: #808080 !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: #25a9e6;
	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: #25a9e6;
}

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

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

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

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

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

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

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

.user-actions {
    border-top: 0.0831rem solid #2087b8;
    border-bottom: 0.0831rem solid #2087b8;
}

pinned-links {
    background: #51baeb;
}

pinned-links h3{
    color: #fff;
}

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

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

.top-logo {
    background: #fff;
}

.menu-expand {
    color: #fff;
}

.navbar-header .user-action-btn, .navbar-header .user-action-btn span, .navbar-header .user-action-btn i, 
.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: #555 !important;
    border: 0.0831rem solid #EFEEEE;
    background: #EFEEEE !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-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-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{
    background-color: #25a9e6 !important;
    color: #fff !important;
     border: 0.0831rem solid #25a9e6;
}

.logout-panel .dropdown-toggle {
   color: #fff;
   font-size: 1rem;
   background: #25a9e6 !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: #25a9e6;
    }

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

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

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

/*Pinned Reports*/

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

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

.menu-tray .pinned li:hover {
    background: #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;
}

/************************************************** #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(/tmi/) 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: #ffffd6;
    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: #25a9e6;
}

.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: #25a9e6 !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 {
    background: #fff !important;
    color: #25a9e6 !important;
    font-size: 0.75rem !important;
    border: 1px solid #ccc !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;
}

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

/***/

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

.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: #EFEEEE !important;
    color: #555;
    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;
}

/************************************************** #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: #2087b8 !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: #555;
}

.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 {
    border: 0 !important;
    box-shadow: none;
}

.dxgvDataRowAlt_MaterialCompactOrange{
    background: #fff !important;
}

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

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

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

.dxpLite_MaterialCompactOrange .dxp-current, .dxpLite_MaterialCompactOrange .dxp-current:hover, .dxpLite_MaterialCompactOrange .dxp-current:active, .dxpLite_MaterialCompactOrange .dxp-current:focus {
    background-color: #e4f3f9 !important;
    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 */
.terms:first-line {
    color: #25a9e6;
}

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