﻿/* BOOTSTRAP OVERRIDES
-----------------------------*/

@media print { .container { width: auto; } }

table, .form-control, .w-100 { width: 100%; max-width: 100%; }

hr { border-top: 1px solid rgba(0,0,0,0.2); }

blockquote { font-style: normal; }

.card { padding: 15px; margin-bottom: 30px; box-shadow: 0 10px 10px -10px rgba(0,0,0,0.15); }

.table td, .table th {
	border-top: none;
	line-height: 1.5;
	padding: 0.75rem;
	vertical-align: middle;
	width: auto !important;
}

.tag-white { background: #fff; color: #333; }

.img-center { display: inline-block; margin: auto; }

.img-responsive { width: 100%; height: auto; }

pre, code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0.25rem; white-space: pre-wrap; }

.tooltip-inner { max-width: 300px !important; }

.collapsing { -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; }

.page-item a, .page-item a:focus, .page-item a:hover { text-decoration: none; }

.embed-responsive { background: url(../images/loading.gif) center center no-repeat; }

.btn-paypal { color: #fff; background-color: #003087; border-color: #003087; }
.btn-paypal:hover, .btn-paypal:focus { color: #fff; background-color: #009cde; border-color: #009cde; }

.btn-amazon { color: #fff; background-color: #ff9900; border-color: #ff9900; }
.btn-amazon:hover, .btn-amazon:focus { color: #fff; background-color: #146eb4; border-color: #146eb4; }

.btn-checkout { color: #fff; background-color: #5cb85c; border-color: #5cb85c; }
.btn-checkout:hover, .btn-checkout:focus { color: #fff; background-color: #407F3F; border-color: #407F3F; }


/* BOOTSTRAP BUTTONS
-----------------------------*/

.btn, .card, .form-control { border-radius: 4px; }

.btn-group .btn,
.input-group-btn .btn,
.btn-group-vertical .btn {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.btn-rounded { border-radius: 30px; }


/* BUTTON INVERSE
-----------------------------*/

.btn-inverse { color: #fff; background-color: #333; border-color: #333; }
.btn-inverse:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-inverse:focus, .btn-inverse.focus { color: #fff; background-color: #000; border-color: #000; }
.btn-inverse:active, .btn-inverse.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; background-image: none; }
.btn-inverse:active:hover, .btn-inverse:active:focus, .btn-inverse:active.focus, .btn-inverse.active:hover, .btn-inverse.active:focus, .btn-inverse.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #111; border-color: #111; }
.btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse:disabled:focus, .btn-inverse:disabled.focus { background-color: #111; border-color: #111; }
.btn-inverse.disabled:hover, .btn-inverse:disabled:hover { background-color: #111; border-color: #111; }

.btn-outline-inverse { color: #000; background-image: none; background-color: transparent; border-color: #333; }
.btn-outline-inverse:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-outline-inverse:focus, .btn-outline-inverse.focus { color: #fff; background-color: #000; border-color: #000; }
.btn-outline-inverse:active, .btn-outline-inverse.active,
.open > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; }
.btn-outline-inverse:active:hover, .btn-outline-inverse:active:focus, .btn-outline-inverse:active.focus, .btn-outline-inverse.active:hover, .btn-outline-inverse.active:focus, .btn-outline-inverse.active.focus,
.open > .btn-outline-inverse.dropdown-toggle:hover,
.open > .btn-outline-inverse.dropdown-toggle:focus,
.open > .btn-outline-inverse.dropdown-toggle.focus { color: #fff; background-color: #111; border-color: #000; }
.btn-outline-inverse.disabled:focus, .btn-outline-inverse.disabled.focus, .btn-outline-inverse:disabled:focus, .btn-outline-inverse:disabled.focus { border-color: #111; }
.btn-outline-inverse.disabled:hover, .btn-outline-inverse:disabled:hover { border-color: #111; }


/* BREADCRUMBS
-----------------------------*/

.breadcrumb-container { color: #fff; padding: 30px; }

ol.breadcrumb { background: none; padding: 0; margin: 0; text-shadow: 1px 1px rgba(0,0,0,0.3); }

ol.breadcrumb > li.breadcrumb-item { line-height: 0.8em; text-transform: none; }

ol.breadcrumb > li.breadcrumb-item + li:before { font-family: FontAwesome; content: "\f105"; padding: 0 20px; color: #fff; font-size: 1.0em; }
ol.breadcrumb > li.breadcrumb-item a:link, ol.breadcrumb > li.breadcrumb-item a:visited, ol.breadcrumb > li a:active { text-decoration: none; color: #fff; }
ol.breadcrumb > li.breadcrumb-item a:hover { text-decoration: underline; color: #eee; }

ol.breadcrumb > li.breadcrumb-item:first-child:before { font-family: FontAwesome; content: "\f015"; padding-right: 10px;  }

ol.breadcrumb > li.breadcrumb-item:last-child:before { padding: 0 20px; }
ol.breadcrumb > li.breadcrumb-item:last-child { font-weight: normal; float: left; }

ol.breadcrumb > li.breadcrumb-item em { font-style: normal; }

@media (max-width: 991px) {
	.breadcrumb-container { padding: 10px; }
	ol.breadcrumb > li.breadcrumb-item { float: none; display: block; line-height: 1.8em; font-size: 0.9em; }
	ol.breadcrumb > li.breadcrumb-item + li:before { padding: 0 10px; }
	ol.breadcrumb > li.breadcrumb-item:last-child { float: none; line-height: 1.2em; margin: 5px 0; }
	ol.breadcrumb > li.breadcrumb-item:last-child:before { padding: 0 10px; }
}

@media all and (max-width: 768px) {
	.breadcrumb-container { padding: 15px; }
}


/* BOOTSTRAP MODALS
-----------------------------*/

.modal-dialog { margin: 10px auto; max-width: 95%; }
.modal-header, .modal-body, .modal-footer { margin: 0; padding: 15px; }
.modal-dialog img { max-width: 100%; }
.modal-header .close { font-size: 2.5rem; margin-top: -7px; }


/* BOOTSTRAP CENTERED MODALS
-----------------------------*/

.modal { text-align: center; padding: 0 !important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
body { padding-right:0px !important; margin-right:0px !important; }
body.modal-open { overflow: auto; }


/* FORMS
-----------------------------*/

td.input-auto input, input.input-auto { width: auto !important; }

select { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
td.select-auto select, select.select-auto { width: auto !important; }

.input-group-btn.fix:not(:first-child) > .btn, .input-group-btn.fix:not(:first-child) > .btn-group { margin-left: -3px; }

.custom-select:not(.multiple) {
  display: inline-block;
  max-width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.5rem;
  padding-right: 0.75rem \9;
  color: #55595c;
  vertical-align: middle;
  background: #fff url(../images/custom_select.svg) no-repeat right .75rem center;
  background-image: none \9;
  -webkit-background-size: 8px 10px;
          background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* Chrome Workaround */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.custom-select:not(.multiple) {
		min-height: 38px !important;
		padding: 0rem 1.75rem 0rem 0.5rem;
	}
}

.custom-select:focus { border-color: #51a7e8; }

.has-success .form-control { border-color: #5cb85c; }
.has-success .form-control-success { background-image: url(../images/form_success.svg); }

.has-warning .form-control { border-color: #f0ad4e; }
.has-warning .form-control-warning { background-image: url(../images/form_warning.svg); }

.has-danger .form-control { border-color: #d9534f; }
.has-danger .form-control-danger { background-image: url(../images/form_danger.svg); }

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url(../images/custom_checkbox.svg); }
.custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url(../images/custom_radio.svg); }


/* ACCORDION STYLE PANELS
-----------------------------*/

.panel-group { border-bottom: 1px solid rgba(0,0,0,0.15); margin-bottom: 0; }

.panel-heading .panel-toggle-AL:after,
.panel-heading .panel-toggle-AR:after,
.panel-heading .panel-toggle-PL:after,
.panel-heading .panel-toggle-PR:after { font-family: 'FontAwesome'; }

.panel-heading .panel-toggle-AL,
.panel-heading .panel-toggle-AR,
.panel-heading .panel-toggle-PL,
.panel-heading .panel-toggle-PR { cursor: pointer; }

.panel-heading .panel-toggle-AL:after { content: "\f106"; float: left; margin: 0 10px 0 0; }
.panel-heading.collapsed .panel-toggle-AL:after { content: "\f107"; }

.panel-heading .panel-toggle-AR:after { content: "\f106"; float: right; }
.panel-heading.collapsed .panel-toggle-AR:after { content: "\f107"; }

.panel-heading .panel-toggle-PL:after { content: "\f068"; float: left; margin: 0 10px 0 0; }
.panel-heading.collapsed .panel-toggle-PL:after { content: "\f067"; }

.panel-heading .panel-toggle-PR:after { content: "\f068"; float: right; }
.panel-heading.collapsed .panel-toggle-PR:after { content: "\f067"; }

.panel-heading.collapsed { background: #f5f5f5; background: linear-gradient(#f5f5f5,#eee); background: -webkit-linear-gradient(#f5f5f5,#eee); color: #333; }

.panel-heading { border: 1px solid rgba(0,0,0,0.15); border-bottom: none; padding: 0px; background: #333; color: #fff; }
.panel-heading:hover { background: #666; color: #fff; }

.panel-heading { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.panel-heading h4 { margin: 0; padding: 1em; font-size: 1.2em; line-height: 1.4em; }
.panel-heading h4:hover { text-decoration: none; }

.panel-body { background: #fff; border: 1px solid rgba(0,0,0,0.15); border-top: none; border-bottom: none; padding: 15px; }

@media (max-width:544px) {
	.panel-heading h4 { padding: 0.8em; font-size: 1em; }
	.panel-body { padding: 10px; }
}

/* ALT ACCORDION STYLE PANELS
-----------------------------*/

.accordion-group { border-bottom: 1px solid #ddd; margin-bottom: 20px; }

.accordion-heading .accordion-toggle-AL:after,
.accordion-heading .accordion-toggle-AR:after,
.accordion-heading .accordion-toggle-PL:after,
.accordion-heading .accordion-toggle-PR:after { font-family: 'FontAwesome'; }

.accordion-heading .accordion-toggle-AL,
.accordion-heading .accordion-toggle-AR,
.accordion-heading .accordion-toggle-PL,
.accordion-heading .accordion-toggle-PR { cursor: pointer; }

.accordion-heading .accordion-toggle-AL:after { content: "\f077"; float: left; margin: 0 10px 0 0; }
.accordion-heading.collapsed .accordion-toggle-AL:after { content: "\f078"; }

.accordion-heading .accordion-toggle-AR:after { content: "\f077"; float: right; }
.accordion-heading.collapsed .accordion-toggle-AR:after { content: "\f078"; }

.accordion-heading .accordion-toggle-PL:after { content: "\f068"; float: left; margin: 0 10px 0 0; }
.accordion-heading.collapsed .accordion-toggle-PL:after { content: "\f067"; }

.accordion-heading .accordion-toggle-PR:after { content: "\f068"; float: right; }
.accordion-heading.collapsed .accordion-toggle-PR:after { content: "\f067"; }

.accordion-heading.collapsed { background: #eee; background: linear-gradient(#eee,#f5f5f5); background: -webkit-linear-gradient(#eee,#f5f5f5); color: #333; }
.accordion-heading { border: 1px solid #ddd; border-bottom: none; padding: 0px; background: #333; color: #fff; }
.accordion-heading:hover { background: #666; color: #fff; }

.accordion-heading { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.accordion-heading h4 { margin: 0; padding: 15px; font-size: 1.5em; }
.accordion-heading h4:hover { text-decoration: none; }

.accordion-body { background: #fff; border: 1px solid #ddd; border-top: none; border-bottom: none; padding: 15px; }

@media (max-width:544px) {
	.accordion-heading h4 { padding: 0.8em; font-size: 1em; }
	.accordion-body { padding: 10px; }
}


/* ADDITIONAL MEDIA QUERY FOR SEARCH BOX
-----------------------------*/

@media (max-width: 975px) { .hidden-search-down { display: none !important; } }
@media (min-width: 976px) { .hidden-search-up { display: none !important; } }