/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

@media (min-width: 480px) {	}
@media (min-width: 576px) {	}
@media (min-width: 768px) {	}
@media (min-width: 992px) { }
@media (min-width: 1200px) { }


/* Fonts */
.wrapper, h1, h2, h3, h4, h5, h6, label, input { font-family: "aktiv-grotesk",sans-serif; }
h4 { color: #006a83; font-size: 17px;  }


/* Stock BS overwrite  */
.panel, .panel-body { border: 0; }
.panel { -webkit-box-shadow: none; box-shadow: none; }


/* App Buttons --------------------------------------------- */
.btn-add-invoice { float: left; margin-bottom: 20px; }
.btn-submit-wide { font-weight:bold; padding-left: 64px; padding-right: 64px; }

.btn { text-transform: uppercase; }
.btn-submit { margin-right: 15px;  }

.btn, .btn:hover, .btn:focus, .btn.focus, 
.btn:active, .btn.active, .btn:visited,
.btn:active:hover, .btn.active:hover {
	outline: none;
}

/* btn - checkbox */
.btn-checkbox, .btn-checkbox:hover, .btn-checkbox:focus, .btn-checkbox.focus, 
.btn-checkbox:active, .btn-checkbox.active, .btn-checkbox:visited,
.btn-checkbox:active:hover, .btn-checkbox.active:hover {
	background-color: #fff;
	border: 1px solid #333;
	outline: none;
}

.btn-checkbox:hover,
.btn-checkbox:focus {
  background-position: 0 -15px;
}

.btn-checkbox.active,
.btn-checkbox:active:hover {
  background-color: #fff;
  border-color: #333;
}


/* btn - btn-primary */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, 
.btn-primary:active, .btn-primary.active, .btn-primary:visited,
.btn-primary:active:hover, .btn-primary.active:hover {
	background-color: #006a83;
	color:#fff;
	border: none;
	outline: none;
}

.btn-primary:hover,
.btn-primary:focus {
  background-position: 0 -15px;
}

.btn-primary.active,
.btn-primary:active:hover {
  background-color: #006a83;
  border-color: #006a83;
}


/* btn - submit */
.btn-submit, .btn-submit:hover, .btn-submit:focus, .btn-submit.focus, 
.btn-submit:active, .btn-submit.active, .btn-submit:visited,
.btn-submit:active:hover, .btn-submit.active:hover {
	background-color: #006a83;
	color:#fff;
	border: none;
	outline: none;
}

.btn-submit:hover,
.btn-submit:focus {
  background-position: 0 -15px;
}

.btn-submit.active,
.btn-submit:active:hover {
  background-color: #006a83;
  border-color: #006a83;
}

/* btn - browse*/
.btn-browse, .btn-browse:hover, .btn-browse:focus, .btn-browse.focus, 
.btn-browse:active, .btn-browse.active, .btn-browse:visited,
.btn-browse:active:hover, .btn-browse.active:hover {
	background-color: rgba(0,0,0,0.66);
	color:#fff;
	border: none;
	outline: none;
}

.btn-browse:hover,
.btn-browse:focus {
  background-position: 0 -15px;
}

.btn-browse.active,
.btn-browse:active:hover {
  background-color: rgba(0,0,0,0.66);
  border-color: rgba(0,0,0,0.66);
}

/* btn - remove file upload row*/
.btn-remove { 
	background-color:transparent;
    border: 1px solid transparent;
    border-radius: 50%;	
    display: inline-block;
    margin: 0;
    padding: 0;
}

.btn-remove:active { font-weight:600; box-shadow:none; }

/* file remove button */
.input-group .form-control:first-child, 
.input-group-addon:first-child, 
.input-group-btn:first-child>.btn, 
.input-group-btn:first-child>.btn-group>.btn, 
.input-group-btn:first-child>.dropdown-toggle, 
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn, 
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    background-color: #fff;
}

/* file browse button */
.input-group .form-control:last-child, 
.input-group-addon:last-child, 
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn, 
.input-group-btn:first-child>.btn:not(:first-child), 
.input-group-btn:last-child>.btn, 
.input-group-btn:last-child>.btn-group>.btn, 
.input-group-btn:last-child>.dropdown-toggle {
    background-color: rgba(0,0,0,0.66);
}

/* rules styles  */
.rule-dark, .rule-light {  xdisplay:block; height:1px; padding: 0; width:auto; }
.rule-dark { border: 1px solid #6ba9b7; }
.rule-light { border: 1px solid #e3eff1; margin: 25px 15px; }


/* breadcrumb */
.breadcrumb { xdisplay: none; }
.breadcrumb>li+li:before { padding: 0 5px; content: ">\00a0"; }
.breadcrumb>li+li:last-child:before { padding: 0 5px; content: ">\00a0"; }
.breadcrumb a:hover,
.breadcrumb a:active { color: #333; text-decoration:none; }


/* popup styles */
.popup-link, 
.popup-link:hover,
.popup-link:focus,
.popup-link:active { xcolor:#006a83; font-weight: bold; text-decoration:underline;  }
.popover-content ul { padding-left: 25px; }

/* Dialog Styles */
.bootstrap-dialog .modal-header { border-top-left-radius: 4px; border-top-right-radius: 4px }
.bootstrap-dialog .bootstrap-dialog-title { color: #fff; display: inline-block; font-size: 16px; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 14px }
.bootstrap-dialog .bootstrap-dialog-button-icon { margin-right: 3px }
.bootstrap-dialog .bootstrap-dialog-close-button { font-size: 20px; float: right; opacity: .9; filter: alpha(opacity = 90) }
.bootstrap-dialog .bootstrap-dialog-close-button:hover { cursor: pointer; opacity: 1; filter: alpha(opacity = 100) }
.bootstrap-dialog.type-default .modal-header { background-color: #fff }
.bootstrap-dialog.type-default .bootstrap-dialog-title { color: #333 }
.bootstrap-dialog.type-info .modal-header { background-color: #5bc0de }
.bootstrap-dialog.type-primary .modal-header { background-color: #006a83 }
.bootstrap-dialog.type-success .modal-header { background-color: #5cb85c }
.bootstrap-dialog.type-warning .modal-header { background-color: #f0ad4e }
.bootstrap-dialog.type-danger .modal-header { background-color: #d9534f }
.bootstrap-dialog.size-large .bootstrap-dialog-title { font-size: 24px }
.bootstrap-dialog.size-large .bootstrap-dialog-close-button { font-size: 30px }
.bootstrap-dialog.size-large .bootstrap-dialog-message { font-size: 18px }
.bootstrap-dialog .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear }

.bootstrap-dialog .close { color: #fff; }


/* Sections */
.header-section,
.info-section,
.comming-soon-section,
.top-form-section,
.bottom-form-section,
.error-section,
.footer-section { margin-bottom: 20px;}


/* section - header: hero  */
.header-section { margin-left:-15px; margin-right: -15px; }

.lang-toggle { background-color: #006a83; text-align:center; position:absolute; top:0; z-index: 999; }
.lang-toggle { height:30px; width: 80px; right:15px; -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; }
.lang-toggle>button { margin: 0; }

.hero { background-image: url("/assets/images/hero.jpg"); background-repeat: no-repeat; background-size: 100% auto; position: relative;}
	.logo { margin-top:7px; margin-bottom: 10px; z-index: 100;}
	.logo img { width:50% }
	.primary-banner, .secondary-banner  { color: #ffffff; display:block; text-align: center;}
	.primary-banner { margin-bottom: 7px; }
		.banner-text { font-weight:900; font-size: 18px; line-height:21px; text-shadow: 1px 1px 10px rgba(0,0,0, 1); }
	.secondary-banner { background-color: #006a83; padding: 15px 15px; }
		.banner-sub-text { font-size: 14px; line-height:18px;  }
		
.hero .row { margin-left: 0; margin-right: 0;}
.hero .col-sm-12 { padding-left: 0; padding-right: 0;  }		

@media (min-width: 375px) {	
	.banner-text { font-size: 19px; line-height: 24px; }
	.banner-sub-text { line-height:22px;  }
}
@media (min-width: 414px) {	
	
}
@media (min-width: 768px) {	
	.header-section { margin-left: 0; margin-right: 0; }
		.hero { min-height:375px; }
		.logo { position: absolute; top: 0; z-index: 100; }
		.logo img { width:75%;  }
		.primary-banner { background-color: #006a83; margin-bottom: 7px; width:721px; position: absolute; top: 68px; z-index: 10; }
		.primary-banner { -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75); }
			.banner-text { font-size: 19px; line-height: 28px; padding: 20px 26px 20px 0; text-align:right; }
		.secondary-banner { background-color: #006a83; }
			.banner-sub-text { font-size: 16px; }
			.fr .banner-sub-text { font-size: 15px; }
}
@media (min-width: 992px) {
	.logo img { width:auto;  }
	.primary-banner {  width:940px; }
	.banner-text { font-size: 24px; line-height: 34px; padding: 20px 34px 20px 0;}
}
@media (min-width: 1200px) {
	.primary-banner {  width:1140px; }
	.banner-text { font-size: 34px; line-height: 38px; padding: 20px 45px 20px 0;}
}


/* section - Info  */
.info-section h3 { font-size: 30px; }
.info-section ul { list-style: none; margin:0; padding: 0;  }
.info-section ul li h3 { color: #006a83; font-weight: 800;}

	.promo-list ul {  }
	.promo-list ul li { margin-bottom: 30px }
	.promo-list ul li h3 { margin-top: 0; }
	
	.qualifying-products { margin-bottom: 25px;}   
	.qualifying-products h4 { text-transform: uppercase;  }
	.qualifying-products em { font-siz	e:12px;  }
	
	.deadlines h4 { text-transform: uppercase; }
	.deadlines li { min-width: 280px; }
	.deadlines li>label { font-weight: 500; margin-bottom:2px; padding-right:10px; width:95px; }
	
	.fr .deadlines li>label { width:120px; }
	
	.deadlines ul li:first-child sup { margin-right:3px; }
	.deadlines ul li:last-child sup { margin-right:2px; }

@media (min-width: 480px) {	
	.deadlines ul { float: left; }
	.deadlines + ul { margin-right: 150px; }
}
@media (min-width: 768px) {	
	.promo-list li:first-child { min-height: 82px; }
	.qualifying-products { margin-bottom: 25px;}  
}
@media (min-width: 992px) {	
	.list-item-wrap { max-width: 265px; }
}


/* section - coming soon */
.comming-soon-section { color: #006a83; font-size:28px; font-weight:500; margin: 40px 20px; text-align: center; }
@media (min-width: 768px) {	
	.comming-soon-section { font-size:36px; margin: 50px 20px; }
}



/* section - Enter/Submit Invoices  */
.sub-heading { margin-bottom: 35px; }
.required { font-style: italic; padding-top:0;  }

/* hide input arrows on desktop browsers for type "number" */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type=number] { -moz-appearance:textfield; }

.member-id-wrapper { position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.member-id-wrapper.on  input { color:#006a83; font-weight: bold; }

.member-id-fade { background-color: #fff; position: absolute; }
.off .member-id-fade { filter: alpha(opacity=0); opacity: 0; top: 0; right: none; bottom: noner; left: 0; z-index: -1;  }
.on .member-id-fade { filter: alpha(opacity=40); opacity: .4; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; }

.form-info { display: block; margin: 10px 0 10px 0; font-style: italic; }

.form-fade { background-color: #fff; position: absolute;  }    	
.form-fade.on { filter: alpha(opacity=70); opacity: .7; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; }
.form-fade.off { filter: alpha(opacity=0); opacity: 0; top: 0; right: none; bottom: noner; left: 0; z-index: -1; }

.bottom-form { display:block;  position: relative;}
	.bottom-form h3 span { float: right; font-size: 12px; }


/* form steps */
.form-step-3 .rule-light { margin: 15px 0; }
.fr .form-step-3 label { min-height: 34px; }

.additionalInvoices { display: none; }
.additionalInvoices label { display: block; }

.file-input { margin-right: 0; }
.more-invoices .file-input { margin-right: 25px; }

.file-name { font-size:500; padding-top:10px;  width: 100%;}
.file-name>a>i { color: #575757; float: right; }

.fileinput-remove, .fileinput-remove-button { font-size: 12px; padding: 8px 12px; }
.fileinput-remove span, .fileinput-remove-button span { display: none; }

.btn-file { font-size: 11px; padding: 8px 12px; }

/* remove file upload row button */
.remove-block { float: right; }
	.remove-row-0 { display: none; }
	.btn-remove { font-size:18px; line-height:36px; height: 20px; width: 20px; }
	.btn-remove>i { margin-right: 4px; }
	.btn-remove span {display: none; }


.loading-msg p { margin: 0 auto 20px auto;  max-width: 320px; }

@media (min-width: 768px) {				
	.required { padding-top:24px;  }
}	
@media (min-width: 992px) {	
	.file-input { margin-right: 25px; }
	.more-invoices .file-input { margin-right: 25px; }
}
		
		
		


/* Forms -------------------------------------------------*/
label, input { color: #006a83;}
.form-control { margin-bottom: 5px; }

/* checkbox */
.checkbox-block { display: block; position: relative; }
.checkbox-block .btn-group { display:inline-block; float: left; margin-top:2px;  margin-right: 12px;  }
.checkbox-block .btn span.glyphicon { opacity: 0; }
.checkbox-block .btn.active span.glyphicon { opacity: 1;}

.has-error label { color: #a94442; }

.error-block a, 
.error-block { color: #b40b0b; font-size: 13px; font-weight: 500; }
.error-block a { text-decoration: underline;}

/* section - faqs Content */
.faq-section { margin-bottom: 80px; }
.faq-section article { margin-bottom: 25px; }
	.question { font-weight: 600; }
	.answer {}

/* section - terms Content */
.terms-section { line-height:24px; margin-bottom: 50px; }
.terms-section p {text-align: justify;}
.terms-section .table { border:1px solid #333; text-align: center; margin: 0 auto 20px auto; }
.terms-section .table th { text-align: center; }

@media (min-width: 768px) {	
	.terms-section .table { width: 90%; }
}

/* section - error Content */
.error-section { margin-bottom: 100px }


/* dialog section */
.dialog-section {  }

/* section - footer  */
.footer-section { font-size:12px; margin-top:20px; margin-bottom: 50px; }

/* admin site */
.logo-login { text-align: center; }

.admin-header { clear: right; }
.admin-header h2 { float: left; }
.admin-header .logout-link { float: right; }

.clear { clear: both; }

table.list-table td, div.list-table { cursor: pointer; }

.admin-buttons-left { text-align: left; }
.admin-buttons-right { text-align: right; }

#adminSearchForm label.search-checkboxes { padding: 20px; }

.admin-entry-notes { color: red; }

/* request clp */
.request-clp-form .help-text-mobile { display: block; }
.request-clp-form .help-text-desktop { display: none; }
@media (min-width: 768px) {
	.request-clp-form .help-text-mobile { display: none; }
	.request-clp-form .help-text-desktop { display: block; } 
}

.no-emphasis label { font-weight: normal; font-style: italic; }