@import url('//fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
	@import url('//fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

	/* @import url('hull_colors.css'); */
	body {
		height: 100vh;
	}

	/* MOBILE FIRST BELOW */
	/* MOBILE FIRST BELOW */
	/* MOBILE FIRST BELOW */
	/* MOBILE FIRST BELOW */
	/* MOBILE FIRST BELOW */
	body.loggedin {
		/* background-color:#4d5d74; */
		background-color: #435165 !important;
		/* background-color:#394556; */
		/* background-color:#2f3846; */
		/* background-color:#242c37; */
		color: white;
	}

	body {
		/* background-color:#4d5d74; */
		background-color: #435165 !important;
		/* background-color:#394556; */
		/* background-color:#2f3846; */
		/* background-color:#242c37; */
		color: white;
	}

	body.login_screen {
		/* background-color:#4d5d74; */
		background-color: #435165 !important;
		/* background-color:#394556; */
		/* background-color:#2f3846; */
		/* background-color:#242c37; */
		color: white;
	}

	body.loggedin .select2-container {
		color: #435165 !important;
	}

	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //// PHONE VERSION BELOW    // */
	/* //////////////////////////////// */
	/* //////    MOBILE FIRST   /////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	form input[type="text"],
	form input[type="password"],
	form input[type="email"],
	form textarea {
		padding: 10px;
		width: 100%;
		border: 1px solid #ddd;
		font-family: 'Nunito', sans-serif;
		font-weight: 400;
	}





	#orders_flex_container {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		justify-items: stretch;
	}

	#scroll_here {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.height_100 {
		height: 100%;
	}


	.blank_row_align {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	/* jconfirm width issues here MSS */
	.jconfirm-box-container {
		max-width: 100%;
		margin: auto;
	}

	.inline_generic {
		display: inline-block;
	}

	#fixme {
		width: 100%;
		margin-bottom: 0px;
	}

	.margin_0_20 {
		margin-left: 20px;
		margin-right: 20px;
	}

	.margin_0_percent {
		margin-left: 1%;
		margin-right: 1%;
	}

	.margin_0_0_percent {
		margin-bottom: 1%;
	}

	/* .order_details_overall ul li {
  width: 100%;
  padding: 0px;
  padding-top:0px;
  text-align:center;
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 2px;
} */

	.margin_5 {
		margin: 1%;
	}

	.padding_10 {
		padding: 1%;
	}

	.rounded_corners {
		border-radius: 10px !important;
    overflow: hidden !important;
	}


	.orders_card_shadow_only {
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
		position: relative;
	}

	.orders_card_new_styling_without_ul {
		/* border-radius:20px; */
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
		/* margin: 5px; */
		/* padding: 20px; */
		background-color: #e1e1e1;
		position: relative;
	}

	.Xorders_card_new {
		/* border-radius: 20px; */
		/* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); */
		margin: 0px;
		padding: 5px;
		/* background-color: #e1e1e1; */
		position: relative;
	}

	.Xorders_card_new ul li {
		color: #2f3947;
		width: 100%;
		padding-left: 8px;
		border-radius: 10px;
		margin-top: 4px;
		background-color: #EEEEEE;
	}

	.orders_card_new {
		border-radius: 20px;
		-webkit-box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
		/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
		/* Firefox 3.5 - 3.6 */
		box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
		margin: 5px;
		padding: 5px;
		background-color: #e1e1e1;
		position: relative;
	}

	.orders_card_new ul li {
		color: #2f3947;
		width: 100%;
		padding-left: 8px;
		border-radius: 10px;
		margin-top: 4px;
		background-color: #EEEEEE;
	}

	.ms-li-bg {
		color: #2f3947;
		width: 100%;
		padding-left: 8px;
		border-radius: 10px;
		margin-top: 4px;
		background-color: #EEEEEE;
	}

	.ms-li-bg:hover {
		color: #000000;
		background-color: #d5d5d5;
		cursor: pointer;
	}


	.orders_card_new ul li.initially_selected_li_elements {
		background-color: #d3d3d3;
	}

	.initially_selected_li_elements {
		background-color: #d3d3d3;
	}

	.orders_card_new ul li:hover {
		color: #000000;
		background-color: #d5d5d5;
		cursor: pointer;
	}


	.accessory_category_title {
		font-weight: 700;
		font-style: normal;
		background-color: #7fcae8;
		color: white;
		border-radius: 20px;
		padding: 5px;
		padding-left: 15px;
		margin-bottom: 10px;
		text-align: left;
	}

	.table_header_normal {
		color: white !important;
		font-weight: normal !important;
		background-color: darkgrey !important;
	}

	.border_dashed {
		border: thick black dashed;
	}

	.border_solid {
		border: 3px black solid;
	}

	.table_header_green {
		color: white !important;
		font-weight: bold !important;
		background-color: green !important;
	}

	.table_header_red {
		color: white !important;
		font-weight: bold !important;
		background-color: #990000 !important;
	}

	.table_text_normal {
		color: black !important;
		font-weight: bold !important;
	}

	.table_text_green {
		color: green !important;
		font-weight: bold !important;
	}

	.table_text_red {
		color: red !important;
		font-weight: bold !important;
	}

	.table_text_white {
		color: white !important;
		font-weight: bold !important;
	}

	.profile-btn {
		display: inline-block;
		/* text-decoration: none; */
		/* border: 0; */
		cursor: pointer;
		/* color: #fff; */
		/* background-color: #3274d6; */
		/* padding: 10px 15px; */
		border-radius: 3px;
		font-family: "Signika Negative", sans-serif;
		background-image: linear-gradient(to top, #3274d6, #4081e3);
		border: 1px solid #427acf;

		-webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 20%) inset;
		/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 0 1px 0 rgb(255 255 255 / 20%) inset;
		/* Firefox 3.5 - 3.6 */
		box-shadow: 0 1px 0 rgb(255 255 255 / 20%) inset;

		text-shadow: 1px 1px 0 rgb(0 0 0 / 40%);
		color: #fff;
		font-weight: 400;
		text-transform: uppercase;


		padding: 10px 15px;
	}

	.profile-btn:hover {
		/* background-color: #2868c7; */
		text-shadow: 0;
		background-image: linear-gradient(to top, #4081e3, #3274d6);
	}

	/* MSS Custom Styles here */
	.profile-btn-green {
		background-color: green;
	}

	.profile-btn-green:hover {
		background-color: darkgreen;
	}

	.round-button {
		border-radius: 10px;
	}

	.button {
		font-size: .75em;
	}

	/* MSS Custom Styles here */
	.profile-btn-pink {
		display: inline-block;
		text-decoration: none;
		border: 0;
		cursor: pointer;
		color: #000;
		background-color: pink;
		margin: 15px 5px 0 0;
		padding: 10px 15px;
	}

	.profile-btn-pink:hover {
		background-color: lightpink;
	}


	#large_screen_id,
	#small_screen_id {
		width: 100%;
	}

	#hideout {
		position: absolute;
		display: none;
		top: 5500;
		left: 7500;
	}


	#dealer_order_info_table {
		width: 100%;
	}

	.table_header_normal {
		color: white !important;
		font-weight: normal !important;
		background-color: darkgrey !important;
	}

	.table_text_normal {
		color: black !important;
		font-weight: bold !important;
	}



	#footer {
		z-index: 5;
	}

	.table_desktop_show_only {
		display: none;
	}



	#bottom_total_updater * {
		font-family: 'Noto Sans', sans-serif;
		color: white;
		text-shadow: 1px 1px black;
	}


	#bottom_total_updater {
		z-index: 200;
		background-color: #2f3947;
		position: fixed;
		bottom: -10px;
		left: 0;
		width: 100%;
		height: max-content;
		font-size: 1rem;
		line-height: 1.3em;
	}



	.grid_container_bg_colors {
		/* border:thin darkgrey solid; */
		width: 95%;
		justify-content: space-around;
		border-radius: 10px;
		background-color: #3f4754;
		padding: 3px 0px;
		margin-left: auto;
		margin-right: auto;
		-moz-box-shadow: inset 0 0 3px #000000;
		-webkit-box-shadow: inset 0 0 3px #000000;
		box-shadow: inset 0 0 3px #000000;
	}



	.bottom_flex_container {
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	.grid_container_2x2 {
		/* border:thin darkgrey solid; */
		width: 95%;
		display: grid;
		grid-template-columns: 65% 35%;
		justify-content: space-around;
		border-radius: 10px;
		background-color: #3f4754;
		padding: 3px 0px;
		margin-left: auto;
		margin-right: auto;
		-moz-box-shadow: inset 0 0 3px #000000;
		-webkit-box-shadow: inset 0 0 3px #000000;
		box-shadow: inset 0 0 3px #000000;
	}

	.grid_column_header {
		grid-column-start: 1;
		grid-column-end: 3;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
	}

	.bottom_grid_item {
		margin-right: 0px;
		margin-left: 2ch;
		font-weight: bold;
	}

	.bottom_heading {
		text-align: left;
	}

	.bottom_dollars {
		text-align: right;
		margin-right: 1ch;
		margin-left: 0px;
	}


	.hide_till_it_changes {
		display: none;
	}

	.for_the_bottom_box {
		background-color: #3f4754;
		padding-left: 1ch;
		padding-right: 1ch;
	}

	.show_when_it_changes {
		display: block;
	}

	.border_radius_left {
		-webkit-border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
	}

	.border_radius_right {
		-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
	}

	.border_radius_full {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}








	.display_grid {
		display: grid;
	}

	.new_inquiry_card img {
		border-radius: 20px;
		overflow: hidden;
	}

	#new_inquiry_container {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		max-width: 960px;
		margin: auto;
	}

	.customer_details_card {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.new_inquiry_card {
		border-radius: 20px;
		-webkit-box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
		/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
		/* Firefox 3.5 - 3.6 */
		box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
		margin: 5px;
		padding: 8px;
		background-color: #e1e1e1;
	}

	.full_width_card {
		padding: 20px;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}

	.full_width_card_new_inquiry {
		padding: 20px;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}

	#footer {
		display: none;
	}

	#boat_d_price.new_net_diff,
	#new_net_diff.new_net_diff {
		font-size: 12;
		font-weight: bold;
	}

	.bottom_menu_shadow {
		box-shadow: 2px -2px 3px 1px rgb(0, 0, 0, .5);
		-moz-box-shadow: 2px -2px 3px 1px rgb(0, 0, 0, .5);
		-webkit-box-shadow: 2px -2px 3px 1px rgb(0, 0, 0, .5);
	}

	/* .bottom_menu_shadow:before, .bottom_menu_shadow:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:10px 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:10px;
    left:10px;
    right:20px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} */
	/* .bottom_menu_shadow:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
} */




	#trailer_freight_prep_custom_disclaimer {
		width: 100%;
		position: absolute;
		bottom: 0px;
		left: 50%;

		-webkit-transform: translate(-25%, 15px);
		-moz-transform: translate(-25%, 15px);
		-ms-transform: translate(-25%, 15px);
		-o-transform: translate(-25%, 15px);
		transform: translate(-25%, 15px);
	}

	#bottom_menu_starting_price_container,
	#bottom_menu_accessories_container,
	#bottom_menu_hull_colors_container {
		display: none;
	}

	#bottom_menu_grand_total_container,
	#bottom_menu_new_total_container,
	#bottom_menu_sub_total_container {
		display: grid;
	}

	#bottom_menu_starting_price_container.bottom_flex_container,
	#bottom_menu_accessories_container.bottom_flex_container,
	#bottom_menu_hull_colors_container.bottom_flex_container,
	#bottom_menu_sub_total_container.bottom_flex_container,
	#bottom_menu_grand_total_container.bottom_flex_container,
	#bottom_menu_new_total_container.bottom_flex_container {
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		padding-top: 0px;
		padding-bottom: 0px;

		margin-bottom: 5px;
		margin-top: 10px;
	}

	#fixme_large_screens {
		display: none;
	}

	#fixme {
		display: block;
	}

	.tooltip {
		font-size: .75em;
	}



	/* if the changes_need_saving button remains outside the bottom menu, then the ones above can go away.#bottom_total_updater * .tiny_link:hover for example */
	#changes_need_saving .tiny_link,
	#changes_need_saving * a {
		color: yellow;
		text-decoration: none;
	}

	#changes_need_saving .tiny_link:hover,
	#changes_need_saving a:hover {
		color: khaki;
		text-decoration: underline;
	}

	#changes_need_saving_container {
		flex: 1 0 100%;
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		/* justify-content:stretch;
  align-items:center;
  width:max-content; */
		gap: 0px;
		margin: auto;
		font-weight: bold;
	}

	#changes_need_saving_A {
		/* display:grid; 
  grid-template-columns: 80% 20%;  */
		/* align-content: flex-start; */
		/* display:flex; */
		flex-wrap: nowrap;
		align-items: flex-start;
		font-size: .75em;
		z-index: 195;
		position: fixed;
		right: 0px;
		transform: translate(0, 0px);
		width: max-content;
		font-family: 'Noto Sans', sans-serif;
		color: white;
		text-shadow: 1px 1px black;
	}




	.changes_need_saving_info_container {
		display: flex;
		flex-wrap: wrap;
	}

	.changes_need_saving_column_header {
		/* grid-column-start:1;
  grid-column-end:5; */
		flex: 1 1 100%;
		font-weight: bold;
		text-align: center;
		font-size: 1em;
		/* text-transform: uppercase; */
		margin-bottom: 10px;
		border-radius: 10px;
		padding: 10px;
		background-color: #3f4754;
		-moz-box-shadow: inset 0 0 3px #000000;
		-webkit-box-shadow: inset 0 0 3px #000000;
		box-shadow: inset 0 0 3px #000000;
	}

	.changes_need_saving_item {
		flex: 1 1 auto;
	}

	#changes_need_saving_info_container {
		background-color: #cccccc;
		border-radius: 10px;
		padding: 10px 10px 100px;
		margin-left: auto;
		margin-right: 10px;
		/* min-width:max-content; */
		/* max-width:80%; */
		max-width: 225px;
		width: max-content;
		text-align: center;
		-moz-box-shadow: 4px 4px 10px rgb(0 0 0 / 80%);
		-webkit-box-shadow: 4px 4px 10px rgb(0 0 0 / 80%);
		box-shadow: 4px 4px 10px rgb(0 0 0 / 80%);
	}

	#changes_need_saving_buttons_container {
		margin-left: 0px;
		margin-right: 10px;
		position: relative;
	}

	.changes_need_saving_buttons {
		background-color: #cccccc;
		border-radius: 10px;
		padding: 10px 10px 100px;
		margin: auto;
		width: fit-content;
		-moz-box-shadow: 4px 4px 10px rgb(0 0 0 / 80%);
		-webkit-box-shadow: 4px 4px 10px rgb(0 0 0 / 80%);
		box-shadow: 4px 4px 10px rgb(0 0 0 / 80%);
		/* position:absolute; */
	}

	#save_changes_button {
		transform: translate(0px, 65px);
	}

	.button_white_space {
		white-space: normal;
	}

	.white_space_nowrap {
		white-space: nowrap;
	}




	#changes_need_saving {
		display: none;
	}

	.yellow_alert {
		background-color: yellow;
		font: #664d03;
	}

	.regular_vertical {
		margin-top: 4px;
	}



	.alert-warning-text {
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		font-size: .75em;
		font-weight: bold;
	}

	.price_warnings {
		padding: 10px;
		text-shadow: none;
		text-transform: uppercase;
	}











	.login,
	.register {
		width: 360px;
		background-color: #ffffff;
		box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
		margin-top: 20px;
		font-size: 13.33;
	}

	.admin_heading {
		color: white;
	}

	.login h1,
	.register h1 {
		text-align: center;
		color: #5b6574;
		padding: 20px 0 20px 0;
		border-bottom: 1px solid #dee0e4;
	}

	.login .links,
	.register .links {
		display: flex;
		padding: 0 15px;
	}

	.login .links a,
	.register .links a {
		color: #adb2ba;
		text-decoration: none;
		display: inline-flex;
		padding: 0 10px 10px 10px;
		font-weight: bold;
	}


	.login .links a:hover,
	.register .links a:hover {
		color: #9da3ac;
	}


	.login .links a.active,
	.register .links a.active {
		border-bottom: 3px solid #3274d6;
		color: #3274d6;
	}



	.login form,
	.register form {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 20px;
	}

	.login form label,
	.register form label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 20%;
		height: 50px;
		background-color: #3274d6;
		color: #ffffff;
	}


	.login form input[type="password"],
	.login form input[type="text"],
	.login form input[type="email"] {
		width: 70%;
		height: 50px;
		border: 1px solid #dee0e4;
		margin-bottom: 20px;
		padding: 0 15px;
	}

	.register form input[type="password"],
	.register form input[type="text"],
	.register form input[type="email"] {
		width: 80%;
		height: 50px;
		border: 1px solid #dee0e4;
		margin-bottom: 20px;
		padding: 0 15px;
	}

	.login form input[type="submit"],
	.register form input[type="submit"] {
		width: 100%;
		padding: 15px;
		margin-top: 20px;
		background-color: #3274d6;
		border: 0;
		cursor: pointer;
		font-weight: bold;
		color: #ffffff;
		transition: background-color 0.2s;
		border-radius: 0px;
	}

	.login form input[type="submit"]:hover,
	.register form input[type="submit"]:hover {
		background-color: #2868c7;
		transition: background-color 0.2s;
	}

	.login form #rememberme,
	.login form #forgotpassword,
	.login form #setpassword,
	.register form #rememberme {
		width: 100%;
		height: auto;
		padding: 5px 20px;
		background-color: transparent;
		color: #000;
		justify-content: center;
	}

	.login form #rememberme input,
	.register form #rememberme input {
		transform: scale(1.3);
		margin-right: 7px;
	}

	.login form .msg,
	.register form .msg {
		padding: 0 20px;
		width: 100%;
	}

	.login form>a,
	.register form>a {
		text-decoration: none;
		color: #5b6574;
		width: 100%;
		padding: 5px 20px;
	}

	.login form>a:hover,
	.register form>a:hover {
		color: #394049;
	}


	.content.profile form label {
		display: block;
		padding: 10px 0 5px 0;
	}


	.content {
		/* width: 90%; MSS width*/
		margin: 20px auto 0px;
	}

	.front_side_builder_headline {
		text-transform: uppercase;
		font-family: 'Noto Sans', sans-serif;
		text-shadow: 1px 1px black;
	}

	.max-width-1080 {
		max-width: 1080px;
	}

	/*  
-----------------------------------------------------------------------------
*/
	.accessory_item_flex_item:nth-of-type(1) {
		flex: 0 0 2ch;
		/* font-size:.95em; */
	}

	.accessory_item_flex_item:nth-of-type(2) {
		flex: 0 0 8ch;
		/* font-size:.95em; */
	}

	.accessory_item_flex_item:nth-of-type(3) {
		flex: 0 0 80%;
		/* font-size:.95em; */
	}

	.accessory_optional_item_flex_item:nth-of-type(1) {
		flex: 0 0 2ch;
		text-align: left;
	}

	.accessory_optional_item_flex_item:nth-of-type(2) {
		flex: 0 0 9ch;
		text-align: right;
	}

	.accessory_optional_item_flex_item:nth-of-type(3) {
		flex: inherit;
		text-align: left;
		padding-left: 1ch;
	}

	.extra_width_for_color_spans {
		flex: 0 0 12ch !important;
	}


	/* .extra_width_for_color_spans_text { */
	/* font-size: 45px !important; */
	/* } */














	#master_total_new_price_container {
		background-color: black;
		color: white;
		margin-top: 4px !important;
		border-radius: 10px;

		/* This should only appear black on screen if something is wrong. */
	}

	.master_total_price_changed_message {
		padding: 5px;
	}


	.subtotals_align {
		margin-right: 40px;
	}

	.subtotals_style {
		position: relative;
		bottom: 10px;
		left: 20px;
		width: 90%;
	}

	#orders_flex_container .orders_card .subtotals_style li,
	#orders_flex_container .orders_card_hull_colors .subtotals_style li {
		font-weight: 400;
		font-style: normal;
		color: black;
		width: 100%;
		padding: 3px 10px;
		border-radius: 0px;
		margin-top: 4px;
		background-color: transparent;
	}



	.white_text_with_shadow {
		color: white;
		text-shadow: 1px 1px black;
	}


	.category_title {
		text-align: right;
		text-transform: uppercase;
		font-style: italic;
		font-weight: bold;
		padding-right: 10px;
	}

	.choose_only_one {
		font-size: .7em;
		font-style: italic;
		font-weight: 200;
		white-space: nowrap;
		max-width: 100%;
		margin-top: 0px;
	}

	#saved_or_not_header {
		white-space: nowrap;
	}

	.standard_5x5_shadow {
		-webkit-box-shadow: rgb(0 0 0 / 50%) 3px 3px 3px 0px;
		/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: rgb(0 0 0 / 50%) 3px 3px 3px 0px;
		/* Firefox 3.5 - 3.6 */
		box-shadow: rgb(0 0 0 / 50%) 3px 3px 3px 0px;
	}

	.standard_5x5_shadow_inset {
		-moz-box-shadow: 0 0 8px #000000 inset;
		-webkit-box-shadow: 0 0 8px #000000 inset;
		box-shadow: 0 0 8px #000000 inset;
	}

	.shadow_inset_container {
		position: relative;
		bottom: 0;
		right: 0;
	}

	.shadow_inset_img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1005;
		box-shadow: inset 0 0 10px 0 #000000;
		-moz-box-shadow: inset 0 0 10px 0 #000000;
		-webkit-box-shadow: inset 0 0 10px 0 #000000;
	}

	.shadow_inset {
		box-shadow: inset 0 0 6px 2px #000000;
		-moz-box-shadow: inset 0 0 6px 2px #000000;
		-webkit-box-shadow: inset 0 0 6px 2px #000000;
		/* -moz-box-shadow   : inset 0 0 10px 0 #000000;
    -webkit-box-shadow: inset 0 0 10px 0 #000000; */
	}

	.shadow_inset_small {
		box-shadow: inset 0 0 1px 2px #000000;
		-moz-box-shadow: inset 0 0 1px 2px #000000;
		-webkit-box-shadow: inset 0 0 1px 2px #000000;
	}



	#special_options_container {
		text-align: center;
	}

	#special_options_container h2 {
		border-radius: 15px;
		background-color: brown;
		color: white;
		font-weight: bold;
		padding: 10px;
		text-align: center;
	}

	#special_options_container div {
		padding-bottom: 10px;
		/* min-height:20px; */
		margin-top: 10px;
	}

	#line_items div {
		padding-bottom: 0px;
		min-height: 0px;
		margin-top: 0px;
	}

	a[href^="tel:"]:before {
		margin-right: 0.5em;
	}

	a[href^="tel:"] {
		/* color:#333333; */
		text-decoration: none;
	}







	.checkbox_twb {
		display: grid;
		grid-template-columns: -webkit-min-content auto;
		grid-template-columns: min-content auto;
		/* grid-gap: 0.5em; */
		font-size: 1.5em;
		color: var(--color);
		padding: 5px;
		padding-left: 15px;
	}

	.checkbox--disabled {
		color: var(--disabled);
	}

	.checkbox__control {
		display: inline-grid;
		width: 1em;
		height: 1em;
		border-radius: 0.25em;
		border: 0.1em solid currentColor;
	}

	.checkbox__control svg {
		transition: transform 0.1s ease-in 25ms;
		transform: scale(0);
		transform-origin: bottom left;
	}

	.checkbox__input {
		display: grid;
		grid-template-areas: "checkbox";
		align-items: center;
	}

	.checkbox__input>* {
		grid-area: checkbox;
	}

	.checkbox__input input {
		opacity: 0;
		width: 1em;
		height: 1em;
	}

	.checkbox__input input:focus+.checkbox__control {
		box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor;
	}

	.checkbox__input input:checked+.checkbox__control svg {
		transform: scale(1);
	}

	.checkbox__input input:disabled+.checkbox__control {
		color: var(--disabled);
	}


	.mss_btn {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		text-decoration: none;
		border: 0;
		border-radius: 10px;
		cursor: pointer;
		color: white;
		background-color: #4d5d74;
	}

	.mss_btn a,
	.mss_btn a:visited {
		color: white;
		font-weight: bold;
		text-decoration: none;
		margin: 4px;
		padding: 4px;
	}

	.mss_btn:hover {
		background-color: #2868c7;
		color: white;
	}



	#boat_loader {
		margin: auto;
		width: 100%;
		padding: 30px;
		margin: 30px auto;
		background-color: white;
		border-radius: 40px;
	}

	/* #boat_loader { */
	/* Start the shake animation and make the animation last for 0.5 seconds */
	/* animation: shake 0.5s; */
	/* When the animation is finished, start again */
	/* animation-iteration-count: infinite; */
	/* } */

	/* @keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
} */

	.make_font_smaller {
		font-size: .8em;
	}

	.container_main {
		text-align: center;
		margin: 10%;
	}

	#loader_words {
		top: calc(25% - 10vmin);
		z-index: 10;
		text-align: center;
		color: white;
	}

	#loader {
		animation: spin 1s infinite linear;
		border: solid 10px transparent;
		border-radius: 50%;
		border-right-color: #09f;
		border-top-color: #09f;
		box-sizing: border-box;
		height: 100px;
		width: 100px;
		position: relative;
		margin: auto;
		z-index: 1;
	}

	#loader:before {
		animation: spin 2s infinite linear;
		border: solid 10px transparent;
		border-radius: 50%;
		border-right-color: #3cf;
		border-top-color: #3cf;
		box-sizing: border-box;
		content: "";
		height: 80px;
		width: 80px;
		left: 0;
		position: absolute;
		top: 0;
	}

	#loader:after {
		animation: spin 3s infinite linear;
		border: solid 10px transparent;
		border-radius: 50%;
		border-right-color: #6ff;
		border-top-color: #6ff;
		box-sizing: border-box;
		content: "";
		height: 60px;
		left: 10px;
		position: absolute;
		top: 10px;
		width: 60px;
	}

	@keyframes spin {
		100% {
			transform: rotate(360deg);
		}
	}

	.color_chooser_item_flex_item:nth-of-type(1) {
		flex: 0 0 60px;
		align-self: center;
		min-height: 60px;
	}

	.color_chooser_item_flex_item:nth-of-type(2) {
		flex: 0 0 30px;
		text-align: right;
		align-self: center;
	}

	.color_chooser_item_flex_item:nth-of-type(3) {
		flex-grow: 1;
		display: inline-block;
		text-align: left;
		align-self: center;
	}

	.boat_thumbnail_container {
		position: relative;
		width: 100%;
		height: auto;
	}

	.boat_titles_over_images {
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
	}

	.boat_titles_over_image_placement {
		z-index: 5000;
		position: absolute;
		bottom: 0px;
		text-align: center;
		padding: 5px;
		padding-right: 10px;
		background-color: rgb(0, 0, 0, .5);
		width: 100%;
	}

	.boat_titles_over_image_placement {
		font-size: .8em;
	}

	.boat_titles_over_image_placement.even_smaller {
		font-size: .7em !important;
	}

	.boat_titles_year_over_image_placement {
		z-index: 5010;
		position: absolute;
		top: 0px;
		text-align: right;
		padding: 5px;
		padding-right: 10px;
		width: 100%;
	}



	.boat_thumb_solo_gallery_text {
		z-index: 5000;
		position: absolute;
		bottom: 0px;
		text-align: center;
		padding: 5px;
		padding-right: 10px;
		background-color: rgb(0, 0, 0, .5);
		width: 100%;
	}


	.hover_image {
		position: relative;
		width: 100%;
		height: auto;
		/* min-height:max-content; */
		border-radius: 20px;
		overflow: hidden;
	}

	.hover_image_without_w_100 {
		position: relative;
		border-radius: 20px;
		overflow: hidden;
	}

	.boat_thumbnail_image {
		width: 100%;
		position: relative;
		z-index: 3;
		height: auto;
	}

	.blur_money {
		font-size: 40px;
		filter: blur(15px);
		-webkit-filter: blur(15px);
	}



	.block,
	.block select,
	#orders_flex_container,
	.new_inquiry_card,
	#special_options_container,
	.login {
		color: #435165 !important;
	}

	.jconfirm {
		color: #3f4754;
	}

	.special_options_custom ul {
		list-style: disc;
		font-size: .9em;
		padding-left: 10px;
	}

	#amortization_statement_modal ul {
		list-style: none !important;
		/* font-size: .9em; */
		padding-left: 0px !important;
	}

	.special_options_custom ul li {
		background-color: transparent;
	}

	.special_options_custom ul li:hover {
		background-color: transparent;
	}

	/* brought from old 'styles.css' to make site work */
	.content .block table {
		width: 100%;
	}

	.content .block {
		box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
		margin: 20px 0;
		padding: 8px;
		background-color: #fff;
		border-radius: 25px;
	}



	.wsite_iframe_boat_prices {
		/* height: 7750px; */
		height: 2500px;
	}


	#bottom_total_updater * {
		font-size: 13px;
	}



	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 35px;
		height: 0;
		overflow: hidden;
	}

	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




	/* ////// flip content on smallest devices */
	/* ////// flip content on smallest devices */
	/* ////// flip content on smallest devices */
	.mobile_gone,
	.mobile_landscape_gone,
	.mobile_tablet_gone {
		display: none;
	}

	.mobile_tablet_gone_table_cell {
		display: none;
	}

	.mobile_gone_flex {
		display: none;
	}

	.mobile_show,
	.mobile_landscape_show,
	.mobile_tablet_show {
		display: show;
	}

	.mobile_gone:empty,
	.mobile_show:empty,
	.mobile_landscape_show:empty,
	.mobile_landscape_gone:empty,
	.mobile_tablet_gone:empty,
	.mobile_tablet_gone_table_cell:empty .mobile_tablet_show:empty,
	#large_screen_id:empty,
	#small_screen_id:empty {
		display: none;
	}

	/* .tablet_font_shrinks {
  font-size:inherit;
}   */
	.remove_me {
		display: none;
	}

	#top_nav_on_builder {
		background-color: #005869;

	}

	.loggedin.frontside {
		background-color: #3e4959;
		/* background-color:black; */
	}

	/* .special_sizer_text { */
	/* font-size:.9em !important; */
	/* } */
	.hover-blue:hover {
		color: blue;
	}

	.hover-blue {
		color: black;
	}

	#fix_to_top_modals {
		color: #4d5d74;
	}

	#fix_to_top_modals .attention_title {
		background-color: #990000;
		color: white;
		font-weight: bold;
		padding: 8px;
		border-radius: 20px;
	}

	.modal-body .attention_title {
		background-color: #990000;
		color: white;
		font-weight: bold;
		padding: 8px;
		border-radius: 20px;
	}

	.modal-body p,
	.modal-body ul,
	.modal-body li,
	.modal-body div {
		color: #435165;
	}

	#production_status_modals .attention_title {
		background-color: white;
	}


	#bottom_total_updater #disclaimer_text {
		/* position:absolute; */
		/* bottom:5px; */
		text-align: center;
		width: 100%;
		background:
			radial-gradient(black 15%, transparent 16%) 0 0,
			radial-gradient(black 15%, transparent 16%) 8px 8px,
			radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px,
			radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
		background-color: #282828;
		background-size: 6px 6px;
		padding: 0px;
	}

	#bottom_total_updater #disclaimer_text .tiny_text {
		font-family: 'Noto Sans', sans-serif;
		font-size: .6em;
		color: white;
		font-style: italic;
		text-transform: uppercase;
		padding: 5px;
		padding-top: 5px;
		margin: 0px;
		line-height: 1em;
	}

	#bottom_total_updater {
		padding-bottom: 5px;
	}

	#changes_need_saving_A {
		bottom: -40px;
	}

	.temp_date_modified {
		font-family: "Nunito", "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
		line-height: 1.25em;
	}





	/* ///////// Jai Schedule Report pages custom styling*/
	/* ///////// Jai Schedule Report pages custom styling*/
	/* ///////// Jai Schedule Report pages custom styling*/
	/* ///////// Jai Schedule Report pages custom styling*/
	/* ///////// Jai Schedule Report pages custom styling*/
	/* ///////// Jai Schedule Report pages custom styling*/
	.row_on_the_schedule_and_confirmed,
	.row_on_the_schedule_and_confirmed .shades_of_green_one,
	.row_on_the_schedule_and_confirmed .shades_of_green_two,
	.row_on_the_schedule_and_confirmed .shades_of_green_three,
	.row_on_the_schedule_and_confirmed td {
		color: white !important;
		background-color: green !important;
		border-bottom: thin solid black !important;
		font-weight: bold !important;
	}

	.row_not_on_schedule_yet {
		color: #5b5b5c !important;
		background-color: #fefefe !important;
		border-bottom: thin solid black !important;
	}

	.row_on_schedule_but_not_confirmed_yet {
		color: #0f5132 !important;
		background-color: #d1e7dd !important;
		border-bottom: thin solid black !important;
	}

	.column_yellow {
		background-color: #fff3cd !important;
		color: #664d03 !important;
		text-align: center !important;
	}

	.border_bottom_table {
		border-bottom: thin black solid;
		border-left: 1px solid #cccccc;
		border-right: 0px;
		border-top: 0px;
	}

	.border_bottom_table_end {
		border-right: 1px solid #cccccc;
	}

	.disabled_flatpickrs_yellow {
		background-color: #fff3cd !important;
		color: #664d03 !important;
		text-align: center !important;
	}

	.disabled_flatpickrs_default_color {
		background-color: transparent !important;
		border: none !important;
		color: inherit;
		text-align: center;
	}

	.disabled_flatpickrs_green {
		color: #0f5132 !important;
		background-color: #d1e7dd !important;
		border-color: #badbcc !important;
		text-align: center !important;
	}

	.disabled_flatpickrs_order_date {
		color: inherit;
		background-color: #d1e7dd !important;
		border-color: #badbcc !important;
		text-align: center !important;
	}

	.shades_of_green_one {
		color: #4A521E;
		background-color: #b7c9c1 !important;
		border-color: inherit !important;
		text-align: center !important;
	}


	.shades_of_green_two {
		color: #4A521E;
		background-color: #9bd4ba !important;
		border-color: inherit !important;
		text-align: center !important;
	}

	.shades_of_green_three {
		color: #4A521E;
		background-color: #607D3B !important;
		border-color: #badbcc !important;
		text-align: center !important;
	}


	.schedule_table_font_size {
		font-size: .875em !important;
	}

	.schedule_table_font_size tr td {
		padding: 5px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	/* input[type="text"].on_schedule_maker {
	font-size: 14px !important;
} */

	.row_status_open_order {
		color: #5b5b5c !important;
		background-color: #fefefe !important;
	}

	.row_status_scheduled {
		color: #5b5b5b !important;
		background-color: #e0ffdd !important;
	}

	.row_status_confirmed {
		color: #084298 !important;
		background-color: #cfe2ff !important;
	}

	.row_status_production,
	.row_status_production .td_hover_bg_link {
		color: white !important;
		background-color: green !important;
		font-weight: bold !important;
	}

	.row_status_production a {
		color: white !important;
		font-weight: bold !important;
	}

	/* .row_status_production a:hover  {
	color: #cccccc !important;
} */
	.row_status_production .td_hover_bg_link:hover {
		color: black !important;
	}

	.single_row_hover_bg_link:hover {
		color: black !important;
		background-color: #cccccc !important;
		cursor: pointer;
	}

	.hover_bg_cccccc:hover {
		/* check javascript function utility_generic_hover_bg(bg_color) */
		color: black !important;
		background-color: #cccccc !important;
		cursor: pointer;
	}







	.row_status_open_order {
		color: #5b5b5c !important;
		background-color: #fefefe !important;
	}

	.row_status_scheduled {
		color: #5b5b5b !important;
		background-color: #e0ffdd !important;
	}

	.row_status_confirmed {
		color: #084298 !important;
		background-color: #cfe2ff !important;
	}

	.row_status_production {
		color: white !important;
		background-color: green !important;
		font-weight: bold !important;
	}

	.row_status_shipped {
		color: #010101 !important;
		background-color: palegreen !important;
	}

	.row_status_delayed {
		color: #5b5b5c !important;
		background-color: yellow !important;
	}

	.row_status_open_order.selected,
	.row_status_scheduled.selected,
	.row_status_confirmed.selected,
	.row_status_production.selected,
	.row_status_shipped.selected,
	.row_status_delayed.selected {
		background-color: #0d6bf7 !important;
		color: white !important;
	}













	.row_status_production .tiny_text {
		color: #ffffff;
	}

	.row_status_production .tiny_text_2 {
		color: #ffffff;
	}

	.make_options_have_space {
		margin-bottom: 5px;
		padding: 15px;
		border-radius: 15px;
	}

	.make_options_have_space:hover {
		background-color: hotpink;
		color: black;
	}

	.row_status_price_locked {
		color: black !important;
		background-color: #CF9FFF !important;
	}


	.td_hover_bg_link {
		color: #0D6EFD;
		text-decoration: none;
		font-weight: bold;
	}

	.td_hover_bg_link:hover {
		background-color: lightgrey !important;
		color: black;
		font-weight: bold;
		cursor: pointer;
		text-decoration: underline;
	}

	.td_hover_bg_link.warn_visit_link:hover {
		background-color: lightgreen !important;
		color: black;
		font-weight: bold;
		cursor: pointer;
		text-decoration: underline;
	}


	/*Responsive Table using DIV Tags but liked the styling so used it on the TR and TD also*/
	/*Used on the sales-rep view pages*/
	#resp-table {
		width: 96%;
		display: table;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#resp-table-caption {
		display: table-caption;
		text-align: center;
		/* font-size: 30px; */
		font-weight: bold;
	}

	#resp-table-header {
		display: table-header-group;
		background-color: #eeeeee;
		font-weight: bold;
		/* font-size: 25px; */
	}

	.table-header-cell {
		display: table-cell;
		padding: 10px;
		text-align: center;
		border-left: 1px solid #cccccc;
		border-right: 0px;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		font-weight: bold;
	}

	.table-header-cell-end {
		border-right: 1px solid #cccccc;
	}

	#resp-table-body {
		display: table-row-group;
	}

	.resp-table-row {
		display: table-row;
	}

	.table-body-cell {
		display: table-cell;
		border: 1px solid #cccccc;
		text-align: center;
		padding: 5px;
	}

	#resp-table-footer {
		display: table-footer-group;
		background-color: #cccccc;
		font-weight: bold;
		border: 1px solid #cccccc;

		/* font-size: 25px; */
		/* color: rgba(255, 255, 255, 0.45); */
	}

	.table-footer-cell {
		display: table-cell;
		padding: 10px;
		text-align: justify;
		border: 1px solid #cccccc;
	}

	.hover_row:hover {
		background-color: #dddeee;
	}

	.min-content-width {
		min-width: min-content !important;
	}

	/* moved to css_overrides for the hover on home page
table {
  color:#435165; 
} */
	#ui-datepicker-div table {
		color: white;
	}

	#resp-table-header {
		font-size: .8em;
	}

	#resp-table-body {
		font-size: .8em;
	}

	.resp-table-header {
		font-size: .8em;
	}

	.resp-table-body {
		font-size: .8em;
	}



	.put_boat_on_calendar:hover {
		background: #cccccc;
	}

	.input_for_calendar_here:hover {
		background: #dddddd;
	}

	.private_admin_notes_hide {
		display: none !important;
	}

	#schedule_master_container {
		margin: 0px;
	}

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

	.responsive-hidden {
		display: none;
	}

	.mobile_change_text {
		font-size: .8em !important;
	}

	.alert_darker {
		background-color: #444444 !important;
		color: white !important;
	}

	.generic_message_helper h4 {
		margin-top: 20px !important;
	}

	.toggle-vis {
		text-decoration: none;
		padding: 10px;
		display: inline-block;
	}

	.toggle-vis:hover {
		background-color: #ccccdd;
	}

	/* .toggle-vis::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
} */
	/* .toggle-vis::before {
	font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1ea\00a0";
} */
	#show_extra_search_options:hover {
		text-decoration: underline;
		color: #0d6efd;
	}

	.columns_off {
		color: rgb(0, 0, 0, .25);
	}

	.border-cccccc {
		border-color: #cccccc !important;
	}

	.bg-cccccc {
		background-color: #cccccc !important;
	}
  .bg-purple {
    background-color: #E3CCFD !important;
  }
  

	#bottom_total_updater .bg-price-locked {
		background-color: green;
		border: 2px solid yellow;
		font-size: .75em;
		color: white;
		line-height: .90em;
		text-align: center;
	}

	.bg-bg-4d5d74 {
		background-color: #4d5d74 !important;
	}

	.bg-eeeeee {
		background-color: #eeeeee !important;
	}

	.bg-e1e1e1 {
		background-color: #e1e1e1 !important;
	}

	.alert-warning-darker {
		background-color: #FFEDB4;
	}

	.alert-info-darker {
		background-color: #FFEDB4;
	}

	.alert.alert-danger.even {
		background-color: #f8d7da !important;
	}

	.alert.alert-danger.odd {
		background-color: #fcedee !important;
	}

	.text-cccccc {
		color: #cccccc !important;
	}

	.filter_price_locked_hover:hover {
		color: #000;
	}

	.toggled_on {
		color: green;
	}

	.toggled_off {
		color: red;
	}

	.text_hover_bracket  {
    white-space: nowrap !important; 
  }
  
  .text_hover_bracket_color_stay:hover,
	.text_hover_bracket:hover::before,
	.text_hover_bracket:hover::after {
		color: inherit !important;
	}

	.background_hover:hover {
		background-color: #005869;
	}

	.text_hover_bracket:hover,
	.text_hover_bracket:hover::before {
		color: #333333;
		content: "[ ";
		cursor: pointer;
	}

	.text_hover_bracket:hover::after {
		content: " ]";
	}

	.text_hover_border {
		border: 1px solid grey;
		border-radius: 12px;
	}

	.text_hover_border:hover {
		border: none;
	}

	.text_hover_black:hover {
		color: #000;
		cursor: pointer;
	}

	.border_hover_black:hover {
		border-color: black !important;
	}

	/* .calendar-text { 
    margin-top: .3em; 
    color: white;
} */
	.file-text {
		margin-top: .2em;
	}

	/* other styles for demo */
	.fa-stack {
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.stacked-icons {
		margin-top: 20px;
		text-align: center;
	}

	.fa-stack+.fa-stack {
		margin-left: .3em;
	}

	.fa-stack {
		margin-bottom: 20px;
	}






	/** PUT ALL "cursor:pointer;" in one place now to control it site wide with this chunk here */
	/** PUT ALL "cursor:pointer;" in one place now to control it site wide with this chunk here */
	/** PUT ALL "cursor:pointer;" in one place now to control it site wide with this chunk here */
	/** PUT ALL "cursor:pointer;" in one place now to control it site wide with this chunk here */
	/** PUT ALL "cursor:pointer;" in one place now to control it site wide with this chunk here */


	.cursor_other_pointer {
		cursor: zoom-in !important;
	}

	.cursor_no_pointer {
		cursor: default !important;
	}

	/** PUT ALL "cursor:pointer;" in one place now to control it site wide with this chunk here */
	/** PUT ALL "cursor:pointer;" in one place now to control it site wide with this chunk here */

	#homepage_shorcuts {
		position: static;
		width: 100%;
		background: none;
	}

	#homepage_shortcuts.active {
		position: fixed;
		z-index: 4;
		padding: 0px;
		/* margin-bottom:0px; */
		width: 20%;
		/*Bootstrap needs 100 percent*/
		height: 100%;
		padding: 10px;
		padding-top: 75px;
		/* top: 20px; */
		left: 0;
		bottom: 60px;
		background: linear-gradient(180deg, #2f3947, #cccccc);
		-webkit-box-shadow: rgb(0 0 0 / 80%) 0px 0px 15px 0px;
		-moz-box-shadow: rgb(0 0 0 / 80%) 0px 0px 15px 0px;
		box-shadow: rgb(0 0 0 / 80%) 0px 0px 15px 0px;
	}





	/* .production_schedule_progress {
    display: flex;
    align-items: center
}  */
	.production_schedule_line {
		width: 60px;
		height: 6px;
		background: #7fcae8;
	}

	.production_schedule_line_mss {
		width: 100%;
		min-width: 50px;
		height: 6px;
		background: #7fcae8;
	}

	.production_schedule_line_holder {
		margin: 0;
		padding: 0;
	}

	.production_schedule_steps {
		display: flex;
		background-color: #7fcae8;
		color: #fff;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
	}

	.production_schedule_steps:hover {
		cursor: pointer;
		background-color: black;
	}

	.production_schedule_steps_arrow {
		display: flex;
		background-color: transparent;
		color: #7fcae8;
		align-items: center;
		justify-content: center;
		border-radius: 0;
		margin: 0px;
		padding: 0px;
	}

	.production_schedule_text {
		color: #7fcae8;
		font-style: italic;
	}


	.production_schedule_steps_arrow,
	.production_schedule_steps {
		font-size: 1em;
		width: 30px;
		height: 30px;
	}

	.production_schedule_text {
		font-size: .5em;
	}

	.not_greyed_out .check_mark_done {
		opacity: 1;
	}

	.yes_greyed_out .check_mark_done {
		opacity: 0;
	}

	.yes_greyed_out {
		opacity: .25;
	}

	.current_status_label_show {
		display: block;
		visibility: visible;
	}

	.current_status_label_hide {
		display: none;
		visibility: hidden;
	}






	#table_goodness .order_span_hide {
		display: none;
	}

	.jconfirm .order_span_hide {
		display: none;
	}

	.sorting {
		text-align: center !important;
	}



	.checkbox_label_hover:hover {
		cursor: pointer;
	}


	select#narrow_down_page_0 {
		width: 100%;
		height: 500px;
		border: 1px solid #dee0e4;
		padding: 0 15px;
	}

	.make_select_list_pretty {
		padding: 15px;
		padding-left: 30px;
		border-radius: 20px;
		color: black;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		/* height:400px; */
		line-height: 1.5;
	}

	.make_select_list_pretty option {
		padding: 10px;
	}



	option.owner_select_class {
		/* background-color:#e1e1e1; */
		border-radius: 12px;
		padding: 10px;
		margin-top: 25px;
	}

	option.owner_select_class:hover {
		background-color: #eeeeee;
		margin-left: 1px;
	}

	.location_manager_select_class {
		/* background-color:#e3e3e3; */
		border-radius: 12px;
		padding: 10px;
		margin-top: 5px;
		margin-left: 20px;
	}

	.location_manager_select_class:hover {
		background-color: #eeeeee;
		margin-left: 19px;
	}


	.sales_rep_select_class {
		/* background-color:#e5e5e5; */
		border-radius: 12px;
		padding: 10px;
		margin-top: 5px;
		margin-left: 40px;
	}

	.sales_rep_select_class:hover {
		background-color: #eeeeee;
		margin-left: 39px;
	}



	.hull_color_new_hover_x {
		background-color: #eeeeee;
		font-size: .85em;
		font-weight: 700;
		/* color: #2f3947; */
	}

	.hull_color_new_hover_x:hover {
		font-size: .85em;
		font-weight: 700;
		margin-left: 0px;
		color: white;
		cursor: pointer !important;
		text-shadow:
			1px 1px 0 #000,
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
	}




	.chevron_hide_buttons_sidebar {
		max-width: max-content;
	}

	.chevron_hide_buttons_sidebar:hover {
		color: yellow;
		font-size: 1.5em;
	}

	.chevron_reveal_sidebar {
		/* nothing; */
		font-size: 1.5em;
	}

	.chevron_reveal_sidebar:hover {
		color: #435163;
		background-color: #cccccc;
		cursor: pointer;
	}

	.hide_fix_to_top,
	.show_fix_to_top,
	.category_arrow {
		background: #4d5d74;
		max-width: max-content;
		color: white;
		border: 1px solid white;
	}

	.hide_fix_to_top:hover,
	.show_fix_to_top:hover,
	.category_arrow:hover {
		background: #000000;
		max-width: max-content;
		color: yellow;
		border: 1px solid yellow;
	}



	.chevron_hide_buttons {
		background-color: #3f4754;
		border-bottom: 1px solid black;
		border-radius: 12px 12px 0px 0px;

		z-index: 10000;
		max-width: max-content;

		font-family: 'Noto Sans', sans-serif;
		font-size: .8em;
	}

	.chevron_hide_buttons:hover {
		background-color: #e1e3e5;
		background-image: linear-gradient(to top, #3274d6, #4081e3);
		border-bottom: 1px solid #3f4754;
		color: yellow;
	}

	#hide_bottom_total_updater_buttons {
		position: absolute;
		right: 10px;
		top: -28px;
		overflow: hidden;
	}

	#save_tiny_button_container {
		position: relative;
		top: 40px;
	}




	#price_locked_message {
		position: absolute;
		z-index: 10000;
		/* left: 15px; */
		right: 15px;
		top: -25px;
	}


	/* 
#sav_tiny_button {
    color: #FFFFFF;
} */
	/* #sav_tiny_button:hover {
    mix-blend-mode: exclusion !important;
    text-shadow: 1px 1px black;

} */

	.homepage_shortcut_selected_class {
		background-color: #2868c7 !important;
	}

	.homepage_shortcut_selected_class:hover {
		cursor: pointer;
		color: white;
		background-color: #4d5d74;
		color: white;
	}


	/* Hide scrollbar for Chrome, Safari and Opera */
	.scroller-group .scroller_holder::-webkit-scrollbar {
		display: none;
	}


	.scroller-group .scroller_holder {
		display: block;
		overflow-x: auto;
		white-space: nowrap;

		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
	}


	.scroller-group>.scroller_holder>.scroll_box {
		display: inline-block;
	}

	.side_bar_shadow {
		-webkit-box-shadow: 3px 0px 3px 3px #333;
		-moz-box-shadow: 3px 0px 3px 3px #333;
		box-shadow: 3px 0px 3px 3px #333;
	}

	.header_shadow {
		-webkit-box-shadow: 0px 3px 6px 6px #333;
		-moz-box-shadow: 0px 3px 6px 6px #333;
		box-shadow: 0px 3px 6px 6px #333;
	}

	#include_main_nav .nav-link,
	#menu .nav-link {
		color: #ffffff;
	}

	.bg_hover:hover {
		background-color: #444555;
	}

	@media (min-width: 376px) {
		.animate {
			animation-duration: 0.3s;
			-webkit-animation-duration: 0.3s;
			animation-fill-mode: both;
			-webkit-animation-fill-mode: both;
		}
	}

	@keyframes slideUp {
		0% {
			transform: translate(50%, 30px);
			/* transform: scaleY(0);     */
		}

		100% {
			transform: translate(50%, 50px);
			/* transform: scaleY(1);  */
			transition: transform 0.26s ease;
		}
	}

	.slideUp {
		-webkit-animation-name: slideUp;
		animation-name: slideUp;
	}

	#menu {
		height: fit-content;
	}

	#load_screen {
		background: #4d5d74;
		opacity: 1;
		position: fixed;
		z-index: 100000;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	#load_screen>#loading {
		color: #00bdeb;
		width: 50%;
		height: auto;
		margin: 100px auto;
	}

	.load_screen {
		background: #4d5d74;
		opacity: 1;
		position: fixed;
		z-index: 100000;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.load_screen .loading {
		color: #00bdeb;
		width: 50%;
		height: auto;
		margin: 100px auto;
	}


	/* @keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
} */

	/* @-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
} */

	/* .chevron_close_sidebar {

} */

	.chevron_reveal_sidebar:hover {
		background: #000000;
	}

	.chevron_reveal_sidebar {
		background: #4d5d74;
		max-width: max-content;
		z-index: 20000;
		position: absolute;
		right: 0px;
		border-radius: 0 10px 10px 0;
		border-left: 0;
		border-top: 1px solid white;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
	}

	#sidebar_container {
		overflow-x: visible;
		overflow-y: auto;
	}

	.simple_box_shadow {
		-webkit-box-shadow: 0 10px 6px -6px #333;
		-moz-box-shadow: 0 10px 6px -6px #333;
		box-shadow: 0 10px 6px -6px #333;
	}

	.categories_on_page {
		color: #333333;
	}

	.categories_on_page:hover {
		color: #4d5d74;
	}

	#progressBar {
		background-color: #3E6FAD;
		width: 0px;
		min-height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-moz-transition: .25s ease-out;
		-webkit-transition: .25s ease-out;
		-o-transition: .25s ease-out;
		transition: .25s ease-out;
	}

	.progress_universal {
		padding: 10px;
	}

	.progress_universalBar {
		background-color: #3E6FAD;
		width: 0px;
		height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-moz-transition: .25s ease-out;
		-webkit-transition: .25s ease-out;
		-o-transition: .25s ease-out;
		transition: .25s ease-out;
	}

	/* .lightbox,  */
	.lightbox_fullscreen {
		z-index: 100000;
	}

	.lightbox-gallery-image img {
		max-width: 1100px !important;
		height: auto;
		position: relative !important;
		left: 50% !important;
		transform: translateX(-50%);
	}

	.lightbox-gallery {
		z-index: 100000;
	}

	.boat_thumb_hover:hover,
	.boat_thumb_hover_fix_to_top:hover {
		opacity: .5 !important;
	}

	.boat_thumb_hover {
		cursor: pointer;
		max-width: 130px;
		max-height: 130px;
		width: 130px;
		height: 130px;
		overflow: hidden;
	}

	.boat_thumb_hover_fix_to_top {
		cursor: pointer;
	}


	img.boat_thumb_hover {
		/* width: 100%;
height: 100%; */
		object-fit: cover;
	}

	img.hover_dim:hover {
		object-fit: cover;
	}

	.placeholder_accessory_image_loader {
		opacity: .2;
	}

	#include_main_nav {
		margin: auto !important;
		max-width: 1320px;
	}

	#price_locked_adjusted_container {
		position: relative;
		top: -75px;
	}

	/* div.dtsb-searchBuilder div.special_sauce.with_extra_cheese { */
	/* padding: 0px !important;
    margin : 0px !important; */
	/* } */
	div.dtsb-searchBuilder div.dtsb-group {
		padding: 20px;
	}

	.dtsb-titleRow {
		height: auto !important;
		margin-right: 15px !important;
	}

	.dtsb-title {
		padding: 0px !important;
		margin: 0px !important;
		font-weight: bold;
	}

	.dtsb-button {
		margin-right: 15px !important;
	}

	.dtsb-searchBuilder {
		font-size: .8em;
	}

	.dtsb-group {
		padding: 0px !important;
		margin: 0px !important;
	}

	#regular_search_div {
		margin: 0px !important;
	}

	#regular_search_field {
		padding: 5px !important;
		margin: 0px !important;
	}

	#length_select_dropdown {
		height: inherit !important;
		border: none;
	}

	.dropdown-menu {
		padding: 10px;
		z-index: 12999 !important;
	}

	.dynamically_loaded_svg_animate_me {
		max-width: 200px;
	}

	.dynamically_loaded_svg_animate_me.start {
		display: none;
	}

	.logo_in_stats_bar {
		max-width: 250px;
		max-height: 50px;
	}

	#categories_horizontal_nav_sticky_top {
		display: none;
	}

	.hide_except_for_admin_only {
		font-size: .75em;
	}

	input[type=file].dynamic_uploader_with_save {
		margin-left: 10px;
		border: 1px solid #b5bcc7;
		text-align: left;
		line-height: 38px;
		padding-left: 25px !important;
	}
  .dynamic_uploader_with_save {
    cursor:  pointer;
  }

	input[type="file"].dynamic_uploader_with_save::-webkit-file-upload-button {
		background: #485dc5;
		color: #FFFFFF;
		line-height: 38px;
		padding: 0px 20px;
		margin-right: 0;
		border: none;
		float: right;
	}


	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */

	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */
	/* ////// ABOVE THIS LINE applies unless it's changed below for the larger screens */










	.h-sm-100 {
		height: 100%;
	}

	/*side bar attempt needed this*/
	/* @media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
} */

	/* /////////////////////////////////////////// */
	/* /////////////////////////////////////////// */
	/* /////////////////////////////////////////// */
	/* ////  Landscape Phone VERSION BELOW  ////// */
	/* /////////////////////////////////////////// */
	/* /////////////////////////////////////////// */
	/* /////////////////////////////////////////// */
	/* /////////////////////////////////////////// */
	/* /////////////////////////////////////////// */
	@media (min-width: 450px) {
		body.loggedin {
			/* background-color:#4d5d74; */
			background-color: #435163;
			/* background-color:#394556; */
			/* background-color:#2f3846; */
			/* background-color:#242c37; */
		}

		#fixme_large_screens {
			display: none;
		}

		#fixme {
			display: block;
		}


		.responsive-hidden {
			display: none;
		}

		#orders_flex_container {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		}

		#orders_flex_container.feb_2022 {
			width: 100%;
			display: block !important;
		}

		.orders_card_new {
			padding: 5px;
		}

		.easy_grid_4_column_max {
			grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
		}

		.easy_grid_4_column_max_even {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
		}

		.easy_grid_card {
			padding: 10px;
		}

		/* jconfirm width issues here MSS */
		.jconfirm-box-container {
			max-width: 100%;
		}

		.blank_row_align {
			grid-column-start: 1;
			grid-column-end: 1;
		}

		#scroll_here {
			grid-column-start: 1;
			grid-column-end: 1;
		}

		/* ////// flip content on smallest devices */
		.mobile_gone {
			display: block;
		}

		.mobile_gone_flex {
			display: flex;
		}

		.mobile_landscape_gone {
			display: none;
			/* landscape gone means just that. When the iphone is in landscape mode, these items go away! */
		}

		.mobile_tablet_gone {
			display: none;
		}

		.mobile_tablet_gone_table_cell {
			display: none;
		}

		.mobile_tablet_show {
			display: none;
		}

		.mobile_show {
			display: none;
		}

		.mobile_landscape_show {
			display: block;
		}

		/* /////////////////////////////////////// */
		/* /////////////////////////////////////// */
		.flex_item_generic_1 {
			flex: 1 1 auto;
			margin-top: 0px;
		}

		.flex_item_generic_min_50 {
			flex: 1 1 48%;
			margin-top: 0px;
			max-width: 48%;
		}

		.flex_item_generic_2 {
			flex: 1 1 auto;
		}

		.flex_item_generic_4 {
			flex: 1 1 auto;
		}

		.flex_item_generic_2_landscape_fluid {
			flex: 1 1 auto;
		}

		.single_row_generic {
			flex-wrap: wrap;
		}

		.rounded_corners {
			border-radius: 10px !important;
			/* overflow:hidden !important; */
		}

		.boat_photo_helper {
			margin-right: 6px;
		}

		#new_inquiry_container {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
		}

		.customer_details_card {
			grid-column-start: 1;
			grid-column-end: 3;
		}

		.customer_details_card_new_inquiry {
			grid-column-start: 1;
			grid-column-end: 2;
		}

		.full_width_card {
			padding: 20px;
			grid-column-start: 1;
			grid-column-end: 3;
			grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
		}


		.full_width_card_new_inquiry {
			padding: 20px;
			grid-column-start: 1;
			grid-column-end: 3;
			grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
		}


		#footer {
			display: none;
		}



		.saved_total_title {
			color: #e6f9f9;
		}

		#bottom_menu_starting_price_container,
		#bottom_menu_accessories_container,
		#bottom_menu_hull_colors_container {
			display: none;
		}

		#bottom_menu_sub_total_container,
		#bottom_menu_grand_total_container,
		#bottom_menu_new_total_container {
			display: grid;
		}

		#bottom_total_updater {
			/* padding-bottom:15px; */
			/* padding-bottom:30px; */
			bottom: -10px;
		}

		#changes_need_saving_A {
			font-size: .85em;
			bottom: -35px;
		}



		#changes_need_saving_container {
			flex: 1 0 100%;
			width: 100%;
			display: flex;
			flex-wrap: nowrap;
			justify-content: stretch;
			align-items: center;
			width: max-content;
			gap: 10px;
			margin: auto;
			font-weight: bold;

			justify-content: stretch;
			align-items: center;
			width: max-content;
		}

		.subtotals_style {
			position: absolute;
			width: 87%;
		}


		.subtotals_align {
			margin-right: 20px;
		}

		#changes_need_saving_info_container {
			min-width: max-content;
			max-width: 80%;
			max-width: min-content;
			width: max-content;
		}

		.special_responsive_gone {
			display: none;
		}


		.boat_titles_over_image_placement {
			font-size: 1em;
		}

		#bottom_total_updater * {
			font-size: 1em;
		}

		#resp-table-header {
			font-size: .9em;
		}

		#resp-table-body {
			font-size: .9em;
		}

		.resp-table-header {
			font-size: .9em;
		}

		.resp-table-body {
			font-size: .9em;
		}


	}


	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //// SPECIAL VERSION JUST for top fixed menu sizing    // */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */

	@media (min-width: 550px) {
		.special_responsive_gone {
			display: none;
		}


		.wsite_iframe_boat_prices {
			/* height: 10500px; */
			height: 2500px;
		}

		#resp-table-header {
			font-size: 1em;
		}

		#resp-table-body {
			font-size: 1em;
		}

		.resp-table-header {
			font-size: 1em;
		}

		.resp-table-body {
			font-size: 1em;
		}

		.mobile_change_text {
			font-size: 1em !important;
		}


		.production_schedule_steps_arrow,
		.production_schedule_steps {
			font-size: 1.5em;
			width: 40px;
			height: 40px;
		}

		.production_schedule_text {
			font-size: .75em;
		}

	}

	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //// TABLET VERSION BELOW    // */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	@media (min-width: 768px) {

		body.loggedin {
			/* background-color:#4d5d74; */
			background-color: #435164;
			/* background-color:#394556; */
			/* background-color:#2f3846; */
			/* background-color:#242c37; */
		}

		#fixme_large_screens {
			display: block;
		}

		#fixme {
			display: none;
		}

		.responsive-hidden {
			display: table-cell;
		}

		#orders_flex_container {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
		}

		.orders_card_new {
			padding: 10px;
		}

		.easy_grid_4_column_max {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
		}

		.easy_grid_4_column_max_even {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
		}

		.easy_grid_card {
			padding: 10px;
		}

		/* jconfirm width issues here MSS */
		.jconfirm-box-container {
			max-width: 90%;
			margin: auto;
		}

		.blank_row_align {
			grid-column-start: 1;
			grid-column-end: 3;
		}

		#scroll_here {
			grid-column-start: 1;
			grid-column-end: 3;
		}

		/* ////// flip content on smallest devices */
		.mobile_gone,
		.mobile_landscape_gone {
			display: block;
		}

		.mobile_tablet_gone {
			display: none;
		}

		.mobile_tablet_gone_table_cell {
			display: none;
		}

		.mobile_tablet_show {
			display: block;
		}

		.mobile_show,
		.mobile_landscape_show {
			display: none;
		}

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






		.flex_item_generic_1 {
			flex: 1 1 23%;
			margin-top: 0px;
		}

		.flex_item_generic_min_50 {
			flex: 1 1 auto;
			margin-top: 0px;
		}

		.flex_item_generic_2 {
			flex: 2 1 48%;
		}

		.flex_item_generic_4 {
			flex: 1 1 20%;
		}

		.flex_item_generic_2_landscape_fluid {
			flex: 1 1 auto;
		}





		.single_row_generic {
			flex-wrap: nowrap;
		}

		.rounded_corners {
			border-radius: 20px !important;
		}

		.boat_photo_helper {
			margin-right: 0px;
		}

		.profile-btn {
			padding: 10px 15px;
		}


		#new_inquiry_container {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
		}

		.customer_details_card {
			grid-column-start: 1;
			grid-column-end: 3;
		}

		#footer {
			display: block;
		}



		#bottom_menu_accessories_container,
		#bottom_menu_hull_colors_container {
			display: none;
		}

		#bottom_menu_starting_price_container,
		#bottom_menu_sub_total_container,
		#bottom_menu_grand_total_container,
		#bottom_menu_new_total_container {
			display: grid;
		}


		#bottom_total_updater {
			/* padding-bottom:15px; */
			/* padding-bottom:30px; */
			bottom: -10px;
		}

		#changes_need_saving_A {
			font-size: 1em;
			/* bottom: -35px; */
			bottom: -40px;
		}


		#bottom_total_updater * .tiny_link,
		#bottom_total_updater * a {
			color: yellow;
			text-decoration: none;
		}






		.standard_5x5_shadow {
			-webkit-box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
			/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
			-moz-box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
			/* Firefox 3.5 - 3.6 */
			box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px 0px;
		}

		.simple_box_shadow {
			-webkit-box-shadow: 0 10px 6px -6px #333;
			-moz-box-shadow: 0 10px 6px -6px #333;
			box-shadow: 0 10px 6px -6px #333;
		}

		.accessory_category_title {
			border-radius: 12px;
		}

		.boat_titles_over_image_placement {
			font-size: 1.25em;
		}

		.content .block table {
			width: 100%;
		}

		.content .block {
			box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
			margin: 20px 0;
			padding: 25px;
			background-color: #fff;
			border-radius: 25px;
		}

		.wsite_iframe_boat_prices {
			height: 2500px;
			/* height: 6500px; */
		}

		.production_schedule_steps_arrow,
		.production_schedule_steps {
			font-size: 2em;
			width: 50px;
			height: 50px;
		}

		.production_schedule_text {
			font-size: 1em;
		}



		.accessory_optional_item_flex_item:nth-of-type(3) {
			flex: 1 0 70%;
		}


		#hide_bottom_total_updater_buttons {
			/* left: 0px; */
			right: 10px;
			top: -35px;

		}



	}






	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //// DESKTOP VERSION BELOW    // */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	@media (min-width: 1080px) {
		body.loggedin {
			/* background-color:#4d5d74; */
			background-color: #435165 !important;
			/*background-color:#394556;
      background-color:#2f3846;
      background-color:#242c37; */
		}




		.responsive-hidden {
			display: table-cell;
		}

		#orders_flex_container {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
		}

		.orders_card_new {
			padding: 10px;
		}

		.easy_grid_4_column_max {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
		}

		.easy_grid_4_column_max_even {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
		}

		.easy_grid_card {
			padding: 20px;
		}

		/* jconfirm width issues here MSS */
		/* .jconfirm-box-container {
      max-width:90%;
    } */


		.blank_row_align {
			grid-column-start: 1;
			grid-column-end: 3;
		}

		#scroll_here {
			grid-column-start: 1;
			grid-column-end: 3;
		}

		/* ////// flip content on smallest devices */
		.mobile_gone,
		.mobile_landscape_gone,
		.mobile_tablet_gone {
			display: block;
		}

		.mobile_tablet_gone_table_cell {
			display: table-cell;
		}

		.mobile_show,
		.mobile_landscape_show,
		.mobile_tablet_show {
			display: none;
		}

		/* /////////////////////////////////////// */
		.tablet_font_shrinks {
			font-size: 1.375em;
		}


		.flex_item_generic_1 {
			flex: 1 1 23%;
			margin-top: 0px;
		}

		.flex_item_generic_min_50 {
			flex: 1 1 auto;
			margin-top: 0px;
		}

		.flex_item_generic_2 {
			flex: 2 1 48%;
		}

		.flex_item_generic_4 {
			flex: 1 1 20%;
		}

		.single_row_generic {
			flex-wrap: nowrap;
		}

		.rounded_corners {
			border-radius: 20px !important;
		}

		.boat_photo_helper {
			margin-right: 0px;
		}

		.profile-btn {
			padding: 10px 15px;
		}

		.table_desktop_show_only {
			display: table-cell;
		}



		#boat_d_price.new_net_diff,
		#new_net_diff.new_net_diff {
			font-size: 16;
			font-weight: bold;
		}



		#bottom_menu_accessories_container,
		#bottom_menu_hull_colors_container,
		#bottom_menu_starting_price_container,
		#bottom_menu_sub_total_container,
		#bottom_menu_grand_total_container,
		#bottom_menu_new_total_container {
			display: grid;
		}

		#bottom_total_updater {
			/* padding-bottom:15px; */
			/* padding-bottom:30px; */
			bottom: -10px;
		}

		#changes_need_saving_A {
			font-size: 1em;
			/* bottom: -45px; */
			bottom: -40px;
		}

		#new_inquiry_container {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
		}




		.wsite_iframe_boat_prices {
			/* height: 4500px; */
			height: 2500px;
		}

		.production_schedule_steps_arrow,
		.production_schedule_steps {
			font-size: 2em;
			width: 60px;
			height: 60px;
		}

		.production_schedule_text {
			font-size: 1em;
		}

	}


	@media (min-width: 1200px) {
		body.loggedin {
			background-color: #4d5d74;
			/* background-color:#435165 !important;
      background-color:#394556;
      background-color:#2f3846;
      background-color:#242c37; */
		}


		#boat_d_price.new_net_diff,
		#new_net_diff.new_net_diff * {
			font-size: 16px;
			font-weight: bold;
		}



		.wsite_iframe_boat_prices {
			/* height: 3000px; */
			height: 2500px;
		}

		#changes_need_saving_A {
			font-size: 1em;
			bottom: -40px;
		}

		/* #bottom_total_updater { */
		/* padding-bottom:30px; */
		/* } */

		.production_schedule_steps {
			font-size: 2.25em;
			width: 65px;
			height: 65px;
		}

		.production_schedule_steps_arrow {
			font-size: 2em;
			width: 40px;
			height: 40px;
		}

		.production_schedule_text {
			font-size: 1em;
		}

	}








	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* BELOW HERE NEEDS WITCH HUNTING   */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */
	/* //////////////////////////////// */

	/* ========MOBILE BELOW ============= */
	/* ==================== ============= */


	@media (max-width: 450px) {

		#features_flex_container {
			display: block;
		}

		.features_card h4 {
			font-size: 18px !important;
			white-space: normal;
		}

		.optional_feature_li {
			white-space: normal;
			text-indent: -1em;
			padding-left: 2em;
		}

		.standard_feature_li {
			white-space: normal;
			text-indent: -.9em;
			padding-left: 1.9em;
		}

		#features_flex_container .features_card {
			padding-bottom: 30px;
		}
	}


	.cursor_pointer:hover,
	.on_schedule_maker:hover,
	.put_boat_on_calendar:hover,
	.input_for_calendar_here:hover,
	.toggle-vis:hover,
	#show_extra_search_options:hover,
	.XXX_put_boat_on_calendar:hover,
	.hover_notes_background:hover,
	.hover_notes_td:hover {
		cursor: pointer;
	}