@charset "UTF-8";
/* CSS Document */
/* Herbal Clean */

/************** IMPORT FONTS HERE **************/
/*<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> */


/************** GLOBAL STYLES **************/
/** #ef2122 - Logo Red 1 **/
/** #ed1b27 - Logo Red 2 **/
/** #b31c27 - dark red **/
/** #fec627 - highlights yellow **/
/** #fdbd33 - bright yellow **/
/** #fdc528 - highlights yellow v2**/ /**selected**/
/** #b99027 - yellow brown **/
/** #e85424 - orange **/
/** #3c763d - success green **/
/** #3f3e42 - gun metal gray 1 ***/
/* #53a126   green-dark*/ 
/* #7fbf3e   green-medium*/ 
/* #acdc64   green-light*/

html {
	position: relative;
	min-height: 100%;
}

body {
    padding-bottom: 475px; /* Must match height of footer */
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: Open Sans,sans-serif;
    /*font-size: ;*/ /* 14px is default */
    font-weight: normal;
    color: #333;
}

.container {
	padding-left: 25px;
	padding-right: 25px;
	background-color: #fff
}

.container-fluid {
	padding-left: 50px;
	padding-right: 50px;
}

.lessPadding {
	padding-top: 10px;
	padding-bottom: 30px;
}

.regPadding {
	padding-top: 20px;
	padding-bottom: 30px;
}

.xtraPadding {
	padding-top: 30px;
	padding-bottom: 30px;
}

main a, main a:visited {
	color: #000;
	text-decoration: underline;
}

main a:hover, main a:focus {
	color: #000;
	text-decoration: underline;
}

h1 {
	margin-top: 0;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
}

h2, h3, h4, h5, h6 {
    color: #b7b2b4;
    font-weight: bold;
    text-transform: uppercase;
}

.breadcrumb {
	font-size: 15px;
}

.breadcrumb>.active {
  /*color: ;*/
}

.page-header {
	margin-top: 25px;
}

.page-header h1 {
	/*font-size: ;*/
}

.page-header p {
	/*font-size: 14px;*/
    color:#b7b2b4;
}

.page-header a, .page-header a:visited {
	/*text-decoration: underline;*/
}

.page-header a:hover, .page-header a:focus {
	/*color: ;*/
}

.panel {
	/*border: none;*/
}

.panel-heading.brand {
	/*background: linear-gradient(#54565b, #f6f6f6);*/
	background-color: #54565b;
	color: #fff;
	/*border: none;*/
}

.panel-heading h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 16px;
}

.panel-heading a, .panel-heading a:visited {
	color: #fff;
	font-size: 12px;
	margin-top: 5px;
}

.panel-heading a:hover, .panel-heading a:focus {
	color: #fff;
}

.panel-body {
	padding-bottom: 5px;
	/*font-size: 12px;
	border: 1px solid #ddd;
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;*/
}

.panel .table {
	margin-bottom: 5px;
}

.table th {
    color: #b7b2b4;
}

.table>tbody>tr>td {
	vertical-align: middle;
}

.required {
	color: #cc0000;
}

.error {
	color: #cc0000;
}

.success {
	color: #3c763d;
}

.alert-danger {
  color: #cc0000;
  background-color: #FAE6E6;
  border-color: #F7D6D6;
}

.alert h5 {
	margin-top: 0;
	margin-bottom: 3px;
	line-height: 1.4;
	font-weight: bold;
}

.alert-danger h5 {
	color: #cc0000;
}

.alert-success h5 {
	color: #3c763d;
}

h5.success {
	font-weight: bold;
}

.alert-danger button.close {
	color: #cc0000; /** cc0000 red **/
}

.alert-danger a, .alert-danger a:visited {
	color: #cc0000 !important;
	text-decoration: underline;
}

.alert-danger a:hover, .alert-danger a:focus {
  color: #cc0000 !important; /** 890000 crimson **/
}

.glyphicon-exclamation-sign {
	margin-right: 6px;
}



.tooltipIcon {

	color: #999;

	margin-left: 5px;

}



.badge {
	background-color: #fff;
}

.badge.inProgress01 {
	background-color: #ff8c00;
}


.badge.inProgress02 {
	background-color: #00649F;
}

.badge.inProgress03 {
	background-color: #15ABB4;
}

.badge.approved {
	background-color: #00a802;
}

.badge.declined {
	background-color: #cc0000;
}

/************** SITE HEADER & NAVBAR STYLES **************/
.navbar {
	z-index: 100;
	min-height: 75px;
	margin-bottom: 0;
	background-color: #fff;
	border-top: none;
	border-right: none; 
	border-bottom: none;
	border-left: none;
	border-radius: 0;
	box-shadow: 0px 0px 10px rgba(0,0,0, .2);
	/*font-size: 14px !important;*/
}

.navbar-header {
	height: 100%;
}

a.navbar-brand {
	height: 100%;
	padding-top: 24px; /* padding centers logo vertically */
	padding-bottom: 21px;
}

img#mainNavLogo {
	height: 40px; /* logo height + padding should equal 75px navbar height */
	width: auto;
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #52a125;/* previous #e2001a */
}

.navbar-nav li.current a {
	color: #52a125;/* previous #e2001a */
}

.navbar-default .navbar-toggle {
	border: none;
	margin-top: 22px; /* Use to center hamburger toggle vertically in header */
	background-color
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #579f25;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #fff;
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #579f25;
}

.navbar-default .navbar-collapse {
	border-color:#000 ;  /* change color of line between header and nav links in mobile view */
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #f5f5f5;
} /* main nav link when dropdown is open */



.navbar-nav>li>.dropdown-menu {
	border: none;
	/*background-color: ;*/
	box-shadow: 0px 4px 5px rgba(0,0,0, .15);
}

.navbar-default .navbar-nav .dropdown-menu>li>a {
	padding: 12px 15px 8px 25px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #52a125;/* previous #e2001a */
	background-color: #fff;
}

#headerNav .glyphicon-question-sign {
	padding-right: 2px;
}

#headerNav .glyphicon-log-in {
	padding-right: 4px;
}

#headerNav .glyphicon-user {
	padding-right: 3px;
}

#mainNav ul.navbar-nav > li > a {
    font-weight: 700;
    font-size: 1.4rem;
    font-family: Open Sans,sans-serif;
    text-transform: capitalize;
}

/************** SITE FOOTER STYLES **************/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 475px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff color: #626262; /** phone glyph & supporting fonts **/
}

.footer .container {
	text-align: center;
}

#footerAd-lg {
	margin-bottom: 40px;
}

#footerAd-sm {
	margin-bottom: 40px;
}

#contactInfo {
	margin-bottom: 10px;
	color: #000
}

/**Questions about your Rebate **/
#contactInfo h4 {
	color: #000
	line-height: 1.3;
	/*font-size: ;*/
}

#contactInfo a, #contactInfo a:visited {
	color: #000;
	margin-left: 4px;
}

#contactInfo a:hover, #contactInfo a:focus {
	color: #626262;
}

#footerNav li {
	padding: 5px 10px;
}

#footerNav a, footer a:visited {
	font-size: 12px;
	color: #000
}

#footerNav a:hover, #footerNav a:focus {
	color: #626262;
	text-decoration: none;
}

.versionNumber {
	margin-top: 20px;
	font-size: 10px;
	color: #000
}

footer .glyphicon-chevron-up {
	font-size: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px;
}

a.footerChevron, a.footerChevron:visited {
	color: #579f1e;
}



a.footerChevron:hover, a.footerChevron:focus {

	color: #b9e6a8;

}









/************** GLOBAL BUTTON STYLES **************/



.btn {

	font-size: 12px;

}



.btn.btn-lg {

	font-size: inherit;

}



.btn:active {

	outline: none !important;

}



.btn.btn-xs.brand {
	/*font-size: 12px;*/
}



.btn.btn-lg.brand {
	/*font-size: 18px;*/
}

/*** Register for a Rebate Button ***/
    .btn.brand {
        /*border-radius: 0;*/
        border-radius: 40px;
        background-color: #579f25; /* previous #e2001a */
        color: #fff;
        font-weight: bold;
        padding: .78571rem 4rem;
    }

.btn.brand:hover, .btn.brand:focus {
	background-color: #579f25c7  !important;
}

.btn.brand.secondary {
	background-color: #999;
	color: #fff;
}

.btn.brand.secondary:hover, .btn.brand.secondary:focus {
	background-color: #888 !important;
}

.btnWell {
	margin-top: 20px;
	padding-top: 9px;
	text-align: center;
}

.btnWell button {
	margin-top: 15px;
	margin-right: 12px;
	margin-left: 12px;
}









/************** MODAL STYLES **************/



#eligibleProductsModal .modal-body {

	font-size: 12px;

}



#offerReqModalList li {

	margin-bottom: 5px;

}



#offerValidationModal {}



/*#enterQtyModalForm .input-group-addon {

	font-size: 12px;

}*/



#itemLevelInfoModal .modal-body {

	font-size: 12px;

}



#itemLevelInfoModal .table th {

	font-size: 14px;

	text-transform: uppercase;

}



#itemLevelInfoModal .table td:first-child {

	font-weight: bold;

}



#itemLevelInfoModal .table>tbody>tr>td {

	border: none;

}



#uploadDocsModal .btn.chooseFiles {

	margin-bottom: 15px;

}



#uploadDocsModal .table {

	font-size: 12px;

}



#emailRebateFormModal h5.success {

	font-size: 16px;

}









/************** DATATABLES **************/



table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {

	background-color: #00a802;

}



table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {

	background-color: #00a802;

}



table.dataTable>tbody>tr.child span.dtr-title {

	margin-right: 10px;

	vertical-align: top;

}



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {

	background-color: #666;

	border-color: #666;

	cursor: pointer;

}



.pagination>li>a {

	color: #004a7f; /** blue **/

	text-decoration: none;

}



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

	color: #004a7f;

}









/************** PROGRESS BAR STYLES **************/



.progress-bar {

	font-size: 11px;

}



.progress-bar.complete {

	background-color: #004a7f;

}



.progress-bar.active {

	background-color: #579f25;/* previous #e2001a */

}



.progress-bar.inactive {

	background-color: #ccc;

}



.regProgressBarNumber {

	font-weight: bold;

}



/************** LANDING PAGE STYLES **************/

#lpJumbotron.jumbotron {
	/*height: 300px;*/
	margin: 0;
	padding: 130px 25px 5px 25px;
	background: url(https://s3.us-west-2.amazonaws.com/gps.docs.com/Assets/889/CLIENT_575_638283201856433763.png), #fff; /** Mobile **/
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	color: #000;
	text-align: center;
	background-color: #fff;
}

#lpJumbotron h1 {
	font-size: 36px;
	font-weight: bold;
	padding-top: 5%;
	text-transform:capitalize;
}

#lpJumbotron p {
	font-size: 18px;
	font-weight: bold;
}

#lpJumbotronBtn {
	margin-top: 1px;
}
/**** Returning User Button ***/
#lpJumbotron a.btn, #lpJumbotron a.btn:visited {
    background-color: #579f25;
    color: #fff;
    text-transform: none;
    font-weight: bold;
    border-radius: 40px;
    padding: .78571rem 4rem;
    /*margin-left: auto;
	margin-right: 40px;*/ /* was auto */
}


#lpJumbotron a.btn:hover, #lpJumbotron a.btn:focus {
	background-color: #579f25c7  !important;
}

#lpJumbotron .glyphicon-log-in {
	margin-left: 10px;
	margin-right: 4px;
}



#lpJumbotron .logInText {
	text-transform: uppercase;
}

#lp {}

#lpOptionPanels h2 {
	/*margin-bottom: 30px;
	font-size: 28px;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;*/
	display: none; /* Remove the Text "What would you like to do?" */
	/*visibility: hidden;  Wanted the place holder for formatting */

}

#lpOptionPanels .panel {
  /*border: 1px solid #f4511e;*/
  /*border-radius: 0 !important;*/
	transition: box-shadow 0.5s;
	text-align: center;

}

#lpOptionPanels .panel:hover {
	box-shadow: 0px 0px 20px rgba(0,0,0, .2);
}

#lp-optionPanels .panel-body {
	/*border: none;
	padding-left: 20px;
	padding-right: 20px;*/
}

/*** glyphicon Icons - USD and Search **/
#lpOptionPanels .icon {
	color: #52a125;
	font-size: 40px;
	margin-top: 10px;
}

#lpOptionPanels h3 {
	margin-top: 10px;
	font-size: 21px;
	color: #000
}

#lpOptionPanels p {
	/*font-size: 15px;*/
	color:#000
}
/**** Footer Box for Register and Track Rebates - holds buttons ***/
#lpOptionPanels .panel-footer {
	padding: 10px 15px;
    background-color: #eafad4;   /** lower panel color **/
    border-top: 1px solid #b7b2b4;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#lpOptionPanels .panel-footer a {
	text-decoration: none;
	margin: 15px 0;
}


#lpRegisterPanel h3 {
	text-transform:capitalize;
}

#lpTrackPanel h3 {
	text-transform:capitalize;
}






/************** DASHBOARD & REBATE DETAILS PAGE STYLES **************/



#dashNav01 {

		font-size: 12px;

		text-align: right;

	}



#dashNav01 li:after {

	content: '\007c';

	margin-left: 15px;

}



#dashNav01 li:last-of-type:after {

	content: '';

	margin-left: 0;

}



#dashSnapshotRow {

	margin-top: 25px;

	margin-bottom: 10px;

}



.dashSnapshotCol {

	text-align: center;

	margin-bottom: 20px;

}



.dashSnapshot {

	width: 130px;

	height: 130px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding-top: 45px;

	background-color: #004a7f;

	-moz-border-radius: 65px;

  -webkit-border-radius: 65px;

  border-radius: 65px;

	color: #fff;

	font-weight: bold;

}



.dashSnapshot.dashRegister {

	padding-top: 25px;

}



.dashRegister .glyphicon-usd {

	font-size: 30px;

}



.dashRegisterText {

	font-weight: normal;

}



#dashboard a.dashRegisterLink, #dashboard a.dashRegisterLink:visited {

	display: block;

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 18px;

	line-height: 1.1;

	color: #004a7f;

}



#dashboard a.dashRegisterLink:hover, #dashboard a.dashRegisterLink:focus  {

	text-decoration: underline;

}



.dashRegisterLink .glyphicon-chevron-right {

	font-size: 14px;

	margin-left: 3px;

}



.dashSnapshotNumber {

	font-size: 30px;

}



.dashSnapshotNumber .dashNumberUSD {

	font-weight: normal;

}



#dashboard .panel-heading .glyphicon-time {

	margin-right: 8px;

}



#rebateHistoryPanel .panel-body {

	font-size: 12px;

}



#rebateHistoryTbl .badge {

	font-size: 11px;

}







/************** LOGIN, CREATE ACCOUNT, PASSWORD PAGE STYLES **************/



#logInPanel, #createAccountPanel, #forgotPwdPanel, #resetPwdPanel {

	max-width: 350px;

	margin: 15px auto 0 auto;

}



#createAccountHeader, #forgotPwdHeader, #logInHeader, #resetPwdHeader {

	max-width: 500px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}

#createAccountHeader p {
    color:#b7b2b4;     
}

form p {
    color:#b7b2b4;     
}

.control-label {
    color: #b7b2b4;
}

#createAccount .panel-footer, #logIn .panel-footer {

	text-align: center;

}



#logInPanel .panel-footer p, #createAccountPanel .panel-footer p {

	margin: 0;

}



.pwdOptions {

	margin-top: 20px;

	text-align: center;

}



.pwdOptions a {

	display: block;

}



.btn-ggl, .btn-ggl:visited {

	background-color: #db3236;

	color: #fff;

}



.btn-ggl:hover, .btn-ggl:focus {

	background-color: #f22a00;

	color: #fff;

}



.btn-ggl {

	margin: 5px;

}









/************** FAQ PAGE STYLES **************/
#faq .page-header {
	margin-top: 25px;
	/*margin-bottom: ;*/
}
#faq h4 {
	margin-bottom: 15px;
	/*margin-top: ;*/
	font-size: 20px;
}

#faq ul {
	margin-bottom: 40px;
}

/** FAQ HEADING ***/
#faq h5.list-group-heading {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	color: #666;
	text-transform: none;
	line-height: 1.4;
}

#faq .list-group-item {
	padding-right: 40px;
}

/*** FAQ ANSWER ***/
#faq .list-group-item p {
	margin-top: 10px;
	margin-bottom: 0;
	color: #ef1b28;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

/* ICON  " > " when the collapsible content is shown */
#faq .list-group-heading:after {
	font-family: "Glyphicons Halflings";
	content: "\e114";
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ef1b28;
	/*float: right;
	margin-left: 15px;*/
}

/* Icon when the collapsible content is hidden */
#faq .list-group-heading.collapsed:after {
   content: "\e080";
}

[data-toggle="collapse"] {
  cursor: pointer;
}


/************** T&C / PRIVACY / ERROR PAGE STYLES **************/

#siteUseTermsConditions .lessPadding, #privacyStatement .lessPadding {
	padding-bottom: 40px;
}

#pageNotFound .page-header, #systemError .page-header, #noOffersAvailable .page-header {
	border-bottom: none;
}

#siteUseTermsConditions .page-header p {
	font-size: 16px;
}

#siteUseTermsConditions h4, #privacyStatement h4 {
	margin-top: 25px;
	text-transform: uppercase;
}

#siteUseTermsConditions h5, #privacyStatement h5 {
	margin-top: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

/************** REGISTRATION FLOW PAGE STYLES **************/

#selectOffer .page-header, #selectOfferValidation .page-header, #customerInfo .page-header, #verifyAddress .page-header, #acceptInvalidAddress .page-header, #paymentMethod .page-header, #reviewSubmit .page-header, #confirmation .page-header, #confirmationUploadOnly .page-header {
	margin-top: 35px;
}

/** STEP 1a: SELECT OFFER **/

#selectOfferHeader {
	margin-bottom: 20px;
}

#offerInfoProvidedWell {
	font-size: 12px;
}

#offerInfoProvidedWell h5 {
	margin-top: 0;
	font-weight: bold;
}

.offerInfoProvidedType {
	font-weight: bold;
}

#offerInfoProvidedWell .btn {
	margin-top: 15px;
}

#selectOfferPanel .panel-body {
	font-size: 12px;
}

.panel-heading .glyphicon-tag {
	margin-right: 8px;
}

#selectOfferTbl tr th:nth-child(2) {
	padding-right: 5px;
}

#selectOfferTbl tr th:nth-child(3) {
	padding-left: 10px;
}

#selectOfferTbl tr td:nth-child(2) {
	background-color: #579f25;/* previous #e2001a */
	text-align: center;
}

#selectOfferTbl tr td:nth-child(3) {
	padding-left: 10px;
}


/** STEP 1b: OTHER OFFER INFO (VALIDATION) **/



/** STEP 2a: SELECT PRODUCTS **/
#selectedOfferWell {
	text-align: center;
}

.selectedOfferWellHeader {
    margin-top: 4px;
    margin-bottom: 3px;
    font-weight: normal;
    color: #b7b2b4;
    font-size: 12px;
}

.selectedOfferWellRebate {
	margin-bottom: 3px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

.selectedOfferWellDates {
	margin-bottom: 0;
	font-size: 12px;
	color: #fff;
}

#productsPurchasedTbl {
	font-size: 12px;
}

#qtyTotal, #rebateAmtTotal {
	color: inherit;
	text-align: right;
	text-transform: none;
	font-weight: bold;
} /* Also applies to Review & Submit page */

#qtyTotal .number, #rebateAmtTotal .number {
	margin-left: 10px;
	font-size: 16px;
	color: #fff;
} /* Also applies to Review & Submit page */

#eligibleProductsPanel .panel-body {
	font-size: 12px;
}

/** STEP 2b: OTHER PRODUCT INFO (VALIDATION) **/

#productValidationForm h4 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
}

/*#productValidationForm p {
	margin-bottom: 0;
}*/

#productValidationForm .upc {
	font-size: 12px;
}



#productValidationForm .form-group {

	margin-top: 15px;

	margin-right: 15px;

	margin-bottom: 15px;

}



.itemInputGroup {

	margin-top: 20px;

	border-top: 1px solid #eee;

}





/** STEP 3: CUSTOMER INFO **/







/** STEP 4: PAYMENT OPTIONS **/



#totalRebateAmtWell {

	text-align: center;

}



#totalRebateAmtWell h4 {

	font-size: 16px;

	font-weight: normal;

	text-transform: none;

	color: #fff;

}



.totalRebateAmtNumber {

	font-weight: bold;

	padding-left: 10px;

}



#paymentMethod .radio {

	margin-top: 0;

	margin-bottom: 0;

}



.paymentMethodName {

	font-size: 16px;

}



#paymentMethodImg01, #paymentMethodImg02, #paymentMethodImg03 {

	height: 60px;

	margin-top: 5px;

	margin-bottom: 15px;

	text-align: center;

	/*display: none;*/

}



.paymentMethodImg {

	max-width: 150px;

	max-height: 60px;

}



#paypalImg {

	padding-top: 10px;

}



#paymentMethod .panel-body a {

	font-size: 12px;

}





/** STEP 5: REVIEW & SUBMIT **/



#reviewSubmit .table {

	font-size: 12px;

}



#reviewPanel01 .table>tbody>tr>td, #reviewPanel02 .table>tbody>tr>td, #reviewPanel04 .table>tbody>tr>td {

	border: none;

}



#reviewTbl01 td:first-child, #reviewTbl02 td:first-child, #reviewTbl04 td:first-child {

	font-weight: bold;

}



#reviewSubmit .panel-heading .glyphicon-edit {

	margin-right: 5px;

}



.panel-heading .glyphicon-user, .panel-heading .glyphicon-list-alt, .panel-heading .glyphicon-tag, .panel-heading .glyphicon-usd {

	margin-right: 9px;

}



#rebateSummaryImg {

	margin-bottom: 15px;

}



#rebateSummaryImg img {

	max-height: 75px;

}



h5.netTotal, h5.netTotalAmt {

	color: #fff;

	font-size: 16px;

	font-weight: bold;

}



.paymentNote {

	font-style: italic;

	font-size: 12px;

}



#reviewSubmitFormPanel .panel-body {

	padding-top: 25px;

	padding-bottom: 0;

}



#reviewSubmitForm {

	font-size: 12px;

}



#reviewSubmitForm .form-group {

	margin-bottom: 25px;

}



#reviewSubmitForm input[type=checkbox] {

	margin-top: 2px;

}





/** CONFIRMATION **/



#trackingNumberWell {

	text-align: center;

}



#trackingNumberWell h4 {

	margin-top: 5px;

	margin-bottom: 0;

	font-size: 16px;

	color: inherit;

	font-weight: bold;

}



#trackingNumberWell h5 {

	margin-top: 4px;

	margin-bottom: 5px;

	font-weight: normal;

	color: inherit;

	font-size: 12px;

}



#confirmation h4.important {

	font-weight: bold;

}



#confirmation h4.important .glyphicon-exclamation-sign {

	color: #cc0000;

}



#confirmation h2 {

	margin-top: 25px;

	margin-bottom: 25px;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

	text-transform: none;

}



#confirmation h2 .glyphicon-exclamation-sign {

	color: #cc0000;

}



#confirmation h2 .important {

	color: #cc0000;

	text-transform: uppercase;

	font-weight: bold;

}



#submissionOptionsPanel {

	margin-bottom: 40px;

}



.panel-heading .glyphicon-file {

	margin-right: 8px;

}



#submissionOptionsPanel .row {

	margin-top: 5px;

	margin-bottom: 10px;

}



#submissionOptionsPanel h5 {

	font-size: 16px;

	line-height: 1.3;

}



.submissionOption {

	border-top: 1px solid #ddd;

	margin-top: 25px;

	padding-top: 20px;

}



.submissionOption:first-of-type {

	border-top: none;

	margin-top: 0;

	padding-top: 0;

}



.submissionOption .btn {

	margin-top: 5px;

	margin-bottom: 20px;

}



.requiredDocs {

	margin-top: 15px;

	margin-bottom: 15px;

	padding: 15px;

	font-size: 12px;

	background-color: #f5f5f5;

} /* Applies to uploadDocsModal */



.requiredDocs h6 {

	margin-top: 0;

	font-size: 14px;

}



.requiredDocs ol {

	padding-left: 14px;

}



.requiredDocs .deadline {

	font-weight: bold;

	margin-bottom: 0;

}



#confirmation .btn.proceedToUpload {

	margin-top: 15px;

	margin-bottom: 25px;

}



.submissionOptionNote {

	font-size: 12px;

}



.btn .glyphicon-print, .btn .glyphicon-envelope, .btn .glyphicon-upload, .btn .glyphicon-circle-arrow-right, .btn .glyphicon-file {

	margin-right: 7px;

}



#confirmationLinksRow .thumbnail {

	padding-top: 15px;

	text-align: center;

}



#confirmationLinksRow .glyphicon {

	font-size: 18px;

}









/************** TRACK FLOW PAGE STYLES **************/



.trackOr {

	text-align: center;

	margin-top: 30px;

	margin-bottom: 20px;

	font-size: 24px;

	font-weight: bold;

	color: #fff;

}



.trackSubmitBtn {

	text-align: center;

}



#trackResults .page-header h3 {

	margin-top: 0;

}



#trackResults .page-header h4 {

	margin-top: 0;

}



#trackResults .glyphicon-time {

	margin-right: 7px;

}



#trackResults .glyphicon-list {

	margin-right: 9px;

}



#trackResults .panel-body {

	padding-top: 20px;

	font-size: 12px;

}



#trackResultsPanel01 .table>tbody>tr>td, #trackResultsPanel02 .table>tbody>tr>td {

	border: none;

}



#trackResultsPanel01 h5 {

	margin-top: 0;

	font-weight: bold;

}



#trackResultsPanel01 h5 .badge {

	margin-left: 10px;

	margin-bottom: 3px;

	padding: 5px 10px;

	text-transform: none;

}



/*#trackTbl01 th {

	text-transform: uppercase;

}*/



#trackResultsTbl02 td:first-child {

	font-weight: bold;

}









/************** MEDIA QUERIES **************/
@media screen and (min-width: 280px) {
	/*Sticky header*/
	body {
		padding-top: 75px;
		background-color: #fff; /*** body background ***/
	}

  .navbar-static-top {
		position: fixed;
		top:0;right:0;left:0;
	}

	/*End sticky header*/
	.container {
		width:100%;
	}

	.navbar li a {
		font-size: 12px;
	}

	#mainNav ul.navbar-nav {
		height: 75px;
  }

	#mainNav ul.navbar-nav li {
		height: 100%;
  }

	#mainNav ul.navbar-nav>li>a {
		height: 100%;
		padding-top: 28px; /* centers navbar links vertically */
  }

	#mainNav ul.dropdown-menu {
		margin-top: 0px;
  }
 
	#footerNav ul li {
		display: inline-block;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		padding: 8px 15px;
	}
	#footerNav ul li {
		display: inline-block;
	}

  #lpJumbotron.jumbotron {
    background: url(https://s3.us-west-2.amazonaws.com/gps.docs.com/Assets/889/CLIENT_575_638283197562320946.png), #fff; /**** wide image ***/
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-top: 3em;
	}
  #lpJumbotron h1 {
    font-size: 36px;
    padding-top: 28%;
	text-transform:capitalize;
  }

	#lpOptionPanels .panel .icon {
		font-size: 50px;
	}

	#lpOptionPanels .panel h3 {
		margin-top: 15px;
	}

	.btnWell button {
		margin-top: 10px;
	}

	#selectProducts .page-header, #productValidation .page-header {
		margin-top: 35px;
	}

	#dashSnapshotRow {
		margin-top: 40px;
		margin-bottom: 20px;
	}

	#offerInfoProvidedWell .btn {
		margin-top: 0;
	}

	#productValidationForm .control-label {
		font-size: 12px;

	}

	.itemInputGroup {

		margin-top: 0;

	}

	#customerInfoForm .radio-inline {

		font-size: 12px;

	}

	#customerInfoForm input[type=radio] {

		margin-top: 2px;

	}

	#customerInfoForm .checkbox {

		font-size: 12px;

	}

	#customerInfoForm input[type=checkbox] {

		margin-top: 2px;

	}

	#paymentMethodForm .panel {

		margin-top: 20px;

		margin-bottom: 0;

	}

	#expediteOptIn {

		margin-top: 40px;

		margin-bottom: 40px;

	}

	#reviewSubmitForm select {

		width: auto;

	}

	#reviewSubmitForm input[type=text] {
		max-width: 300px;
	}

	.submissionOption {
		border-top: none;
		border-left: 1px solid #ddd;
		margin-top: 0;
		padding-top: 0;
	}

	.submissionOption:first-of-type {
		border-left: none;
	}

	.trackSubmitBtn {
		text-align: left;
	}

	.trackOr {
		margin-top: 0;
	}

	.help-block {
		font-size: 12px;
	}
	
}

@media screen and (min-width: 768px) {
	/*Sticky header*/
	body {
		padding-top: 75px;
		background-color: #fff; /*** body background ***/
	}

  .navbar-static-top {
		position: fixed;
		top:0;right:0;left:0;
	}

	/*End sticky header*/
	.container {
		width:100%;
	}

	.navbar li a {
		font-size: 12px;
	}

	#mainNav ul.navbar-nav {
		height: 75px;
  }

	#mainNav ul.navbar-nav li {
		height: 100%;
  }

	#mainNav ul.navbar-nav>li>a {
		height: 100%;
		padding-top: 28px; /* centers navbar links vertically */
  }

	#mainNav ul.dropdown-menu {
		margin-top: 0px;
  }
 
	#footerNav ul li {
		display: inline-block;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		padding: 8px 15px;
	}
	#footerNav ul li {
		display: inline-block;
	}

  #lpJumbotron.jumbotron {
    background: url(https://s3.us-west-2.amazonaws.com/gps.docs.com/Assets/889/CLIENT_575_638283197562320946.png), #fff; /**** desktop ***/
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-top: 12em;
	}
  #lpJumbotron h1 {
    font-size: 36px;
    padding-top: 20%;
	text-transform:capitalize;
  }

	#lpOptionPanels .panel .icon {
		font-size: 50px;
	}

	#lpOptionPanels .panel h3 {
		margin-top: 15px;
	}

	.btnWell button {
		margin-top: 10px;
	}

	#selectProducts .page-header, #productValidation .page-header {
		margin-top: 35px;
	}

	#dashSnapshotRow {
		margin-top: 40px;
		margin-bottom: 20px;
	}

	#offerInfoProvidedWell .btn {
		margin-top: 0;
	}

	#productValidationForm .control-label {
		font-size: 12px;

	}

	.itemInputGroup {

		margin-top: 0;

	}

	#customerInfoForm .radio-inline {

		font-size: 12px;

	}

	#customerInfoForm input[type=radio] {

		margin-top: 2px;

	}

	#customerInfoForm .checkbox {

		font-size: 12px;

	}

	#customerInfoForm input[type=checkbox] {

		margin-top: 2px;

	}

	#paymentMethodForm .panel {

		margin-top: 20px;

		margin-bottom: 0;

	}

	#expediteOptIn {

		margin-top: 40px;

		margin-bottom: 40px;

	}

	#reviewSubmitForm select {

		width: auto;

	}

	#reviewSubmitForm input[type=text] {
		max-width: 300px;
	}

	.submissionOption {
		border-top: none;
		border-left: 1px solid #ddd;
		margin-top: 0;
		padding-top: 0;
	}

	.submissionOption:first-of-type {
		border-left: none;
	}

	.trackSubmitBtn {
		text-align: left;
	}

	.trackOr {
		margin-top: 0;
	}

	.help-block {
		font-size: 12px;
	}

}

@media screen and (min-width: 1200px) {

  .container {
    width: 1150px;
  }
  #lpJumbotron.jumbotron {
		width: 1150px;
		margin-left: auto;
		margin-right: auto;
		background-size: 100%;
		background-color: transparent;
		padding-top: 12em;
	}
}


@media screen and (min-width: 1500px) {

  #lpJumbotron.jumbotron {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
		background-size: 100%;
		background-color: transparent;
		padding-top: 12em;
	}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	#footerAd-lg {
		display: none; 
	}

	#footerAd-sm {
		display: block;
	}
	#lpJumbotron.jumbotron {
		margin-top: 19%;
	
	}
}