@charset "utf-8";

/* 

Color scheme:

Blue 1: #286DA8 hsla(208,58%,41%,1.00) 

Blue 2: #3986CA  hsla(208,58%,51%,1.00)

Secondary Color 1: #CD5360 hsla(354,55%,56%,1.00)

Secondary Color 2: #B37D4E   hsla(28,40%,50%,1.00)

*/



body, html {

	margin: 0;

	padding: 0;

	height: 100%;

	min-height: 100%;

}

body  {

	/*

	font-size: 0.9rem;

	font-family: Helvetica, sans-serif;

	*/

	background-color: #FFF;

}

	

body a:link {

	color:  hsla(208,58%,41%,1.00); 

	text-decoration: none;

}

body a:visited {

	color:  hsla(208,48%,41%,1.00); 

	text-decoration: none;

}

body a:hover {

	color:  hsla(208,68%,41%,1.00); 

	text-decoration: underline;

}



.fancybox-overlay {

    z-index: 50000 !important;

}





h1, h2, h3, h4, 

.h1, .h2, .h3, .h4 {

	/*font-family: 'Vollkorn', sans-serif;

	font-weight: 600;*/

	color: #000; 

}

h1, h2, h3, h4 {

	margin-top: 30px;

	margin-bottom: 20px;

}

.h1, .h2, .h3, .h4 {

	margin: 0px;

}

h1, .h1 {

    font-size: 32px;

	line-height: 42px;

}

h2, .h2 {

    font-size: 26px;

	line-height: 36px;

}

h3, .h3 {

    font-size: 20px;

	line-height: 30px;

}

h4, .h4 {

    font-size: 17px;

	line-height: 23px;

}

h5, .h5 {

    font-size: 15px;

	line-height: 20px;

}

@media (min-width: 992px) {

	h1, .h1 {

		font-size: 38px;

		line-height: 48px;

	}

	h2, .h2 {

		font-size: 32px;

		line-height: 42px;

	}

	h3, .h3 {

		font-size: 26px;

		line-height: 36px;

	}

	h4, .h4 {

		font-size: 21px;

		line-height: 28px;

	}

	h5, .h5 {

		font-size: 19px;

		line-height: 24px;

	}

}





.inline_page_heading_h1, .inline_page_heading_h2, .inline_page_heading_h3, .inline_page_heading_h4 {

	display: inline-block;

	vertical-align: top;

}

.inline_page_heading_h2 {

	padding-top: 10px;

}

.inline_page_heading_divider {

	display: inline-block;

	vertical-align: middle;

	background-color: #CCC;

	width: 3px;

	height: 35px;

	margin-top: 5px;

	margin-left: 15px;

	margin-right: 15px;

	margin-bottom: 5px;

}



.no_margins {

	margin: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	margin-right: 0px;

}

.no_margin_top {

	margin-top: 0px;

}

.no_margin_bottom {

	margin-top: 0px;

}

.no_padding {

	padding: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 0px;

}

.no_padding_top {

	padding-top: 0px;

}

.no_padding_bottom {

	padding-top: 0px;

}



.fancy_heading {

	font-family: 'Niconne', serif;

	font-weight:normal;

}



.highlighted1 {

	color:  #286DA8; /* hsla(208,58%,41%,1.00); */

}

.highlighted2 {

	color: #CD5360; 

}

.highlighted3 {

	color: #B37D4E; 

}

.highlighted4 {

	color: #438496; 

}

.highlighted5 {

	color: rgba(250,198,14,1);	

}



.spacer-5 {

	height: 5px;

}

.spacer-10 {

	height: 10px;

}

.spacer-20 {

	height: 20px;

}

.spacer-30 {

	height: 30px;

}

.spacer-40 {

	height: 40px;

}

.spacer-50 {

	height: 50px;

}

.spacer-60 {

	height: 60px;

}

.spacer-70 {

	height: 70px;

}

.spacer-80 {

	height: 80px;

}

.spacer-90 {

	height: 90px;

}

.spacer-100 {

	height: 100px;

}





/* ***********************

Left flyout menu

*********************** */

.leftnav_menu_container {

    position: fixed; 

    z-index: 15000; 

    top: 0; 

    left: 0;

    height: 100%; 

    width: 0; 

    overflow-x: hidden; /* Disable horizontal scroll */

    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */

    font-size: 15px;

    color: #FFF;

    background-color: #333; 

}



.leftnav_menu_open, .leftnav_menu_innercontent {

	width: 250px;

    overflow-x: hidden; /* Disable horizontal scroll */

}

.leftnav_menu_innercontent {

	position: relative;

	padding: 20px; 

}

.leftnav_menu_heading {

	text-wrap: none;

	word-wrap: none;

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 5px;

}



.leftnav_menu_container a {

    display: block;

    color: #FFF;

    text-decoration: none;

    transition: 0.3s;

    padding: 5px 0px;

}



.leftnav_menu_container a:link, .leftnav_menu_container a:visited, .leftnav_menu_container a:active, .leftnav_menu_container a:focus {

    color: #FFF;

}

.leftnav_menu_container a:hover {

    color: #EEE;

}



/* Position and style the close button (top right corner) */

.leftnav_menu_closebtn {

    position: absolute;

    top: 2px;

    right: 20px;

    font-size: 36px;

    margin-left: 10px;

}

.leftnav_menu_closebtn:hover {

	cursor: pointer;

}



/* ***********************

Right cart flyout

*********************** */

.right_flyout_cart_container {

    position: fixed; 

    z-index: 14500; 

    top: 0; 

    right: 0;

    height: 100%; 

    width: 0; 

    overflow-x: hidden; /* Disable horizontal scroll */

    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */

    font-size: 14px;

    background-color: #EEE;

}

.right_flyout_cart_toggler:hover {

	cursor: pointer;

}

.right_flyout_cart_open, .right_flyout_cart_innercontent {

	width: 250px;

    overflow-x: hidden; /* Disable horizontal scroll */

}

.right_flyout_cart_innercontent {

	position: relative;

	padding: 20px; 

}

.right_flyout_cart_heading {

	width: 250px;

    overflow-x: hidden; /* Disable horizontal scroll */

	text-wrap: none;

	word-wrap: none;

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 5px;

}



.right_flyout_cart_container a {

    display: block;

   /* color: #FFF;*/

    text-decoration: none;

    transition: 0.3s;

    padding: 5px 0px;

}



/*.right_flyout_cart_container a:link, .right_flyout_cart_container a:visited, .right_flyout_cart_container a:active, .right_flyout_cart_container a:focus {

    color: #FFF;

}

.right_flyout_cart_container a:hover {

    color: #EEE;

}*/



/* Position and style the close button (top right corner) */

.right_flyout_cart_closebtn {

    float: right;

	line-height: 20px;

    font-size: 36px;

    margin-left: 10px;

}

.right_flyout_cart_closebtn:hover {

	cursor: pointer;

}







/* ***********************

Sticky Footer

*********************** */

.sticky_footer {

	display: block;

	z-index: 12000;

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	/*opacity: 0.8;*/

	text-align: center;

	background-color: #444;

	padding: 5px 10px 5px 10px;

	border: 1px solid #444;

}

.sticky_footer a {

	display: block;

	font-size: 14px;

	padding: 4px;

	font-weight: bold;

}

.sticky_footer a, .sticky_footer a:link, .sticky_footer a:visited, .sticky_footer a:active {

	color: #EEE;

	outline: none;

}

.sticky_footer a:hover {

	color: #FFF;

	text-decoration: none;

	/*background-color: #EFEFEF;*/

	outline: none;

}

.sticky_footer .sticky_scroll_icon {

	color: #EFEFEF;

	font-size: 21px;

	margin-bottom: 5px;

}

@media (min-width: 768px) {

	.sticky_footer {

	}

}

@media (min-width: 992px) {

	.sticky_footer {

		left: auto;

		right: 0;

		width: 150px;

	}

}

@media (min-width: 1200px) {

}





/* #################

	CONTAINERS 

################# */

#outercontainer {

	display: block;

	position: relative;

	width: 100%;

	min-height: 100%;

	height: 100%;

	margin: 0;

	/*padding-top: 60px;

	background-color: #FFF;

	background-color: #201F1F;*/

}

@media (min-width: 992px) {

	#outercontainer {

		/*padding-top: 170px;*/

	}

}

@media (min-width: 1200px) {

	#headercontainer {

		text-align: left;

	}

}

#headercontainer {

	z-index: 10000;

	width: 100%;

	padding-top: 0px;

	padding-bottom: 5px;

	margin-top: 0px;

	background-color: #FFFFDD;

	text-align: center;

	/*

	box-shadow: 0px 1px 10px #333;

	*/

	border-bottom: 2px solid #CCC;

}

.headercontainer-absolute {

	position: absolute;

	top: 0px;

	left: 0px;

}

.headercontainer-fixed {

	position: fixed;

	top: 0px;

	/*height: 600px;*/

}

.headercontainer-sticky {

	z-index: 5000;

	position: sticky;

	top: 0px;

}

.headercontainer-relative {

	/* height: 140px; */

	margin-bottom: 0px;

	position: relative;

}

@media (max-width: 992px) {

	#headercontainer .container {

		width: auto;

		padding-left: 0px;

		padding-right: 0px;

	}

}

@media (min-width: 992px) {

	#headercontainer {

		/*height: 160px;*/ /* height is required to prevent issues with parallax scroller, where scrolling up and down cuts off the image on screen redraw */

		background-color: #FFFFDD;

	}

}

@media (min-width: 992px) {

	#topnavcontainer {

		display: none;

	}

} 







/* #################

	HEADER CONTENT 

################# */

.header_group1 { /* , .header_group2  */

	display: block;

}

.logo_wrapper {

	position: relative;

	display: inline-block;

	vertical-align: top;

	width: 240px;

	text-align: center;

	color: #555;

	font-weight: bold;

	font-size: 15px;

	/*width: 220px;*/

	max-width: 100%;

	margin-left: auto;

	margin-right: auto;

	margin-top: 15px;

}

.logo_wrapper a {

	display: block;

	background-color: FFFFDD;

	padding: 0px 0px 0px 0px;

}

.logo_wrapper a, .logo_wrapper a:link, .logo_wrapper a:hover,  .logo_wrapper a:visited,  .logo_wrapper a:active,  .logo_wrapper a:focus {

	text-decoration: none;

	color: #000;

}

.logo_image img {

	max-width: 100%;

	max-height: 100px;

}

.mobile_view_cart_icon {

	display: inline-block;

	vertical-align: top;

	font-size: 12px;

	color: #555;

	padding-top: 25px;

	padding-bottom: 5px;

	margin-left: 20px;

}

.mobile_view_cart_icon .fa, .mobile_view_cart_icon .fas, .mobile_view_cart_icon .far {

	font-size: 36px;

	color: #555;

}

.header_search {

	vertical-align: top;

	display: inline-block;

	width: 260px;

	padding-top: 5px;

	padding-left: 0px;

	padding-right: 0px;

}

.leftnav_menu_toggler {

}

.mobile_leftnav_menu_toggler {

	display: inline-block;

	vertical-align: top;

	padding-top: 5px;

}

.desktop_leftnav_menu_toggler {

	display: none;

	vertical-align: top;

	padding-top: 5px;

}

.mobile_leftnav_menu_toggler .navbar-toggler {

	font-size: 12px;

    line-height: 1;

}

.desktop_leftnav_menu_toggler .navbar-toggler {

	font-size: 14px;

    line-height: 1;

    color: rgba(0,0,0,1);

    border-color: rgba(0,0,0,.7);

}

.desktop_leftnav_menu_toggler .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}



#navbar-secondary {

	z-index: 7000;

	position: relative;

	display: none;

	color: #000;

	padding-top: 5px;

	padding-bottom: 5px;

	background-color: #FFFFDD; /* EBF1F5 */

	text-align: center;

}

#navbar-secondary a {

	color: #000;

}

#navbar-secondary a:link, #navbar-secondary a:visited, #navbar-secondary a:active {

	color: #000;

}

#navbar-secondary a:hover {

	color: #0B4D87;

	text-decoration: none;

}

.navbar-secondary-content {

	display: block;

}

.navbar-secondary-content .fa, .navbar-secondary-content .fas, .navbar-secondary-content .far {

	font-size: 24px;

	color: #555;

}

.navbar-secondary-group {

	display: inline-block;

	vertical-align: top;

	width: 100%;

	padding: 0px;

	margin-bottom: 10px;

}

.navbar-secondary-group a {

	padding: 5px;

}

.navbar-secondary-items {

	display: inline-block;

	vertical-align: middle;

	/* min-height: 35px; */

	max-width: 120px;

	font-size: 12px;

	text-align: center;

	padding: 5px 5px 5px 5px;

}

.navbar-secondary-items a {

	padding: 0px;

}

@media (min-width: 450px) {

	.header_search {

		width: 80%;

		margin-top: 15px;

	}

	.mobile_leftnav_menu_toggler {

		padding-top: 20px;

	}

}

@media (min-width: 768px) {

	.header_search {

	}

	.mobile_leftnav_menu_toggler {

	}

}

@media (min-width: 992px) {

	.header_group1 { /* , .header_group2 */

		display: inline-block;

		vertical-align: top;

	}

	.mobile_view_cart_icon {

		display: none;

	}

	.logo_wrapper {

		display: inline-block; 

		vertical-align: top;

		margin-top: 25px;

		margin-right: 10px;

	}

	.logo_wrapper a {

		display: block;

		background-color: #FFFFDD;

	}

	.header_search {

		margin-top: 30px;

		padding-right: 20px;

		/*width: 350px;*/

		width: 40%;

	}

	.mobile_leftnav_menu_toggler {

		display: none;

	}

	.desktop_leftnav_menu_toggler {

		display: inline-block;

	}

	#navbar-secondary {

		display: inline-block;

		vertical-align: top;

		text-align: left;

		margin-right: 0px;

		padding-top: 20px;

		padding-bottom: 0px;

	}

	.navbar-secondary-content {

		margin-left: 0px;

	}

	.navbar-secondary-group {

	}

	.navbar-secondary-content .fa, .navbar-secondary-content .fas, .navbar-secondary-content .far {

		font-size:36px;

	}

}

@media (min-width: 1200px) {  

	.logo_wrapper {

	}

	.logo_wrapper a {

		display: block;

	}

	.logo_image {

		/*position: relative;*/

	}

	.header_search {

		/*width: 400px;

		width: 600px;*/

	}

}

@media (min-width: 1600px) {  

	.logo_wrapper {

		/*margin-left: 50px;*/

	}

	.header_search {

	}

	/*#navbar-secondary {

		display: block;

	}*/

	.navbar-secondary-content {

		max-width: 100%;

	}

	.navbar-secondary-items, .navbar-secondary-images {

		padding: 5px 3px 0px 3px;

	}

	.navbar-secondary-items {

		font-size: 13px;

	}

	#navbar-secondary .navbar-secondary-items a {

		padding: 0px 5px;

	}

}



#print_logo {

	display: none;

	text-align: center;

	padding-bottom: 10px;

	border-bottom: 1px solid #AAA;

}

#print_logo img {

	width: 100px;

}





/* #################

	midcontainer1 - for standard pages

################# */

.midcontainer1 {

	width: 100%;

	padding-top: 0px;

	padding-bottom: 0px;

	/*background-color: #FFF;*/

}







/* #################

	HEADER BAR / NAVIGATION 

################# */



.header_bar_content {

	position: relative;

	width: 100%;

	margin-top: 0px;

	margin-right: 20px

}

@media (min-width: 768px) {

	.header_bar_content {

		float: right;

		width: auto;

		margin-top: 20px;

	}

}

@media (min-width: 992px) {

	.header_bar_content {

		margin-left: 0px;

		margin-right: 0px;

	}

}







/* #################

	MAINCONTENT 

/* maincontent1 is the default maincontent div

	-----------

maincontent1 - for standard pages

################# */

.maincontent1 { 

	display: block;

	margin: 0;

	min-height: 450px;

	/*

	background-color: #FFFFFF;

	border-radius: 5px 5px 5px 5px;

	background-color: rgba(255,255,255,1);

	*/

	padding: 10px 0px 30px 0px;

}









/* #################

	FOOTER 

################# */

#footer {

	padding: 0px;

	margin: 0px;

	padding-bottom: 40px;

	border-top: 1px solid #999;

	/*background-color: rgba(0,0,0,0.8);*/

}

.footercontent_featured {

	font-size: 14px;

	line-height: 24px;

	background-color: #286DA8;

	color: #FFF;

	margin-top:0px;

	margin-bottom:0px;

	padding: 30px 0px 30px 0px;

	/*border-bottom: 1px solid #333;*/

}

.footercontent_featured a, .footercontent_featured a:link, .footercontent_featured a:hover, .footercontent_featured a:visited {

	color: #FFF;

	/*text-decoration: underline;*/

} 

.footercontent_featured a:hover {

	/*text-decoration: underline;*/

	text-decoration: underline;

	color: rgba(255,255,255,0.9);

}





.footercontent {

	padding: 50px 25px 25px 25px;

	background-color: #FFF;

}

.footercontent a:link, .footercontent a:hover, .footercontent a:visited {

} 

.footercontent a:hover {

}

.footermid a:link, .footermid a:hover, .footermid a:visited {

} 

.footermid a:hover {

} 

.footermid a:link, .footermid a:hover, .footermid a:visited {

} 

.footermid a:hover {

} 

.footerleft, .footermid { /* , .footerright */

	padding-bottom: 25px;

}

.footerleft {

	text-align: center;

}

.footermid {

	text-align: center;

}

.footerright {

	text-align: center;

}



.footertitle {

	font-size: 28px;

	color: #999;

	text-shadow: 2px 2px 1px #FFF;

	margin-bottom: 5px;

}

.footersubtitle {

	font-size: 17px;

}

#footer_logo {

}

/* Small devices (tablets, 768px and up) */

@media (min-width: 992px) {

	.footerleft, .footermid, .footerright {

	}

	.footerleft {

		text-align: left; 

	}

	.footermid {

		text-align: center; 

	}

	.footerright {

		text-align: center; 

	}

}





.footer_nav {

	clear: both;

	font-size: 14px;

	text-align: center;

	padding: 20px 5px 10px 5px;

	margin-top: 0px;

	margin-bottom: 0px;

	border-top: 1px solid #CCC;

	/*

	border-bottom: 1px solid #CCC;

	background-color: #0B4D87;

	*/

}

.footer_nav a {

	display: inline-block;

	color: #555;

	padding: 2px;

	margin-left: 12px;

	margin-right: 12px;

}

.footer_nav a:link, .footer_nav a:visited, .footer_nav a:active  {

	color: #555;

}

.footer_nav a:hover {

	text-decoration: underline;

	color: #333;

}







/* #################

	SOCIAL MEDIA 

################# */

.social_media_container {

	/*color: #FFF;

	margin-right: 30px;*/

	padding-left: 5px;

	padding-right: 5px;

}

.social_media_item {

	/* text-align: left; */

	margin-bottom: 5px;

	margin-right: 5px;

	display: inline-block;

}

.social_media_item img {

	max-height: 50px;

}

.social_media a, .social_media a:link, .social_media a:hover, .social_media a:visited, .social_media a:active {

	text-decoration: none;

	color: #FFF;

}

.social_media_title {

	/* min-width: 160px; */

	margin-top: 3px;

	margin-left: 5px;

	margin-right: 5px;

}

.social_media_title, .social_media img {

	display: inline-block;

	vertical-align: middle;

}









/* #################

	MISCELLANEOUS 

################# */

.usersortbox {

	text-align: right;

	padding-bottom: 2px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin-bottom: 2px;

}

.dropdownbox {

	background-color: #FFFFCC;

	margin-right: 5px;

	font-size: 13px;

	color: #333333;

}

.divider {

	height:3px;

	margin-top:5px;

	margin-bottom:5px;

	padding-top:5px;

	border-top:1px dotted #CCC;

}





/* Home page testimonials slideshow */

.slideshow_testimonials_container {

	min-width: 180px;

	border: 1px solid #CCC;

	border-radius: 3px;

	background-color: #EEE;

}

.testimonial_item {

	font-size: 14px;

	color: #000;

	padding: 20px;

	/*

	margin-bottom: 10px;

	background-color: #EEE;

	border: 1px solid #CCC;

	border-radius: 15px;*/

	border-right: 1px solid #CCC;

}

.slideshow_testimonials_container .row {

	background-color: #EEE;

	/*

	margin-left: 60px;

	margin-right: 60px;

	margin-left: 20px;

	margin-right: 20px;

	*/

}



@media (min-width: 400px) {

	.testimonial_item {

	}

}

@media (min-width: 992px) {

	.testimonial_item {

		min-height: 200px;

	}

}





/* Brands Box */

.home_brands_navbox {

	display: none;

	color: #FFF;

	font-size: 19px;

	text-align: center;

	background-color: #ea2127;

	padding: 0px 0px 20px 0px;

}

.home_brands_heading {

	font-size:18px;

	font-weight: bold;

	text-align: center;

	padding: 5px 10px;

	background-color:rgba(0, 0, 0, 0.3);

	color:#FFF;

	text-shadow:1px 1px 1px #000;

	border-top-left-radius:3px;

	border-top-right-radius:3px;

}

.brands_nav_button {

	position: relative;

	vertical-align: top;

	display: inline-block;

	width: 130px;

	height: 54px;

	color: #000;

	margin: 8px 13px;

	border-radius: 15px;

	background-color: #FFF;

	border: 2px solid #555;

}

.brands_nav_colored1 {

	background-color: hsla(118,83%,92%,1.00);

}

.brands_nav_colored2 {

	background-color: hsla(208,83%,92%,1.00);

}

.brands_nav_colored3 {

	background-color: hsla(298,83%,92%,1.00);

}

.brands_nav_button img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	max-width: 100%;

	max-height: 100%;

	border-radius: 15px;

}

.brands_nav_button_text {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	width: 100%;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	line-height: 22px;

}



@media (min-width: 992px) {

	.home_brands_navbox {

		display: block;

		/*max-width: 550px;

		margin-left: auto;

		margin-right: auto;*/

	}

	.brands_nav_button {

		margin: 8px 10px;

	}

}

@media (min-width: 1600px) {

	.brands_nav_button {

		margin: 8px 35px;

	}

}



/* Ink and Toner Search Form */

.search_form {

}

.search_form_heading {

	font-size:18px;

	font-weight: bold;

	padding:5px 10px;

	background-color:rgb(30, 69, 107);

	color:#FFF;

	text-shadow:1px 1px 1px #000;

	border-top-left-radius:3px;

	border-top-right-radius:3px;

}

.search_form_content {

	padding:15px;color:#FFF;

	background-color:#4787c5;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

}



/* ADD TO CART FORM ELEMENTS */

.Label.QuantityInput {

	float: left;

	width: 25%;

	font-size: 16px;

	margin: 7px -20px;

}



.AddCartButton > p {

	display: inline-block;

}



.quantity_buttons {

	border: 1px solid #e3e3e3;

	display: inline-block;

	vertical-align: middle;

	border-radius: 2px;

	margin-top: -5px;

}



.add {

	float: right;

	width: 40px;

	font-size: 24px;

	text-align: center;

}



.minus {

	float: right;

	width: 35px;

	font-size: 24px;

	text-align: center;

	color: #bfbfbf;

	border-right: 1px solid #e3e3e3;

}

.add:hover, .minus:hover {

	cursor: pointer;

}



/* OTHER FORM ELEMENTS */

.check_file_uploads_message {

	font-size: 13px;

}

input.delete_link:hover {

	cursor: pointer !important;

}



.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {

	margin-top: 3px;

}

.checkbox label, .checkbox-inline label, .radio label, .radio-inline label {

	font-weight: normal;

}

#usernamestatus {

	font-size: 11px;

	display: inline;

	padding-left: 3px;

}

.calendar_input_field {

	display: inline-block;

	width: 150px;

	margin-right: 5px;

}

.date_time_input_field {

	display: inline-block;

	width: 80px;

	margin-right: 5px;

}



.ui-datepicker select {

	color: #333;

	font-family: Sans-Serif;

	font-weight: normal;

}

img.ui-datepicker-trigger {

	opacity: 0.8;

	max-height: 26px;

	padding-bottom: 2px;

}

img.ui-datepicker-trigger:hover {

	opacity: 1.0;

	cursor: pointer;

}

input[name="db_user_registration[user_info][Phone1]"], input[name="Phone1"] {

	display:inline-block;

	width: 50px;

}

input[name="db_user_registration[user_info][Phone2]"], input[name="Phone2"] {

	display:inline-block;

	width: 50px;

}

input[name="db_user_registration[user_info][Phone3]"], input[name="Phone3"] {

	display:inline-block;

	width: 60px;

}

input[name="db_user_registration[user_info][PhoneExt]"], input[name="PhoneExt"] {

	display:inline-block;

	width: 60px;

}



.prev_button, .next_button {

	text-align: center;

}

.prev_button a .button, .next_button a .button {

	padding-left: 0px;

	padding-right: 0px;

	width: 120px;

}



@media (min-width: 992px) {

	.prev_button {

		text-align: left;

	}

	.next_button {

		text-align: right;

	}

}



@media (min-width: 992px) {

}





/* TOOLTIPS - Requires jQuery.  Corresponding javascript should be added to <head> of document. */

.tooltip {

	display: inline-block;

	vertical-align: bottom;

	margin-left: 2px;

	width: 16px;

	height: 16px;

	background-image: url(../index.html);

	background-repeat: no-repeat;

	background-position: left top;

}

.ui-tooltip, .tooltip-arrow:after {

	background: black;

	border: 2px solid white;

}

.ui-tooltip {

	max-width: 200px;

	padding: 8px 16px;

	color: white;

	border-radius: 10px;

	font: bold 13px "Helvetica Neue", Sans-Serif;

	/* text-transform: uppercase; */

	box-shadow: 0 0 7px black;

}

.tooltip-arrow {

	width: 70px;

	height: 16px;

	overflow: hidden;

	position: absolute;

	left: 50%;

	margin-left: -35px;

	bottom: -16px;

}

.tooltip-arrow.top {

	top: -16px;

	bottom: auto;

}

.tooltip-arrow.left {

	left: 20%;

}

.tooltip-arrow:after {

	content: "";

	position: absolute;

	left: 20px;

	top: -20px;

	width: 25px;

	height: 25px;

	box-shadow: 6px 5px 9px -9px black;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.tooltip-arrow.top:after {

	bottom: -20px;

	top: auto;

}







/* Show/hide password */

::-ms-reveal,

::-ms-clear {

  display: none !important;

}



.hideShowPassword-toggle {

  background-color: transparent;

  background-image: url('js/hideShowPassword-master/images/wink.png'); /* fallback */

  background-image: url('js/hideShowPassword-master/images/wink.svg'), none;

  background-position: 0 center;

  background-repeat: no-repeat;

  border: 2px solid transparent;

  border-radius: 0.25em;

  cursor: pointer;

  font-size: 100%;

  height: 44px;

  margin: 0;

  max-height: 100%;

  padding: 0;

  overflow: hidden;

  text-indent: -999em;

  width: 46px;

  -moz-appearance: none;

  -webkit-appearance: none;

}



.hideShowPassword-toggle-hide {

  background-position: -44px center;

}



.hideShowPassword-toggle:hover,

.hideShowPassword-toggle:focus {

  border-color: #0088CC;

  outline: transparent;

}



.hint_link {

	/*

	text-align: right;

	margin-top: -10px;

	*/

	display: inline-block;

	vertical-align: top;

}

.hint_link a {

	color: #333 !important;

}

.hint_link a:link, .hint_link a:visited, .hint_link a:hover, .hint_link a:active {

	text-decoration: none;

	color: #333 !important;

}

.hint_text, .hint_icon {

	display: inline-block;

	vertical-align: bottom;

}

.hint_text {

	/*font-family: 'Roboto Condensed', sans-serif;*/

	font-weight: 600;

	font-size: 90%;

}

.hint_icon .fa {

	color: #BBB;

	font-weight: normal;

	margin-right: 5px;

}





video {

	max-width: 100%;

	height: auto;

}

iframe, embed, object {

	max-width: 100%;

}

.responsive_video, .video_container {

	text-align: center;

}





/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

	.headercontainer-absolute  {

		position: absolute;

		top: 0px;

		left: 0px;

	}

	.social_media {

		text-align: right; 

	}

}

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {  

} 







/* Last but not least, printer friendly styles */

@media print {

	body {

		background-image: none;

	}

	.container {

		width: 100% !important;

	}

	#headercontainer, #navbar-users, #navbar-dbmain, .admin_user_topnavbar, #topnavcontainer, #navbar-secondary, #headercontainer, #footer, .footer_nav, .footercontent_featured, .button {

		display: none !important;

	}

	.logo_wrapper {

		background-color: transparent;

		display: none;

	}

	#print_logo {

		display: block;

	}

	a[href]:after {

		content: none;

	}	

	.maincontent1, .maincontent2 {

		padding-left: 0px;

		padding-right: 0px;

	}

	.print_page_link, .sticky_scroller {

		display: none;

	}

}

.logo_image img{
	width: 240px;
	height: auto;
}
.question {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.question:last-child {
    border-bottom: none;
}
.question h5 {
    color: #007bff;
    font-weight: bold;
}
.answer {
    margin-top: 8px;
    padding: 10px;
    background: #e9f5e9;
    border-left: 4px solid #28a745;
    border-radius: 5px;
}
.unanswered {
    background: #fff3cd;
    padding: 10px;
    border-left: 4px solid #ff9800;
    border-radius: 5px;
}
.meta {
    font-size: 14px;
    color: #666;
}