/*#################################################################################
    
    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
    #TopNav
    #SideNav
    #MainContain
	#Welcome
    #Payments
    #OrderPad/QuotePad
    #B2B Catalog
    #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: #0097a7;
}

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

h1, h2, h3, h4, h5, h6{
    color: #607d8b;
    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: 10pt;
}

input[type=submit], input[type=button], button{
    color: #fff;
    background: #607d8b;
    font-size: 9pt;
}

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

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


.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:#607d8b;
    border:1px solid #607d8b;
    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: #0097a7 !important;
    border:1px solid #0097a7;
    font-size:9pt;
}

.btn-default, .open>.dropdown-toggle.btn-default, input[type=submit].btn-default{
    border: 1px solid #607d8b !important;
    font-size:10pt;
    color: #607d8b !important;
    background:#fff !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: #0097a7 !important;
    border: 1px solid #0097a7 !important;
    background: #fff !important;
}

.btn-link{
    color: #607d8b;
}

.btn-link:hover, .btn-link:focus, .btn-link:active {
    color: #0097a7 !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:#607d8b;
}

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

.pagination>li>a, .pagination>li>span {
    color: #607d8b;
    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:#0097a7
}


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

.modal-header{
	background-color: #607d8b;
	color: #fff !important;
}

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

.panel{
	background-color: #EFEEEE;
}

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

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

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

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

body.homepage{
    background-color: #607d8b;
	background-image: url('../../../assets/img/cp_bg_grey.jpg');  
}


#contentContainerFull .col-sm-6{
    background: #fff;
}

.homepage #footer{
    color: #fff !important;
    font-size: 9pt;
    text-shadow: 2px 2px #212121;
}

.homepage #footer a{
    color: #fff;
}

.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 #0097a7;
    border-top: 1px solid #0097a7;
    background: #0097a7;
}

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

/************************************************** #TopNav ************************************************************/

.top-nav {
    background-color: #607d8b;
    color: #fff;
}

.top-nav h1{
    color:#fff;
}

.top-nav .shopping-cart h1{
	color:#607d8b;
}

/************************************************** #SideNav ************************************************************/


.sidebar{
    border-right: 1px solid #ccc;
	background: #fff;
}


.sidebar a, .sidebar h2, .sidebar h5{
    color: #212121;
}

.sidebar a:hover span, .sidebar a:focus span, .sidebar a:active span, a.active-menu-item span, a.active-menu-item .glyphicon {
    color: #0097a7 !important;
}


a.logoutButton{
    color:#0097a7;
	font-size:9pt;
}


ul#localeSelect li button {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #607d8b;
    font-size:9pt;
}

ul#localeSelect li button:hover, ul#localeSelect li button:focus, ul#localeSelect li button:active {
        color: #0097a7;
}

ul#localeSelect li button.selected {
    color:#fff;
	background-color: #0097a7;
}

#ulmenu ul li ul.grouplink li{
    font-size: 10pt;
}

.sidebar .glyphicon{
    color:#8f99ac;
    font-size:15pt;
}

.sidebar a:hover .glyphicon, .sidebar a:focus .glyphicon, .sidebar a:active .glyphicon {
    color: #0097a7;
}

.sidebar li a.selected .glyphicon{
    color: #0097a7;
}

.mp-level{
    background:#fff !important;
}

.mp-menu #root-menu{
    /* border-right: 1px solid #ccc !important; */
}

.mp-level.child.in {
    border-left: 1px solid #ccc !important;
}
.mp-level h4 {
    font-size: 10pt;
    color: #607d8b;
}

.sidebar a.mp-back{
    border: 1px solid #ccc;
    font-size: 8pt;
}

.sidebar a.mp-back span.glyphicon{
    font-size: 9pt;
}


.sidebar div.mp-back a span.glyphicon {
    font-size: 8pt;
    color: #607d8b;
}

.mp-menu ul li > a{
    font-size:9pt;
}

.mp-menu a span{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:9pt;
	color: #212121;
}

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


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

.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: #607d8b;
    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;
}

.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(/) 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: #607d8b;
    color: #fff !important;
    border: 10pt 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: #0097a7;
    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: #607d8b !important;
}

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

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

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

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

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

.order-items-bar {
    color: #fff;
    background-color: #607d8b;
}

.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: #0097a7;
}

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

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

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

.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:#0097a7} !important;
}

.products-list .itm-info{
    border-top:1px 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: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{
    color: #fff !important;
    font-size: 18pt;
    border-color:#fff;
}

.b2b-enabled span.itm-count{
    background: #fff;
    color: #0097a7;
    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.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;
}

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

.variants-table th{
    color: #fff;
    background-color: #607d8b;
	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***/


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

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

.subnav-panel-wrapper{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.subnav-panel input[type=submit]{
    font-size: 9pt;
}

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

.advanced-menu-options{
    border-bottom: 1px solid #ccc;
}

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

.custom-query-params-min {
    background-color: #607d8b;
}

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

.dxeCalendarButton_SoftOrange, .dxeCalendarToday_SoftOrange {
	background: #607d8b !important;
}

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

.custom-query-params .dxeEditArea_SoftOrange{
	font-size:  !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;
}

#orderDetailsWrapper .notes, #invoiceDetailsWrapper .notes, #deliveryDetailsWrapper .notes, #paymentDetailsWrapper .notes {
    background-color: #EFEEEE;
    border: 1px 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 .glyphicon{
    color: #607d8b;
}

#snapShotListing .glyphicon:hover{
    color: #0097a7;
}

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

.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: #0097a7 !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: #0097a7 !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: #26c6da !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: #212121 !important;
    font-size: 9pt !important;
}

.dxgv{
    font-size: 9pt !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !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;
	}
}

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

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

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