/*
 * 
 * ------------------------------------------------------
 * NOTES
 * ------------------------------------------------------
 * @package   Frenkelson App - Support Bundle
 * @author    Oliver Orlowski <oo@oliver-orlowski.de>
 * @license   Pay-Per-Use
 * @copyright Frenkelson Werbeagentur GmbH 2018
 *
 * ------------------------------------------------------
 * CONTENT
 * ------------------------------------------------------
 *
 *  1. GLOBAL & MISC
 *  2. BODY
 *  3. TOP
 *  4. HEADER
 *  5. FOOTER
 *  6. BOTTOM
 *  7. BUTTONS
 *  8. LINKS
 *  9. NAV
 * 10. TABLES
 * 11. CARDS
 * 12. TABS
 * 13. GALLERY
 * 14. FONT AWESOME
 * 15. TEXT
 * 16. BORDER
 * 17. BACKGROUNDS
 * 18. CAROUSEL
 * 19. POPOVER, TOOLTIP, MODAL, BREADCRUMB, PROGRESS
 * 20. LIST-GROUP
 * 21. ALERTS & BADGES
 * 22. FORMS
 * 23. TABLES
 */


/*
 * 1. GLOBAL & MISC
 */
img{max-width:100%;height:auto;}
.bg-light {background-color:var(--light)!important;}
.nav-tabs .nav-link,.navbar,.dropdown-item,.card,.dropdown-menu,.form-control,.btn,.alert,.breadcrumb,.input-group-text,.badge,.progress,.skillbar,.skillbar-bar{ border-radius: var(--border-radius);}
.skillbar-title,.skillbar-title span { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);}
pre,code,kbd,samp,.tooltip,.popover {font-family: var(--font-family-monospace);}

@media print {
	pre,blockquote {border: 1px solid var(--gray17);}	
	.badge {border: 1px solid var(--black);}
	.table td,.table th {background-color: var(--white) !important;	}	
	.table-bordered th,	.table-bordered td {border: 1px solid var(--gray16) !important;}
}

caption {color: var(--gray);}
hr {border-top: 1px solid rgba(var(--black-rgb), 0.1);}
mark,.mark {background-color: var(--yellow4);}
.blockquote-footer {color: var(--gray);}
.img-thumbnail {background-color: var(--white);border: 1px solid var(--border-color);}
.figure-caption {color: var(--gray);}
code {color: var(--pink)!important;}
kbd {color: var(--white);background-color: var(--dark2);}
pre {color: var(--dark2);}
.jumbotron {background-color: var(--light);}

/*
 * 2. BODY
 */
body{max-width:100%;overflow-x:hidden;color:var(--dark);background-color: var(--white);font-family:var(--font-family-sans-serif);}

/*
 * 3. TOP
 */
#top-help-navigation a{color:var(--white);text-decoration:none;}
#top-help-navigation{padding:0.5em 1em;background:var(--dark);color:var(--white);}

/*
 * 4. HEADER
 */
#header{margin-bottom:2.5em;margin-top:2.8em;}

/*
 * 5. FOOTER
 */
#footer{margin-top:2.5em;}

/*
 * 6. BOTTOM
 */
#bottom{font-size:80%;padding:0.5em 1em;margin-top:2em;background:var(--dark);color:var(--white);}
#bottom a{color:var(--white);text-decoration:none;}

/*
 * 7. BUTTONS 
 */
.btn-dark {color: var(--white);background-color: var(--gray-dark);border-color: var(--gray-dark);}
.btn-outline-dark {color: var(--gray-dark);background-color: transparent;background-image: none;border-color: var(--gray-dark);}
.btn-light {color: var(--dark);background-color: var(--light);border-color: var(--light);}
.btn-outline-light {color: var(--light);background-color: transparent;background-image: none;border-color: var(--light);}
.btn-info {color: var(--white);background-color: var(--info);border-color: var(--info);}
.btn-outline-info {color: var(--info);background-color: transparent;background-image: none;border-color: var(--info);}
.btn-warning {color: var(--gray-dark);background-color: var(--warning);border-color: var(--warning);}
.btn-outline-warning {color: var(--warning);background-color: transparent;background-image: none;border-color: var(--warning);}
.btn-danger {color: var(--white);background-color: var(--danger);border-color: var(--danger);}
.btn-outline-danger {color: var(--danger);background-color: transparent;background-image: none;border-color: var(--danger);}
.btn-success {color: var(--white);background-color: var(--success);border-color: var(--success);}
.btn-outline-success {color: var(--success);background-color: transparent;background-image: none;border-color: var(--success);}
.btn-secondary {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);}
.btn-outline-secondary {color: var(--secondary);background-color: transparent;background-image: none;border-color: var(--secondary);}
.btn-primary {color: var(--white);background-color: var(--primary);border-color: var(--primary);}
.btn-outline-primary {color: var(--primary);background-color: transparent;background-image: none;border-color: var(--primary);}
.btn-link {font-weight: 400;color: var(--primary);background-color: transparent;}
.btn:focus, .btn.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);}
.btn-primary {color: var(--white);background-color: var(--primary);border-color: var(--primary);}
.btn-primary:hover {color: var(--white);background-color: var(--blue3);border-color: var(--blue2);}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);}
.btn-primary.disabled, .btn-primary:disabled {color: var(--white);background-color: var(--primary);border-color: var(--primary);}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {color: var(--white);background-color: var(--blue2);border-color: var(--blue3);}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);}
.btn-secondary {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);}
.btn-secondary:hover {color: var(--white);background-color: var(--gray);border-color: var(--gray4);}
.btn-secondary:focus, .btn-secondary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);}
.btn-secondary.disabled, .btn-secondary:disabled {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle {color: var(--white);background-color: var(--gray4);border-color: var(--dark13);}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);}
.btn-success {color: var(--white);background-color: var(--success);border-color: var(--success);}
.btn-success:hover {color: var(--white);background-color: var(--green10);border-color: var(--green2);}
.btn-success:focus, .btn-success.focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);}
.btn-success.disabled, .btn-success:disabled {color: var(--white);background-color: var(--success);border-color: var(--success);}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle {color: var(--white);background-color: var(--green2);border-color: var(--green11);}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);}
.btn-info {color: var(--white);background-color: var(--info);border-color: var(--info);}
.btn-info:hover {color: var(--white);background-color: var(--cyan4);border-color: var(--cyan2);}
.btn-info:focus, .btn-info.focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);}
.btn-info.disabled, .btn-info:disabled {color: var(--white);background-color: var(--info);border-color: var(--info);}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle {color: var(--white);background-color: var(--cyan2);border-color: var(--cyan5);}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);}
.btn-warning {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);}
.btn-warning:hover {color: var(--dark2);background-color: var(--yellow6);border-color: var(--yellow2);}
.btn-warning:focus, .btn-warning.focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);}
.btn-warning.disabled, .btn-warning:disabled {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle {color: var(--dark2);background-color: var(--yellow2);border-color: var(--yellow7);}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);}
.btn-danger {color: var(--white);background-color: var(--danger);border-color: var(--danger);}
.btn-danger:hover {color: var(--white);background-color: var(--red10);border-color: var(--red2);}
.btn-danger:focus, .btn-danger.focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);}
.btn-danger.disabled, .btn-danger:disabled {color: var(--white);background-color: var(--danger);border-color: var(--danger);}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,.show > .btn-danger.dropdown-toggle {color: var(--white);background-color: var(--red2);border-color: var(--red11);}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);}
.btn-light {color: var(--dark2);background-color: var(--light);border-color: var(--light);}
.btn-light:hover {color: var(--dark2);background-color: var(--gray15);border-color: var(--gray3);}
.btn-light:focus, .btn-light.focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);}
.btn-light.disabled, .btn-light:disabled {color: var(--dark2);background-color: var(--light);border-color: var(--light);}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,.show > .btn-light.dropdown-toggle {color: var(--dark2);background-color: var(--gray3);border-color: var(--gray14);}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,.show > .btn-light.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);}
.btn-dark {color: var(--white);background-color: var(--dark);border-color: var(--dark);}
.btn-dark:hover {color: var(--white);background-color: var(--dark6);border-color: var(--dark3);}
.btn-dark:focus, .btn-dark.focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);}
.btn-dark.disabled, .btn-dark:disabled {color: var(--white);background-color: var(--dark);border-color: var(--dark);}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,.show > .btn-dark.dropdown-toggle {color: var(--white);background-color: var(--dark3);border-color: var(--dark12);}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);}
.btn-outline-primary {color: var(--primary);background-color: transparent;background-image: none;border-color: var(--primary);}
.btn-outline-primary:hover {color: var(--white);background-color: var(--primary);border-color: var(--primary);}
.btn-outline-primary:focus, .btn-outline-primary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: var(--primary);}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle {color: var(--white);background-color: var(--primary);border-color: var(--primary);}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);}
.btn-outline-secondary {color: var(--secondary);border-color: var(--secondary);}
.btn-outline-secondary:hover {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {color: var(--secondary);}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);}
.btn-outline-success {color: var(--success);border-color: var(--success);}
.btn-outline-success:hover {color: var(--white);background-color: var(--success);border-color: var(--success);}
.btn-outline-success:focus, .btn-outline-success.focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);}
.btn-outline-success.disabled, .btn-outline-success:disabled {color: var(--success);}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle {color: var(--white);background-color: var(--success);border-color: var(--success);}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);}
.btn-outline-info {color: var(--info);border-color: var(--info);}
.btn-outline-info:hover {color: var(--white);background-color: var(--info);border-color: var(--info);}
.btn-outline-info:focus, .btn-outline-info.focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);}
.btn-outline-info.disabled, .btn-outline-info:disabled {color: var(--info);}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle {color: var(--white);background-color: var(--info);border-color: var(--info);}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);}
.btn-outline-warning {color: var(--warning);border-color: var(--warning);}
.btn-outline-warning:hover {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);}
.btn-outline-warning:focus, .btn-outline-warning.focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {color: var(--warning);}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);}
.btn-outline-danger {color: var(--danger);border-color: var(--danger);}
.btn-outline-danger:hover {color: var(--white);background-color: var(--danger);border-color: var(--danger);}
.btn-outline-danger:focus, .btn-outline-danger.focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {color: var(--danger);}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle {color: var(--white);background-color: var(--danger);border-color: var(--danger);}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);}
.btn-outline-light {color: var(--light);border-color: var(--light);}
.btn-outline-light:hover {color: var(--dark2);background-color: var(--light);border-color: var(--light);}
.btn-outline-light:focus, .btn-outline-light.focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);}
.btn-outline-light.disabled, .btn-outline-light:disabled {color: var(--light);}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,.show > .btn-outline-light.dropdown-toggle {color: var(--dark2);background-color: var(--light);border-color: var(--light);}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-light.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);}
.btn-outline-dark {color: var(--dark);border-color: var(--dark);}
.btn-outline-dark:hover {color: var(--white);background-color: var(--dark);border-color: var(--dark);}
.btn-outline-dark:focus, .btn-outline-dark.focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {color: var(--dark);}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,.show > .btn-outline-dark.dropdown-toggle {color: var(--white);background-color: var(--dark);border-color: var(--dark);}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);}
.btn-link {color: var(--primary);}
.btn-link:hover {color: var(--blue4);}
.btn-link:disabled, .btn-link.disabled {color: var(--gray);}
.close {color: var(--black);text-shadow: 0 1px 0 var(--white);}
.close:hover, .close:focus {color: var(--black);}

/*
 * 8. LINKS
 */
a {color: var(--primary);}
a:hover {color: var(--blue4);}
.page-link {color: var(--primary);background-color: var(--white);border: 1px solid var(--border-color);}
.page-link:hover {color: var(--blue4);background-color: var(--light);border-color: var(--border-color);}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);}
.page-item.active .page-link {color: var(--white);background-color: var(--primary);border-color: var(--primary);}
.page-item.disabled .page-link {color: var(--gray);background-color: var(--white);border-color: var(--border-color);}

/*
 * 9. NAV
 */
.dropdown-item.active,.dropdown-item:active {color: var(--white);background-color: var(--primary);}
.dropdown-item.disabled,.dropdown-item:disabled {color: var(--white);background-color: var(--light);}
.dropdown-menu{padding:0;}
.nav-link.disabled {color: var(--gray);}
.nav-tabs {border-bottom: 1px solid var(--border-color);}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-color: var(--light) var(--light) var(--border-color);}
.nav-tabs .nav-link.disabled {color: var(--gray);}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {color: var(--gray2);background-color: var(--white);border-color: var(--border-color) var(--border-color) var(--white);}
.nav-pills .nav-link.active,.nav-pills .show > .nav-link {color: var(--white);background-color: var(--primary);}
.navbar-light .navbar-brand {color: rgba(var(--black-rgb), 0.9);}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {color: rgba(var(--black-rgb), 0.9);}
.navbar-light .navbar-nav .nav-link {color: rgba(var(--black-rgb), 0.5);}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: rgba(var(--black-rgb), 0.7);}
.navbar-light .navbar-nav .nav-link.disabled {color: rgba(var(--black-rgb), 0.3);}
.navbar-light .navbar-nav .show > .nav-link,.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active {color: rgba(var(--black-rgb), 0.9);}
.navbar-light .navbar-toggler {color: rgba(var(--black-rgb), 0.5);border-color: rgba(var(--black-rgb), 0.1);}
.navbar-light .navbar-text {color: rgba(var(--black-rgb), 0.5);}
.navbar-light .navbar-text a {color: rgba(var(--black-rgb), 0.9);}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {color: rgba(var(--black-rgb), 0.9);}
.navbar-dark .navbar-brand {color: var(--white);}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {color: var(--white);}
.navbar-dark .navbar-nav .nav-link {color: rgba(var(--white-rgb), 0.5);}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: rgba(var(--white-rgb), 0.75);}
.navbar-dark .navbar-nav .nav-link.disabled {color: rgba(var(--white-rgb), 0.25);}
.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active {color: var(--white);}
.navbar-dark .navbar-toggler {color: rgba(var(--white-rgb), 0.5);border-color: rgba(var(--white-rgb), 0.1);}
.navbar-dark .navbar-text {color: rgba(var(--white-rgb), 0.5);}
.navbar-dark .navbar-text a {color: var(--white);}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {color: var(--white);}

/*
* 10. TABLES
*/
.table-dark {color: var(--white);background-color: var(--dark);}
.table-dark td, .table-dark th, .table-dark thead th {border-color: var(--gray-dark);}
.table thead th {border-bottom: 2px solid var(--secondary);}
.table td, .table th {border-top: 1px solid var(--secondary);}


/*
* 11. CARDS
*/
.card-header {background-color: var(--light);border-bottom: 1px solid var(--light);padding: 0;}
.card-header .btn-link {color: var(--dark);display: block;text-decoration:none;width: 100%;text-align:left;	padding: .75rem 1.25rem;}
.card{border: 1px solid var(--gray-light);margin-bottom:-2px;}
.card {background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.125);}
.card-header {background-color: rgba(var(--black-rgb), 0.03);border-bottom: 1px solid rgba(var(--black-rgb), 0.125);}
.card-header:first-child {border-radius: calc(var(--border-radius) - 1px) calc(var(--border-radius) - 1px) 0 0;}
.card-footer {background-color: rgba(var(--black-rgb), 0.03);border-top: 1px solid rgba(var(--black-rgb), 0.125);}
.card-footer:last-child {border-radius: 0 0 calc(var(--border-radius) - 1px) calc(var(--border-radius) - 1px);}

/*
 * 12. TABS
 */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: var(--dark);background-color: var(--white);border-color: var(--gray-light) var(--gray-light) var(--white);}
.nav-tabs {border-bottom: 1px solid var(--gray-light);}
.nav-tabs .nav-item a {color: var(--dark);}
.nav-tabs .nav-link:hover {border-color: var(--gray-light) var(--gray-light) var(--gray-light);}
.nav-tabs .nav-link:focus {border-color: var(--gray-light) var(--gray-light) var(--white);}

/*
 * 13. GALLERY
 */
.img-thumbnail{padding:0;border:0;border-radius:0;}

/*
 * 14. FONT AWESOME
 */
.fa.fa-9:not(#top-help-navigation .fa.fa-9){font-size:500%}
.fa.fa-8:not(#top-help-navigation .fa.fa-8){font-size:450%}
.fa.fa-7:not(#top-help-navigation .fa.fa-7){font-size:400%}
.fa.fa-6:not(#top-help-navigation .fa.fa-6){font-size:350%}
.fa.fa-5:not(#top-help-navigation .fa.fa-5){font-size:300%}
.fa.fa-4:not(#top-help-navigation .fa.fa-4){font-size:250%}
.fa.fa-3:not(#top-help-navigation .fa.fa-3){font-size:200%}
.fa.fa-2:not(#top-help-navigation .fa.fa-2){font-size:150%}
.fa.fa-1:not(#top-help-navigation .fa.fa-1){font-size:100%}
.fa.link,.fa.fa-min-width{min-width: 1.2em;display: inline-block;}
a.social-link{min-width: 1.7em;display: inline-block;text-align:center;}
#top-help-navigation a.social-link{min-width: 1.2em;display: inline-block;text-align:center;}

/*
 * 15. TEXT
 */
.text-white {color: var(--white) !important;}
.text-primary {color: var(--primary) !important;}
a.text-primary:hover, a.text-primary:focus {color: var(--blue2) !important;}
.text-secondary {color: var(--secondary) !important;}
a.text-secondary:hover, a.text-secondary:focus {color: var(--gray4) !important;}
.text-success {color: var(--success) !important;}
a.text-success:hover, a.text-success:focus {color: var(--green2) !important;}
.text-info {color: var(--info) !important;}
a.text-info:hover, a.text-info:focus {color: var(--cyan2) !important;}
.text-warning {color: var(--yellow) !important;}
a.text-warning:hover, a.text-warning:focus {color: var(--yellow2) !important;}
.text-danger {  color: var(--danger) !important;}
a.text-danger:hover, a.text-danger:focus {color: var(--red2) !important;}
.text-light {color: var(--light) !important;}
a.text-light:hover, a.text-light:focus {color: var(--gray3) !important;}
.text-dark {color: var(--dark) !important;}
a.text-dark:hover, a.text-dark:focus {color: var(--dark3) !important;}
.text-muted {color: var(--secondary) !important;}

/*
 * 16. BORDER
 */
.border {border: 1px solid var(--border-color) !important;}
.border-top {border-top: 1px solid var(--border-color) !important;}
.border-right {border-right: 1px solid var(--border-color) !important;}
.border-bottom {border-bottom: 1px solid var(--border-color) !important;}
.border-left {border-left: 1px solid var(--border-color) !important;}
.border-primary {border-color: var(--primary) !important;}
.border-secondary {border-color: var(--secondary) !important;}
.border-success {border-color: var(--success) !important;}
.border-info {border-color: var(--info) !important;}
.border-warning {border-color: var(--yellow) !important;}
.border-danger {border-color: var(--danger) !important;}
.border-light {border-color: var(--light) !important;}
.border-dark {border-color: var(--dark) !important;}
.border-white {border-color: var(--white) !important;}

/*
 * 17. BACKGROUNDS
 */
.bg-primary {background-color: var(--primary) !important;}
a.bg-primary:hover, a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {background-color: var(--blue2) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
a.bg-secondary:hover, a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {background-color: var(--gray4) !important;}
.bg-success {background-color: var(--success) !important;}
a.bg-success:hover, a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {background-color: var(--green2) !important;}
.bg-info {background-color: var(--info) !important;}
a.bg-info:hover, a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {background-color: var(--cyan2) !important;}
.bg-warning {background-color: var(--yellow) !important;}
a.bg-warning:hover, a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {background-color: var(--yellow2) !important;}
.bg-danger {background-color: var(--danger) !important;}
a.bg-danger:hover, a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {background-color: var(--red2) !important;}
.bg-light {background-color: var(--light) !important;}
a.bg-light:hover, a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {background-color: var(--gray3) !important;}
.bg-dark {background-color: var(--dark) !important;}
a.bg-dark:hover, a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {background-color: var(--dark3) !important;}
.bg-white {background-color: var(--white) !important;}
.bg-transparent {background-color: transparent !important;}

/*
 * 18. CAROUSEL
 */ 
.carousel-control-prev,.carousel-control-next {color: var(--white);}
.carousel-control-prev:hover, .carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {color: var(--white);}
.carousel-indicators li {background-color: rgba(var(--white-rgb), 0.5);}
.carousel-indicators .active {background-color: var(--white);}
.carousel-caption {color: var(--white);} 
 
/*
 * 19. POPOVER, TOOLTIP, MODAL, BREADCRUMB, PROGRESS
 */  
.modal-content {background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.2);}
.modal-backdrop {background-color: var(--black);}
.modal-header {border-bottom: 1px solid var(--light);}
.modal-footer {border-top: 1px solid var(--light);}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {border-top-color: var(--black);}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {border-right-color: var(--black);}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {border-bottom-color: var(--black);}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {border-left-color: var(--black);}
.tooltip-inner {color: var(--white);background-color: var(--black);}
.popover {background-color: var(--white);}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {border-top-color: rgba(var(--black-rgb), 0.25);}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {border-top-color: var(--white);}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {border-right-color: rgba(var(--black-rgb), 0.25);}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {border-right-color: var(--white);}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {border-bottom-color: rgba(var(--black-rgb), 0.25);}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {border-bottom-color: var(--white);}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {border-bottom: 1px solid var(--white4);}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {border-left-color: rgba(var(--black-rgb), 0.25);}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {border-left-color: var(--white);}
.popover-header {background-color: var(--white4);border-bottom: 1px solid var(--white5);}
.popover-body {color: var(--dark2);}
.progress {background-color: var(--light);}
.progress-bar {color: var(--white);background-color: var(--primary);}
.progress-bar-striped {background-image: linear-gradient(45deg, rgba(var(--white-rgb), 0.15) 25%, transparent 25%, transparent 50%, rgba(var(--white-rgb), 0.15) 50%, rgba(var(--white-rgb), 0.15) 75%, transparent 75%, transparent);}
.breadcrumb {background-color: var(--light);}
.breadcrumb-item + .breadcrumb-item::before {color: var(--gray);}
.breadcrumb-item.active {color: var(--gray);}

/*
 * 20. LIST-GROUP
 */
.list-group-item-action {color: var(--gray2);}
.list-group-item-action:hover, .list-group-item-action:focus {color: var(--gray2);background-color: var(--light);}
.list-group-item-action:active {color: var(--dark2);background-color: var(--light);}
.list-group-item {background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.125);}
.list-group-item.disabled, .list-group-item:disabled {color: var(--gray);background-color: var(--white);}
.list-group-item.active {color: var(--white);background-color: var(--primary);border-color: var(--primary);}
.list-group-item-primary {color: var(--blue12);background-color: var(--blue9);}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {color: var(--blue12);background-color: var(--blue8);}
.list-group-item-primary.list-group-item-action.active {color: var(--white);background-color: var(--blue12);border-color: var(--blue12);}
.list-group-item-secondary {color: var(--dark10);background-color: var(--gray8);}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {color: var(--dark10);background-color: var(--gray7);}
.list-group-item-secondary.list-group-item-action.active {color: var(--white);background-color: var(--dark10);border-color: var(--dark10);}
.list-group-item-success {color: var(--green4);background-color: var(--green5);}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {color: var(--green4);background-color: var(--green3);}
.list-group-item-success.list-group-item-action.active {color: var(--white);background-color: var(--green4);border-color: var(--green4);}
.list-group-item-info {color: var(--cyan3);background-color: var(--blue7);}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {color: var(--cyan3);background-color: var(--blue6);}
.list-group-item-info.list-group-item-action.active {color: var(--white);background-color: var(--cyan3);border-color: var(--cyan3);}
.list-group-item-warning {color: var(--dark9);background-color: var(--yellow5);}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {color: var(--dark9);background-color: var(--yellow3);}
.list-group-item-warning.list-group-item-action.active {color: var(--white);background-color: var(--dark9);border-color: var(--dark9);}
.list-group-item-danger {color: var(--red5);background-color: var(--red4);}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {color: var(--red5);background-color: var(--red3);}
.list-group-item-danger.list-group-item-action.active {color: var(--white);background-color: var(--red5);border-color: var(--red5);}
.list-group-item-light {color: var(--gray10);background-color: var(--white3);}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {color: var(--gray10);background-color: var(--blue5);}
.list-group-item-light.list-group-item-action.active {color: var(--white);background-color: var(--gray10);border-color: var(--gray10);}
.list-group-item-dark {color: var(--dark7);background-color: var(--gray6);}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {color: var(--dark7);background-color: var(--gray5);}
.list-group-item-dark.list-group-item-action.active {color: var(--white);background-color: var(--dark7);border-color: var(--dark7);} 

/*
 * 21. ALERTS & BADGES
 */
.alert-primary {color: var(--blue12);background-color: var(--blue15);border-color: var(--blue9);}
.alert-primary hr {border-top-color: var(--blue8);}
.alert-primary .alert-link {color: var(--blue13);}
.alert-secondary {color: var(--dark10);background-color: var(--gray13);border-color: var(--gray8);}
.alert-secondary hr {border-top-color: var(--gray7);}
.alert-secondary .alert-link {color: var(--dark11);}
.alert-success {color: var(--green4);background-color: var(--green9);border-color: var(--green5);}
.alert-success hr {border-top-color: var(--green3);}
.alert-success .alert-link {color: var(--green8);}
.alert-info {color: var(--cyan3);background-color: var(--blue14);border-color: var(--blue7);}
.alert-info hr {border-top-color: var(--blue6);}
.alert-info .alert-link {color: var(--black3);}
.alert-warning {color: var(--dark9);background-color: var(--yellow3);border-color: var(--yellow5);}
.alert-warning hr {border-top-color: var(--yellow3);}
.alert-warning .alert-link {color: var(--dark8);}
.alert-danger {color: var(--red5);background-color: var(--red9);border-color: var(--red4);}
.alert-danger hr {border-top-color: var(--red3);}
.alert-danger .alert-link {color: var(--red8);}
.alert-light {color: var(--gray10);background-color: var(--white2);border-color: var(--white3);}
.alert-light hr {border-top-color: var(--blue5);}
.alert-light .alert-link {color: var(--gray12);}
.alert-dark {color: var(--dark7);background-color: var(--gray11);border-color: var(--gray6);}
.alert-dark hr {border-top-color: var(--gray5);}
.alert-dark .alert-link {color: var(--black2);}
.badge-primary {color: var(--white);background-color: var(--primary);}
.badge-primary[href]:hover, .badge-primary[href]:focus {color: var(--white);background-color: var(--blue2);}
.badge-secondary {color: var(--white);background-color: var(--secondary);}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {color: var(--white);background-color: var(--gray4);}
.badge-success {color: var(--white);background-color: var(--success);}
.badge-success[href]:hover, .badge-success[href]:focus {color: var(--white);background-color: var(--green2);}
.badge-info {color: var(--white);background-color: var(--info);}
.badge-info[href]:hover, .badge-info[href]:focus {color: var(--white);background-color: var(--cyan2);}
.badge-warning {color: var(--dark2);background-color: var(--yellow);}
.badge-warning[href]:hover, .badge-warning[href]:focus {color: var(--dark2);background-color: var(--yellow2);}
.badge-danger {color: var(--white);background-color: var(--danger);}
.badge-danger[href]:hover, .badge-danger[href]:focus {color: var(--white);background-color: var(--red2);}
.badge-light {color: var(--dark2);background-color: var(--light);}
.badge-light[href]:hover, .badge-light[href]:focus {color: var(--dark2);background-color: var(--gray3);}
.badge-dark {color: var(--white);background-color: var(--dark);}
.badge-dark[href]:hover, .badge-dark[href]:focus {color: var(--white);background-color: var(--dark3);} 
 
/*
 * 22. FORMS
 */ 
.form-control {color: var(--gray2);background-color: var(--white);border: 1px solid var(--gray9);}
.form-control:focus {color: var(--gray2);background-color: var(--white);border-color: var(--blue10);box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);}
.form-control::-webkit-input-placeholder {color: var(--gray);}
.form-control::-moz-placeholder {color: var(--gray);}
.form-control:-ms-input-placeholder {color: var(--gray);}
.form-control::-ms-input-placeholder {color: var(--gray);}
.form-control::placeholder {color: var(--gray);}
.form-control:disabled, .form-control[readonly] {background-color: var(--light);}
select.form-control:focus::-ms-value {color: var(--gray2);background-color: var(--white);}
.form-check-input:disabled ~ .form-check-label {color: var(--gray);} 
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {border-color: var(--success);}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus,.custom-select.is-valid:focus {border-color: var(--success);box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {color: var(--success);}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {color: var(--success);}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {background-color: var(--green7);}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {background-color: var(--green6);}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px var(--white), 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {border-color: var(--success);}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);}
.invalid-feedback {color: var(--danger);}
.invalid-tooltip {color: var(--white);background-color: rgba(var(--danger-rgb), 0.8);}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {border-color: var(--danger);}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus {border-color: var(--danger);box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {color: var(--danger);}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {color: var(--danger);}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {background-color: var(--red6);}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {background-color: var(--red7);}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px var(--white), 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {border-color: var(--danger);}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);}
.dropdown-menu {color: var(--dark2);background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.15);}
.dropdown-divider {border-top: 1px solid var(--light);}
.dropdown-item {color: var(--dark2);}
.dropdown-item:hover, .dropdown-item:focus {color: var(--dark5);background-color: var(--light);}
.dropdown-item.active, .dropdown-item:active {color: var(--white);background-color: var(--primary);}
.dropdown-item.disabled, .dropdown-item:disabled {color: var(--gray);}
.dropdown-header {color: var(--gray);}
.input-group-text {color: var(--gray2);background-color: var(--light);border: 1px solid var(--gray9);}
.custom-control-input:checked ~ .custom-control-label::before {color: var(--white);background-color: var(--primary);}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px var(--white), 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);}
.custom-control-input:active ~ .custom-control-label::before {color: var(--white);background-color: var(--blue11);}
.custom-control-input:disabled ~ .custom-control-label {color: var(--gray);}
.custom-control-input:disabled ~ .custom-control-label::before {background-color: var(--light);}
.custom-control-label::before {background-color: var(--border-color);}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: var(--primary);}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {background-color: var(--primary);}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(var(--primary-rgb), 0.5);}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {background-color: rgba(var(--primary-rgb), 0.5);}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: var(--primary);}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(var(--primary-rgb), 0.5);}
.custom-select {color: var(--gray2);background: var(--white) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; border: 1px solid var(--gray9);}
.custom-select:focus {border-color: var(--blue10);}
.custom-select:focus::-ms-value {color: var(--gray2);background-color: var(--white);}
.custom-select:disabled {color: var(--gray);background-color: var(--light);}
.custom-file-input:focus ~ .custom-file-control {border-color: var(--blue10);box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);}
.custom-file-input:focus ~ .custom-file-control::before {border-color: var(--blue10);}
.custom-file-label {color: var(--gray2);background-color: var(--white);border: 1px solid var(--gray9);}
.custom-file-label::after {color: var(--gray2);background-color: var(--light);border-left: 1px solid var(--gray9);}
.valid-feedback {color: var(--success);}
.valid-tooltip {color: var(--white);background-color: rgba(var(--success-rgb), 0.8);}

/*
 * 23. TABLES
 */
.table th,.table td {border-top: 1px solid var(--border-color);}
.table thead th {border-bottom: 2px solid var(--border-color);}
.table tbody + tbody {border-top: 2px solid var(--border-color);}
.table .table {background-color: var(--white);}
.table-bordered {border: 1px solid var(--border-color);}
.table-bordered th,.table-bordered td {border: 1px solid var(--border-color);}
.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(var(--black-rgb), 0.05);}
.table-hover tbody tr:hover {background-color: rgba(var(--black-rgb), 0.075);}
.table-primary,.table-primary > th,.table-primary > td {background-color: var(--blue9);}
.table-hover .table-primary:hover {background-color: var(--blue8);}
.table-hover .table-primary:hover > td,.table-hover .table-primary:hover > th {background-color: var(--blue8);}
.table-secondary,.table-secondary > th,.table-secondary > td {background-color: var(--gray8);}
.table-hover .table-secondary:hover {background-color: var(--gray7);}
.table-hover .table-secondary:hover > td,.table-hover .table-secondary:hover > th {background-color: var(--gray7);}
.table-success,.table-success > th,.table-success > td {background-color: var(--green5);}
.table-hover .table-success:hover {background-color: var(--green3);}
.table-hover .table-success:hover > td,.table-hover .table-success:hover > th {background-color: var(--green3);}
.table-info,.table-info > th,.table-info > td {background-color: var(--blue7);}
.table-hover .table-info:hover {background-color: var(--blue6);}
.table-hover .table-info:hover > td,.table-hover .table-info:hover > th {background-color: var(--blue6);}
.table-warning,.table-warning > th,.table-warning > td {background-color: var(--yellow5);}
.table-hover .table-warning:hover {background-color: var(--yellow3);}
.table-hover .table-warning:hover > td,.table-hover .table-warning:hover > th {background-color: var(--yellow3);}
.table-danger,.table-danger > th,.table-danger > td {background-color: var(--red4);}
.table-hover .table-danger:hover {background-color: var(--red3);}
.table-hover .table-danger:hover > td,.table-hover .table-danger:hover > th {background-color: var(--red3);}
.table-light,.table-light > th,.table-light > td {background-color: var(--white3);}
.table-hover .table-light:hover {background-color: var(--blue5);}
.table-hover .table-light:hover > td,.table-hover .table-light:hover > th {background-color: var(--blue5);}
.table-dark,.table-dark > th,.table-dark > td {background-color: var(--gray6);}
.table-hover .table-dark:hover {background-color: var(--gray5);}
.table-hover .table-dark:hover > td,.table-hover .table-dark:hover > th {background-color: var(--gray5);}
.table-active,.table-active > th,.table-active > td {background-color: rgba(var(--black-rgb), 0.075);}
.table-hover .table-active:hover {background-color: rgba(var(--black-rgb), 0.075);}
.table-hover .table-active:hover > td,.table-hover .table-active:hover > th {background-color: rgba(var(--black-rgb), 0.075);}
.table .thead-dark th {color: var(--white);background-color: var(--dark2);border-color: var(--dark4);}
.table .thead-light th {color: var(--gray2);background-color: var(--light);border-color: var(--border-color);}
.table-dark {color: var(--white);background-color: var(--dark2);}
.table-dark th,.table-dark td,.table-dark thead th {border-color: var(--dark4);}
.table-dark.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(var(--white-rgb), 0.05);}
.table-dark.table-hover tbody tr:hover {background-color: rgba(var(--white-rgb), 0.075);}