@charset "UTF-8";
/* CSS Document */

/* colors */
	/*

	Dark Grey:			#6A7186
	Grey:				#84919E
	Light Grey:			#D7D7DC

	Very Light Grey:	#e5e5e5
	Dark Beige:			#c2b4a2
	Beige:				#d2c8bb
	Light Beige:		#e8e4db
	BeneteauBlue:		#0D223F
	Light Blue:			#0090BF
	
	very light grey : ebebeb

	light border color: #dee2e6;

	*/
	
	/* Resetting browser default styles */
	html, body {min-height:100%;/* height: 100%; */ -webkit-text-size-adjust:100%;}
	body { font:300 14px/28px 'brandon-grotesque', Helvetica, Arial, sans-serif; }
	div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
	header, section, footer, aside, nav, article, figure, figcaption {display: block;}
	table {border-collapse:collapse;}
	img {border:none;max-width:100%;height:auto;}
	iframe, object, embed {max-width:100%;}
	ul, li {list-style:none;}
	input {vertical-align:middle;}
	input:focus, textarea:focus {outline:none;}
	button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
	a, a:active, a:visited {text-decoration:none;color:#0090BF;-webkit-transition:color linear .2s;transition:color linear .2s;}
	a:hover {text-decoration:none;color:#0090BF;}
	a:focus { outline: none; }

	body { color: #0D223F; background-color: #f8f8f8 !important; font-size: 13px; }
	
	header { position: fixed; width: calc(100% - 58px); margin-left: 58px; display: flex; justify-content: flex-start; align-items: center; height: 58px; background-color: #ffffff; padding: 0; border-bottom: #ebebeb solid 1px; z-index: 1000; -webkit-transition: margin .5s, width .5s; transition: margin .5s, width .5s; }
	header h2 { font-size: 14px; letter-spacing: 1px; }
	header h2 span { display: block; font-size: 10px; color: #0090BF; }
	
	.top-nav h2 { font-size: 14px; font-weight: 700; color: #0e223f; text-transform: uppercase; }
	
	.wrapper { position: relative; margin-left: 58px; padding-top: 58px; -webkit-transition: margin .5s; transition: margin .5s;  }
	
	.main-content { }
	
	
	.home-icon:before, .dashboard-icon:before { content: '\f015'; }
	.co-op-icon:before { content: '\f543'; }
	.top-gun-icon:before { content: '\f2eb'; }
	.show-events-icon:before { content: '\f073'; }
	.marketing-icon:before { content: '\f675'; }
	.contact-icon:before { content: '\f658'; }
	.roadmap-icon:before { content: '\f5a0'; }
	.production-icon:before { content: '\f21a'; }
	.ellipsis-icon:before { content: '\f141'; }

	/*.alert-icon:before { content: '\f071';}*/
	.alert-icon i { color: #0090BF; }

    .alert-warning { background-color: #0090BF; color: #ffffff; }

.top_gun_warning { padding: 30px; }
    .alert p { margin-bottom: 0;}
	
	/********** pagebody ***********/

	.pagebody { margin-top: 50px; }

	
	.main-content { padding: 30px; }

	.whitebox {
	  	background-color: #fff;
	  	border: none;
	  	border-radius: 0;
		-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		margin-bottom: 25px;
		flex: 1;
		padding: 1.75rem;
	}

	.pt-5 { padding-top: 1.6rem; }
	.pt-6 { padding-top: 1.7rem; }
	.pt-7 { padding-top: 1.8rem; }

	.pb-5 { padding-bottom: 1.6rem; }
	.pb-6 { padding-bottom: 1.7rem; }
	.pb-7 { padding-bottom: 1.8rem; }


	/************ iframe popup **************/

	.iframe-popup { padding-top: 40px; padding-bottom: 40px; }

	/***** title css started in production_availability.css *****/
	.title { background-color: rgb(10,34,64); padding: 15px 45px 15px 25px; width: 100%; height:60px; position: fixed; top: 0; z-index: 10;}
	.title h1 { color: #fff; padding:0; margin: 0;  line-height: 30px; }
	.title h5 { color: #CCCCCC; }
	.title .btn { margin-left: 10px; }
	.title .btn:first-child { margin-left: 0; }
	.title .btn i { font-size: 20px; }
	.title + .container-fluid { padding-top: 40px; }

	/**************** Type *****************/
	 
	h1 { font-size: 24px; margin-bottom: 10px; text-transform: uppercase; }
	h2 { font-size: 14px; font-weight: 700; color: #0e223f; text-transform: uppercase; }
	h3 { font-size: 24px; font-weight: 700; text-transform: uppercase; }
	h6 { font-weight: 400; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; }
	p {  font-size: 16px;  margin-bottom: 20px }

	ul li { font-size: 16px; }

	.text-info { line-height: 20px; }


	/********* pagebody ********/

	.pagebody h3 { margin-bottom: 20px; }
	.pagebody h4 { margin-bottom: 20px; }
	.pagebody h6 { text-transform: none; }

	/****** color text *******/
	.light-blue { color: #0090BF; }
	
	.hint { font-size: 15px; display: inline-block; margin-left: 10px; }
	.hint:before { content: '\f059'; font-family: 'Font Awesome 5 Pro'; display: block; font-size: 16px; font-weight: 100; }

	label .hint:before { font-size: 14px; }

	.bold-uppercase { text-transform: uppercase; font-weight: 700 !important; }
	
	/******** nav ********/
	
	.top-nav { display: flex; flex: 1; justify-content: space-between; align-items: center; width: auto; padding: 10px 30px; }
	.top-nav-links { justify-content: flex-end; flex-direction: row; display: flex; align-content: flex-end; margin: 0; }
	.top-nav-links li { font-size: 15px; }
	.top-nav-links li a { padding: 5px 8px; position: relative; }
	
	.message-alert span { position: absolute; top: 2px; left: 4px; width: 15px; height: 15px; line-height: 15px; text-align: center; color: #ffffff; border-radius: 50%; font-size: 9px; font-weight: 700; background-color: #0D223F; }
	
	.navbar-brand { position: relative; display: block; width: 58px; height: 58px; background-color: #d7d7dc; margin: 0; padding: 0; -webkit-transition: width .5s; transition: width .5s; }
	.navbar-brand:before { content: url("../images/BNT_SYMBOL.svg"); position: absolute; width: 28px; height: 40px; left: 50%; top: 50%;
  	transform: translateY(-50%) translateX(-50%); }
	
	.navbar-brand a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
	
	.side-menu { position: fixed; width: 58px; background-color: #0D223F; height: 100%; z-index: 1001; -webkit-transition: width .5s; transition: width .5s; }
	.nav-left { margin-top: 0; }
	
	.side-menu .icon { position: relative; display: block; width: 58px; height: 50px; text-align: center; line-height: 34px; }
	.side-menu .icon:nth-child(even) {  }
	
	.side-menu .icon span { display: block; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0s linear; transition: visibility 0s, opacity 0s linear; transition-delay: 0s; -webkit-transition-delay: 0s; text-transform: uppercase; font-size: 11px; color: #ffffff; }

	.side-menu .icon:before { font-family: "Font Awesome 5 Pro"; font-size: 20px; display: block; position: absolute; width: 26px; text-align: center; top: 50%; transform: translateY(-50%);  }

	.side-menu .nav-link:hover { transition: border-width 0.6s linear; -webkit-transition: border-width 0.6s linear; }
	.nav-bottom { justify-content: flex-end; }
	
	.nav-link.ellipsis-icon:hover, .nav-link.ellipsis-icon:focus {
	  border-bottom: none;
	}
	.side-menu .nav-link { padding: 8px 16px; }
	.side-menu .nav-link:hover { background-color: rgba(255,255,255,.15); -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }


	.menu_open .side-menu { position: fixed; width: 250px; background-color: #0D223F; height: 100%; z-index: 1001; }
	.menu_open .icon { position: relative; width: 250px; height: 50px; text-align: center; }
		.menu_open .icon span { display: block; visibility: visible; opacity: 1; text-align: left; margin-left: 38px; -webkit-transition: visibility .5s, opacity .5s linear; transition: visibility .5s, opacity .5s linear; transition-delay: .5s; -webkit-transition-delay: .5s;  }
		
		.menu_open .navbar-brand { width: 250px; }
		.menu_open .wrapper { margin-left: 58px; }
		.menu_open header { margin-left: 58px; }
	
/********** alerts **********/

.alert { border-radius: 0; border: none; font-size: 1.25rem; }

	/******** lists *********/

	.list-inline-item { margin-left: 0; padding-left: 0; text-transform: uppercase; letter-spacing: 1px; }
	.list-inline-item::before { content: ''; position: relative; width: 10px; border-left: #ccc solid 1px; background-color: #ccc; margin-right: 10px; }
	.list-inline-item:first-child:before { display: none; }

	/********* cards **********/
	
	.card {
	  	background-color: #fff;
	  	border: none;
	  	border-radius: 0;
		border-radius: calc(.25rem - 1px);
		-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		margin-bottom: 25px;
		flex: 1;
		flex-grow: 1;
	}
	
	.card-header { position: relative; background-color: #ffffff; border: none; padding-top: 25px; padding-bottom: 25px; padding-left: 1.75rem; padding-right: 1.75rem; border-radius: 0; border-radius: calc(.25rem - 1px); }
	.card-header h2 { margin-bottom: 0 !important; }
	.card-header:first-child { border-radius: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px);  }
	.card-body { padding: 1.75rem; }
	
	.card-header + .card-body { padding-top: 0; }
	
	.card-img-bottom, .card-img-top { border-radius: 0; border-radius: calc(.25rem - 1px); }

	.card-img-top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	.card-img-bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
	
	.card h2 { font-size: 14px; font-weight: 700; color: #0e223f; text-transform: uppercase; }
	.card h2 + h3 { margin-top: 8px; padding-bottom: 10px; }
	
	.card p { font-size: 14px; line-height: 22px; margin: 0; padding: 0; margin-bottom: 15px; }

	.card-footer { background-color:rgba(215,215,220,0.84); padding-left: 1.75rem; padding-right: 1.75rem; border-top: none; }
	.card-footer:last-child { border-radius: 0; }

	.card.color-header .card-header + .card-body { padding-top: 25px; }
	.card.color-header .card-header h2 { color: #ffffff; }
	

	.card .card-header .hint { float: right; }
	.card.color-header .card-header .hint { color: #ffffff; }

	.card.color-header .card-header { background-color: #0e223f; }
	.card.color-header .btn-close, .card.color-header .btn-close:after { color: #ffffff; }


	/******** file-view er *******/
	.file-view .card { padding: 8px; }
	.file-view .card .card-body { padding-left: 0; padding-right: 0; }
	.file-view .card .icon-img { fill: #0090BF;  }

	.file_upload_icon:before { content: '\f574'; font-family: 'Font Awesome 5 Pro'; color: #0090BF; font-weight: 400; font-size: 18px; visibility: visible;  }
.file_upload_icon.has_images:before { content: '\f302'; }


	/****** dealer registration *******/

	.event_package { cursor: pointer; }
	.event_package:hover { cursor: pointer; }
	.event_package.selected:after { content: '\f058'; display: flex; align-items: center; justify-content: center; font-family: 'Font Awesome 5 Pro'; font-size: 8rem; color: #ffffff; position: absolute; width: 100%; height: 100%; background-color: rgba(0,144,191,0.50)}

	.icon-inline { font-size: 18px !important; display: inline-block; text-align: center; color: #0090BF; padding: 0 8px;  }
	.icon-inline i { color: #0090BF; }
	.register-icon { font-size: 14px !important; display: inline-block; text-align: center; padding: 0 8px; margin-bottom: 0; }
	.register-icon i { color: #0090BF; margin-right: 10px; font-size: 18px; }

	.total_row { border-top: #dee2e6 double 4px !important; }
	.participation_costs_table { margin-bottom: 0; }
	.agree_amount { display: inline-block; margin-left: 10px; }
	.price { text-align: right; }

	.cost_row td:last-child { text-align: right; }
	
	.i_agree { margin-bottom: 20px; }
	.i_agree li:last-child { display: flex; align-items: center; color: #ffffff; background-color: #0090BF; }
	.i_agree li:last-child label { color: #ffffff; font-weight: 700; text-transform: uppercase; }
	
	.i_agree .custom-control-input:checked~.custom-control-label::before {
		color: #fff;
		border-color: #0D223F;
		background-color: #0D223F;
	}
	
	.details-list { display: flex; text-transform: none; margin-bottom: 15px; /*border-top: #dee2e6 solid 1px; border-bottom: #dee2e6 solid 1px;*/ padding-top: 8px; padding-bottom: 8px; }
	.details-list li { display: inline-block; padding: 5px 15px; line-height: 18px; border-right: #dee2e6 solid 1px; margin: 0; }
	.details-list li:first-child { padding-left: 0; }
	.details-list li:last-child { border-right: none; }
	.details-list strong { font-size: 70%; display: block; text-transform: uppercase;  }

.details-list .badge { padding: 6px 8px;}
.details-list .badge small { display: block; }

.bg-caution { background-color: #ecb802 !important; }
.bg-warning { background-color: #fb8f00 !important; }
.bg-danger { background-color: #ec3902 !important; }

.warning { color: #fb8f00 !important; }

.attending .list-group-horizontal-sm .list-group-item:first-child { margin-left: 0; }

	/****** toasts ******/

.toast-header { background-color: #0090bf; color: #ffffff; }
	
	/****** popover ******/

	.popover { border: none; background-color: #ffffff; border-radius: 3px; }
	.popover .arrow { color: #0090BF; }
	.popover .popover-header { color: #ffffff; padding: 1.25rem; background-color: #0090BF; text-transform: uppercase; font-weight: 700; font-size: 14px; }
	.popover .popover-body { color: #0D223F; padding: 1.25rem; font-weight: 300; }

	.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
		bottom: 0;
		border-width: .5rem .5rem 0;
		border-top-color: #0090BF;
	}
	.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
	  bottom: 1px;
	  border-width: 0.5rem 0.5rem 0;
	  border-top-color: #0090BF;
	}

		/* popover */

	.popover { font-family: 'brandon-grotesque', Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
		-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.20);
		-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.20);
		box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.20);
		background-color: #ffffff; 
		color: #0D223F;
	}

.iframe-popup .popover { background-color: #0090bf; color: #ffffff; }
.iframe-popup .popover .popover-body { color: #ffffff; }


	/***** co-op *****/

	body.co-op-pop { padding: 30px; }

	.pointsBox { position: fixed; z-index: 100; padding: 15px 20px; top: 0; right: 0; width: auto; height: auto; min-height: 50px; font-size: 16px; line-height: 20px; color: #fff; background-color: #0090BF; font-weight: 300;
		-webkit-transition: opacity 1s ease-in-out; 
		-moz-transition: opacity 1s ease-in-out; 
		-ms-transition: opacity 1s ease-in-out; 
		-o-transition: opacity 1s ease-in-out; opacity: 1; 
}
	.pointsBox span { margin: 0; font-weight: 700; text-transform: uppercase; }
	

.tiny-thumb { width: 30px; height: 30px; object-fit: cover; }


/* .scrolling .pointsBox { opacity: 0; } */

	.table-points { color: #ffffff; margin-top: 10px; }
	.table-points th { border-top: none; }
	.table-points td { font-size: 11px; text-align: center; padding: .2rem .4rem; border-top-color: rgba(255,255,255,0.3); }



.btn-points-table { -webkit-rotate(90deg); -ms-rotate(90deg); transform: rotate(90deg); box-shadow: none; -webkit-transition: -webkit-transform .3s ease-in-out; -ms-transition: -ms-transform .3s ease-in-out; transition: transform .3s ease-in-out; float: right; margin-left: 20px; }		
		  .btn-points-table:hover, .btn-points-table:active, .btn-points-table:focus { box-shadow: none; }
		  .btn-points-table:before { content: '\f0da'; font-family: 'Font Awesome 5 Pro'; color: #fff; font-weight: 900; font-size: 14px; visibility: visible; }
		  .btn-points-table.collapsed { -webkit-rotate(0deg); -ms-rotate(0deg); transform: rotate(0deg); }
		  .btn-points-table.collapsed:before { content: '\f0da'; font-family: 'Font Awesome 5 Pro'; color: #fff; font-weight: 900; font-size: 14px; visibility: visible;  }
		  
		  .pointsBox { overflow-y: scroll; }



	/****** fancybox ******/

	.fancybox-close-small {
		background: transparent;
		border: 0;
		border-radius: 0;
		color: #ccc;
		cursor: pointer;
		opacity: .8;
		padding: 8px;
		position: absolute;
		right: 12px;
		top: 7px;
		z-index: 401;
	}

.fancybox-close-small:hover {
    color: #0090BF !important;
    opacity: 1;
}

	.fancybox-slide--iframe .fancybox-content {
		width  : 900px;
		height : 700px;
		max-width  : 95%;
		max-height : 95%;
		margin: 0;
	}


body.upload { padding: 50px; }

	/****** page title ******/

	.page-title { display: flex; flex: auto; justify-content: space-between; align-items: center; padding: 15px 30px; background-color: #84919e;  }
	.page-title h1 { font-size: 18px; text-transform: uppercase; color: #ffffff; margin-bottom: 0; }
	
	.page-title .breadcrumb { display: flex;  justify-content: space-between; align-items: center; padding: 0; background-color: transparent; color: #ffffff; border-radius: 0; font-size: 11px; line-height: 12px; margin-bottom: 0; text-transform: uppercase; }
	.page-title .breadcrumb li { color: #ddd; margin-left: 0; }
	.page-title .breadcrumb a { color: #ffffff; }

	.page-title .nav-pills .nav-link, .page-title .nav-pills .nav-link.active, .page-title .nav-pills .show > .nav-link { color: #ffffff; }

	/****** pagination ******/

	.page-link { color: #0090BF; }
	.page-item.active .page-link {
		z-index: 1;
		color: #fff;
		background-color: #0090BF;
		border-color: #0090BF;
	}

	.numPerPage a.active { font-weight: 700; }


	/****** navigation ******/
	
	.nav-pills .nav-link { text-transform: uppercase; font-weight: 700; color: #0090BF; font-size: 12px; padding: 2px 0; margin: 0 .75rem; }
	
	.nav-pills .nav-link { border-radius: 0; }
	.nav-pills .nav-link.active { border-bottom: #0090BF solid 1px;  }

	.nav-pills .nav-link.active,
	.nav-pills .show > .nav-link {
	  color: #0090BF;
	  background-color: transparent;
	}
	
	.nav-link:hover, .nav-link:focus {
	  border-bottom: #0090BF solid 1px;
	}

	.page-title .nav-pills .nav-link.active { border-bottom: #ffffff solid 1px;  }


	.read-more:before { content: '\f530'; font-family: 'Font Awesome 5 Pro'; color: #0090BF; font-weight: 400; font-size: 14px; visibility: visible;  }

	.nav-pills .nav-link.icon { width: auto; height: auto; display: block; padding: 8px 16px; } 
	
	.see-more:before { content: '\f06e'; font-family: 'Font Awesome 5 Pro'; color: #0090BF; font-weight: 400; font-size: 14px; visibility: visible;  }
	.see-more.hide-text { visibility: hidden; }
	

	/****** maintenance ******/

	body.maintenance {
		 background-color: #0D223F !important;
		margin-left: 0px;
		margin-top: 0;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 0 0 0 0;
		color: #ffffff;
	}


	/****** dashboard ******/

	.dashboard .register-icon { font-size: 14px !important; display: inline-block; text-align: center; color: #0090BF; padding: 0 8px; }

	.dashboard .range-name.headcol, .dashboard .model-name.headcol { text-align: left; }
	.dashboard .range-name h4 { text-align: left; }

	.dashboard .hulltable tbody td, .dashboard .hulltable thead th, .headcol {
		border-color: #f8f8f8;
		height: auto !important;
		vertical-align: middle !important;
	}
	.headcol a .fa,
	.headcol a .fas,
	.headcol a .far { font-size: 11px; }
	

	/****** buttons ******/
	
	.btn { border-radius: 0; text-transform: uppercase; color: #0090BF; font-size: 12px; font-weight: 700; white-space: nowrap; }
	.btn-light { background-color: transparent; border: none; padding: 0 3px;}
	.btn-primary { background-color: #0090BF; border-color: #0090BF; color: #ffffff; }
	.btn-primary:hover { background-color: #0e223f; border-color: #0090BF; color: #ffffff !important; }

	.btn-primary:visited { border-color: #0090BF; color: #ffffff !important; }
	
	.btn-light:hover {
	  color: #22549b;
	  background-color: transparent;
	  border-color: none;
	}

	.btn-light:before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; margin-right: 4px; }
	.sign-up:before { content: '\f305'; display: inline-block; }
	
	.btn-back { display: block; position: absolute; top: 0; right: 15px; font-weight: 700; text-transform: uppercase; background-color: transparent; color: #0090BF; padding: 6px; font-size: 10px; line-height: 10px; }
	.btn-back:before { content: '\f100'; display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 400; margin-right: 4px; }
	.btn-back:hover { color: rgba(0,144,191,0.62); }
	
	.btn.add { position: relative; padding-left: 40px; }
	.btn.add:after { content: '\f067'; display: flex; justify-content: center; align-items: center; background-color: #0D223F; position: absolute; top: 0; left: 0; bottom: 0; width: 28px; height: 100%; font-family: 'Font Awesome 5 Pro'; font-weight: 400; margin-right: 4px;  }

	.btn-close { position: absolute; top: 50%; right: 15px; margin-top: -15px; display: block; float: right; color: #0090BF; width: 30px; height: 30px; font-size: 18px; }
	.btn-close:after { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 18px; color: #0090BF; font-weight: 400; margin-right: 4px; }
	
	.btn-success, .btn-danger { color: #ffffff; line-height: 1rem;}
	.btn-success i, .btn-danger i { color: #ffffff; font-size: 1rem;}
	.btn-danger { background-color: #dc3545; }

	.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
		box-shadow: none;
	}

	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
		color: #fff;
		background-color: #0D223F;
		border-color: #0D223F;
	}


/********* dropdown menu *********/

.dropdown-menu { border-top-left-radius:0; border-top-right-radius: 0; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border: none;-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		background-color: #ffffff;
}
	

/********** tables **********/

	.table thead th {
		font-size: 9px; text-transform: uppercase;
		vertical-align: bottom;
		border-bottom: none;
	}

	.table.table-borderless td {
		vertical-align: middle;
		border-top: none;
		border-bottom: 1px solid #dee2e6;
	}
	
	.table.table-borderless tr:last-child td { border-bottom: none; }
	
	.table.table-borderless th:first-child, .table.table-borderless td:first-child { padding-left: 0; }
	.table.table-borderless th:last-child, .table.table-borderless td:last-child { padding-right: 0; }
	td.btn-cell { text-align: right; }
	.btn-add { font-size: 18px; background-color: #28a745 !important; }


	.btn-icon-row { text-align: right; padding-right: 12px !important; vertical-align: middle; width: 120px; }
	.btn-icon-row a { margin-left: 12px; }

	.table-hover tbody tr:hover {
	  color: #212529;
	  background-color: rgba(0, 144, 191, 0.075);
	}

	
	.status { font-family: 'Font Awesome 5 Pro'; font-size: 9px; font-weight: 700; text-transform: uppercase; position: relative; display: block; color: #ffffff; background-color: #8dc6dd; border-radius: 50%; width: 15px; height: 15px; font-size: 9px; line-height: 15px; text-align: center; }
	.status:before { content: ''; font-style: normal; position: absolute; top: 0; width: 15px; height: 15px; display: block; color: #ffffff; font-weight: 700; }
	
	.status.reviewing { color: #ffffff; background-color: #8dc6dd; }
	.status.reviewing:before { content: '\f33d'; }
	
	.status.approved { color: #ffffff; background-color: #0090bf; }
	.status.approved:before { content: '\f00c'; font-family: 'Font Awesome 5 Pro' }
	
	.status.denied { color: #ffffff; background-color: #6a7287; }
	.status.denied:before { content: '\f068'; }
	
.cfdump_query td, .cfdump_query th, .cfdump_struct td, .cfdump_struct th { color: #000 !important; }	

/*.just-added, .highlight { background-color: rgba(0,144,191,.6); }
.just-added td, .just-added td a, .highlight td, .highlight td a  { color: #ffffff; }*/

@-webkit-keyframes blue-fade {
   0% {background: rgba(0,144,191,.6);}
   100% {background: none;}
}
@keyframes blue-fade {
   0% {background: rgba(0,144,191,.6);}
   100% {background: none;}
}

.highlight {
   -webkit-animation: blue-fade 2s ease-in 1;
   animation: blue-fade 2s ease-in 1;
}


/* filetable */
.fileTable .thumbs img { max-width: 200px; } 
.fileTable .thumbs { width: 200px; text-align: right; }
.fileTable strong { display: block; }
.fileTable .thumbs img { max-height: 100px; }
.fileTable td { vertical-align: middle; }

td a .fa, td a .far,td a .fas { font-size: 16px; }



/***** badges ******/

.badge { color: #ffffff; text-transform: uppercase; padding: 6px 8px; /*font-size: 65%; line-height: 65%; padding: .6em .7em*/ }
.badge-primary { background-color: #0090BF; }

a.badge-primary, a.badge-primary:active, a.badge-primary:visited { color: #ffffff; }

a.badge-primary:hover { background-color: #0D223F; }

/****** boats on display ******/

.boats_on_display .badge { font-size: 80%; }
.boats_on_display .badge small { display: block; }


/****** modals ******/

.modal-content { border-radius: 3px; border: none; }
.modal-header { background-color: #0D223F; color: #ffffff; border-top-left-radius: 3px; border-top-right-radius: 3px;  }
.modal-header .close span { color: #ffffff; }

/***** horizontal list group *****/

.list-group-horizontal-sm .list-group-item:not(.btn) { padding: .30rem 1.25rem; }
.list-group-item.btn.btn-primary { display: flex; align-items: center; border: none; }
.list-group-item span { font-weight: 700; }

.list-group-item:first-child, .list-group-item:last-child { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.list-group-flush { margin-left: 0; }
.list-group-flush li { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; padding-top: 6px; padding-bottom: 6px; }


/****** notifications ******/


.notifications { position: absolute; height: calc(100% - 60px); top: 60px; }

.notifications .whitebox {
	  	background-color: #fff;
	  	border: none;
	  	border-radius: 0;
		-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
		margin-bottom: 0 !important;
		flex: 1;
		padding: 1.75rem;
		/*position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;*/
	}

.notifications-left .whitebox { padding: 0; overflow:scroll;
    -webkit-overflow-scrolling: touch;
	max-height: 100%; }

.notifications-left { position: absolute; left: 0; top: 15px; bottom: 15px; }
.notifications-right { position: absolute; left: 33.33333%; top: 15px; bottom: 15px; padding-left: 0; }

.notification-brief { border-right: 3px solid #0090BF;  }
.notification-brief.has_been_read { border-right: 3px solid #ffffff;  }

.notification-details { margin-bottom: 0 !important; position: relative; }

.notifications h5 { font-size: 1rem; }
.notifications p { line-height: 20px;}
.thedate { text-transform: uppercase; }

.notifications .delete-icon { display: block; position: absolute; top: 0; right: 0; }

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0090BF;
    border-color: transparent;
}
/*
.list-group-item.active::after {
	content: '';
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -10px;
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0090BF;
}*/



/***** boat listing *****/

.boat-listing { margin-bottom: 20px !important; }
.boat-listing .card-body .card-title span { display: block; margin-top: 4px; }

@media (min-width: 1200px) {
	.card-columns { column-count: 5; }
}

/***** boat details *****/
.shortSpecs { clear:both;border-top:1px solid #0090BF;border-bottom:1px solid #0090BF;float:left;width:100%;padding:2px 0;margin-top: 25px; margin-bottom:25px; } 
.shortSpecs li { float:left;font-size:13px;color:#0D223F;border-right:1px solid #0090BF;padding:6px 8px; list-style: none; }
.shortSpecs li span, .shortSpecs li a {color:#424242;font-size:10px;text-transform:uppercase;}
.shortSpecs li:last-child { border:none; }


/***** tabs *****/

.tab-pane { padding: 30px; background-color: #ffffff; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
		box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15); }
.whitebox .tab-pane { padding: 15px; padding-top: 2rem; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #fff #fff #fff; -webkit-box-shadow: 0 4px 0 #fff, 1px 1px 3px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 4px 0 #fff, 1px 1px 3px 0px rgba(0,0,0,0.15);
		box-shadow: 0 4px 0 #fff, 1px 1px 3px 0px rgba(0,0,0,0.15); }
.nav-tabs { border-bottom: 1px solid #fff; }
.nav-tabs .nav-item, .nav-pills .nav-item { list-style: none !important; margin-left: 0; padding-left: 0; text-transform: uppercase; font-weight: 700; font-size: 11px; }

.tab-pane h3 { margin-bottom: 30px; }

	/***** footer *****/

	.credits { display: none; text-transform: uppercase; padding-left: 30px; padding-right: 30px; }

	/***** forms *****/

	.form-control { border-radius: 0; }

	.custom-control-input:checked~.custom-control-label::before {
		color: #fff;
		border-color: #0090BF;
		background-color: #0090BF;
	}

	.custom-select { border-radius: 3px; }
	
	select.form-control {
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		background-image: url("../images/sort.svg");
		background-position: 97% 50%;
		background-repeat: no-repeat;
		background-size: 9px;
	}

	label { font-size: 14px; }
	legend { font-size: 14px; font-weight: 700; color: #0e223f; text-transform: uppercase; }
	fieldset { padding-bottom: 20px; margin-bottom: 30px; border-bottom: #dee2e6 solid 1px;  }

	.formResult { display: none; background-color: #0090BF; color: #ffffff; }
	.formResult p { color: #ffffff; }
	.formResults { background-color: #0090BF; }


	.btn-save { text-align: center;}

	.saving:after {
				position:relative;
				font-family: 'Font Awesome 5 Pro', FontAwesome !important;
				content: "\f021";/* f021 */
				display: inline-block !important;
				margin-left: 10px;
				color: #0090BF;
			}

	.saved:after {
			position:relative;
			font-family: 'Font Awesome 5 Pro', FontAwesome !important;
			content: "\f00c";
			display: inline-block !important; 
			margin-left: 10px;
			color: #0090BF;
		}

.input-group-append .input-group-text { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-group-prepend .input-group-text { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.select-input { margin-bottom: 10px; }

input[type=file] { border: none; } 

.border-bottom { border-bottom: #dee2e6 solid 1px; }

.form-rows .form-group.row:after { content: ''; width: 100%; height: 1px; margin-left: 15px; margin-right: 15px; padding-bottom: 8px; border-bottom: #dee2e6 solid 1px; }
/*.form-rows [class*="col-"] { border-bottom: #dee2e6 solid 1px; }*/
.form-rows .form-group { margin-bottom: 0; padding-top: 4px; padding-bottom: 8px; }
.form-rows .form-group label { margin-bottom: 0; }
.form-rows .form-group .col-3 label { width: 90%; }


.form-control.big-text-underline { position: relative; font-size: 24px; background-color: transparent; border-top: none; border-right: none; border-left: none; padding-left:0; margin-bottom: 30px; border-bottom-color: #0090BF; }
.form-control.big-text-underline:before { content: 'EDIT'; display: block; font-size: 9px; position: absolute; height: 15px; width: 30px; top:0; left: 0; }



option:disabled {
    color: rgb(255, 170, 170) !important;
}
	
	/****** tooltip ******/
	.tooltip {
	  font-family: 'brandon-grotesque', Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 700; line-height: 1.5; text-transform: uppercase; font-size: 0.65rem; }

	.tooltip.show { opacity: 0.9; }
	.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }
	.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }
	.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	  top: 0;  border-width: 0.4rem 0.4rem 0; border-top-color: #0e223f; }
	.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {  padding: 0 0.4rem; }
	.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }
	.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	  right: 0;  border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #0e223f; }
	.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }
	.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }
	.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0;  border-width: 0 0.4rem 0.4rem; border-bottom-color: #0e223f; }
	.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }
	.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }
	.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #0e223f; }
	.tooltip-inner {  max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #0e223f; border-radius: 0.25rem; }
	/*
	[class*="col-"] { display: flex; flex-direction: column; }
*/

	/* hull availability */

	.company-stock { background-color:#2f4a60; color: #fff; }
	.dealer-stock { background-color:#8F191B; color: #fff;}
	.dealer-sold { background-color: #cacaca; color: #fff; }
	.history { background-color:#cacaca; color: #fff; }
	.available { background-color:#46A657; color: #fff; }
	.production { background-color:#46A657; color: #fff; }
	.not-available { background-color:#333; color: #fff; }
	
	
	
	@media (min-width: 576px) { 
		
		header { position: fixed; width: calc(100% - 78px); margin-left: 78px; display: flex; justify-content: flex-start; align-items: center; height: 78px; background-color: #ffffff; padding: 0; border-bottom: #ebebeb solid 1px; z-index: 1000; }
		header h2 { font-size: 14px; letter-spacing: 1px; }
		header h2 span { display: block; font-size: 10px; color: #0090BF; }

		.top-nav { display: flex; flex: 1; justify-content: space-between; align-items: center; width: auto; padding: 10px 30px; }
		.top-nav h2 { margin-bottom: 0 !important; }
		.top-nav-links { justify-content: flex-end; flex-direction: row; display: flex; align-content: flex-end; margin: 0; }
		.top-nav-links li { font-size: 20px; }
		.top-nav-links li a { padding: 8px 12px; position: relative; }

		.wrapper { position: relative; margin-left: 78px; padding-top: 78px;   }
		
		.message-alert span { position: absolute; top: 5px; left: 4px; width: 15px; height: 15px; line-height: 15px; text-align: center; color: #ffffff; border-radius: 50%; font-size: 9px; font-weight: 700; background-color: #0D223F; }

		.navbar-brand { position: relative; display: block; width: 78px; height: 78px; background-color: #d7d7dc; margin: 0; padding: 0; }
		.navbar-brand:before { content: url("../images/BNT_SYMBOL.svg"); position: absolute; width: 32px; height: 45px; left: 50%; top: 50%;
		transform: translateY(-50%) translateX(-50%); }

		.navbar-brand a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

		.side-menu { position: fixed; width: 78px; background-color: #0D223F; height: 100%; z-index: 1001; }
		.nav-left { margin-top: 0; }

		.side-menu .icon { position: relative; width: 78px; height: 60px; text-align: center; line-height: 46px; }
		.side-menu .icon:nth-child(even) {  }
		/*.side-menu .icon span { display: block; }*/
		.side-menu .icon:before { font-family: "Font Awesome 5 Pro"; font-size: 25px; display: block; width: 44px; position: absolute; top: 50%; transform: translateY(-50%);  }
		
		.menu_open .side-menu { position: fixed; width: 250px; background-color: #0D223F; height: 100%; z-index: 1001; }
		.menu_open .icon { position: relative; width: 250px; height: 60px; text-align: center; }
		.menu_open .icon span { display: block; visibility: visible; opacity: 1; text-align: left; margin-left: 58px; -webkit-transition: visibility .5s, opacity .5s linear; transition: visibility .5s, opacity .5s linear; transition-delay: .5s; -webkit-transition-delay: .5s;  }
		
		.menu_open .navbar-brand { width: 250px; }
		.menu_open .wrapper { margin-left: 250px; }
		.menu_open header { margin-left: 250px; width: calc(100% - 250px); }
		
	
	}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {  }

	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) {  }

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {  }