/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #99B6D3;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #99B6D3; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #99B6D3; /* Safari */
	color: #FFF;
	text-shadow: none;
}

:active,
:focus { outline: none !important; }

/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1;
	color: #555;
	font-family: 'Lato', sans-serif;
}

a {
	text-decoration: none;
	color: #004990;
}

/* a:hover,
a:active { color: rgba(0,73,144,0.4) } */



.subMenu a:focus, .subMenu a:active, .subMenu a:hover, 
.pageMenu a:focus { color: rgba(0,73,144,0.4); }


a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }

textarea:focus, input:focus {
	border: 2px solid #AAA;
}

/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 30px 0;
	font-family: 'Raleway', sans-serif;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; }

h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor) { color: #AFAA88; }

p {margin-bottom: 20px; }

p.italic { font-style: italic; }

pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
form { margin-bottom: 30px; }

fieldset {margin-bottom: 12px; }

small { font-family: 'Lato', sans-serif; }

.pricingtext {
	font-size: 14px;
	line-height: 1.5;
}

/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/
.uppercase { text-transform: uppercase !important; }

.lowercase { text-transform: lowercase !important; }

.capitalize { text-transform: capitalize !important; }

.nott { text-transform: none !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }

.ohidden {
	position: relative;
	overflow: hidden !important;
}

#wrapper {
	position: relative;
	float: none;
	width: 1220px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	
	flex: 1;
	display: flex;
	flex-direction: column;
}	
	


.line,
.double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 60px 0;
	border-top: 1px solid #EEE;
}

.line.line-sm { margin: 30px 0; }

span.middot {
	display: inline-block;
	margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.emptydiv {
	display: block !important;
	position: relative !important;
}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }

.rightmargin-sm { margin-right: 30px !important; }

.topmargin-sm { margin-top: 30px !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.leftmargin-xs { margin-left: 6px !important; }

.rightmargin-xs { margin-right: 6px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 60px; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.padding-sm {padding: 25px !important; }

.sidepadding-sm { padding: 0px 35px 0px !important; }

.sidepadding { padding: 0px 50px 0px !important; }

.leftpadding-sm { padding: 0px 0px 0px 25px!important; }

.leftpadding-xs { padding: 0px 0px 0px 15px !important; }

.leftpadding-xxs {padding: 0px 0px 0px 10px !important;}

.rightpadding-sm { padding: 0px 25px 0px 0px !important; }

.rightpadding-xs { padding: 0px 15px 0px 0px !important; }

.rightpadding-xxs { padding: 0px 10px 0px 0px !important;}

.topmargin-xs {margin-top: 15px !important;}

.bottommargin-xs {margin-bottom: 15px !important;}

.bottommargin-xxs {margin-bottom: 10px !important;}

.bottompadding { padding-bottom: 50px !important; }

.bottompadding-sm { padding-bottom: 25px !important; }

.bottompadding-xs { padding-bottom: 15px !important; }

.bottompadding-xxs {padding-bottom: 10px !important;}

.toppadding { padding-top: 50px !important; }

.toppadding-sm { padding-top: 25px !important; }

.toppadding-xs { padding-top: 15px !important; }

.toppadding-xxs {padding-top: 10px !important;}

.padding-sm {padding: 25px !important; }

.padding-xs {padding: 15px !important; }

.padding-xxs {padding: 10px !important; }

.inline-block {
	float: none !important;
	display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap { background-color: #1ABC9C !important; }

.color { color: #004990 !important; }

.border-color { border-color: #1ABC9C !important; }

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls0 { letter-spacing: 0px !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.noheight { height: 0 !important; }

.nolineheight { line-height: 0 !important; }

.font-body { font-family: 'Lato', sans-serif; }

.font-primary { font-family: 'Raleway', sans-serif; }

.font-secondary { font-family: 'Crete Round', serif; }



 @-webkit-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-moz-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-ms-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-o-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}


.input-block-level {
	display: block;
	width: 100% !important;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vertical-middle {
	height: auto !important;
	left: 0;
}

.magnific-max-width .mfp-content { max-width: 800px; }


/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/


.section {
	position: relative;
	margin: 60px 0;
	padding: 60px 0;
	background-color: #F9F9F9;
	overflow: hidden;
}

.section .container { z-index: 2; }


/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/



.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
	position: relative;
	padding: 0 60px;
	width: 100%;
}


.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 50px;
	float: left;
}


.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}


.col_last {
	margin-right: 0 !important;
	clear: right;
}

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/


#header {
	position: relative;
	background-color: #FFF;
	border-bottom: 1px solid #F5F5F5;
}

#header .container { position: relative; }


#header.full-header { border-bottom-color: #EEE; }

body.stretched #header.full-header .container {
	width: 100%;
	padding: 0 30px;
}



/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo {
	position: relative;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	line-height: 100%;
	margin-right: 0px;
}

#header.full-header #logo {
	padding-right: 0px;
	margin-right: 0px;
	border-right: 1px solid #EEE;
}


#logo a {
	display: block;
	color: #000;
}

#logo img {
/*	display: block; */
	max-width: 100%;
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: none; }



/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/


#primary-menu { float: right; }

#primary-menu ul.mobile-primary-menu { display: none; }


#header.full-header #primary-menu > ul {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #EEE;
}

#header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); }


#primary-menu-trigger,
#page-submenu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

#primary-menu ul {
	list-style: none;
	margin: 0;
}

#primary-menu > ul { float: left; }

#primary-menu ul li { position: relative; }

#primary-menu ul > li {
	float: left;
	margin-left: 2px;
}
#primary-menu ul li.mega-menu { position: inherit; }

#primary-menu ul li:first-child { margin-left: 0; }

/* #primary-menu ul li a {
	display: block;
	height: 100px;
	line-height: 110px;
	padding: 0 15px;
	color: #004990;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	-o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
} */

#primary-menu ul li > a {


	display: block;

	line-height: 22px;
	padding: 39px 15px;
	color: #004990;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
}

#primary-menu ul li span { display: none; }

#primary-menu ul li i {
	position: relative;
	font-size: 14px !important;
	top: 1px;
	line-height: 99px;
	width: 14px;
	text-align: center;
	margin-right: 6px;
	-webkit-transition: line-height .4s ease;
	-o-transition: line-height .4s ease;
	transition: line-height .4s ease;
}

#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a { color: #AFAA88; }


#primary-menu > ul > li.sub-menu > a > div { }

#primary-menu ul ul,
#primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	width: 220px;
	background-color: #FFF;
	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #1ABC9C;
	height: auto;
	z-index: 199;
	top: 100px;
	left: 0;
	margin: 0;
}

#primary-menu ul ul ul {
	top: -2px !important;
	left: 218px;
}

#primary-menu ul ul.menu-pos-invert,
#primary-menu ul li .mega-menu-content.menu-pos-invert {
	left: auto;
	right: 0;
}

#primary-menu ul ul ul.menu-pos-invert { right: 218px; }

#primary-menu ul ul li {
	float: none;
	margin: 0;
}

#primary-menu ul ul li:first-child { border-top: 0; }

#primary-menu ul ul a {
	font-size: 12px;
	font-weight: 600;
	height: 42px !important;
	line-height: 42px !important;
	color: #666 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: 0 !important;
	letter-spacing: 0;
	font-family: 'Lato', sans-serif;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#primary-menu ul ul li:hover > a {
	background-color: #F9F9F9;
	padding-left: 18px;
	color: #AFAA88 !important;
}

#primary-menu ul ul i { line-height: inherit; }

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
	background-image: url("images/icons/submenu.png");
	background-position: right center;
	background-repeat: no-repeat;
}

/* Primary Menu - Style 2
-----------------------------------------------------------------*/

#primary-menu.style-2 {
	float: none;
	max-width: none;
	border-top: 1px solid #F5F5F5;
}

#primary-menu.style-2 > div > ul { float: left; }

#primary-menu.style-2 > div > ul > li > a {
	padding-top: 19px;
	padding-bottom: 19px;
}

#logo + #primary-menu.style-2 { border-top: 0; }

#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
	margin-top: 20px;
	margin-bottom: 20px;
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center > ul,
body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center > div {
	float: none;
	display: inline-block !important;
	width: auto;
	text-align: left;
}

/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/


#header,
#header-wrap {
/*	height: 200px; */
	height: auto;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

#header.sticky-style-2 { height: 161px; }

#header.sticky-style-3 { height: 181px; }

#header.sticky-style-2 #header-wrap { height: 60px; }

#header.sticky-style-3 #header-wrap { height: 80px; }

#primary-menu > ul > li > ul,
#primary-menu > ul > li > .mega-menu-content,
#primary-menu > ul > li.mega-menu > .mega-menu-content {
	-webkit-transition: top .4s ease;
	-o-transition: top .4s ease;
	transition: top .4s ease;
}

body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

body.top-search-open #header-wrap #logo,
body.top-search-open #primary-menu > ul,
body.top-search-open #primary-menu > .container > ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger { opacity: 0; }

#header.sticky-header.semi-transparent { background-color: transparent; }

#header-wrap {
	position: relative;
	z-index: 199;
	-webkit-backface-visibility: hidden;
}

#header.sticky-header #header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255,255,255,0.8) }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
	padding-top: 19px;
	padding-bottom: 19px;
}

#header.sticky-header:not(.static-sticky).sticky-style-2,
#header.sticky-header:not(.static-sticky).sticky-style-3 { height: 161px; }

#header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu,
#header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu { border-top: 0; }

#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; }

#header.sticky-header.sticky-style-2 #primary-menu { border-top: 0; }

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/


.button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 22px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #004990;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button:focus { background-color: rgba(0,73,144,0.4); }

body:not(.device-touch) .button {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.button-dark { background-color: #004990; }

.button-light {
	background-color: #EEE;
	color: #333;
	text-shadow: none !important;
}

.button:hover {
	background-color: rgba(0,73,144,0.4);
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-dark:hover { background-color: #AFAA88; }

.button.button-mini {
	padding: 0 14px;
	font-size: 11px;
	height: 28px;
	line-height: 28px;
}

.button.button-small {
	padding: 0 17px;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
}

.button.button-large {
	padding: 0 26px;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
}

.button.button-xlarge {
	padding: 0 32px;
	font-size: 18px;
	letter-spacing: 2px;
	height: 52px;
	line-height: 52px;
}

.button.button-desc {
	text-align: left;
	padding: 24px 34px;
	font-size: 22px;
	height: auto;
	line-height: 1;
	font-family: 'Raleway', sans-serif;
}

.button.button-desc span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	font-family: 'Crete Round', serif;
	font-style: italic;
	text-transform: none;
}

.button i {
	position: relative;
	top: 1px;
	line-height: 1;
	margin-right: 5px;
}

.button.tright i { margin: 0 0 0 5px; }

.button-mini i { margin-right: 3px; }

.button-mini.tright i { margin: 0 0 0 3px; }

.button-small i { margin-right: 4px; }

.button-small.tright i { margin: 0 0 0 4px; }

.button-xlarge i {
	top: 2px;
	margin-right: 8px;
}

.button-xlarge.tright i { margin: 0 0 0 8px; }

.button.button-desc i {
	top: 1px;
	font-size: 48px;
	width: 48px;
	text-align: center;
	margin-right: 12px;
}

.button.button-desc.tright i { margin: 0 0 0 12px; }

.button.button-desc div { display: inline-block; }

.button.button-rounded { border-radius: 3px; }


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
	border: 2px solid #444;
	background-color: transparent;
	color: #333;
	line-height: 36px;
	font-weight: 600;
	text-shadow: none;
}

.button.button-border.button-mini { line-height: 24px; }

.button.button-border.button-small { line-height: 30px; }

.button.button-border.button-large { line-height: 42px; }

.button.button-border.button-xlarge { line-height: 48px; }

.button.button-border.button-desc { line-height: 1; }

.button.button-border:hover {
	background-color: #444;
	color: #FFF;
	border-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-border.button-light {
	border-color: #EEE;
	color: #EEE;
}

.button.button-border.button-light:hover {
	background-color: #EEE;
	color: #333;
	text-shadow: none;
}


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-3d {
	border-radius: 3px;
	border-bottom: 3px solid rgba(0,0,0,0.15);
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.button.button-3d:not:hover {
	background-color: rgba(0,73,144,0.4) !important;
	opacity: 0.9;
}

.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {
	text-shadow: none;
	color: #333;
}



/* ----------------------------------------------------------------
	22. Forms
-----------------------------------------------------------------*/

.sm-form-control {
/*	display: block; */
	width: 100%;
/*	height: 38px; */
	height: auto;
	padding: 2px 6px;
	font-size: 14px;
/*	line-height: 1.42857143; */
	line-height: 18px;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}

.formfield-readonly {
/*	display: block; */
	width: 100%;
	min-height: 26px;
	height: auto;
	padding: 2px 6px;
	font-size: 14px;
/*	line-height: 1.42857143; */
	line-height: 18px;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;
}

.sm-form-control:focus {
	border-color: #AAA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sm-form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.sm-form-control:-ms-input-placeholder { color: #999; }
.sm-form-control::-webkit-input-placeholder { color: #999; }

/*.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
	cursor: not-allowed;
	background-color: rgb(245,245,245);
	opacity: 1;
} */

/* .sm-form-control[disabled],
fieldset[disabled] .sm-form-control {
	cursor: not-allowed;
	background-color: rgb(245,245,245);
	opacity: 1;
} 

.sm-form-control[disabled],
fieldset[disabled] .sm-form-control,
.sm-form-control[readonly]{
	cursor: text;
	background-color: #f9f8f6;
	opacity: 1;
}

.sm-form-control[disabled],
.sm-form-control[readonly] {
	cursor: default;
	background-color: #f9f8f6;
	outline: none;
} */

.sm-form-control[disabled],
fieldset[disabled] .sm-form-control,
.sm-form-control[readonly]{
	cursor: text;
	background-color: #f9f8f6;
	opacity: 1; 
	outline: none;
}


/*.sm-form-control { height: auto; } */

.form-control { border-radius: 3px; }

.form-control:active,
.form-control:focus {
	border-color: #AAA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/*.form-control.error,
.sm-form-control.error { border-color: #004990; } */

.form-control.error,
.sm-form-control.error { border-color: #DE0B00; }

/* label {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #555;
	margin-bottom: 10px;
	cursor: pointer;
} */

label.label-muted {
	color: #999;
	font-weight: normal;
	margin-right: 5px;
}


form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth { margin-bottom: 25px; }

/* ----------------------------------------------------------------
	32. Footer
-----------------------------------------------------------------*/


#footer {
	position: relative;
	background-color: #fff;
/*	border-top: 5px solid rgba(0,0,0,0.2); */
}


#copyrights {
	padding: 20px 0;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.8;
}

#copyrights i.footer-icon {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 3px;
}

.copyright-links a {
	display: inline-block;
	margin: 0 3px;
	color: #333;
	border-bottom: 1px dotted #444;
}

.copyright-links a:hover {
	color: #555;
	border-bottom: 1px solid #666;
}

.copyrights-menu { margin-bottom: 10px; }

.copyrights-menu a {
	font-size: 14px;
	margin: 0 10px;
	border-bottom: 0 !important;
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights a:first-child { margin-left: 0; }

#copyrights .tright a:last-child { margin-right: 0; }

.footer-logo {
	display: block;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------
	Login button
-----------------------------------------------------------------*/

#login-button {
	float: right;
	position:relative;
	margin: 32px 0 0px 15px;
	}

	
#header.sticky-header:not(.static-sticky) #login-button {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}

body:not(.top-search-open) #login-button {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

#header.sticky-header.transparent { background-color: transparent; }

#header.transparent.sticky-header #header-wrap {
	background-color: transparent;
	box-shadow: none;
	}

#page-title.page-title-parallax.dark span { color: #FFF !important;}


.bgicon {
	display: block;
	position: absolute;
	bottom: 15px;
	left: 30px;
	font-size: 300px;
	color: rgba(0,0,0,0.1);
}

/* ----------------------------------------------------------------
	37. Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}

/* ----------------------------------------------------------------
	37. Navbar Buttons
-----------------------------------------------------------------*/	

.navbar-buttons {
	/* display: inline-block; */
	position:relative;
	margin-left: 15px;
	}

@media (min-width: 479px) {
	
	.navbar-buttons img {
	padding: 0 10px;
	}	
}		

	
@media (max-width: 479px) {

	.navbar-buttons img {
	display:none;
	}	
}	
	
 @media (max-width: 1199px) {
	.navbar-buttons,
	.subMenu {
	text-align: center;
	margin: 0;
	}
  }	
	

#header.static-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.static-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 100px; }

#header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header ~ #content #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 0; }

#header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 0; }	

/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/


#page-title {
	position: relative;
}

#page-title .container { 
	position: relative;
	text-align: center;
	width: 100%;}

#page-title h1 {
	font-family: 'Lato', sans-serif;
	color: #004490 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding: 0;
	margin-top: 38px;
/*	line-height: 1; */
	font-weight: 500;
	letter-spacing: 2px;
	color: #333;
	font-size: 32px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	
#page-title h1 {
	margin-top: 0px;
}
} 

.subMenu {
	/*	display: inline; */
		padding: 10px 0px 0px 40px }

.subMenu ul li {
	display: inline-block;
	padding: 0px 24px 0px 0px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
}


@media (max-width: 498px) {
	
.navbar-buttons .button.btn.button-3d {
	font-size: 10px  !important;
}	
	.subMenu ul li {
		font-size: 16px;
		line-height: 1.5;
	}
}

@media (min-width: 499px) {
	.subMenu ul li {
		font-size: 18px;
		line-height: 1.5;
	}

} 
    

.subMenu li:before {
	content:  "\2022";
	color: #004490;
	padding-right: 24px;
}

.subMenu li:first-child:before {
content: none;
}

.pageMenu {
		text-align:center;
}

.pageMenu ul li {
	display: inline;
	padding: 0px 24px 0px 0px;
	font-weight: bold;
	font-size: 18px;
}

.pageMenu li:before {
	content:  "|";
	color: #004490;
	padding-right: 24px;
}

.pageMenu li:first-child:before {
content: none;
}

.formContainer { padding: 20px 40px 0px; }


.inline-select ul li { 
	display: inline; 
	padding-right: 0px;
}

.form-row { 
	width: 100%;
	display: block;
	overflow: hidden;
}

.form-field {
	float: left;
	padding-bottom: 10px;
	padding-left: 2px;
	padding-right: 2px;
}

/* label {
	float: left;
	text-align: right;
	margin: 6px 6px 0px 0px;
} */


label {
	font-size: 12px;
	font-weight: 600;
/*	font-family: "Arial"; */
}

/* Custom Bootstrap columns for mobile devices */

@media (max-width: 498px) {

.col-xxs-3, .col-xxs-4, .col-xxs-6, .col-xxs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 6px;
  padding-left: 6px;
	float: left;
}

.col-xxs-12 {
  width: 100%;
}
.col-xxs-6 {
  width: 50%;
}
.col-xxs-4 {
  width: 33.33333333%;
}
.col-xxs-3 {
  width: 25%;
}

}

input[type="radio"], input[type="checkbox"]{
    margin-right:6px;
}

.nowrap {
    white-space: nowrap;
}

.legendStyle {
  margin: 0 0 24px;	
  font-size: 22px;
  font-weight: 600;
  line-height: inherit;
  color: #004490;
}

a.disabled-link,
a.disabled-link:visited,
a.disabled-link:hover,
a.disabled-link:active,
a.grayed-link,
a.grayed-link:visited,
a.grayed-link:hover,
a.grayed-link:active {
	cursor: not-allowed;
	color: rgba(169,169,169,0.4);
}

.align-bottom {
	display: table-cell;
    vertical-align: bottom;
}

/* Editable Table styles */

.editableTable .cellEditing input[type=text]{
    width:100%;
    border:0;
    background-color:rgb(255,253,210);  
}

.page-banner { text-align: center; }

.page-banner p, .page-banner h4 {
	display: inline;
}

.label-legend {
  max-width: 100%;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
  color: rgb(85,85,85);
}
.sublegend {
  margin: 12px 0px;	
  font-size: 18px;
  font-weight: 600;
  line-height: inherit;
  color: #004490;
}

.rowBorder {
	padding: 18px 12px 0px;
	border: solid 1px #d3d3d3;
	border-radius: 6px;
	background-color: rgba(0,0,0,0.02);
	margin-bottom: 18px;
}

.datepadding { padding: 0 6px 10px; }

#action-buttons {
	position: relative;
	float:right;
	padding: 20px;
}

/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/


.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
	width: 52px !important;
	height: 52px !important;
	line-height: 52px !important;
	background-color: rgb(0,73,144);
	border-radius: 3px;
}

.i-bordered {
	border: 1px solid rgb(0,73,144);
	line-height: 50px !important;
	background-color: transparent !important;
	color: rgb(0,73,144);
	text-shadow: none;
}

.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 28px;
	line-height: 36px !important;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled { border-radius: 50%; }

.i-light {
	background-color: #F5F5F5;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.i-alt {
	background-image: url('images/icons/iconalt.svg');
	background-position: center center;
	background-size: 100% 100%;
}


.i-rounded:hover,
.i-circled:hover {
	background-color: rgba(0,73,144,0.4);
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
	background-color: rgba(0,73,144,0.4) !important;
	color: #FFF;
	border-color: rgba(0,73,144,0.4) !important;
}



/* Icon Size - Small
-----------------------------------------------------------------*/

.i-small.i-rounded,
.i-small.i-plain,
.i-small.i-circled,
.i-small.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 10px;
}

.i-small.i-rounded,
.i-small.i-circled,
.i-small.i-bordered {
	width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
}

.i-small.i-bordered { line-height: 26px !important; }

.i-small.i-plain {
	width: 18px !important;
	height: 18px !important;
	font-size: 14px;
	line-height: 18px !important;
}


/* Icon Size - Medium
-----------------------------------------------------------------*/

.i-medium.i-rounded,
.i-medium.i-plain,
.i-medium.i-circled,
.i-medium.i-bordered {
	margin: 6px 13px 9px 0;
	font-size: 21px;
}

.i-medium.i-rounded,
.i-medium.i-circled,
.i-medium.i-bordered {
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
}

.i-medium.i-bordered { line-height: 34px !important; }

.i-medium.i-plain {
	width: 28px !important;
	height: 28px !important;
	font-size: 20px;
	line-height: 28px !important;
}

/*.infobox {
	float: right;
	border-style:solid; 
	border-width:2px; 
	border-color:rgb(221,221,221); 
	background-color:rgb(245,245,245);
	margin: 0;
	padding: 10px;
}

.infobox .inforow { 
	width: 100%;
	padding: 10px 0 0 10px;
	display: block;
	overflow: hidden;
}

.infobox .row { 
	margin: 0;
}

.infobox .infofield {
	display: block;
	margin-right: 12px;
} 

.infobox .infotext {
	font-size: 14px;
	line-height: 18px;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;

} 


.divcontainer {
	float: right;
	border-style:solid; 
	border-width:2px; 
	border-color:rgb(221,221,221); 
	background-color:rgb(245,245,245);
	padding: 10px;
	white-space: nowrap;
}

.divchild1 {
	display: inline-block;
	background-color: red;
	width: 50%;
	vertical-align: top;
}

.divchild2 {
	display: inline-block;
	background-color:green;
	width: 50%;
	vertical-align: top;
} */

.infobox {
	min-width: 250px;
	max-width: 300px;
	border-style:solid; 
	border-width:2px; 
	border-color:rgb(221,221,221); 
	background-color:#f9f8f6;
	margin-bottom: 15px;
	padding: 10px;
}

@media (min-width: 992px) {
/*	#infobox {
		position: fixed;
		top: 350px;
		right: 20px;
		z-index: 999;
	} */
	#infobox {
		position: absolute;
		right: 20px;
	}

}

@media (max-width: 991px) {
	#infobox {
		position: relative;
	}
}

.labelstyle {
	padding: 0;
	margin-bottom: 4px;
}

.tab-selected  {		
	pointer-events: none;
	cursor: default;
	color: rgba(0,73,144,0.4);
}

.btn-selected  {		
	background-color: rgba(0,73,144,0.4);
	cursor: default;
}

.btn-disabled {
	background-color: #e3e6e8  !important;
	pointer-events: auto	!important;
	cursor: not-allowed		!important;
	color: rgba(169,169,169,0.7)	!important;
	text-shadow: none	!important;
}

#customerButton-lg {
	background-color: rgb(170,168,124);
	color: #fff;
	text-shadow: 1px 1px 3px #272B30;
}
.alert i,
.sb-msg i,
.msgtitle i {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 10px;
}

option[value=""][disabled] {
display: none;
}
.max500 {
	max-width: 500px;
}
.max450 {
	max-width: 450px;
}
.max400 {
	max-width: 400px;
}
.max350 {
	max-width: 350px;
}
.max300 {
	max-width: 300px;
}
.max250 {
	max-width: 250px;
}
.max200 {
	max-width: 200px;
}
.max150 {
	max-width: 150px;
}
.max125 {
	max-width: 125px;
}
.max100 {
	max-width: 100px;
}
.max75 {
	max-width: 75px;
}
.max50 {
	max-width: 50px;
}

.min500 {
	min-width: 500px;
}
.min450 {
	min-width: 450px;
}
.min400 {
	min-width: 400px;
}
.min350 {
	min-width: 350px;
}
.min300 {
	min-width: 300px;
}
.min250 {
	min-width: 250px;
}
.min200 {
	min-width: 200px;
}
.min150 {
	min-width: 150px;
}
.min130 {
	min-width: 130px;
}
.min100 {
	min-width: 100px;
}
.min75 {
	min-width: 75px;
}
.min50 {
	min-width: 50px;
}

@media (min-width: 992px) {
     .max100-lg {
        max-width: 100px;
     }
}	

.remove_button, .delete_file {
/*	background-color: #a9a9a9; */
	background-color: rgb(169,169,169);
}

.remove_button:hover,.btn-delete:hover, .delete_file:hover {
	background-color: rgba(169,169,169,0.5);
}

.undelete_button {
	background-color: rgb(69,132,49);
}
.undelete_button:hover {
	background-color: rgba(69,132,49,0.5);
}

.delete-me {
	text-decoration: line-through;
	color: rgba(85,85,85,0.4) !important;
}

.sm-form-control[disabled].delete-me {
	background-color: rgba(169,169,169,0.2) !important;
}

.toggle-label {
	display:none;
}	

.invisible-label {
	color: rgba(0,0,0,0);
	display: block;
}
i.i-small.i-circled.icon-remove.remove_button {
	margin-right: 6px;
}

/* Custom Bootstrap pull-right/pull-left columns */

.pull-right-not-xxs, .pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xxs, .pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}

@media (max-width: 498px) {    
    .pull-right-not-xxs, .pull-left-not-xxs{
        float: none;
    }
    .pull-right-xxs {
        float: right;
    }
    .pull-left-xxs {
        float: left;
    }
}

@media (min-width: 499px) and (max-width: 767px) {    
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}

@media (max-width: 1199px) {    

	.user_buttons {
		float:none;
		text-align: center;
	}
}

@media (min-width: 1200px) {    

	.user_buttons {
		float:right;
	}
}		

.user_buttons .i-rounded {
	float: none;
}


html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
#content {
  flex: 1 0 auto;
}
#footer {
  flex-shrink: 0;
}

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow:none;
}
.dataTables_empty,
.no-clicks {
	pointer-events: none;
}

.dataTables_wrapper,
.dt-container {
	padding: 20px;
}

label.error {
	color: #FF0000;
	font-weight: 400;
	margin-top: 4px;
}


hr {
		margin: 0 0 18px;
	  border: 0;
	  border-top: 1px solid #ddd;
}
#search_box legend {
	text-align: left;
	margin-top: 0;
}
#no_pricelist {
	width: auto;
	font-weight: normal;
	display: none;
}

#alertModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
} 

/*

@media (max-width: 991px) {
	#submitButton,
	#editButton	{
		position: absolute;
		top: 20px;
		right: 10px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	#submitButton,
	#editButton	{
		position: absolute;
		top: 165px;
		right: 20px;
		}		
}		

*/


@media (max-width: 1199px) {
	#top-button-container {
		text-align: center;
		margin: -20px 0 20px;
	}
}


@media (min-width: 1200px) {
	#top-button-container {
		margin-top: -60px;
		margin-bottom: 80px;
		padding-right: 20px;
	}		
	#dimensionSystem,
	#addCustomerButton,
	#deleteCustomerButton,
	#deleteButton,
	#submitButton,
	#editButton	{
		float: right;
	}
}


button.button-mini.topbutton {
	font-size: 8px;
	height: 24px;
	padding: 0 8px 0;
	line-height: normal;
	width: 100px;
}
button.submit-button {
	background-color: rgba(0,124,61,1.0);
}
button.submit-button:hover {
	background-color: rgba(0,124,61,0.5);
}

button.delete-button {
	background-color: rgba(169,68,66,1.0);
}
button.delete-button:hover {
	background-color: rgba(169,68,66,0.5)
}
button.cancel-button {
	background-color: rgba(169,68,66,1.0);
}
button.cancel-button:hover {
	background-color: rgba(169,68,66,0.5)
}
button.pdf-button {
	background-color: rgba(177,136,0,1.0);
}
button.pdf-button:hover {
	background-color: rgba(177,136,0,0.5)
}

.inline {
	display: inline !important;
}

.tinylink a  {
	font-size: 10px;
	padding-left: 12px;
	margin-bottom: 6px;
	cursor: pointer;
}

.jconfirm-content {
	line-height: 1.5em;
}

.labeltext {
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
}


table.table-bordered.dataTable th:first-child,
table.table-bordered.dataTable td:first-child {
  border-left-width: 1px;
}

#tableContainer div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 600;
}


.ui-autocomplete {
	max-height: 200px;
	/* force vertical scrollbar in autocomplete dropdown*/
	overflow-y: scroll; 
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
.file-field a:hover {
	text-decoration: underline;
}

#upload_div p {
	margin-top: 12px;
}

.file-input .input-group-btn .btn {
	font-size: 12px;
}

.tooltip-inner {
	word-wrap: break-word;
}

.modal .tooltip-inner {
	min-width: 200px;
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
	#logo {
		float: none;
		text-align: center;
	}
}

@media (min-width: 992px) {
	#header {
		z-index: 999;
		position: sticky;
		top:0;
	}
}
@media (max-width: 1199px) {
	#header h1 {
		margin: 0 0 12px;
	}
}

.lk-icon {
	color: goldenrod;
	display: inline-block;
}
.lk-icon:hover {
	cursor: pointer;
}

i.icon-info-sign:hover {
	cursor: help;
}

.tabletip:hover {
	
}

#getFmapModal label.checkbox-inline, 
#getFmapModal label.radio-inline,
#getFmapModal label.checkbox-inline input[type="checkbox"],
#getFmapModal label.radio-inline input[type="radio"] {
	margin-top: 0; /* Remove any top margin */
	vertical-align: middle; /* Ensure vertical alignment */
}

	
#getFmapModal fieldset {
  padding: 12px;
  border: 1px solid #c0c0c0;
  margin: 12px 0;
}	

#getFmapModal fieldset legend {
	font-size: 12px;
	color: rgb(85,85,85);
	padding: 0 6px;
	width: auto;
}



#getFmapModal .row {
    display: flex;
    flex-wrap: wrap; 
    gap: 10px 0; 
}

#getFmapModal .radio-inline,
#getFmapModal .checkbox-inline {
	margin-left: 0; 
	margin-right: 24px;
}

#getFmapModal .row > label:first-child {
    margin-left: 0; 
}

.dt-buttons.btn-group {
	display: inherit;
}
@media screen and (min-width: 1200px) {
	div.dt-container div.dt-paging {
		text-align: right;
	}
}
@media screen and (min-width: 768px) {
	div.dt-search {
		text-align: right;
	}
}
#tableContainer table.table.dataTable {
	margin-top: 10px;
	margin-bottom: 10px;
}

table.dataTable > tbody > tr.child span.dtr-title {
	margin-right: 10px;
}

#user_buttons {
    min-height: 50px;
}