/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; height: 100%; width: 100%; }
body { font-family: Verdana, Geneva, Tahoma, sans-serif; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
ul li { list-style: none; float: left; }
ul.unordered-list > li { list-style: disc; float: none; }
a { transition: all 0.25s; }
a:hover { text-decoration: none; }
label { font-weight: normal; }

/* ==========================================================================
   Bootstrap Overrides
   ========================================================================== */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 6px;
	padding-left: 6px;
}


/* ==========================================================================
   Custom global styles
   ========================================================================== */
h1 { color: #7e7e7e; font-size: 1.625em; }
.pageAlert { padding: 15px; font-size: 0.75em; }
.pageAlert div { padding: 0; }
.pageAlert h2 { font-size: 1.167em; margin: 0; font-weight: bold; }
.nopadding { padding: 0; }
.noleftpadding { padding-left: 0; }
.norightpadding { padding-right: 0; }
.topmargin12 { margin-top: 12px; }
.topmargin15 { margin-top: 15px; }
.topmargin25 { margin-top: 25px; }
.tdbgcolor { background-color:#f3f3f3; }
.tdbgcolor1 { background-color:#f3f3f3; width: 60%; }
.tdbgcolor2 { background-color:#f3f3f3; width: 20%; }
.tdbgcolor3 { background-color:#f3f3f3; width: 20%; }
.tdbgcolor1a { background-color:#f3f3f3; width: 58.5%; }
.tdbgcolor2a { background-color:#f3f3f3; width: 20%; }
.tdbgcolor3a { background-color:#f3f3f3; width: 22%; }
.centerText { text-align: center; }
.dataTable { width: 98%; margin: 1%; display: table !important; }
.dataTable tr td, .dataTable tr th { border: 3px solid #fff; padding: 3px; }
.dataTableHeader { width: 99%; height:30px; margin: 1%; margin-top: 3px; }
.dataTableHeader tr td, .dataTable tr th { border: 0px solid #fff; padding: 0px; }
.contentSection { border: 1px solid #ccc; font-size: 1em; }
.ddsContentSection { border: 1px solid #ccc; margin-top: 1px; font-size: 0.75em; overflow-x: auto; overflow-y: auto; }
article { padding: 12px; }
article h4 { font-size: 1.0833em; font-weight: bold; margin-bottom: 5px; }
.MobileOnly { display: none; }
.visible { opacity: 1; visibility: visible; }
.formFooter { position: absolute; bottom: -15px; left: 15px; width: 100%; background-color: #f5f5f5; padding: 10px; color: #999999; font-size: 0.875em; }
.submitbtns { text-align: right; }
#id_suspect_list-suspect_list, #id_call_log { height: 100%; }
.row-top-space { margin-top: 1em; }
header > .navbar { margin: 10px; }

/* ==========================================================================
   Custom global styles: Fixed Header Table
   ========================================================================== */
.fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td { margin: 0; padding: 0; font: inherit; vertical-align: top; padding: 5px 0; border-bottom: 1px solid #e2e2e2; }
.fht-table { border-collapse: collapse; border-spacing: 0; color: #666666; }
.fht-table thead { background-color: #f5f5f5; height: 30px; }
.fht-table th { font-weight: bold; }
.fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { position: relative; }
.fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { overflow-x: hidden; overflow-y: auto; }
.fht-table-wrapper .fht-table .fht-cell { overflow: hidden; height: 1px; }
.fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body { top: 0; left: 0; position: absolute; }
.fht-table-wrapper .fht-fixed-column { z-index: 1; padding: 5px 0; border-bottom: 1px solid #e2e2e2; }
.fht-table tbody tr td:first-child, .fht-table thead tr th:first-child { padding-left: 10px; }
.fht-table tbody tr td:last-child, .fht-table thead tr th:last-child { text-align: center; }


/* ==========================================================================
   Custom global styles: Modal Windows
   ========================================================================== */
.Modal { position: fixed; width: 100%; height: 100%; z-index: 10000; opacity: 0; visibility: hidden; top: 0; left: 0; }
.ModalScreen { width: 100%; height: 100%; background: #000; background: rgba(0,0,0, 0.5); position: absolute; }
.ModalBody { background-color: #fff; margin: 20px auto; position: absolute; left: 50%; }
.ModalContent { overflow-x: hidden; overflow-y: auto; width: 100%; }
.ModalClose { position: absolute; top: 4px; right: 10px; }


/* ==========================================================================
   Custom global styles: Main Nav and Account Nav
   ========================================================================== */
#ShellLogo {  }

.accountnav ul { margin-top: 22px; }
.accountnav ul li { color: rgba(64, 64, 64, 1); font-size: 0.688em; margin-right: 10px; }
.accountnav ul li a { color: rgba(64, 64, 64, 1); padding: 10px; }
.accountnav ul li a:hover, .accountOn { color: rgba(145, 145, 145, 1); }
.accountnav ul li img { margin-right: 5px; margin-top: -3px; }
.accountnav ul li ul { position: absolute; background-color: #fafafa; margin-top: 8px; padding: 0; display: none; z-index: 9000; }
.accountnav ul li ul li { float: none; padding: 0 5px; margin-right: 0; font-size: 1em; }
.accountnav ul li ul li a { padding: 10px 22px; display: block; border-bottom: 1px solid #ccc; }

#MainMenuRollout { width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0); top: 0; left: -10000px; z-index: 4999; }
#MainMenuContainer { width: 250px; background-color: #333333; position: fixed; top: 0px; left: -250px; height: 100%; z-index: 5000; }
.MainMenu { padding: 0; float: right; margin: 0; width: 100%; }
.MainMenu li { float: none; }
.MainMenu li a { font-size: 0.75em; color: #fff; width: 100%; display: block; border-top: 1px solid #464646; padding: 10px 15px; transition: all 0.25s; background-image: url('/static/image/Arrow_Right.png'); background-position: 93% 50%; background-repeat: no-repeat; }
.MainMenu li a:hover, .MenuItemOn { background-color: #d42e12; background-image: url('/static/image/MainMenu_ArrowOn.png'); background-position: 100% 50%; background-repeat: no-repeat; }
.MainMenu li a.last { border-bottom: 1px solid #464646; }
.MainMenu li ul { margin: 0; padding: 0; font-size: 0.91667em; overflow: hidden; height: 0; }
.MainMenu li ul li a { border: none; padding-left: 45px; background-image: none; }
.MainMenu li ul li a:hover { background-color: #666666; background-image: none; }


/* ==========================================================================
   Page styles: Login
   ========================================================================== */
.LoginBody { background-image: url('/static/image/LoginBackground.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#LoginBox { width: 70%; min-width: 365px; background-color: #fff; text-align: center; display: flex; flex-wrap: wrap; margin: 10% auto auto auto; }
#LoginBox h1 { font-size: 1.5em; color: #ef452b; font-weight: bold; }
#LoginBox input[type="text"], #LoginBox input[type="password"] { width: 100%; padding: 8px 8px 8px 30px; border: 1px solid #e8e8e8; border-left: 2px solid #35aa47; margin-bottom: 15px; }
#Login { background-image: url('/static/image/LoginIcon.png');background-repeat: no-repeat;background-position: 10px 10px; }
#Password { background-image: url('/static/image/PasswordIcon.png');background-repeat: no-repeat; background-position: 10px 10px; }
#LoginButton { background-color: #00824a; padding: 10px 30px 10px 13px; color: #fff; float: right; border: none; background-image: url('/static/image/LoginButtonIcon.png'); background-repeat: no-repeat; background-position: 55px 11px; }
#LoginRememberMeDiv { font-size: 0.875em; }
#LoginCreateAccount { font-size: 0.75em; margin: 15px 0; }
#LoginCreateAccount a { color: #ef452b; }
#LoginFrench { font-size: 0.875em; margin: 15px 0; }
#LoginFrench  a { color: #ef452b; }
#LoginDisclaimer { font-size: 0.6875em; line-height: 1.25em; }
#LoginRTTCLogo { width: 100%; position: absolute; bottom: 0; left: 0; }
#LoginError { font-size:12pt; text-align:center; color:#5a5a5a; background-color: #ffebe8; border: 1px solid #dd3c10; padding: 3px; }
#CPDisclaimer { font-size: 0.6875em; line-height: 1.25em; }
/* ==========================================================================
   Page styles: Homepage
   ========================================================================== */
.MainBody {
    background-image: url('/static/image/MainBackground.png');
    background-size: cover;
    background-repeat: no-repeat;
}

#MainContent { }
#Header { color: rgba(64, 64, 64, 1); width: 100%; z-index: 2000; }
#MenuBar { color: rgba(64, 64, 64, 1); width: 100%; z-index: 1000; }
#MenuOpen { padding: 12px; display: inline-block; color: rgba(64, 64, 64, 1); font-weight: bold; margin-left: 10px; font-size: 0.875em; }
#MenuOpen:hover { color: rgba(145, 145, 145, 1); }
.EnterSales { padding: 10px 15px 10px 20px; margin-top: 2px; margin-right: 19px; font-weight: bold; font-size: 0.875em; }
.EnterSales img { margin-left: 10px; margin-top: -2px; }
.pageAlert div.buttonBar { text-align: right; position: absolute; right: 15px; top: 50%; margin-top: -17px; }

.infobox { text-align: right; font-size: 0.688em; }
.infobox h1 { display: inline-block; font-size: 0.9em; margin: 0.6em 6px 0.6em 0; }
.infobox h2 { display: inline-block; font-size: 3.5em; margin: 0.6em 10px 0.6em 0; }
.infobox img { position: absolute; left: 15px; top: 50%; margin-top: -44px; }
.infofact { font-size: 1.091em; text-align: center; padding: 5px; }

.sectionHeader { padding: 5px 10px; height: 69px; position: relative; }
.sectionHeader > h2 { display: inline-block; font-size: larger; margin: 20px 10px 0.6em 10px; text-transform: uppercase; font-weight: bold; position: absolute; left: 10px; font-family: arial; }
.sectionHeader > p { display: inline-block; font-size: small; padding:0px; margin: 40px 10px 0px 10px; position: absolute; left: 10px; }
.sectionHeader > img { height:59px; float: right; }
.sectionFooter { padding: 10px; position: relative; }
.leaderboardFilters { padding: 10px; background-color: #cccccc; text-align: right; }
.leaderboardFilters label { font-size: 0.625em; }
.leaderboardFilters select { font-size: 0.625em; padding: 5px; background-color: #eee; border: none; }

.SalesHistory { color: #8b8b8b; padding: 3px; margin-top:-19px; }
.SalesHistoryContainer { color: #8b8b8b; padding: 1px; margin-top: 1px; }
.SalesHistoryResults { height: 217px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ccc; margin-top: 1px; }


.topContentSections { height: 205px; overflow-x: hidden; overflow-y: auto; border: 0px solid #ccc; margin-top: 1px; background-color: white; }
.topContentSections9total { height: 140px; overflow-x: hidden; overflow-y: auto; border: 0px solid #ccc; margin-top: 1px; background-color: white; }
.topContentSectionsDdsKpi { overflow-x: auto; overflow-y: auto; border: 0px solid #ccc; margin-top: 1px; font-size: 0.75em; }
.topContentSectionsDdsScrollx { overflow-x: auto; overflow-y: visible; border: 0px solid #ccc; margin-top: 1px; }
.topContentSections h2 { display: inline-block; font-size: 1.5em; margin: 0.6em 10px 0.6em 0; text-align:right; }
.statsContainer { color: #8b8b8b; padding: 12px; }
.statsSampleResults { height: 205px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ccc; margin-top: 10px; }
.statsSampleResultsFull { height: 495px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ccc; margin-top: 10px; }
.refractometer { height: 275px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ccc; margin-top: 10px; }
.sts { height: 100%; overflow-x: auto; overflow-y: auto; border: 1px solid #ccc; margin-top: 10px; }

table.table-tight {
    width:100%;
    height:100%;
}
table.table-tight td {
    padding:0px 15px;
    color:black;
}

/** /home/ grid table styles (David Maness 2019) **/

.homeSection {
    display: grid;
    grid-auto-flow: dense;
    width: 70%;
    margin-left: 15%;
}

.homeContentWrapper {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.homeTile {
    position: relative;
}
.contentSection {
    text-align: left;
}

.homeFooterWrapper {
    grid-auto-rows: minmax(50px, auto);
    grid-template-columns: 1fr, 1fr, 1fr;
    grid-gap: 10px;
}
.homeFooterButton {
    text-align: center;
    padding: 5px;
}
.homeFooterButton > p {
    margin: 5px;
    font-weight: bold;
    font-size: smaller;
}
.homeFooterButton > h3 {
    margin: 5px;
    font-weight: bold;
}


/** on shrinking web browsers
@media (max-width: 1550px) {

    .sectionHeader > h2 {
        margin: 23px 10px 0.6em 10px;
        font-size: 0.8em;
        text-align: left;
    }
}

/** on smaller web browser windows
@media (max-width: 1280px) {
    .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

/** on mobile devices
@media (max-width: 1000px) {
    .wrapper {
        grid-template-columns: 1fr;
    }
    .homeTile > .contentSection > .sectionFooter > button {
        margin: 2px 0px;
    }
}

/** end David Maness 2019 **/

.ccrContainer { color: #8b8b8b; padding: 12px; }
.ccrContainer h3 {font-size: 1.0833em; display: inline-block; font-weight: bold; margin: 0 10px 5px 0; }
.CCRSampleResults { height: 100px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ccc; margin-top: 10px; }
#CCRKeywords { width: 100%; }

.homeArticle article { height: 216px; visibility: hidden; opacity: 0; }
.carouselNav { position: absolute; position: absolute; top: 18px; right: 0; margin: 0; padding: 0; }
.carouselNav li a { padding: 19px 15px; background-color: #eee; border-left: 1px solid #ddd; }
.carouselNav li a:hover { background-color: #ddd; }

.bottomDisplay { height: 10%; border:1px solid lightgray}
.bottomDisplay > p { margin: 5px; font-weight: bold; font-size: smaller; }
.bottomDisplay > h3 { margin: 5px; font-weight: bold; }

#Footer { width: 100%; bottom: 0; font-size: 0.688em; color: rgba(64, 64, 64, 1); text-transform: uppercase; padding: 10px; margin-top: 40px; }
#Footer ul { margin: 0; }
#Footer ul li { padding: 0 10px; }
#Footer ul li a { color: rgba(64, 64, 64, 1); }
#Footer ul li a:hover { color: rgba(145, 145, 145, 1); }

/* ==========================================================================
   Page styles: EnterSalesForm
   ========================================================================== */
#clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 15px;
}
#clockdiv > div{
    padding: 8px;
    border-radius: 3px;
    background: #ffd200;
    display: inline-block;
}
#clockdiv div > span{
    padding: 7px;
    border-radius: 3px;
    background: #d42e12;
    display: inline-block;
}
.smalltext{
    padding-top: 2px;
    font-size: 10px;
}


/* ==========================================================================
   Page styles: EnterSalesForm
   ========================================================================== */
#EntryForm { padding: 10px 20px; }
#EntryForm label { font-size: 1.25em; color: #000; } 
/*#EntryForm select { width: 100%; background: #eee; border: none; padding: 8px; margin-bottom: 10px; }*/
#EntryForm input { margin-bottom: 10px; }
#EntryForm #id_invoice_date { margin-bottom: 0; }
#EntryForm #contacted { margin-bottom: 0; }
#EntryForm div.row { margin-bottom: 0; }
#EntryForm table { width: 100%; border: 1px solid #e2e2e2; font-size: 0.75em; }
#EntryForm .fht-table tbody tr:hover { background-color: #eee; cursor: pointer; }
#EntryForm .fht-table tbody tr td input { height: 22px; width: 80%; margin: 0 auto; text-align: center; }
#EntryForm .fht-table tbody tr td a { opacity: 0; visibility: hidden; color: #0099ba; }
#CPEntryForm { padding: 10px 20px; }
#CPEntryForm label { font-size: 0.95em; color: #000; } 
/*#CPEntryForm select { width: 100%; background: #eee; border: none; padding: 8px; margin-bottom: 10px; }*/
#CPEntryForm input { margin-bottom: 2px; height: 27px;}
#CPEntryForm #CSA { margin-bottom: 0; }
#CPEntryForm #BDFRate { margin-bottom: 0; }
#CPEntryForm #contacted { margin-bottom: 0; }
#CPEntryForm div.row { margin-bottom: 0; }
#CPEntryForm table { width: 100%; border: 1px solid #e2e2e2; font-size: 0.75em; }
#CPEntryForm .fht-table tbody tr:hover { background-color: #eee; cursor: pointer; }
#CPEntryForm .fht-table tbody tr td input { height: 22px; width: 80%; margin: 0 auto; text-align: center; }
#CPEntryForm .fht-table tbody tr td a { opacity: 0; visibility: hidden; color: #0099ba; }

#CPInvoiceForm { padding: 10px 20px; }
#CPInvoiceForm label { font-size: 0.95em; color: #000; } 
#CPInvoiceForm input { margin-bottom: 2px; height: 35px;}
#CPInvoiceForm #InvoicePrice2 { margin-bottom: 0; }
#CPInvoiceForm #BDFRate { margin-bottom: 0; }
#CPInvoiceForm #contacted { margin-bottom: 0; }
#CPInvoiceForm div.row { margin-bottom: 0; }
#CPInvoiceForm table { width: 100%; border: 1px solid #e2e2e2; font-size: 0.75em; }
#CPInvoiceForm .fht-table tbody tr:hover { background-color: #eee; cursor: pointer; }
#CPInvoiceForm .fht-table tbody tr td input { height: 22px; width: 80%; margin: 0 auto; text-align: center; }
#CPInvoiceForm .fht-table tbody tr td a { opacity: 0; visibility: hidden; color: #0099ba; }


#CPClaimForm { padding: 10px 20px; }
#CPClaimForm label { font-size: 0.95em; color: #000; } 
#CPClaimForm input { margin-bottom: 2px; height: 35px; }
#CPClaimForm #InvoicePrice2 { margin-bottom: 0; }
#CPClaimForm #BDFRate { margin-bottom: 0; }
#CPClaimForm #contacted { margin-bottom: 0; }
#CPClaimForm div.row { margin-bottom: 0; }
#CPClaimForm table { width: 100%; border: 1px solid #e2e2e2; font-size: 0.75em; }
#CPClaimForm .fht-table tbody tr:hover { background-color: #eee; cursor: pointer; }
#CPClaimForm .fht-table tbody tr td input { height: 22px; width: 95%; margin: 0; padding:4px; text-align: right; font-size: 0.90em;}
#CPClaimForm .fht-table tbody tr td a { opacity: 0; visibility: hidden; color: #0099ba; }

#Repacked { width: 100%; }
#Size { width: 100%; }
#associates { width: 100%; }
#CustomerName { width: 100%; }
#Product { width: 100%; }
#CPProduct { width: 100%; }
#PackContainer { width: 100%; }
#SizeContainer { width: 100%; }
#SizeInnerContainer { width: 100%; }
#ListPriceContainer { width: 100%; }
#CSAContainer { width: 100%; }
#OilContainer { width: 100%; }
#GreaseContainer { width: 100%; }
#FilterContainer { width: 100%; }
#New2016 { width: 100%; }
#CrossSell { width: 100%; }
#MTM { width: 100%; }
#EITBI { width: 100%; }
#WeFeature { width: 100%; }
#Indy500 { width: 100%; }
#Indy500Background { max-width:900px; max-height:215px; } 
.Indy500Background img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}
#hmtop { max-width:900px; max-height:374px; } 
.hmtop img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.YoutubeVideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-top:10px;
}
 
.YoutubeVideo iframe,
.YoutubeVideo object,
.YoutubeVideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#Indy500Bottom { max-width:900px; max-height:600px;padding: 5px; } 
.Indy500Bottom img { margin-top:20px; margin-bottom:670px; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
#EntryForm .chosen-container { width: 100% !important; }
#CPEntryForm .chosen-container { width: 100% !important; }
#CPInvoiceForm .chosen-container { width: 100% !important; }

.chosen-container { display: block; width: 100%; margin-bottom: 20px; background-color: white; }
.chosen-container .chosen-results li { width: 100%; }
.chosen-container-single .chosen-single { border-radius: 4px; background: none; height: 34px; line-height: 33px; }
.chosen-container-single .chosen-single div b { background: url('/static/image/chosen-sprite.png') no-repeat 0px 7px; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 8px; }
.chosen-container-active.chosen-with-drop .chosen-single { background-image: none; }
.payout { color: #28b779; }
.payoutAmount { font-size: 1.75em; }
.tab-content > .tab-pane { padding: 16px 8px; }
.nav-tabs > li > a { border-radius: 0; background-color: #efefef; color: #ccc; font-size: 0.75em; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #d42e12; }

/* ==========================================================================
   One Off View Styles
   ========================================================================== */
.BorderedTable { padding: 15px 25px; font-size: 0.875em; }
.form-control-feedback { right: 1px; }
tr.NotesRow { cursor: default; }
.table > tbody > tr.NotesRow > td { border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0; }
tr.NotesRow > td > div { overflow: hidden; margin: 0 10px; height: 0; }
.table-striped4 > tbody > tr:nth-child(4n-1) { background-color: #f9f9f9; }
.BorderedTable table tr span { opacity: 0; visibility: hidden; }
.BorderedTable table tr { cursor: pointer; }
.BorderedTable table thead tr { background: #efefef; }
.BorderedTable table thead tr th { font-weight: normal; color: #666666; }
.BorderedTable table tr span.label { opacity: 1; visibility: visible; font-weight: normal; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { position: relative; }

.BorderedTableStyle { padding: 15px 25px; font-size: 0.875em; }
.BorderedTableStyle tr span { opacity: 0; visibility: hidden; }
.BorderedTableStyle thead tr { background: #efefef; }
.BorderedTableStyle thead tr th { font-weight: normal; color: #666666; }
.BorderedTableStyle tr span.label { opacity: 1; visibility: visible; font-weight: normal; }

#LeaderboardTable tr.NotesRow td div.row { margin: 0; }
#LeaderboardTable tr.NotesRow > td > div > div > div { padding: 10px; }
#LeaderboardTable tr.NotesRow > td > div > table { width: 100%; font-size: 0.75em; }
#LeaderboardTable tr.NotesRow > td > div > table td { padding: 5px; }
#LeaderboardTable tr.NotesRow > td > div > table thead tr { background-color: inherit; font-weight: bold; border-bottom: 1px solid #fff; }
#LeaderboardTable tr.NotesRow > td > div > table thead tr th { font-weight: bold; color: #000; padding: 5px; }
#LeaderboardTable tr.NotesRow > td > div > table tbody tr { border-bottom: 1px solid #fff; }


#CCRFullKeywords { margin-bottom: 20px; }
#SalesHistory div.SalesTotal h2 { color: #0099ba; font-size: 3em; margin: 0.15em 0 2em; }
#SalesHistory div.SalesTotal h2 span { font-size: 0.75em; position: relative; display: inline-block; top: -10px; }
.SummaryTable h2 { font-size: 1.25em; }
.SummaryTable div.row { margin: 0; border-top: 1px solid #ddd; padding: 10px 0; }
.SummaryTable div.SummaryLabel { text-transform: uppercase; }
.SummaryTable div.SummaryValue { color: #0099ba; text-align: right; }
.SalesTotal { margin-bottom: 20px; }
.SalesTotal label { display: block; color: #000; }
.SalesTotal select { width: 100%; background: #eee; border: none; padding: 8px; }
#SalesHistoryTable tr.NotesRow td div.row { margin: 0; }
#SalesHistoryTable tr.NotesRow > td > div > div > div { padding: 10px; }
#SalesHistoryTable tr.NotesRow > td > div > table { width: 100%; font-size: 0.75em; }
#SalesHistoryTable tr.NotesRow > td > div > table td { padding: 5px; }
#SalesHistoryTable tr.NotesRow > td > div > table thead tr { background-color: inherit; font-weight: bold; border-bottom: 1px solid #fff; }
#SalesHistoryTable tr.NotesRow > td > div > table thead tr th { font-weight: bold; color: #000; padding: 5px; }
#SalesHistoryTable tr.NotesRow > td > div > table tbody tr { border-bottom: 1px solid #fff; }


#ContactDirectoryTable tr.NotesRow td div.row { margin: 0; }
#ContactDirectoryTable tr.NotesRow > td > div > div > div { padding: 10px; }
#ContactDirectoryTable tr.NotesRow > td > div > table { width: 100%; font-size: 0.75em; }
#ContactDirectoryTable tr.NotesRow > td > div > table td { padding: 5px; }
#ContactDirectoryTable tr.NotesRow > td > div > table thead tr { background-color: inherit; font-weight: bold; border-bottom: 1px solid #fff; }
#ContactDirectoryTable tr.NotesRow > td > div > table thead tr th { font-weight: bold; color: #000; padding: 5px; }
#ContactDirectoryTable tr.NotesRow > td > div > table tbody tr { border-bottom: 1px solid #fff; }


#LeadGenTable tr.NotesRow td div.row { margin: 0; }
#LeadGenTable tr.NotesRow > td > div > div > div { padding: 10px; }
#LeadGenTable tr.NotesRow > td > div > table { width: 100%; font-size: 0.75em; }
#LeadGenTable tr.NotesRow > td > div > table td { padding: 5px; }
#LeadGenTable tr.NotesRow > td > div > table thead tr { background-color: inherit; font-weight: bold; border-bottom: 1px solid #fff; }
#LeadGenTable tr.NotesRow > td > div > table thead tr th { font-weight: bold; color: #000; padding: 5px; }
#LeadGenTable tr.NotesRow > td > div > table tbody tr { border-bottom: 1px solid #fff; }


#CPItemTable tr.NotesRow td div.row { margin: 0; }
#CPItemTable tr.NotesRow > td > div > div > div { padding: 10px; }
#CPItemTable tr.NotesRow > td > div > table { width: 100%; font-size: 0.75em; }
#CPItemTable tr.NotesRow > td > div > table td { padding: 5px; }
#CPItemTable tr.NotesRow > td > div > table thead tr { background-color: inherit; font-weight: bold; border-bottom: 1px solid #fff; }
#CPItemTable tr.NotesRow > td > div > table thead tr th { font-weight: bold; color: #000; padding: 5px; }
#CPItemTable tr.NotesRow > td > div > table tbody tr { border-bottom: 1px solid #fff; }

#SwitchToShellTable tr.NotesRow td div.row { margin: 0; }
#SwitchToShellTable tr.NotesRow > td > div > div > div { padding: 10px; }
#SwitchToShellTable tr.NotesRow > td > div > table { width: 100%; font-size: 0.75em; }
#SwitchToShellTable tr.NotesRow > td > div > table td { padding: 5px; }
#SwitchToShellTable tr.NotesRow > td > div > table thead tr { background-color: inherit; font-weight: bold; border-bottom: 1px solid #fff; }
#SwitchToShellTable tr.NotesRow > td > div > table thead tr th { font-weight: bold; color: #000; padding: 5px; }
#SwitchToShellTable tr.NotesRow > td > div > table tbody tr { border-bottom: 1px solid #fff; }

.LibraryResults { padding: 10px; font-size: 0.75em; border: 1px solid #666666; }
.LibraryResults ul { padding: 0; margin: 20px 0; }
.LibraryResults ul li { margin: 0 0 20px 0; }
.LibraryHeader { padding: 10px; }
.LibraryIcon { width: 40px; float: left; }
.LibraryArticle { padding-left: 40px; }
.LibraryArticle h3 { margin: 0; font-size: 1.3333em; }
.LibraryArticle h4 { margin: 3px 0; font-weight: bold; }

#CustomerPage .BorderedTable { padding: 0; }
#CustomerPage .BorderedTable tr td:first-child { padding-left: 10px; }
#CustomerPage .table-striped4 > tbody > tr:nth-child(4n-1) { background-color: inherit; }
#CustomerPage .rowalert { width: 5px; height: 100%; position: absolute; top: 0; left: 0; }

.statusbars { margin: 20px -15px; }
.statusbar { padding: 15px 10px 5px 10px; font-size: 0.875em; position: relative; }
.statusbarnested { position: absolute; right: 20px; top: 0; height: 100%; }
/* Contacts */
.contactsSearch { margin: 20px 0; }
.ViewMode { color:#28b779}
.page-numbers { text-align:right;}

#CatalogPage .sectionHeader { font-size: 0.875em; }
#CatalogPage .sectionHeader ul { margin: 0; padding: 0; }
#CatalogPage .sectionHeader ul li { color: #fff; padding: 10px; }
#CatalogPage .sectionHeader ul li a { color: #808080; transition: all 0.25s; }
#CatalogPage .sectionHeader ul li a:hover { color: #fff; }
#CatalogPage .sectionHeader select { width: 50%; background: #e5e5e5; border: none; padding: 4px; }
#CatalogPage .sectionHeader input { height: 26px; }
#CatalogPage .sectionHeader span.form-control-feedback { right: -4px; top: -3px; }

.catalogGrid { border: 1px solid #e6e6e6; padding: 15px; }
.catalogGrid img { width: 90%; cursor: pointer; }
.catalogGrid div.col-xs-3 { text-align: center; }
.catalogGrid div.col-xs-3 div.catalogItem { font-size: 0.75em; border: 1px solid #ddd; padding: 25px 25px 50px 25px; margin: 10px 10px 0 10px; position: relative; }
.catalogGrid div.col-xs-3 div.catalogItem button { width: 100%; position: absolute; bottom: 0; left: 0; }
.catalogGrid div.col-xs-3 div.catalogItem span.catalogValue, #ProductDetail span.catalogValue { display: block; color: #d42e12; font-weight: bold; margin-top: 15px; }
.catalogGrid div.col-xs-3 div.catalogItem h2 { font-size: 1.275em; cursor: pointer; }

#ProductDetail { padding: 20px; }
#ProductDetail div.col-xs-4 img { width: 100%; }
#ProductDetail div.col-xs-8 button { margin-top: 20px; }

ul.bosch > li { list-style: disc; float: none; margin: 10px 0; }


/* ==========================================================================
   Colors
   ========================================================================== */
.blue { background-color: #0099ba; color: #fff;}
.darkblue { background-color: #00779e; color: #fff;}
.lightblue { background-color: #d5e4ed; color: #0099ba; }
.lightbluefont { color: #0099ba; }
.yellow { background-color: #ffd200; color: #d42e12; }
.yellowfont { color: #FFD503; }
.lightyellow { background-color: #f7e79e; color: #000; }
.lightyellow tbody { background-color: #fdf3c5; }
.red { background-color: #e16e6e; color: #fff; }
.red td { background-color: #e16e6e; color: #fff; }
.lightred { background-color: #f6d5d0; color: #000; }
.green { background-color: #28b779; color: #fff; }
.darkgreen { background-color: #128e66; color: #fff; }
.orange { background-color: #de8703; color: #fff; }
.darkorange { background-color: #d26d02; color: #fff; }
.purple { background-color: #611759; color: #fff; }
.lightpurple { background-color: #c0a6bd; color: #000; }
.grey { background-color: #666666; color: #fff; }
.darkgrey { background-color: #212121; color: #fff; }
.lightgrey { background-color: #f3f3f3; color: #000; }

.grey a { color: #fff; }

.newRed { background-color: #d42e12; color: #fff; }
.newLightLightBlue { background-color: #92a7cc; color: #fff; }
.newLightBlue { background-color: #5877ad; color: #fff; }
.newBlue { background-color: #3f629e; color: #fff; }
.newDarkBlue { background-color: #293d77; color: #fff; }

.btn { border-radius: 0; background-image: none; text-shadow: none; border-color: transparent; padding: 6px 15px; transition: all 0.25s; }
.btn-small { border-radius: 0; background-image: none; text-shadow: none; border-color: transparent; padding: 5px 5px; transition: all 0.25s; }
.btn-default { background-color: rgb(117, 117, 117); color: #fff; }
.btn-shell { background-color: #ffd200; color: #d42e12; }
.btn-default:hover, .btn-default:focus { background-color: rgb(64, 64, 64); color: #fff; border-color: transparent; }
.btn-info { background-color: #666666; color: #fff; }
.btn-info:hover, .btn-info:focus { background-color: #212121; border-color: transparent; }
.btn-danger { background-color: #d42e12; color: #fff; }
.btn-danger:hover, .btn-danger:focus { background-color: #95200d; border-color: transparent; }
.btn-warning { background-color: #fff6cc; color: #000; }
.btn-warning:hover, .btn-warning:focus { background-color: #ffd200; border-color: transparent; }

.alertbox { background-color: #f6d5d0; color: #d42e12; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 */
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}