body, input, .input_field_text {
	color: var(--primary-text) !important;
}

.panel-default > .panel-heading, .panel-default > .genealogy-heading {
	color: var(--secondary-text) !important;
	background-color: var(--secondary-color) !important;
}

/* PRIMARY! Used in admin and back office on BOX header_class */
.xflow_bg_color {
	background-color: var(--primary-color) !important;
}

/* PRIMARY! Used in back office on H4 for Box hadeadr overlay */
		
.panel-default > .panel-heading {
	margin-top: 0px;
	/* border-top: 1px solid var(--panel-border, var(--primary-color-alt, var(--primary-color))) !important; */
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/* Backwards compatable */
.TH_Header {
	background-color: var(--secondary-color) !important;
	color: var(--secondary-text) !important;
}

.xflow_nav {
	background-color: var(--primary-header-bg-color) !important;
}

a.xflow_nav {
	color: var(--primary-header-link-color) !important;
}

.admin_nav_bg {
	background: none;
	background-color: var(--admin-nav) !important;
}

.admin_nav_bg, .login-info span, #left-panel {
	background: none;
	background-color: var(--primary-header-bg-color) !important;
}


#footButtons li {
	width: 20% !important;
	max-width: 25%;
	overflow: hidden;
	text-align: center;
}

.menu-on-top .menu-item-parent {
	font-size: 13px !important;
	max-width: 125px !important;
}

.admin_nav, .menu-on-top nav>ul>li>a:after {
	color: var(--primary-color-alt) !important;
}

.nav-tabs>li.active>a {
	color: var(--primary-color) !important;
	-webkit-box-shadow: 0 -2px 0 #000 !important;
	-moz-box-shadow: 0 -2px 0 #000 !important;
	box-shadow: 0 -2px 0 #000 !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: var(--secondary-text) !important;
	background-color: var(--secondary-color) !important;
}

/* Admin Topbar menu overrides*/
.menu-on-top nav ul ul, .menu-on-top nav ul ul ul {
	border-bottom: 2px solid var(--primary-header-link-color) !important;
	background: red;
}

.menu-on-top nav ul ul li a, .menu-on-top nav ul ul ul li a {
	color: var(--primary-header-link-color) !important;
	background: var(--primary-color) !important;
}

.menu-on-top nav ul ul li a:hover, .menu-on-top nav ul ul ul li a:hover {
	background: var(--secondary-color) !important;
}


		/* BO nav hover */
.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: var(--primary-color-alt) !important;
}

.login-info a span {
	color: var(--secondary-color-alt) !important;
}

.minifyme {
	background: var(--button-bg_color) !important;
	/*border-bottom: 1px solid var() !important;*/
	border: 0 !important;
	color: var(--button-text) !important;
}

.nav-tabs > li > a:hover {
	background: var(--primary-color-alt) !important;
}

.jarviswidget>header {
	background: var(--secondary-color) !important; 
	color: var(--secondary-text) !important; 
}

/* ----------------- BO NAV TXT COLOR : start ----------------------- */
		
		/* BO Nav Active/Open Main Drop Down Header text */
nav ul .active>a, nav ul li.open>a, nav ul li.open>a b {
	color: var(--admin-nav) !important;
	font-weight: 700;
	background: var(--primary-color) !important;
}

/* BO Nav Primary LI Nav text & BO Nav Sub Menu LI Nav text*/
nav>ul>li>a, nav ul ul li>a {
	color: var(--primary-color-alt) !important;
	font-size: 12px!important;
}

/* BO Nav hover text 
		nav ul li a:hover, nav ul ul li>a:hover {
			color: var(--secondary-text) !important;
			font-weight: 700;
		}*/

		/* ----------------- BO NAV TXT COLOR : END ----------------------- */
		
nav>ul>li>a>i, header a {
	color: var(--primary-header-link-color) !important;
}

/* ----------------- Public NAV TXT COLOR : start ----------------------- */

ul.navbar-nav li a {
	color: var(--primary-header-link-color) !important;
}

ul.navbar-nav li a:hover {
	color: var(--secondary-link) !important;
}

/* ----------------- Public NAV TXT COLOR : END ----------------------- */


#cart_button .btn-default, #cart_button .btn-default:hover {
	color: var(--primary-header-link-color) !important;
	background: var(--primary-header-bg) !important;
	border-color: transparent;
	border-width: 0px;
}

#cart_button .btn-default, .page-footer .nav-tabs {
	/*height: 50px;*/
}

header #cart_button .btn-default {
	/*height: 34px !important;*/
}

.menu-on-top aside#left-panel nav>ul>li:hover {
	background: var(--button-bg_color) !important;
}

.menu-on-top aside#left-panel nav>ul>li:hover i {
	color: var(--button-text) !important;
}

.smart-style-2.menu-on-top aside#left-panel nav>ul>li:hover>a {
	color: var(--primary-header-link-color) !important;
}

.minified nav>ul>li>a>.menu-item-parent {
	background: var(--primary-header-bg-color) !important;
}

.minified nav>ul>li>ul, .minified nav>ul>li>ul>li, .minified nav>ul>li>ul>li>ul>li {
	background: var(--primary-header-bg-color) !important;
}

.minified nav>ul>li>a>.menu-item-parent {
	color: var(--primary-header-link-color) !important;
	font-size: 130%;
	font-weight: 700;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: var(--primary-header-color) !important;
}

.btn-primary, a.btn-primary {
	color: var(--button-text) !important;
	background-color: var(--button-bg_color) !important;
	border-color: var(--button-border-color) !important;
}

.btn-warning {
	color: var(--button-text) !important;
	background-color: #f0ad4e !important;
	border-color: #eea236 !important;
}

.btn-danger {
	color: var(--button-text) !important;
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
}

.btn-link {
	color: var(--primary-link);
	background-color: transparent !important;
	outline-width: 0;
}

.panel-heading .btn i {
	line-height: 20px;
	width: 10px;
}

.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open>.dropdown-toggle.btn-link {
	color: var(--button-secondary-text) !important;
	background-color: var(--button-secondary-bg-color) !important;
	border-color: var(--button-secondary-border-color) !important;
	outline-width: 0 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	color: var(--button-secondary-text) !important;
	background-color: var(--button-secondary-bg-color) !important;
	border-color: var(--button-secondary-border-color) !important;
	outline-width: 0 !important;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
	color: var(--button-secondary-text) !important;
	background-color: var(--button-secondary-bg-color) !important;
	border-color: var(--button-secondary-border-color) !important;
	outline-width: 0 !important;
}

/* PUBLIC: Start  -- Mostly unused  */
.xflow_color {
	color: var(--secondary-text) !important;
}

.xflow_txt_color {
	color: var(--secondary-text) !important;
}

.xflow_main_bg_color {
	background-color: var(--secondary-color) !important;
}

.xflow_nav_color {
	color: var(--primary-header-bg-color) !important;
}

.navbar-default .navbar-nav > li > a {
	color: var(--bo-nav-link) !important;
}
/* WISTIA Embed Responsive CSS */

.proprofs_embed {
	/* width: 720px;
			height: 450px;		 */
	width: 525px;
	height: 295px;
}

.wistia_embed {
	/* width: 640px;
			height: 360px; */
	width: 525px;
	height: 295px;
}
/* PUBLIC: End */

		/* ###########################  OVER RIDE  ############################### */

		/* Small Cart Nav Link, override smartadmin */
.small_cart_a {
	display: inline !important;
	padding: 0px !important;
}

.small_cart_a:hover, .small_cart_a:focus, .small_cart_a:active, .small_cart_a.active {
	text-decoration: underline;
	cursor: pointer;
}
/* Responsive fixes */

.panel-body {
	/*padding: 0 !important;*/
	padding-top: 15px !important;
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
#logo-group {
	width: 189px !important;
}
}

@media (max-width: 880px) and (min-width: 768px) {
#header>:first-child {
	width: auto !important;
}
}

#hide-menu>:first-child>a, .btn-header a {
	color: var(--secondary-color-alt) !important;
}

.smart-style-2 #hide-menu a:hover i, .smart-style-2 .btn-header>:first-child>a:hover {
	color: var(--secondary-color-alt) !important;
}

.smart-style-2 #hide-menu a i, .smart-style-2 .btn-header>:first-child>a {
	color: var(--secondary-color-alt) !important;
}



select[name="api_method"] {
	width: 100% !important;
}

/* ###########################  CHANGES  ############################### */


body,html{height:100%;}
body{padding-top:50px !important; padding-bottom: 50px;}
#avatar_image{max-height:44px !important; margin-top:3px;}
#main, .navTabsStage{height:100vh!important;}

.fixed-header #main {
	margin-top: 0px !important;
}

#footerSpacer{display:none;}

.tab-content{height:calc(100% - 50px); /* overflow-y:scroll;*/ border-top:0px solid #ddd;}
.navTabsStage .fa-2x{font-size:1.75em !important;}
.panel-heading .btn i{font-size:12px !important; line-height: 20px !important; min-width:10px;}
.headerBtn{ padding:1px 5px !important;}

.panelHeadingBtns {padding-bottom: 10px; float:right; position: relative; display: inline-block; top: 0px;}

body.menu-on-top {padding-top:125px !important; padding-bottom:60px !important; height: auto !important;}


#shopBrowse .tab-content { height: inherit; overflow-y:inherit;}



.page-footer .nav-tabs > li > a{}

header .pull-right { 
	width:auto; height: 50px; 
}

#team_grid{margin-bottom:auto !important;}


h4.shop_nav_title, .shop_nav_title h4{ font-size:1.5vw !important; line-height:36px !important; margin-bottom: 0px;}
#shop_header_wrap > div:nth-child(5){flex-grow:0 !important;}
#shop_header_wrap > div:nth-child(1) > button:hover{color:#000 !important; border-radius: 18px;}
#shop_widget_form > table > tbody > tr > td.product > small > button{ color:#000 !important; width: 65px; text-align: center;margin-left:10px; clear:both;}

@media (max-width:979px) {
	h4.shop_nav_title, .shop_nav_title h4{ font-size:16px !important; line-height:36px !important; margin-bottom: 0px;}
}
@media (min-width:980px) {
	h4.shop_nav_title, .shop_nav_title h4{ font-size:1.5vw !important; line-height:36px !important; margin-bottom: 0px;}
}


@media (min-width: 768px){
	.col-sm-8 {
		/* width: 66.6% !important;*/
	}
	.mobile-view-activated #main>.container, .mobile-view-activated #main>.panel-body, .mobile-view-activated #main>section>.container {
		padding-left: 15px !important;
	}
}

/* MOVED FROM inc.xflow_css.html */

.nav>li>a:focus, .nav>li>a:hover {
	/* background: transparent !important; */
	font-weight: 500;
}

.nav-btn .nav-link {
	color: var(--button-text) !important;
}