@charset "UTF-8";
/* CSS Document */
/* Phillips Distilling */

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

/************** GLOBAL STYLES **************/
/** #fdc528 - Mighty Red **/
/** #fec627 - highlights yellow **/
/** #fdc528 - highlights yellow v2**/ /**selected**/
/** #b99027 - yellow brown **/
/** #e85424 - orange **/
/** #3c763d - success green **/
/** #c3c7c8 - glass gray **/
/** #bedcc4 - glass green **/
/** #fdbd33 - yellow **/
/** #a72e34 - label red **/
/** #e4c99d - tan **/
html {
	position: relative;
	min-height: 100%;
}

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

.container {
	padding-left: 25px;
	padding-right: 25px;
}

.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: #000;
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
}

h2, h3, h4, h5, h6 {
	color: #000;
	/*font-weight: bold;         20190322*/
	/*text-transform: uppercase; 20190322*/
}

.breadcrumb {
	font-size: 11px;
}

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

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

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

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

.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: #000;
	font-size: 12px;
	margin-top: 5px;
}

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

.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: #54565b; /* HEADER FONT COLOR on OFFER TABLE **/
}

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

.required {
	color: #493a27fc;
}

.error {
	color: #493a27fc;
}

.success {
	color: #3c763d;
}

.alert-danger {
  color: #493a27fc;
  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: #493a27fc;
}

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

h5.success {
	font-weight: bold;
}

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

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

.alert-danger a:hover, .alert-danger a:focus {
  color: #493a27fc !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: #493a27fc;
}

/************** 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: 18px; /* padding centers logo vertically */
	padding-bottom: 17px;
}

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: #c5c5c5;/* previous #e2001a */
}

.navbar-nav li.current a {
	color: #000;
}

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

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

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

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

.navbar-default .navbar-collapse {
	border-color: ;  /* 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: #000;
	background-color: #c5c5c5;
} /* 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: #000;

	font-weight: bold;

	text-transform: uppercase;

}



.navbar-default .navbar-nav .open .dropdown-menu>li>a {

	color: #000;

}



.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {

	color: #000;/* previous #e2001a */

	background-color: #3c3c3c;

}



#headerNav .glyphicon-question-sign {

	padding-right: 2px;

}



#headerNav .glyphicon-log-in {

	padding-right: 4px;

}



#headerNav .glyphicon-user {

	padding-right: 3px;

}









/************** SITE FOOTER STYLES **************/

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 475px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	color: #000;  /** phone glyph **/
}

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

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

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

#contactInfo {
	margin-bottom: 20px;
}

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

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

#contactInfo a:hover, #contactInfo a:focus {
	color: #3c3c3c;
}

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

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

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

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

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

a.footerChevron, a.footerChevron:visited {
	color: #555;
}



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

	color: #3c3c3c;

}









/************** 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;*/
}



.btn.brand {
	/*border-radius: 0;*/
	background-color: #000;/* previous #e2001a */
	color: #fff;
}



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



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



.btn.brand.secondary:hover, .btn.brand.secondary:focus {
	background-color: #3c3c3c !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: #000;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	background-color: #000;
}

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: #000; /** black **/
	text-decoration: none;
}

.pagination>li>a:focus, .pagination>li>a:hover {
	color: #000;
}

/************** PROGRESS BAR STYLES **************/
.progress-bar {
	font-size: 11px;
}

.progress-bar.complete {
	background-color: #ccc; 	/** Color once Completed **/
}

.progress-bar.active {
	background-color: #ce2326; /** Color focused */
}

.progress-bar.inactive {
	background-color: #ccc; 	/** Color still to be completed */
}

.regProgressBarNumber {

	font-weight: bold;

}



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

#lpJumbotron.jumbotron {
	/*height: 300px;*/
	margin: 0;
	padding: 40px 25px 25px 25px;
	/* background: url(https://480e9510c78676a3552e-89c4c178d21220134c0d660013175e37.ssl.cf1.rackcdn.com/CLIENT_560_636911261848515697.jpg), #fff; /*mobile*/ /*22-11-15*/
	background: url(https://s3.us-west-2.amazonaws.com/gps.docs.com/Assets/857/CLIENT_560_638980249426235858.png), #fff;
	background-position: right top;
	background-size: 101%;
	background-repeat: no-repeat;
	color: #000;
	text-align: center;
}
 
#lpJumbotron h1 {
	font-size: 36px;
	font-weight: bold;
	padding-top: 31%;
}

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

#lpJumbotronBtn {
	margin-top: 1px;
}

#lpJumbotron a.btn, #lpJumbotron a.btn:visited {
	background-color: #000;/* previous #e2001a */
	color: #fff;
	text-transform: none;
	/*margin-left: auto;
	margin-right: 40px;*/	/* was auto */
}


#lpJumbotron a.btn:hover, #lpJumbotron a.btn:focus {
	background-color: #3c3c3c  !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: #000;
	font-size: 40px;
	margin-top: 10px;
}

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

#lpOptionPanels p {
	/*font-size: 15px;*/
}

#lpOptionPanels .panel-footer {
	/*background-color: #fff !important;
	border-top: none;
	border-radius: 0;*/
}

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









/************** 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: #000;
	-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: #252324;

}



#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;

}



#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 h5.list-group-heading {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	color: #000;
	text-transform: none;
	line-height: 1.4;
}

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

#faq .list-group-item p {
	margin-top: 10px;
	margin-bottom: 0;
	color: #666;
	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: #676767;  /* Color FAQ Glyph: > */
	/*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: #54565b;  /* Offer Info Tab. Offer Selection Box Colors */
	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: #54565b;

	font-size: 12px;

}



.selectedOfferWellRebate {

	margin-bottom: 3px;

	text-transform: uppercase;

	font-weight: bold;

	color: #000;

}



.selectedOfferWellDates {

	margin-bottom: 0;

	font-size: 12px;

	color: #000;

}



#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: #000;

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


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

	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: #493a27fc;

}



#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: #493a27fc;

}



#confirmation h2 .important {

	color: #493a27fc;

	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: #000;
}

.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: 768px) {

	/*Sticky header*/

	body {

		padding-top: 75px;

	}

  .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://480e9510c78676a3552e-89c4c178d21220134c0d660013175e37.ssl.cf1.rackcdn.com/CLIENT_560_636911261848515697.jpg), #fff; /**website**/
	background: url(https://s3.us-west-2.amazonaws.com/gps.docs.com/Assets/857/CLIENT_560_638980249426235858.png), #fff;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
  #lpJumbotron h1 {
    font-size: 36px;
    padding-top: 31%;
  }

	#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;

  }

}



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

  #lpJumbotron.jumbotron {

		width: 1200px;

		margin-left: auto;

		margin-right: auto;

		background-size: 100%;

	}

}