@charset "UTF-8";

:root{
	
	/* DEFAULT COLOURS - LEAVE THESE ALONE!!! THEY ARE HERE 
	IN CASE YOU MISPLACE A COLOUR AND NEED TO GET IT AGAIN!! */
	
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	
	--bs-white: #fff;
	--bs-black: #000;
	
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  
	/* DEFAULT TYPEFACE */
  
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;

}

/* TABLE OF CONTENTS - CTRL+F to find 

	~ 00 - CUSTOM (put your custom css here if you want!)
	
	~ 01 - General/Typography
		
		~ 1.1 - Body
		~ 1.2 - Mark
		~ 1.3 - Code
		~ 1.4 - Keyboard
		~ 1.5 - Captions
		~ 1.6 - Blockquotes
	
	~ 02 - Links
	
		~ 2.1 - General links
		~ 2.2 - Breadcrumbs
		~ 2.3 - Pagination
		~ 2.4 - Contextual links 
			(uses primary, warning, etc, to colour them)
		
	~ 03 - Images
	
		~ 3.1 - Image thumbnail
		~ 3.2 - Carousels
		
	~ 04 - Tables
	
		~ 4.1 - General tables
		~ 4.2 - Contextual tables 
			(uses primary, warning, etc, to colour them)
			
	~ 05 - Forms
	
		~ 5.1 - General forms
		~ 5.2 - Select forms
		~ 5.3 - Check forms
		~ 5.4 - Range forms
		~ 5.5 - Input forms + form validation
		
	~ 06 - Buttons
	
		~ 6.1 - General buttons
		~ 6.2 - Contextual buttons 
			(uses primary, warning, etc, to colour them)
		~ 6.3 - Outline buttons
		~ 6.4 - Accordion buttons

	~ 07 - Menus
		
		~ 7.1 - Dropdowns
		~ 7.2 - Navbars & Navlinks
		~ 7.3 - Offcanvas sidebar
		
	~ 08 - Popups/Alerts
		
		~ 8.1 - Alerts
		~ 8.2 - Close buttons
		~ 8.3 - Toasts
		~ 8.4 - Modals
		~ 8.5 - Tooltips
		~ 8.6 - Popovers
		
	~ 09 - Lists
		
		~ 9.1 - List groups
		
	~ 10 - Other/Misc
		
		~ 10.1 - Cards
		~ 10.2 - Badges
		~ 10.3 - Progress bars
		
*/

/* 00 - CUSTOM - put your custom css here to keep things tidy.
	So long as you don't edit Bootstrap colours here
	you shouldn't have any conflicts!*/

.form-control{
	max-width: 24rem;
}

/* 01 - General/Typography */

	/* 1.1 - Body */
	
body {
	margin: 0;
	font-family: var(--kitt-body-font-family);
	font-size: var(--kitt-body-font-size);
	font-weight: var(--kitt-body-font-weight);
	line-height: var(--kitt-body-line-height);
	color: var(--kitt-body-color);
	-webkit-tap-highlight-color: var(--kitt-white);
}
body, html {
cursor: url('/templates/Bootstrap5/images/sutocursor.png'), pointer;
background-image: url('/templates/Bootstrap5/images/background.png');
color: rgb(250, 250, 250);
} 
	/* 1.2 - Mark */

mark,
.mark {
	background-color: var(--kitt-mark-bg-color);
}

	/* 1.3 - Code */

code {
	color: var(--kitt-code-color);
}

pre,
code,
kbd,
samp {
	font-family: var(--kitt-font-monospace);
}

	/* 1.4 - Keyboard */

kbd {
	color: var(--kitt-kbd-color);
	background-color: var(--kitt-kbd-bg-color);
}

	/* 1.5 - Captions */

caption {
	color: var(--kitt-captions-color);
}

.figure-caption {
	color: var(--kitt-figure-captions-color);
}

	/* 1.6 - Blockquotes */
	
.blockquote-footer {
	color: var(--kitt-blockquote-footer-color);
}

/* 02 - Links */

	/* 2.1 - General Links */

a {
	color: var(--kitt-links-color);
	cursor: url('/templates/Bootstrap5/images/sutocursor.png'), pointer;
}

a:hover {
	color: var(--kitt-links-hover-color);
	cursor: url('/templates/Bootstrap5/images/sutocursor.png'), pointer;
}

	/* 2.2 - Breadcrumbs */
	
.breadcrumb-item+.breadcrumb-item::before {
	color: var(--kitt-breadcrumb-before);
}

.breadcrumb-item.active {
	color: var(--kitt-breadcrumb-active);
}

	/* 2.3 - Pagination */
	
.page-link {
	color: var(--kitt-page-links-color);
	background-color: var(--kitt-page-links-bg-color);
	border: 1px solid var(--kitt-page-links-border-color);
}

.page-link:hover {
	color: var(--kitt-page-links-hover-color);
	background-color: var(--kitt-page-links-hover-bg-color);
	border-color: var(--kitt-page-links-hover-border-color);
}

.page-link:focus {
	color: var(--kitt-page-links-focus-color);
	background-color: var(--kitt-page-links-focus-bg-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-page-links-focus-shadow-color), 0.25);
}

.page-item.active .page-link {
	color: var(--kitt-page-links-active-color);
	background-color: var(--kitt-page-links-active-bg-color);
	border-color: var(--kitt-page-links-active-border-color);
}

.page-item.disabled .page-link {
	color: var(--kitt-page-links-disabled-color);
	background-color: var(--kitt-page-links-disabled-bg-color);
	border-color: var(--kitt-page-links-disabled-border-color);
}

	/* 2.4 - Contextual links (uses primary, warning, etc, to colour them) */
	
.link-primary {
	color: var(--kitt-links-primary-color);
}

.link-primary:hover,
.link-primary:focus {
	color: var(--kitt-links-primary-hover-color);
}

.link-secondary {
	color: var(--kitt-links-secondary-color);
}

.link-secondary:hover,
.link-secondary:focus {
	color: var(--kitt-links-secondary-hover-color);
}

.link-success {
	color: var(--kitt-links-success-color);
}

.link-success:hover,
.link-success:focus {
	color: var(--kitt-links-success-hover-color);
}

.link-info {
	color: var(--kitt-links-info-color);
}

.link-info:hover,
.link-info:focus {
	color: var(--kitt-links-info-hover-color);
}

.link-warning {
	color: var(--kitt-links-warning-color);
}

.link-warning:hover,
.link-warning:focus {
	color: var(--kitt-links-warning-hover-color);
}

.link-danger {
	color: var(--kitt-links-danger-color);
}

.link-danger:hover,
.link-danger:focus {
	color: var(--kitt-links-danger-hover-color);
}

.link-light {
	color: var(--kitt-links-light-color);
}

.link-light:hover,
.link-light:focus {
	color: var(--kitt-links-light-hover-color);
}

.link-dark {
	color: var(--kitt-links-dark-color);
}

.link-dark:hover,
.link-dark:focus {
	color: var(--kitt-links-dark-hover-color);
}

/* 03 - Images */

	/* 3.1 - Image thumbnail */

.img-thumbnail {
	background-color: var(--kitt-img-thumbnail-bg-color);
	border: 1px solid var(--kitt-img-thumbnail-border-color);
}

	/* 3.2 - Carousels */

.carousel-control-prev,
.carousel-control-next {
	color: var(--kitt-carousel-control-color);
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
	color: var(--kitt-carousel-control-hover-color);
}

.carousel-indicators [data-bs-target] {
	background-color: var(--kitt-carousel-indicator-bg-color);
}

.carousel-caption {
	color: var(--kitt-carousel-caption-color);
}

.carousel-dark .carousel-indicators [data-bs-target] {
	background-color: var(--kitt-carousel-dark-indicator-bg-color);
}

.carousel-dark .carousel-caption {
	color: var(--kitt-carousel-dark-caption-color);
}

/* 04 - Tables */

	/* 4.1 - General tables */
	
.table {
	color: var(--kitt-table-color);
	border-color: var(--kitt-table-border-color);
}

.table> :not(caption)>*>* {
	background-color: var(--kitt-table-bg);
	box-shadow: inset 0 0 0 9999px var(--kitt-table-accent-bg);
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--kitt-table-accent-bg: var(--kitt-table-striped-bg);
	color: var(--kitt-table-striped-color);
}

.table-active {
	--kitt-table-accent-bg: var(--kitt-table-active-bg);
	color: var(--kitt-table-active-color);
}

.table-hover>tbody>tr:hover>* {
	--kitt-table-accent-bg: var(--kitt-table-hover-bg);
	color: var(--kitt-table-hover-color);
}

	/* 4.2 - Contextual tables (uses primary, warning, etc, to colour them) */
	
.table-primary {
	--kitt-table-bg: var(--kitt-table-primary-bg);
	--kitt-table-striped-bg: var(--kitt-table-primary-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-primary-striped-color);
	--kitt-table-active-bg: var(--kitt-table-primary-active-bg);
	--kitt-table-active-color: var(--kitt-table-primary-active-color);
	--kitt-table-hover-bg: var(--kitt-table-primary-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-primary-hover-color);
	color: var(--kitt-table-primary-color);
	border-color: var(--kitt-table-primary-border-color);
}

.table-secondary {
	--kitt-table-bg: var(--kitt-table-secondary-bg);
	--kitt-table-striped-bg: var(--kitt-table-secondary-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-secondary-striped-color);
	--kitt-table-active-bg: var(--kitt-table-secondary-active-bg);
	--kitt-table-active-color: var(--kitt-table-secondary-active-color);
	--kitt-table-hover-bg: var(--kitt-table-secondary-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-secondary-hover-color);
	color: var(--kitt-table-secondary-color);
	border-color: var(--kitt-table-secondary-border-color);
}

.table-success {
	--kitt-table-bg: var(--kitt-table-success-bg);
	--kitt-table-striped-bg: var(--kitt-table-success-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-success-striped-color);
	--kitt-table-active-bg: var(--kitt-table-success-active-bg);
	--kitt-table-active-color: var(--kitt-table-success-active-color);
	--kitt-table-hover-bg: var(--kitt-table-success-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-success-hover-color);
	color: var(--kitt-table-success-color);
	border-color: var(--kitt-table-success-border-color);
}

.table-info {
	--kitt-table-bg: var(--kitt-table-info-bg);
	--kitt-table-striped-bg: var(--kitt-table-info-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-info-striped-color);
	--kitt-table-active-bg: var(--kitt-table-info-active-bg);
	--kitt-table-active-color: var(--kitt-table-info-active-color);
	--kitt-table-hover-bg: var(--kitt-table-info-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-info-hover-color);
	color: var(--kitt-table-info-color);
	border-color: var(--kitt-table-info-border-color);
}

.table-warning {
	--kitt-table-bg: var(--kitt-table-warning-bg);
	--kitt-table-striped-bg: var(--kitt-table-warning-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-warning-striped-color);
	--kitt-table-active-bg: var(--kitt-table-warning-active-bg);
	--kitt-table-active-color: var(--kitt-table-warning-active-color);
	--kitt-table-hover-bg: var(--kitt-table-warning-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-warning-hover-color);
	color: var(--kitt-table-warning-color);
	border-color: var(--kitt-table-warning-border-color);
}

.table-danger {
	--kitt-table-bg: var(--kitt-table-danger-bg);
	--kitt-table-striped-bg: var(--kitt-table-danger-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-danger-striped-color);
	--kitt-table-active-bg: var(--kitt-table-danger-active-bg);
	--kitt-table-active-color: var(--kitt-table-danger-active-color);
	--kitt-table-hover-bg: var(--kitt-table-danger-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-danger-hover-color);
	color: var(--kitt-table-danger-color);
	border-color: var(--kitt-table-danger-border-color);
}

.table-light {
	--kitt-table-bg: var(--kitt-table-light-bg);
	--kitt-table-striped-bg: var(--kitt-table-light-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-light-striped-color);
	--kitt-table-active-bg: var(--kitt-table-light-active-bg);
	--kitt-table-active-color: var(--kitt-table-light-active-color);
	--kitt-table-hover-bg: var(--kitt-table-light-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-light-hover-color);
	color: var(--kitt-table-light-color);
	border-color: var(--kitt-table-light-border-color);
}

.table-dark {
	--kitt-table-bg: var(--kitt-table-dark-bg);
	--kitt-table-striped-bg: var(--kitt-table-dark-striped-bg);
	--kitt-table-striped-color: var(--kitt-table-dark-striped-color);
	--kitt-table-active-bg: var(--kitt-table-dark-active-bg);
	--kitt-table-active-color: var(--kitt-table-dark-active-color);
	--kitt-table-hover-bg: var(--kitt-table-dark-hover-bg);
	--kitt-table-hover-color: var(--kitt-table-dark-hover-color);
	color: var(--kitt-table-dark-color);
	border-color: var(--kitt-table-dark-border-color);
}

/* 05 - Forms */

	/* 5.1 - General forms */
	
.form-text {
	color: var(--kitt-form-text-color);
}

.form-control {
	color: var(--kitt-form-control-color);
	background-color: var(--kitt-form-control-bg-color);
	border: 1px solid var(--kitt-form-control-border-color);
}

.form-control:focus {
	color: var(--kitt-form-control-focus-color);
	background-color: var(--kitt-form-control-focus-bg-color);
	border-color: var(--kitt-form-control-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-control-focus-shadow-color), 0.25);
}

.form-control::-moz-placeholder {
	color: var(--kitt-form-control-placeholder-color);
}

.form-control::placeholder {
	color: var(--kitt-form-control-placeholder-color);
}

.form-control:disabled,
.form-control[readonly] {
	background-color: var(--kitt-form-control-disabled-color);
}

.form-control::-webkit-file-upload-button {
	color: var(--kitt-form-control-upload-button-color);
	background-color: var(--kitt-form-control-upload-button-bg-color);
}

.form-control::file-selector-button {
	color: var(--kitt-form-control-upload-button-color);
	background-color: var(--kitt-form-control-upload-button-bg-color);
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: var(--kitt-form-control-hover-bg-color);
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: var(--kitt-form-control-hover-bg-color);
}

.form-control-plaintext {
	color: var(--kitt-form-control-plain-text-color);
}

	/* 5.2 - Select forms */
	
.form-select {
	color: var(--kitt-form-select-color);
	background-color: var(--kitt-form-select-bg-color);
	border: 1px solid var(--kitt-form-select-border-color);
}

.form-select:focus {
	border-color: var(--kitt-form-select-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-select-focus-shadow-color), 0.25);
}

.form-select:disabled {
	background-color: var(--kitt-form-select-disabled-bg-color);
}

.form-select:-moz-focusring {
	text-shadow: 0 0 0 var(--kitt-form-select-moz-focusring-text-shadow-color);
}

	/* 5.3 - Check forms */
	
.form-check-input {
background-color: var(--kitt-form-check-input-bg-color);
border: 1px solid rgba(var(--kitt-form-check-input-border-color), 0.25);
}

.form-check-input:focus {
	border-color: var(--kitt-form-check-input-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-check-input-focus-shadow-color), 0.25);
}

.form-check-input:checked {
	background-color: var(--kitt-form-check-input-checked-bg-color);
	border-color: var(--kitt-form-check-input-checked-border-color);
}

.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--kitt-form-check-input-indeterminate-bg-color);
	border-color: var(--kitt-form-check-input-indeterminate-border-color);
}

	/* 5.4 - Range forms */
	
.form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px var(--kitt-form-range-focus-webkit-shadow-color-one), 0 0 0 0.25rem rgba(var(--kitt-form-range-focus-webkit-shadow-color-two), 0.25);
}

.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px var(--kitt-form-range-focus-moz-shadow-color-one), 0 0 0 0.25rem rgba(var(--kitt-form-range-focus-moz-shadow-color-two), 0.25);
}

.form-range::-webkit-slider-thumb {
	background-color: var(--kitt-form-range-webkit-slider-thumb-bg-color);
}

.form-range::-webkit-slider-thumb:active {
	background-color: var(--kitt-form-range-webkit-slider-thumb-active-bg-color);
}

.form-range::-webkit-slider-runnable-track {
	background-color: var(--kitt-form-range-webkit-slider-runnable-track-bg-color);
}

.form-range::-moz-range-thumb {
	background-color: var(--kitt-form-range-moz-range-thumb-bg-color);
}

.form-range::-moz-range-thumb:active {
	background-color: var(--kitt-form-range-moz-range-thumb-active-bg-color);
}

.form-range::-moz-range-track {
	background-color: var(--kitt-form-range-moz-range-track-bg-color);
}

.form-range:disabled::-webkit-slider-thumb {
	background-color: var(--kitt-form-range-webkit-slider-thumb-disabled-bg-color);
}

.form-range:disabled::-moz-range-thumb {
	background-color: var(--kitt-form-range-moz-range-thumb-disabled-bg-color);
}

	/* 5.5 - Input forms + form validation */
	
.input-group-text {
	color: var(--kitt-input-group-text-color);
	background-color: var(--kitt-input-group-text-bg-color);
	border: 1px solid var(--kitt-input-group-text-border-color);
}

.valid-feedback {
	color: var(--kitt-valid-feedback-color);
}

.valid-tooltip {
	color: var(--kitt-valid-feeback-tooltip-color);
	background-color: rgba(var(--kitt-valid-feeback-tooltip-bg-color), 0.9);
}

.was-validated .form-control:valid,
.form-control.is-valid {
	border-color: var(--kitt-form-control-validated-border-color);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
	border-color: var(--kitt-form-control-validated-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-control-validated-focus-shadow-color), 0.25);
}

.was-validated .form-select:valid,
.form-select.is-valid {
	border-color: var(--kitt-form-select-validated-border-color);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
	border-color: var(--kitt-form-select-validated-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-select-validated-focus-shadow-color), 0.25);
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
	border-color: var(--kitt-form-check-input-validated-border-color);
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
	background-color: var(--kitt-form-check-input-validated-focus-border-color);
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-check-input-validated-focus-shadow-color), 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
	color: var(--kitt-form-check-input-validated-color);
}

.invalid-feedback {
	color: var(--kitt-invalid-feedback-color);
}

.invalid-tooltip {
	color: var(--kitt-invalid-feeback-tooltip-color);
	background-color: rgba(var(--kitt-invalid-feeback-tooltip-bg-color), 0.9);
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
	border-color: var(--kitt-form-control-invalid-border-color);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border-color: var(--kitt-form-control-invalid-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-control-invalid-focus-shadow-color), 0.25);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
	border-color: var(--kitt-form-select-invalid-border-color);
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
	border-color: var(--kitt-form-select-invalid-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-select-invalid-focus-shadow-color), 0.25);
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
	border-color: var(--kitt-form-check-input-invalid-border-color);
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
	background-color: var(--kitt-form-check-input-invalid-focus-border-color);
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-form-check-input-invalid-focus-shadow-color), 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
	color: var(--kitt-form-check-input-invalid-color);
}

/* 06 - Buttons */

	/* 6.1 - General buttons */
	
.btn {
	color: var(--kitt-btn-color);
}

.btn:hover {
	color: var(--kitt-btn-hover-color);
}

.btn-check:focus+.btn,
.btn:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-check-focus-shadow-color), 0.25);
}

.btn-link {
	color: var(--kitt-btn-link-color);
}

.btn-link:hover {
	color: var(--kitt-btn-link-hover-color);
}

.btn-link:disabled,
.btn-link.disabled {
	color: var(--kitt-btn-link-disabled-color);
}

	/* 6.2 - Contextual buttons (uses primary, warning, etc, to colour them) */
	
.btn-primary {
	color: var(--kitt-btn-primary-color);
	background-color: var(--kitt-btn-primary-bg-color);
	border-color: var(--kitt-btn-primary-border-color);
}

.btn-primary:hover {
	color: var(--kitt-btn-primary-hover-color);
	background-color: var(--kitt-btn-primary-hover-bg-color);
	border-color: var(--kitt-btn-primary-hover-border-color);
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
	color: var(--kitt-btn-primary-focus-color);
	background-color: var(--kitt-btn-primary-focus-bg-color);
	border-color: var(--kitt-btn-primary-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-primary-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
	color: var(--kitt-btn-primary-active-color);
	background-color: var(--kitt-btn-primary-active-bg-color);
	border-color: var(--kitt-btn-primary-active-border-color);
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-primary-active-shadow-color), 0.5);
}

.btn-primary:disabled,
.btn-primary.disabled {
	color: var(--kitt-btn-primary-disabled-color);
	background-color: var(--kitt-btn-primary-disabled-bg-color);
	border-color: var(--kitt-btn-primary-disabled-border-color);
}

.btn-secondary {
	color: var(--kitt-btn-secondary-color);
	background-color: var(--kitt-btn-secondary-bg-color);
	border-color: var(--kitt-btn-secondary-border-color);
}

.btn-secondary:hover {
	color: var(--kitt-btn-secondary-hover-color);
	background-color: var(--kitt-btn-secondary-hover-bg-color);
	border-color: var(--kitt-btn-secondary-hover-border-color);
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
	color: var(--kitt-btn-secondary-focus-color);
	background-color: var(--kitt-btn-secondary-focus-bg-color);
	border-color: var(--kitt-btn-secondary-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-secondary-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
	color: var(--kitt-btn-secondary-active-color);
	background-color: var(--kitt-btn-secondary-active-bg-color);
	border-color: var(--kitt-btn-secondary-active-border-color);
}

.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-secondary-active-shadow-color), 0.5);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
	color: var(--kitt-btn-secondary-disabled-color);
	background-color: var(--kitt-btn-secondary-disabled-bg-color);
	border-color: var(--kitt-btn-secondary-disabled-border-color);
}

.btn-success {
	color: var(--kitt-btn-success-color);
	background-color: var(--kitt-btn-success-bg-color);
	border-color: var(--kitt-btn-success-border-color);
}

.btn-success:hover {
	color: var(--kitt-btn-success-hover-color);
	background-color: var(--kitt-btn-success-hover-bg-color);
	border-color: var(--kitt-btn-success-hover-border-color);
}

.btn-check:focus+.btn-success,
.btn-success:focus {
	color: var(--kitt-btn-success-focus-color);
	background-color: var(--kitt-btn-success-focus-bg-color);
	border-color: var(--kitt-btn-success-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-success-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
	color: var(--kitt-btn-success-active-color);
	background-color: var(--kitt-btn-success-active-bg-color);
	border-color: var(--kitt-btn-success-active-border-color);
}

.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-success-active-shadow-color), 0.5);
}

.btn-success:disabled,
.btn-success.disabled {
	color: var(--kitt-btn-success-disabled-color);
	background-color: var(--kitt-btn-success-disabled-bg-color);
	border-color: var(--kitt-btn-success-disabled-border-color);
}

.btn-info {
	color: var(--kitt-btn-info-color);
	background-color: var(--kitt-btn-info-bg-color);
	border-color: var(--kitt-btn-info-border-color);
}

.btn-info:hover {
	color: var(--kitt-btn-info-hover-color);
	background-color: var(--kitt-btn-info-hover-bg-color);
	border-color: var(--kitt-btn-info-hover-border-color);
}

.btn-check:focus+.btn-info,
.btn-info:focus {
	color: var(--kitt-btn-info-focus-color);
	background-color: var(--kitt-btn-info-focus-bg-color);
	border-color: var(--kitt-btn-info-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-info-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
	color: var(--kitt-btn-info-active-color);
	background-color: var(--kitt-btn-info-active-bg-color);
	border-color: var(--kitt-btn-info-active-border-color);
}

.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-info-active-shadow-color), 0.5);
}

.btn-info:disabled,
.btn-info.disabled {
	color: var(--kitt-btn-info-disabled-color);
	background-color: var(--kitt-btn-info-disabled-bg-color);
	border-color: var(--kitt-btn-info-disabled-border-color);
}

.btn-warning {
	color: var(--kitt-btn-warning-color);
	background-color: var(--kitt-btn-warning-bg-color);
	border-color: var(--kitt-btn-warning-border-color);
}

.btn-warning:hover {
	color: var(--kitt-btn-warning-hover-color);
	background-color: var(--kitt-btn-warning-hover-bg-color);
	border-color: var(--kitt-btn-warning-hover-border-color);
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
	color: var(--kitt-btn-warning-focus-color);
	background-color: var(--kitt-btn-warning-focus-bg-color);
	border-color: var(--kitt-btn-warning-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-warning-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
	color: var(--kitt-btn-warning-active-color);
	background-color: var(--kitt-btn-warning-active-bg-color);
	border-color: var(--kitt-btn-warning-active-border-color);
}

.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-warning-active-shadow-color), 0.5);
}

.btn-warning:disabled,
.btn-warning.disabled {
	color: var(--kitt-btn-warning-disabled-color);
	background-color: var(--kitt-btn-warning-disabled-bg-color);
	border-color: var(--kitt-btn-warning-disabled-border-color);
}

.btn-danger {
	color: var(--kitt-btn-danger-color);
	background-color: var(--kitt-btn-danger-bg-color);
	border-color: var(--kitt-btn-danger-border-color);
}

.btn-danger:hover {
	color: var(--kitt-btn-danger-hover-color);
	background-color: var(--kitt-btn-danger-hover-bg-color);
	border-color: var(--kitt-btn-danger-hover-border-color);
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
	color: var(--kitt-btn-danger-focus-color);
	background-color: var(--kitt-btn-danger-focus-bg-color);
	border-color: var(--kitt-btn-danger-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-danger-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
	color: var(--kitt-btn-danger-active-color);
	background-color: var(--kitt-btn-danger-active-bg-color);
	border-color: var(--kitt-btn-danger-active-border-color);
}

.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-danger-active-shadow-color), 0.5);
}

.btn-danger:disabled,
.btn-danger.disabled {
	color: var(--kitt-btn-danger-disabled-color);
	background-color: var(--kitt-btn-danger-disabled-bg-color);
	border-color: var(--kitt-btn-danger-disabled-border-color);
}

.btn-light {
	color: var(--kitt-btn-light-color);
	background-color: var(--kitt-btn-light-bg-color);
	border-color: var(--kitt-btn-light-border-color);
}

.btn-light:hover {
	color: var(--kitt-btn-light-hover-color);
	background-color: var(--kitt-btn-light-hover-bg-color);
	border-color: var(--kitt-btn-light-hover-border-color);
}

.btn-check:focus+.btn-light,
.btn-light:focus {
	color: var(--kitt-btn-light-focus-color);
	background-color: var(--kitt-btn-light-focus-bg-color);
	border-color: var(--kitt-btn-light-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-light-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
	color: var(--kitt-btn-light-active-color);
	background-color: var(--kitt-btn-light-active-bg-color);
	border-color: var(--kitt-btn-light-active-border-color);
}

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-light-active-shadow-color), 0.5);
}

.btn-light:disabled,
.btn-light.disabled {
	color: var(--kitt-btn-light-disabled-color);
	background-color: var(--kitt-btn-light-disabled-bg-color);
	border-color: var(--kitt-btn-light-disabled-border-color);
}

.btn-dark {
	color: var(--kitt-btn-dark-color);
	background-color: var(--kitt-btn-dark-bg-color);
	border-color: var(--kitt-btn-dark-border-color);
}

.btn-dark:hover {
	color: var(--kitt-btn-dark-hover-color);
	background-color: var(--kitt-btn-dark-hover-bg-color);
	border-color: var(--kitt-btn-dark-hover-border-color);
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
	color: var(--kitt-btn-dark-focus-color);
	background-color: var(--kitt-btn-dark-focus-bg-color);
	border-color: var(--kitt-btn-dark-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-dark-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
	color: var(--kitt-btn-dark-active-color);
	background-color: var(--kitt-btn-dark-active-bg-color);
	border-color: var(--kitt-btn-dark-active-border-color);
}

.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-dark-active-shadow-color), 0.5);
}

.btn-dark:disabled,
.btn-dark.disabled {
	color: var(--kitt-btn-dark-disabled-color);
	background-color: var(--kitt-btn-dark-disabled-bg-color);
	border-color: var(--kitt-btn-dark-disabled-border-color);
}

	/* 6.3 - Outline buttons*/
	
.btn-outline-primary {
	color: var(--kitt-btn-outline-primary-color);
	border-color: var(--kitt-btn-outline-primary-border-color);
}

.btn-outline-primary:hover {
	color: var(--kitt-btn-outline-primary-hover-color);
	background-color: var(--kitt-btn-outline-primary-hover-bg-color);
	border-color: var(--kitt-btn-outline-primary-hover-border-color);
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-primary-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
	color: var(--kitt-btn-outline-primary-active-color);
	background-color: var(--kitt-btn-outline-primary-active-bg-color);
	border-color: var(--kitt-btn-outline-primary-active-border-color);
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-primary-active-shadow-color), 0.5);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
	color: var(--kitt-btn-outline-primary-disabled-color);
}

.btn-outline-secondary {
	color: var(--kitt-btn-outline-secondary-color);
	border-color: var(--kitt-btn-outline-secondary-border-color);
}

.btn-outline-secondary:hover {
	color: var(--kitt-btn-outline-secondary-hover-color);
	background-color: var(--kitt-btn-outline-secondary-hover-bg-color);
	border-color: var(--kitt-btn-outline-secondary-hover-border-color);
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-secondary-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
	color: var(--kitt-btn-outline-secondary-active-color);
	background-color: var(--kitt-btn-outline-secondary-active-bg-color);
	border-color: var(--kitt-btn-outline-secondary-active-border-color);
}

.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-secondary-active-shadow-color), 0.5);
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
	color: var(--kitt-btn-outline-secondary-disabled-color);
}

.btn-outline-success {
	color: var(--kitt-btn-outline-success-color);
	border-color: var(--kitt-btn-outline-success-border-color);
}

.btn-outline-success:hover {
	color: var(--kitt-btn-outline-success-hover-color);
	background-color: var(--kitt-btn-outline-success-hover-bg-color);
	border-color: var(--kitt-btn-outline-success-hover-border-color);
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-success-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
	color: var(--kitt-btn-outline-success-active-color);
	background-color: var(--kitt-btn-outline-success-active-bg-color);
	border-color: var(--kitt-btn-outline-success-active-border-color);
}

.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-success-active-shadow-color), 0.5);
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
	color: var(--kitt-btn-outline-success-disabled-color);
}

.btn-outline-info {
	color: var(--kitt-btn-outline-info-color);
	border-color: var(--kitt-btn-outline-info-border-color);
}

.btn-outline-info:hover {
	color: var(--kitt-btn-outline-info-hover-color);
	background-color: var(--kitt-btn-outline-info-hover-bg-color);
	border-color: var(--kitt-btn-outline-info-hover-border-color);
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-info-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-info,
.btn-check:active+.btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
	color: var(--kitt-btn-outline-info-active-color);
	background-color: var(--kitt-btn-outline-info-active-bg-color);
	border-color: var(--kitt-btn-outline-info-active-border-color);
}

.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-info-active-shadow-color), 0.5);
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
	color: var(--kitt-btn-outline-info-disabled-color);
}

.btn-outline-warning {
	color: var(--kitt-btn-outline-warning-color);
	border-color: var(--kitt-btn-outline-warning-border-color);
}

.btn-outline-warning:hover {
	color: var(--kitt-btn-outline-warning-hover-color);
	background-color: var(--kitt-btn-outline-warning-hover-bg-color);
	border-color: var(--kitt-btn-outline-warning-hover-border-color);
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-warning-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
	color: var(--kitt-btn-outline-warning-active-color);
	background-color: var(--kitt-btn-outline-warning-active-bg-color);
	border-color: var(--kitt-btn-outline-warning-active-border-color);
}

.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-warning-active-shadow-color), 0.5);
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
	color: var(--kitt-btn-outline-warning-disabled-color);
}

.btn-outline-danger {
	color: var(--kitt-btn-outline-danger-color);
	border-color: var(--kitt-btn-outline-danger-border-color);
}

.btn-outline-danger:hover {
	color: var(--kitt-btn-outline-danger-hover-color);
	background-color: var(--kitt-btn-outline-danger-hover-bg-color);
	border-color: var(--kitt-btn-outline-danger-hover-border-color);
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-danger-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
	color: var(--kitt-btn-outline-danger-active-color);
	background-color: var(--kitt-btn-outline-danger-active-bg-color);
	border-color: var(--kitt-btn-outline-danger-active-border-color);
}

.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-danger-active-shadow-color), 0.5);
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
	color: var(--kitt-btn-outline-danger-disabled-color);
}

.btn-outline-light {
	color: var(--kitt-btn-outline-light-color);
	border-color: var(--kitt-btn-outline-light-border-color);
}

.btn-outline-light:hover {
	color: var(--kitt-btn-outline-light-hover-color);
	background-color: var(--kitt-btn-outline-light-hover-bg-color);
	border-color: var(--kitt-btn-outline-light-hover-border-color);
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-light-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
	color: var(--kitt-btn-outline-light-active-color);
	background-color: var(--kitt-btn-outline-light-active-bg-color);
	border-color: var(--kitt-btn-outline-light-active-border-color);
}

.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-light-active-shadow-color), 0.5);
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
	color: var(--kitt-btn-outline-light-disabled-color);
}

.btn-outline-dark {
	color: var(--kitt-btn-outline-dark-color);
	border-color: var(--kitt-btn-outline-dark-border-color);
}

.btn-outline-dark:hover {
	color: var(--kitt-btn-outline-dark-hover-color);
	background-color: var(--kitt-btn-outline-dark-hover-bg-color);
	border-color: var(--kitt-btn-outline-dark-hover-border-color);
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-dark-focus-shadow-color), 0.5);
}

.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
	color: var(--kitt-btn-outline-dark-active-color);
	background-color: var(--kitt-btn-outline-dark-active-bg-color);
	border-color: var(--kitt-btn-outline-dark-active-border-color);
}

.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-btn-outline-dark-active-shadow-color), 0.5);
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
	color: var(--kitt-btn-outline-dark-disabled-color);
}

	/* 6.4 - Accordion buttons */
	
.accordion-button {
	color: var(--kitt-accordion-btn-color);
	background-color: var(--kitt-accordion-btn-bg-color);
}

.accordion-button:not(.collapsed) {
	color: var(--kitt-accordion-btn-not-collapsed-color);
	background-color: var(--kitt-accordion-btn-not-collapsed-bg-color);
	box-shadow: inset 0 -1px 0 rgba(var(--kitt-accordion-btn-not-collapsed-shadow-color), 0.125);
}

.accordion-button:focus {
	border-color: var(--kitt-accordion-btn-focus-border-color);
	box-shadow: 0 0 0 0.25rem rgba(var(--kitt-accordion-btn-focus-shadow-color), 0.25);
}

.accordion-item {
	background-color: var(--kitt-accordion-btn-item-bg-color);
	border: 1px solid rgba(var(--kitt-accordion-btn-item-border-color), 0.125);
}

/* 07 - Menus */

	/* 7.1 - Dropdowns */
	
.dropdown-menu {
	color: var(--kitt-dropdown-color);
	background-color: var(--kitt-dropdown-bg-color);
	border: 1px solid rgba(var(--kitt-dropdown-border-color), 0.15);
}

.dropdown-divider {
	border-top: 1px solid rgba(var(--kitt-dropdown-divider-border-color), 0.15);
}

.dropdown-item {
	color: var(--kitt-dropdown-item-color);
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: var(--kitt-dropdown-item-hover-color);
	background-color: var(--kitt-dropdown-item-hover-bg-color);
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--kitt-dropdown-item-active-color);
	background-color: var(--kitt-dropdown-item-active-bg-color);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
	color: var(--kitt-dropdown-item-disabled-color);
}

.dropdown-header {
	color: var(--kitt-dropdown-header-color);
}

.dropdown-item-text {
	color: var(--kitt-dropdown-item-text-color);
}

.dropdown-menu-dark {
	color: var(--kitt-dropdown-dark-color);
	background-color: var(--kitt-dropdown-dark-bg-color);
	border-color: rgba(var(--kitt-dropdown-dark-border-color), 0.15);
}

.dropdown-menu-dark .dropdown-item {
	color: var(--kitt-dropdown-dark-item-color);
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
	color: var(--kitt-dropdown-dark-item-hover-color);
	background-color: rgba(var(--kitt-dropdown-dark-item-hover-bg-color), 0.15);
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
	color: var(--kitt-dropdown-dark-item-active-color);
	background-color: var(--kitt-dropdown-dark-item-active-bg-color);
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
	color: var(--kitt-dropdown-dark-item-disabled-color);
}

.dropdown-menu-dark .dropdown-divider {
	border-color: rgba(var(--kitt-dropdown-dark-divider-border-color), 0.15);
}

.dropdown-menu-dark .dropdown-item-text {
	color: var(--kitt-dropdown-dark-item-text-color);
}

.dropdown-menu-dark .dropdown-header {
	color: var(--kitt-dropdown-dark-header-color);
}

	/* 7.2 - Navbars & Navlinks */
	
.nav-link {
	color: var(--kitt-navlink-color);
}

.nav-link:hover,
.nav-link:focus {
	color: var(--kitt-navlink-hover-color);
}

.nav-link.disabled {
	color: var(--kitt-navlink-disabled-color);
}

.nav-tabs {
	border-bottom: 1px solid var(--kitt-navtabs-border-color);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
	border-color: var(--kitt-navtabs-hover-border-color-one) var(--kitt-navtabs-hover-border-color-one) var(--kitt-navtabs-hover-border-color-two);
}

.nav-tabs .nav-link.disabled {
	color: var(--kitt-navtabs-disabled-color);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: var(--kitt-navtabs-active-color);
	background-color: var(--kitt-navtabs-active-bg-color);
	border-color: var(--kitt-navtabs-active-border-color-one) var(--kitt-navtabs-active-border-color-one) var(--kitt-navtabs-active-border-color-two);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--kitt-navpills-active-color);
	background-color: var(--kitt-navpills-active-bg-color);
}

.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}

.navbar-nav > li {
    display: inline-block;
    float:none;
}

.navbar-light .navbar-brand {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.9);
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.55);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.9);
}

.navbar-light .navbar-toggler {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.55);
	border-color: rgba(var(--kitt-navbar-light-color-rgb), 0.1);
}

.navbar-light .navbar-text {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.55);
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
	color: rgba(var(--kitt-navbar-light-color-rgb), 0.9);
}

.navbar-dark .navbar-brand {
	color: var(--kitt-navbar-dark-color);
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
	color: var(--kitt-navbar-dark-color);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(var(--kitt-navbar-dark-color-rgb), 0.55);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(var(--kitt-navbar-dark-color-rgb), 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(var(--kitt-navbar-dark-color-rgb), 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
	color: var(--kitt-navbar-dark-color);
}

.navbar-dark .navbar-toggler {
	color: rgba(var(--kitt-navbar-dark-color-rgb), 0.55);
	border-color: rgba(var(--kitt-navbar-dark-color-rgb), 0.1);
}

.navbar-dark .navbar-text {
	color: rgba(var(--kitt-navbar-dark-color-rgb), 0.55);
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
	color: var(--kitt-navbar-dark-color);
}

	/* 7.3 - Offcanvas sidebar */
	
.offcanvas {
	background-color: var(--kitt-offcanvas-bg-color);
}

.offcanvas-backdrop {
	background-color: var(--kitt-offcanvas-backdrop-bg-color);
}

.offcanvas-start {
	border-left: 1px solid rgba(var(--kitt-offcanvas-border-color), 0.2);
}

.offcanvas-end {
	border-right: 1px solid rgba(var(--kitt-offcanvas-border-color), 0.2);
}

.offcanvas-top {
	border-bottom: 1px solid rgba(var(--kitt-offcanvas-border-color), 0.2);
}

.offcanvas-bottom {
	border-top: 1px solid rgba(var(--kitt-offcanvas-border-color), 0.2);
}

/* 08 - Popups/Alerts */

	/* 8.1 - Alerts */
	
.alert-primary {
	color: var(--kitt-alert-primary-color);
	background-color: var(--kitt-alert-primary-bg-color);
	border-color: var(--kitt-alert-primary-border-color);
}

.alert-primary .alert-link {
	color: var(--kitt-alert-primary-link-color);
}

.alert-secondary {
	color: var(--kitt-alert-secondary-color);
	background-color: var(--kitt-alert-secondary-bg-color);
	border-color: var(--kitt-alert-secondary-border-color);
}

.alert-secondary .alert-link {
	color: var(--kitt-alert-secondary-link-color);
}

.alert-success {
	color: var(--kitt-alert-success-color);
	background-color: var(--kitt-alert-success-bg-color);
	border-color: var(--kitt-alert-success-border-color);
}

.alert-success .alert-link {
	color: var(--kitt-alert-success-link-color);
}

.alert-info {
	color: var(--kitt-alert-info-color);
	background-color: var(--kitt-alert-info-bg-color);
	border-color: var(--kitt-alert-info-border-color);
}

.alert-info .alert-link {
	color: var(--kitt-alert-info-link-color);
}

.alert-warning {
	color: var(--kitt-alert-warning-color);
	background-color: var(--kitt-alert-warning-bg-color);
	border-color: var(--kitt-alert-warning-border-color);
}

.alert-warning .alert-link {
	color: var(--kitt-alert-warning-link-color);
}

.alert-danger {
	color: var(--kitt-alert-danger-color);
	background-color: var(--kitt-alert-danger-bg-color);
	border-color: var(--kitt-alert-danger-border-color);
}

.alert-danger .alert-link {
	color: var(--kitt-alert-danger-link-color);
}

.alert-light {
	color: var(--kitt-alert-light-color);
	background-color: var(--kitt-alert-light-bg-color);
	border-color: var(--kitt-alert-light-border-color);
}

.alert-light .alert-link {
	color: var(--kitt-alert-light-link-color);
}

.alert-dark {
	color: var(--kitt-alert-dark-color);
	background-color: var(--kitt-alert-dark-bg-color);
	border-color: var(--kitt-alert-dark-border-color);
}

.alert-dark .alert-link {
	color: var(--kitt-alert-dark-link-color);
}

	/* 8.2 - Close buttons */
	
.btn-close {
	color: var(--kitt-btn-close-color);
}

.btn-close:hover {
	color: var(--kitt-btn-close-color);
}

.btn-close:focus {
	box-shadow: 0 0 0 0.25rem rgba(--kitt-btn-close-focus-shadow-color, 0.25);
}

	/* 8.3 - Toasts */
	
.toast {
	background-color: rgba(var(--kitt-toast-bg-color), 0.85);
	border: 1px solid rgba(var(--kitt-toast-border-color), 0.1);
	box-shadow: 0 0.5rem 1rem rgba(var(--kitt-toast-shadow-color), 0.15);
}

.toast-header {
	color: var(--kitt-toast-header-color);
	background-color: rgba(var(--kitt-toast-header-bg-color), 0.85);
	border-bottom: 1px solid rgba(var(--kitt-toast-header-border-color), 0.05);
}

	/* 8.4 - Modals */

.modal-content {
	background-color: var(--kitt-modal-content-bg-color);
	border: 1px solid rgba(var(--kitt-modal-content-border-color), 0.2);
}

.modal-backdrop {
	background-color: var(--kitt-modal-backdrop-bg-color);
}

.modal-header {
	border-bottom: 1px solid var(--kitt-modal-header-bg-color);
}

.modal-footer {
	border-top: 1px solid var(--kitt-modal-footer-bg-color);
}

	/* 8.5 - Tooltips */
	
.tooltip {
	font-family: var(--kitt-font-sans-serif);
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
	border-top-color: var(--kitt-tooltip-arrows-border-color);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
	border-left-color: var(--kitt-tooltip-arrows-border-color);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
	border-bottom-color: var(--kitt-tooltip-arrows-border-color);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
	border-right-color: var(--kitt-tooltip-arrows-border-color);
}

.tooltip-inner {
	color: var(--kitt-tooltip-inner-color);
	background-color: var(--kitt-tooltip-inner-bg-color);
}

	/* 8.6 - Popovers */
	
.popover {
	font-family: var(--kitt-font-sans-serif);
	background-color: var(--kitt-popover-bg-color);
	border: 1px solid rgba(var(--kitt-popover-border-color-one), 0.2);
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
	border-top-color: rgba(var(--kitt-popover-border-color-one), 0.25);
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
	border-top-color: var(--kitt-popover-border-color-two);
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
	border-left-color: rgba(var(--kitt-popover-border-color-one), 0.25);
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
	border-left-color: var(--kitt-popover-border-color-two);
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
	border-bottom-color: rgba(var(--kitt-popover-border-color-one), 0.25);
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
	border-bottom-color: var(--kitt-popover-border-color-two);
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
	border-bottom: 1px solid var(--kitt-popover-border-color-two);
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
	border-right-color: rgba(var(--kitt-popover-border-color-one), 0.25);
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
	border-right-color: var(--kitt-popover-border-color-two);
}

.popover-header {
	background-color: var(--kitt-popover-header-bg-color);
	border-bottom: 1px solid rgba(var(--kitt-popover-header-border-color), 0.2);
}

.popover-body {
	color: var(--kitt-popover-body-color);
}

/* 09 - Lists */

	/* 9.1 - List groups */
	
.list-group-item-action {
	color: var(--kitt-list-group-item-action-color);
}

.list-group-item-action:hover,
.list-group-item-action:focus {
	color: var(--kitt-list-group-item-action-hover-color);
	background-color: var(--kitt-list-group-item-action-hover-bg-color);
}

.list-group-item-action:active {
	color: var(--kitt-list-group-item-action-active-color);
	background-color: var(--kitt-list-group-item-action-active-bg-color);
}

.list-group-item {
	color: var(--kitt-list-group-item-color);
	background-color: var(--kitt-list-group-item-bg-color);
	border: 1px solid rgba(var(--kitt-list-group-item-border-color), 0.125);
}

.list-group-item.disabled,
.list-group-item:disabled {
	color: var(--kitt-list-group-item-disabled-color);
	background-color: var(--kitt-list-group-item-disabled-bg-color);
}

.list-group-item.active {
	color: var(--kitt-list-group-item-active-color);
	background-color: var(--kitt-list-group-item-active-bg-color);
	border-color: var(--kitt-list-group-item-active-border-color);
}

.list-group-item-primary {
	color: var(--kitt-list-group-item-primary-color);
	background-color: var(--kitt-list-group-item-primary-bg-color);
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
	color: var(--kitt-list-group-item-primary-hover-color);
	background-color: var(--kitt-list-group-item-primary-hover-bg-color);
}

.list-group-item-primary.list-group-item-action.active {
	color: var(--kitt-list-group-item-primary-active-color);
	background-color: var(--kitt-list-group-item-primary-active-bg-color);
	border-color: var(--kitt-list-group-item-primary-active-border-color);
}

.list-group-item-secondary {
	color: var(--kitt-list-group-item-secondary-color);
	background-color: var(--kitt-list-group-item-secondary-bg-color);
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
	color: var(--kitt-list-group-item-secondary-hover-color);
	background-color: var(--kitt-list-group-item-secondary-hover-bg-color);
}

.list-group-item-secondary.list-group-item-action.active {
	color: var(--kitt-list-group-item-secondary-active-color);
	background-color: var(--kitt-list-group-item-secondary-active-bg-color);
	border-color: var(--kitt-list-group-item-secondary-active-border-color);
}

.list-group-item-success {
	color: var(--kitt-list-group-item-success-color);
	background-color: var(--kitt-list-group-item-success-bg-color);
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
	color: var(--kitt-list-group-item-success-hover-color);
	background-color: var(--kitt-list-group-item-success-hover-bg-color);
}

.list-group-item-success.list-group-item-action.active {
	color: var(--kitt-list-group-item-success-active-color);
	background-color: var(--kitt-list-group-item-success-active-bg-color);
	border-color: var(--kitt-list-group-item-success-active-border-color);
}

.list-group-item-info {
	color: var(--kitt-list-group-item-info-color);
	background-color: var(--kitt-list-group-item-info-bg-color);
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
	color: var(--kitt-list-group-item-info-hover-color);
	background-color: var(--kitt-list-group-item-info-hover-bg-color);
}

.list-group-item-info.list-group-item-action.active {
	color: var(--kitt-list-group-item-info-active-color);
	background-color: var(--kitt-list-group-item-info-active-bg-color);
	border-color: var(--kitt-list-group-item-info-active-border-color);
}

.list-group-item-warning {
	color: var(--kitt-list-group-item-warning-color);
	background-color: var(--kitt-list-group-item-warning-bg-color);
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
	color: var(--kitt-list-group-item-warning-hover-color);
	background-color: var(--kitt-list-group-item-warning-hover-bg-color);
}

.list-group-item-warning.list-group-item-action.active {
	color: var(--kitt-list-group-item-warning-active-color);
	background-color: var(--kitt-list-group-item-warning-active-bg-color);
	border-color: var(--kitt-list-group-item-warning-active-border-color);
}

.list-group-item-danger {
	color: var(--kitt-list-group-item-danger-color);
	background-color: var(--kitt-list-group-item-danger-bg-color);
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
	color: var(--kitt-list-group-item-danger-hover-color);
	background-color: var(--kitt-list-group-item-danger-hover-bg-color);
}

.list-group-item-danger.list-group-item-action.active {
	color: var(--kitt-list-group-item-danger-active-color);
	background-color: var(--kitt-list-group-item-danger-active-bg-color);
	border-color: var(--kitt-list-group-item-danger-active-border-color);
}

.list-group-item-light {
	color: var(--kitt-list-group-item-light-color);
	background-color: var(--kitt-list-group-item-light-bg-color);
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
	color: var(--kitt-list-group-item-light-hover-color);
	background-color: var(--kitt-list-group-item-light-hover-bg-color);
}

.list-group-item-light.list-group-item-action.active {
	color: var(--kitt-list-group-item-light-active-color);
	background-color: var(--kitt-list-group-item-light-active-bg-color);
	border-color: var(--kitt-list-group-item-light-active-border-color);
}

.list-group-item-dark {
	color: var(--kitt-list-group-item-dark-color);
	background-color: var(--kitt-list-group-item-dark-bg-color);
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
	color: var(--kitt-list-group-item-dark-hover-color);
	background-color: var(--kitt-list-group-item-dark-hover-bg-color);
}

.list-group-item-dark.list-group-item-action.active {
	color: var(--kitt-list-group-item-dark-active-color);
	background-color: var(--kitt-list-group-item-dark-active-bg-color);
	border-color: var(--kitt-list-group-item-dark-active-border-color);
}

/* 10 - Other/Misc */

	/* 10.1 - Cards */
	
.card {
	background-color: var(--kitt-card-bg-color);
	border: 1px solid rgba(var(--kitt-card-border-color), 0.125);
}

.card-header {
	background-color: rgba(var(--kitt-card-border-color), 0.03);
	border-bottom: 1px solid rgba(var(--kitt-card-border-color), 0.125);
}

.card-footer {
	background-color: rgba(var(--kitt-card-border-color), 0.03);
	border-top: 1px solid rgba(var(--kitt-card-border-color), 0.125);
}

	/* 10.2 - Badges */
	
.badge {
	color: var(--kitt-badge-color);
}
	
	/* 10.3 - Progress bars */
	
.progress {
	background-color: var(--kitt-progress-bg-color);
}

.progress-bar {
	color: var(--kitt-progress-bar-color);
	background-color: var(--kitt-progress-bar-bg-color);
}

.progress-bar-striped {
	background-image: linear-gradient(-45deg, rgba(var(--kitt-progress-bar-striped-gradient-color), 0.15) 25%, transparent 25%, transparent 50%, rgba(var(--kitt-progress-bar-striped-gradient-color), 0.15) 50%, rgba(var(--kitt-progress-bar-striped-gradient-color), 0.15) 75%, transparent 75%, transparent);
}

/*# sourceMappingURL=bootstrap.rtl.css.map */