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

/* colors */
	/*

	Dark Grey:			#6A7186
	Grey:				#b4b1b7
	Light Grey:			#D7D7DC

	Very Light Grey:	#e5e5e5
	Dark Beige:			#c2b4a2
	Beige:				#d2c8bb
	Light Beige:		#e8e4db
	Light green:			var(--dashboard-accent1)
	
	very light grey : ebebeb

	light border color: #dee2e6;

	medium gray: b4b1b7
	dark gray: 3F3E40
	green: var(--dashboard-accent1)

	*/

	/*** 

	FONTS:
	font-family: 'proxima-nova', sans-serif;
	font-family: 'williams-caslon-text', serif;

	***/



:root {

    --dashboard-error: #4F0600;
    --dashboard-error-rgb: 79,6,0;
	
	--dashboard-accent1: #007cc4;
	--dashboard-accent1-rgb: 0,124,196;
    --dashboard-accent2: #d4d0c8;
    --dashboard-accent2-rgb: 212,208,200;
    
    --dashboard-muted: #808C79;
    
    --dashboard-text-color: #3F3E40;
    
    --dashboard-light: #e8e4db;
    --dashboard-light-rgb: 232,228,219;
    
    --dashboard-small-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    
    --dashboard-light-border: #e8e8e8;
    
	
    --gtfs-dark-green: #354b46;
	--gtfs-dark-green-rgb: 53, 75, 70;
	
    --gtfs-light-green: #97b1aa;
	--gtfs-light-green-rgb: 151, 177, 170;
	
	--gtfs-green:#596f6a;
	
	--gtfs-medium-green: #80b5aa;
	--gtfs-medium-green-rgb: 128, 181, 170;
	
	--gtfs-navy: #112b44;
	
	--gtfs-light-blue: #f0f8ff;
	
    --gtfs-light-yellow: #f3eada;
    
    --gtfs-light-color-1: #f0f8ff;
	
	--gtfs-beige: #cec6a1;
    
    --gtfs-default-text-color: #565e5c;
	
	--gtfs-caution-rgb: 255,161,122;
	--gtfs-danger-rgb: 79,6,0; 
	
    --gtfs-panel-margin: 30px;
	
	 --gtfs-gray-dark: #343a40;
	  --gtfs-gray-100: #f8f9fa;
	  --gtfs-gray-200: #e9ecef;
	  --gtfs-gray-300: #dee2e6;
	  --gtfs-gray-400: #ced4da;
	  --gtfs-gray-500: #adb5bd;
	  --gtfs-gray-600: #6c757d;
	  --gtfs-gray-700: #495057;
	  --gtfs-gray-800: #343a40;
	  --gtfs-gray-900: #212529;
    
}


	
	/* Resetting browser default styles */
	html, body {min-height:100%;/* height: 100%; */ -webkit-text-size-adjust:100%;}
	body { font:300 14px/28px 'proxima-nova', 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 {text-decoration:none;color:var(--dashboard-accent1);-webkit-transition:color linear .2s;transition:color linear .2s;}
	a:hover {text-decoration:none;color:var(--dashboard-accent1);}
	a:focus { outline: none; }

	body { color: var(--dashboard-text-color); background-color: #f8f8f8; font-size: 14px; }
	
	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; border: none; margin-bottom: 0; padding-bottom: 0; }
	header h2 span { display: block; font-size: 10px; color: var(--dashboard-accent1); }
	
	.top-nav h2 { font-size: 14px; font-weight: 700; color: #3F3E40; 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'; }
    
    .floor-plans-icon:before { content: '\f61c'; }
    .lots-icon:before, .lot-inventory-icon:before { content: '\e1b5'; }
    .contact-icon:before, .contacts-icon:before { content: '\f2bb'; }
    .public-site-icon:before { content: '\f0ac'; }


    .accent1 { color: var(--dashboard-accent1);}

	/*.alert-icon:before { content: '\f071';}*/
	.alert-icon i { color: var(--dashboard-accent1); }

	.brokerage-icon:before { content: '\f21a'; }
	.boats-icon:before { content: '\f21a'; }

	.stats-icon:before { content: '\f080'; }

	.data-icon:before { content: '\f1c0'; }

	.people-icon:before, .brokers-icon:before { content: '\f0c0';}

    .pointer { cursor: pointer; }
	
	/********** pagebody ***********/

		
	/*.main-content { padding: 30px 30px 15px 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; }


    .dont-break-out {
      overflow-wrap: break-word;
      word-wrap: break-word;

      -ms-word-break: break-all;
      word-break: break-all;
      word-break: break-word;

      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;

    }

    .mainContainer > .card { margin-top: 25px;}

	.main-content > .whitebox { margin: 20px; }


    .onOffButton { outline: none; position:relative; }
    .onOffButton:before {  position:relative;  font-family: 'Font Awesome 5 Pro', FontAwesome; top: 0; left:0; content: "\f204"; font-size: 16px; }
    .on:before { content: "\f205"; }

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

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

	/***** title css started in production_availability.css *****/
	.title { background-color: var(--dashboard-accent1); 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;  }
	h2 { font-size: 20px; font-weight: 700; color: var(--dashboard-text-color); text-transform: uppercase; margin-bottom: 20px; }
	h3 { font-size: 18px; font-weight: 400; margin-bottom: 10px; }
	.h4, h4 { font-size: 1.25rem; margin-bottom: 15px; }
	h6 { font-weight: 400; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; }
	p { font-size: 14px; margin-bottom: 20px }
	
	.row + h2 { margin-top: 30px; }
	

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

	/****** color text *******/
	.light-blue { color: var(--dashboard-accent1); }
	
	.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: #3F3E40; }
	
	.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/T2H-outline-mark.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: #3F3E40; 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; }

.nav-link i { font-size: 18px; }


	.menu_open .side-menu { position: fixed; width: 250px; background-color: #3F3E40; 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: 1rem; }
.alert-info { color: rgba(var(--dashboard-accent1-rgb), 1); background-color: rgba(var(--dashboard-light-rgb), .5);}

.alert-light { background-color: rgba(223,223,223,.23);}



	/******** 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; }


    /******** wells *********/

    .well { border: none; padding: 8px 15px; background-color: rgba(var(--dashboard-light-rgb), .5); }
    .well h6 { margin-bottom: 0 !important; }

    /*.well label { display: inline-block; padding-top: 0; padding-bottom: 0; margin-right: 10px; margin-bottom: 0;  }*/
    .well .nice-select { display: inline-block; float: none; }
    /*.well input[type="radio"] { margin-right: 5px; }*/
    .well .custom-control-label { margin-right: 0; }
            
	/******* login *******/

	.login .bottom { display: flex; justify-content: space-between; }

	/******** users *********/

.broker td { font-weight: 700; }

	/********* 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: rgba( var(--dashboard-light-rgb) ); border: none; padding-top: 15px; padding-bottom: 15px; padding-left: 1.75rem; padding-right: 1.75rem; border-radius: 0; border-radius: calc(.25rem - 1px); margin-bottom: 25px; color: var(--dashboard-accent1); font-size: .85rem; text-transform: uppercase; font-weight: 700; }

	.card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 { 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: var(--dashboard-text-color); 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: var(--dashboard-text-color); }
	.card.color-header .btn-close, .card.color-header .btn-close:after { color: #ffffff; }

    .card-title { background-color: var(--dashboard-accent1); color: #ffffff; padding: 4px 8px; margin-bottom: 0;  }


	/******** 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: var(--dashboard-accent1);  }

	.file_upload_icon:before { content: '\f574'; font-family: 'Font Awesome 5 Pro'; color: var(--dashboard-accent1); font-weight: 400; font-size: 18px; visibility: visible;  }
.file_upload_icon.has_images:before { content: '\f302'; }


    .featured-thumbnail::before { content: 'featured'; display: block; position: absolute; top: 0; right: auto; bottom: auto; left: 0; background-color:var(--dashboard-accent1); color: #ffffff; text-transform: uppercase; font-size: 9px; line-height: 9px; font-weight: 700; padding: 3px 6px; border-bottom-right-radius: 6px; }

    .popup_menu { position: absolute; box-shadow: 0px 5px 10px -4px rgba(21,23,26,0.25) }
    .popup_menu .list-group-item, .popup_menu .list-group-item:active { cursor: pointer; color: #3F3E40; padding: .5rem 1rem; }  

    .popup_menu .list-group-item:hover { background-color: var(--dashboard-accent1); color: #ffffff; }  




	/************ main content window ************/

	.main-content-window {
		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;
	}




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

.form-group { margin-bottom: 20px; }



	/****** 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: var(--dashboard-accent1); padding: 0 8px;  }
	.icon-inline i { color: var(--dashboard-accent1); }
	.register-icon { font-size: 14px !important; display: inline-block; text-align: center; padding: 0 8px; margin-bottom: 0; }
	.register-icon i { color: var(--dashboard-accent1); 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: var(--dashboard-accent1); }
	.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: #3F3E40;
		background-color: #3F3E40;
	}
	
	.details-list { display: flex; text-transform: uppercase; 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;  }

.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; }
.bg-green { background-color: rgba(180,189,0,1); color: #ffffff; }
.bg-green-50 { background-color: rgba(180,189,0,.5); }

.warning { color: #fb8f00 !important; }


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

.toast-header { background-color: var(--dashboard-accent1); color: #ffffff; }
	
	/****** popover ******/

	.popover { border: none; background-color: #ffffff; border-radius: 3px; }
	.popover .arrow { color: var(--dashboard-accent1); }
	.popover .popover-header { color: #ffffff; padding: 1.25rem; background-color: var(--dashboard-accent1); text-transform: uppercase; font-weight: 700; font-size: 14px; }
	.popover .popover-body { color: #3F3E40; 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: var(--dashboard-accent1);
	}
	.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: var(--dashboard-accent1);
	}

		/* popover */

	.popover { font-family: 'proxima-nova', 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: #3F3E40;
	}

.iframe-popup .popover { background-color: var(--dashboard-accent1); color: #ffffff; }
.iframe-popup .popover .popover-body { color: #ffffff; }


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

.input-group-text .nice-select .option { color: var(--dashboard-text-color) !important; }
    
.card-header .input-group { color: var(--t2h-default-text-color);}



/**************** LOADING GRAPHIC *****************/


.loading { position: fixed; top: 50%; left: 50%; margin-left: -100px; background-color: var(--dashboard-accent1); width: 200px; height: auto; border-radius: 5px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
		box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
	z-index: 10000;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 10px;
}

.loading p { color: #fff; font-size: 9px; font-weight: 700; text-transform: uppercase; margin: 0; padding: 0; }

 .lds-ellipsis {
				  display: block;
				  position: relative;
				  width: 80px;
				  height: 40px;
				}
				.lds-ellipsis div {
				  position: absolute;
				  top: 15px;
				  width: 13px;
				  height: 13px;
				  border-radius: 50%;
				  background: #fff;
				  animation-timing-function: cubic-bezier(0, 1, 1, 0);
				}
				.lds-ellipsis div:nth-child(1) {
				  left: 8px;
				  animation: lds-ellipsis1 0.6s infinite;
				}
				.lds-ellipsis div:nth-child(2) {
				  left: 8px;
				  animation: lds-ellipsis2 0.6s infinite;
				}
				.lds-ellipsis div:nth-child(3) {
				  left: 32px;
				  animation: lds-ellipsis2 0.6s infinite;
				}
				.lds-ellipsis div:nth-child(4) {
				  left: 56px;
				  animation: lds-ellipsis3 0.6s infinite;
				}
				@keyframes lds-ellipsis1 {
				  0% {
					transform: scale(0);
				  }
				  100% {
					transform: scale(1);
				  }
				}
				@keyframes lds-ellipsis3 {
				  0% {
					transform: scale(1);
				  }
				  100% {
					transform: scale(0);
				  }
				}
				@keyframes lds-ellipsis2 {
				  0% {
					transform: translate(0, 0);
				  }
				  100% {
					transform: translate(24px, 0);
				  }
				}



/**************** loading-overlay *****************/

.loading-overlay {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 99999;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.8);
			display: block;
		}
		
		.loading-overlay .loading-outer {
			width: 300px;
			height: 200px;
			margin: -50px auto 0 -150px;
			position: absolute;
			top: 50%;
			left: 50%;
		}
		
		.loading-overlay .loading-inner { text-align: center; color: #fff !important; }
		/*.loading-overlay .loading-inner div.spinner { width: 48px; height:48px; background-image:url("/admin/images/spinner.svg"); background-repeat:no-repeat; margin: 0 auto 20px auto;}*/
		.loading-overlay .loading-inner img { margin-bottom: 20px; }
		.loading-overlay .loading-inner h5 {
			font-size:24px; color:#fff;
			text-align: center;
		}

.spinner { display: block; width: 30px; height: 30px; margin-bottom: 15px; margin-left: 50%; transform: translateX(-50%); text-align: center; }
.spinner::after {
	position:relative;
	font-family: 'Font Awesome 5 Pro', FontAwesome !important;
    font-size: 30px;
	content: "\f021";/* f021 */
	display: block !important;
	margin-left: 0;
	color: var(--dashboard-accent1);
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite;
}


@keyframes fa-spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}


	/****** 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: var(--dashboard-accent1) !important;
    opacity: 1;
}

.fancybox-slide--iframe .fancybox-content {
		width  : 1900px;
		height : 1800px !important;
		max-width  : 95%;
		max-height : 95%;
		margin: 0;
	}

.fancybox-bg {
    background: rgba(0,0,0,.6) !important;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71);
}


body.upload { padding: 50px; }

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

	.page-title { display: flex; flex: auto; justify-content: space-between; align-items: center; padding: 15px 30px; background-color: #b4b1b7;  }

	.page-title { position: fixed; width: 100%; z-index: 2; }
	.page-title + div { margin-top: 55px; }


	.page-title h1 { font-size: 18px; text-transform: uppercase; color: #ffffff; margin-bottom: 0; }
	.page-title p { font-size: 13px; line-height: 13px; padding: 0; margin: 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; }


	.page-title { background-color: #e0e0e5; }
	.page-title .lengthMeasure { font-size: 70%; }	
	.page-title	.modelYear { color: #333}
	.page-title	.make { color: #333}
	.page-title	.model { color: #333}
	.page-title	.lengthOverall { color: #333}
	.page-title .btn-back { width: 130px; }

    .page-title .boat-title .external_link { font-size: 14px; line-height: 1.2; margin-left: 5px;  }


	/***************** section title ******************/

	.section-title { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: var(--dashboard-accent1) solid 1px; padding-bottom: 15px; margin-bottom: 30px; }

	.section-title h2 { padding-bottom: 0; margin-bottom: 0;  }

	.section-nav { display: flex; justify-content: space-between; }


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

	
	.page-link { color: var(--dashboard-accent1); }
	.page-item.active .page-link {
		z-index: 1;
		color: #fff;
		background-color: var(--dashboard-accent1);
		border-color: var(--dashboard-accent1);
	}

    .page-item:first-child .page-link {
        margin-left: 0;
    }

    .page-link:hover {
        z-index: 2;
        color: var(--dashboard-accent1);
        text-decoration: none;
        background-color: transparent;
        border-color: none;
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: none;
    }

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

	.pagenav { margin-bottom: 15px; }

    .pagination-row { padding-top: 0; }
	.pagination-row:before { content: ''; position: relative; display: block; width: 100%; height: 15px; border-top: var(--dashboard-accent1) solid 1px; margin-left: 15px; margin-right: 15px; }

	.pagination-nav .nav-item:not(:last-child) { margin-right: 8px; }
	.pagination-nav .disabled.page-info { background-color: transparent; }

	.pagination-nav .page-link { cursor: pointer; }


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

	.nav-pills .nav-link.active,
	.nav-pills .show > .nav-link {
	  color: var(--dashboard-accent1);
	  background-color: transparent;
	}
	
	.nav-link:hover, .nav-link:focus {
	  border-bottom: var(--dashboard-accent1) 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: var(--dashboard-accent1); 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: var(--dashboard-accent1); font-weight: 400; font-size: 14px; visibility: visible;  }
	.see-more.hide-text { visibility: hidden; }
	

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

	body.maintenance {
		 background-color: #3F3E40 !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: var(--dashboard-accent1); 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 {
        display: inline-block;
        font-weight: 400;
        color: var(--dashboard-accent1);
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        /*border: none;*/
        /*padding: 0;*/
        font-size: 14px;
        line-height: 1.5;
        white-space: nowrap;
        border-radius: 0; text-transform: uppercase;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }



	.btn-light { background-color: transparent; border: none; padding: 0 3px;}
	.btn-primary { background-color: var(--dashboard-accent1); border-color: var(--dashboard-accent1); color: #ffffff; }
	.btn-primary:hover { background-color: var(--dashboard-text-color); border-color: var(--dashboard-accent1); color: #ffffff; }

	.btn-primary:visited { border-color: var(--dashboard-accent1); color: #ffffff !important; }
	
	.btn-light:hover {
	  color: #22549b;
	  background-color: transparent;
	  border-color: none;
	}

	.btn.focus, .btn:focus {
		outline: 0;
		box-shadow: none;
	}

    .btn-outline-primary {
        color: var(--dashboard-accent1);
        border-color: var(--dashboard-accent1);
    }

	.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: flex; font-weight: 700; text-transform: uppercase; background-color: transparent; color: var(--dashboard-accent1); padding: 6px; font-size: 11px; line-height: 11px; }
	.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); }

	.page-title .btn-back { color: #ffffff; }
	
	.btn.add { position: relative; padding-left: 40px; }
	.btn.add:after { content: '\f067'; display: flex; justify-content: center; align-items: center; background-color: #3F3E40; 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: 15px; right: 15px; margin-top: -15px; display: block;  color: var(--dashboard-accent1); width: 30px; height: 30px; font-size: 18px;}

	.btn-close:after { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 18px; color: var(--dashboard-accent1); 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: #3F3E40;
		border-color: #3F3E40;
	}

	.btn-xsm { padding: .15rem .3rem; font-size: 10px; line-height: 1.2 }

	.btn-primary.focus, .btn-primary:focus {
		color: #fff;
		background-color: var(--dashboard-accent1);
		border-color: var(--dashboard-accent1);
		box-shadow: 0 0 0 0.2rem rgba(204,214,0,.5);
	}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--dashboard-accent1);
        border-color: var(--dashboard-accent1);
    }

    /*.btn-add { color: var(--dashboard-accent1); font-size: 18px;  }*/

    .btn-save { cursor: pointer; font-weight: normal; text-transform: none; }

    .btn-icon::before,
    .btn-add::before,
    .btn-back::before,
    .btn-remove::before,
    .btn-edit::before,
    .btn-save::before{ content: '\f044'; font-family: 'Font Awesome 5 Pro', FontAwesome !important; margin-right: 8px; color: var(--dashboard-accent1); }

    .btn-add::before { content: '\f055'; }
    .btn-back::before { content: '\f0a8'; }
    .btn-remove::before { content: '\f056'; }
    .btn-edit::before { content: '\f044'; }
    .btn-select-file::before { content: '\f865'; } 
    .btn-add-video::before { content: '\f1c8';}
    .btn-save::before { content: '\f0c7';}


.top-right { position: absolute; top: 20px; right: 30px;}


/********* 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;
}


/**** notes ****/


.note-date { position: relative; margin-bottom: 10px; }
.date { text-transform: uppercase;  }

.note .date { text-transform: uppercase; color: var(--dashboard-accent1); font-size: 12px; font-weight: 700;  }
	
.note .btn-close { position: absolute; border: none; top: 20px; right: 0; transform: none; }
	

.note {  margin-bottom: 0; padding-left: 50px !important; border-left: none; border-right: none; }
	
	.note:before { content: '\f05a'; 
		font-family: 'Font Awesome 5 Pro', FontAwesome !important; display: flex; 
		font-weight: 300;
		justify-content: center; 
		align-content: center;
		align-items: center;
		position: absolute; 
		width: 40px;
		height: 100%;
		top: 0; 
		left: 0;  
		padding: .375rem .60rem;
    	font-size: 1.5rem;
    	line-height: 1.5; 
		color: var(--dashboard-muted); 
	}
	
	.note_walk_in:before { content: '\f554'; color: #af471e; }
	.note_email:before { content: '\f658'; color: #0d798c; }
	.note_phone_call:before { content: '\f3cd'; color: #6b8715; }
	.note_general:before { content: '\f05a'; color: #a7ad96; }
	
	.note-date { margin-bottom: 0; }
	
	.note small { color: var(--dashboard-muted) }
	.note small span { text-transform: uppercase;  }

	

/********** 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-icon-row { text-align: right; padding-right: 12px !important; vertical-align: middle; width: 120px; }
	.btn-icon-row a { margin-left: 12px; }


	.table td, .table th {
	   vertical-align: middle;
		border-top: none;
	}

	
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(var(--gtfs-gray-200),.15);
    }

    .table-hover tbody tr:hover {
	  color: var(--dashboard-text-color);
	  background-color: rgba(var(--dashboard-accent1-rgb), 0.1);
	}


	/*** list table ***/
	.list-edit-btns { text-align: right; }
	.list-edit-btns a:not(:last-child) { margin-right: 15px; }



	th:focus, td:focus { outline: none; }

	td.thumb, td.year { width: 50px; }
	td.badges { width: 75px; }

	
	.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: var(--dashboard-accent1); }
	.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 green-fade {
   0% {background: rgba(0,144,191,.6);}
   100% {background: none;}
}
@keyframes green-fade {
   0% {background: rgba(180,189,0,.5);}
   100% {background: none;}
}

.highlight {
   -webkit-animation: green-fade 2s ease-in 1;
   animation: green-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; }

.flexgrow-1 { flex-grow: 1; }
.flexgrow-1 span { width: 100%; }




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

.badge { color: #ffffff; text-transform: uppercase; padding: 6px 8px; background-color: var(--gtfs-gray-400);  /*font-size: 65%; line-height: 65%; padding: .6em .7em*/ }
.badge-primary { background-color: var(--dashboard-accent1); }

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

a.badge-primary:hover { background-color: #3F3E40; }

.badge-info { background-color: #abb8ad; }




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

.modal-content { border-radius: 3px; border: none; }
.modal-header { background-color: var(--gtfs-gray-200); color: var(--gtfs-gray-700); border-top-left-radius: 3px; border-top-right-radius: 3px;  }
.modal-header .close span { color: #ffffff; }
/*
@media (min-width: 768px) {
    .modal-dialog {
        max-width: 650px;
        margin: 1.75rem auto;
    }
}
*/

/***** 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; }

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: var(--dashboard-text-color);
    text-decoration: none;
    background-color: rgba(var(--dashboard-light-rgb), .3);
}

.list-group-item h6 { font-weight: 700; margin-bottom: 0; }


/****** collapse ******/
.collapse-trigger { cursor: pointer; color: #3F3E40; display: inline-block; }
.collapse-trigger:after { content: '\f0d7'; font-family: 'Font Awesome 5 Pro'; color: #3F3E40; font-weight: 900; font-size: 14px; visibility: visible; }
.collapse-trigger.collapsed { -webkit-rotate(180deg); -ms-rotate(180deg); transform: rotate(180deg); }
.collapse-trigger.collapsed:after { content: '\f0d7'; font-family: 'Font Awesome 5 Pro'; color: #3F3E40; font-weight: 900; font-size: 14px; visibility: visible;  }
/*f0d7*/

.list-group { position: relative; }
.list-group .addListItemBtn  { position: absolute; right: 0; top: -35px; }




/************ service days *************/

.weekdays input[type=checkbox] { display: none; }
				
.weekdays input[type=checkbox]:checked + label {
	color: #fff;
	background-color: var(--dashboard-accent1);
}
				
.weekdays .input-group-text {
	display: flex;
	align-items: center;
	padding: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	text-align: center;
	white-space: nowrap;
	background-color: var(--bs-tertiary-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
				
.weekdays .input-group-text:first-child label {
	border-top-left-radius: var(--bs-border-radius);
	border-bottom-left-radius: var(--bs-border-radius);
}
				
.weekdays .input-group-text:last-child label {
	border-top-right-radius: var(--bs-border-radius);
	border-bottom-right-radius: var(--bs-border-radius);
}
				
.weekdays input[type=checkbox] + label {
	color: #ccc;
	padding: .375rem .75rem;
}


.list-group li { cursor: pointer; }
.list-group li:hover { cursor: pointer; background-color: var(--gtfs-light-blue);  }
.list-group p { margin-bottom: 0; padding-bottom: 0; }

.list-group-row, .service-row { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items:center; }
.service-days { margin-left: 15px; margin-right: 15px; }
.service-days .badge { background-color: var(--dashboard-accent1);  }


/*********************** stops ***************************/



/********************* map *************************/

.map-row { width: 100%; height: 100%; }
.map-holder { width: 100%; height: 100%; }

.map_canvas { margin:0; width: 100%; height: 100%; position: relative; overflow: hidden; }

@media print {
	html, body { height: auto; }
	.map_canvas { height: 650px; }
}



.map_canvas.add-stop-mode {
    cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='30px' viewBox='0 0 20 30' style='enable-background:new 0 0 20 30;' xml:space='preserve'%3E%3Cpath fill='%23007CC4' class='st0' d='M10,0.1c-5.3,0-9.7,4.3-9.7,9.7C0.4,17.5,10,30,10,30s9.6-12.5,9.6-20.2C19.6,4.4,15.3,0.1,10,0.1z M10,16.1 c-3.4,0-6.1-2.7-6.1-6.1S6.6,3.9,10,3.9s6.1,2.7,6.1,6.1S13.4,16.1,10,16.1z'/%3E%3C/svg%3E%0A") 10 30, auto;
}

.map-control-button {
    background-color: #fff;
	color: #555 !important;
    border: 2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    cursor: pointer;
    margin-top: 0;
    margin-left: 0;
    text-align: center;
    padding: 6px;
}

.map-control-button {
    background: none padding-box rgb(255, 255, 255);
    display: table-cell;
    border: 0px;
    margin: 0 0 0 0 !important;
    padding: 0px 12px;
    text-transform: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    text-align: center;
    height: 30px;
    vertical-align: middle;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    min-width: 36px;
    font-weight: 500;
}

.map-control-button:hover { color: #444 !important; background-color: var(--dashboard-accent1) !important; }


/* Decrease the size of default Google Maps controls */
.gm-control-active {
    transform: scale(0.75);
    transform-origin: center;
}

.gmnoprint .gmnoprint {
    transform: scale(0.75);
    transform-origin: top left;
}

.gmnoprint .gm-bundled-control {
    transform: scale(0.75);
    transform-origin: top left;
}

.gmnoprint .gm-bundled-control .gmnoprint {
    transform: scale(0.75);
    transform-origin: top left;
}

/*.gmnoprint button { width: 30px; height: 30px; }*/

.gm-style-mtc button { font-size: 14px !important; font-weight: 400; padding: 0 12px !important; height: 30px !important; }

.gm-svpc { width: 30px; height: 30px; }
.gm-svpc div {
	--pegman-scaleX: .75;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: scale(var(--pegman-scaleX)) !important;
}


/****** 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 var(--dashboard-accent1);  }
.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: var(--dashboard-accent1);
    border-color: transparent;
}


/********** sortable *********/

.ui-sortable-handle { cursor:move; }
.ui-sortable-handle:after { content: '\f0dc'; font-family: "Font Awesome 5 Pro"; color: var(--dashboard-accent1); font-weight: 700; display: flex; width: 20px; height: 100%; position: absolute; right: -5px; top: 0; align-items: center;}


/************* popover ***************/
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: var(--dashboard-accent1);
    background-clip: padding-box;
    border: 1px solid var(--dashboard-accent1);
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.2);
	color: #ffffff;
}


.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-right-color: var(--dashboard-accent1);
}

.popover li { color: #ffffff; }




/*********************** multi-file uploader ****************************/


div.uploader {
	background-color: #ededed;
	border: none /*1px solid #CCCCCC*/ ;
	min-height: 100px ;
	width: 100% ;
	padding: 40px;
}

div.uploader a {
	display: block ;
	height: auto ;
	text-align: center ;
	text-decoration: none ;
}

div.uploader span.label {
	display: block ;
	padding: 27px 0px 0px 0px ;
	text-decoration: underline ;
}


div.uploader span.standby {
	color: #999999 ;
	display: block ;
	padding: 12px 0px 0px 0px ;
}

div.uploader span.progress {
	color: #999999 ;
	display: none ;
	min-height: 50px;
	padding: 12px 0px 0px 0px ;
}

div.uploader.uploading span.standby {
	display: none ;
}

div.uploader.uploading span.progress {
	display: block ;
}

ul.uploads {
	list-style-type: none ;
	margin: 20px 0 0 0 ;
	padding: 0 ;
	width: 100% ;
}

ul.uploads:after {
	clear: both ;
	content: "" ;
	display: block ;
	height: 0px ;
}

ul.uploads li {
	background-color: #f2f2f2 ;
	border: none ;
	border-radius: 0 ;
	float: left ;
	height: 200px ;
	margin: 10px 10px 0px 0px ;
	width: 150px ;
	display: flex;
	justify-content: center; 
	padding: 10px;
	position: relative;
	flex-direction: column;
	align-content: center;
}


ul.uploads li:after {
	content: '\f7a4';
	font-family:  'Font Awesome 5 Pro', FontAwesome;
	font-weight: 700;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	background-color: #cdcdcd;
	height: 20px;
	width: 100%;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
}


ul.uploads li small {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.uploads a.doc-icon {
	border-radius: 0 ;
	display: block;
	margin: 0px auto 0px auto ;
	max-height: 130px ;
	max-width: 130px ;
	background-color: transparent; /*#eaeaea*/
}




ul.uploads img, ul.uploads a img {
	border-radius: 0 ;
	display: flex ;
	margin: 0px auto 0px auto ;
	max-height: 130px ;
	max-width: 130px ;
	object-fit: contain;
}

/************** jeff added below ***************/

div.progress {
    display: -ms-flexbox;
    display: none;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #a3a5a7;
    border-radius: .25rem;
}

.uploading div.progress { display: flex; }

div.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #b2c516;
    transition: width .6s ease;
}

.theDocName { font-size: 8px; line-height: 8px; }



.pdf img,
.zip img,
.mp4 img,
.avi img,
.mpg img,
.mpeg img,
.ogg img,
.qt img,
.mov img,
.mp3 img,
.ppt img,
.doc img,
.docx img,
.eps img { display: none !important; }

.pdf:after,
.zip:after,
.mp4:after,
.avi:after,
.mpg:after,
.mpeg:after,
.ogg:after,
.qt:after,
.mov:after,
.mp3:after,
.ppt:after,
.doc:after,
.docx:after,
.eps:after {content: '\f15b'; font-family: 'Font Awesome 5 Pro', FontAwesome; font-size: 80px; font-weight: 300; }

.pdf:after {content: '\f1c1'; }
.zip:after {content: '\f1c6'; }
.mp4:after {content: '\f1c8'; }
.avi:after {content: '\f1c8'; }
.mpg:after, .mpeg:after, .ogg:after, .qt:after, .mov:after {content: '\f1c8'; }
.mp3:after {content: '\f1c7'; }
.ppt:after {content: '\f1c4'; }
.doc:after, .docx:after {content: '\f1c2'; }
.eps:after {content: '\f1c4'; }


.crop-buttons .btn-group .btn { height: 30px; }


/*********************** / multi-file uploader ****************************/



/******* iframe embed *******/

html, body.analytics { width: 100%; height: 100%;}
.container-fluid-iframe { width: 100%; height: 100%; display: flex; flex-grow: 1; }
.iframe-holder { width: 100%; height: 100%; padding-left: 0; padding-right: 0; display: flex; flex-flow: 1; padding-bottom: 40px; }
.container-fluid-iframe .mainContainer { width: 100%; height: 100%; min-height: 500px; }
.container-fluid-iframe .mainContainer iframe { width: 100% !important; height: 100% !important; min-height: 500px; }


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

/***** boat details *****/
.shortSpecs { clear:both;border-top:1px solid var(--dashboard-accent1);border-bottom:1px solid var(--dashboard-accent1);float:left;width:100%;padding:2px 0;margin-top: 25px; margin-bottom:25px; } 
.shortSpecs li { float:left;font-size:13px;color:#3F3E40;border-right:1px solid var(--dashboard-accent1);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 10px; 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: 0; 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 { list-style: none !important; margin-left: 0; text-transform: uppercase; font-weight: 700; font-size: 11px; }

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

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

	.credits { display: block; text-transform: uppercase; padding: 8px 30px; text-align: center; }
.credits small { font-size: 70%; letter-spacing: 1px; }

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

.form-control { border-radius: 0; font-size: .875rem; line-height: 1.5; padding: .25rem .5rem; height: calc(1.5em + .5rem + 2px); }

.input-group .form-control { padding: .375rem .5rem; font-size: .875rem; height: auto; }

.input-group-text {
   font-size: .875rem;
}


.form-control:focus {
		color: #495057;
		background-color: #fff;
		border-color: var(--dashboard-accent1);
		outline: 0;
		box-shadow: none;
	}


.custom-control-input:active~.custom-control-label::before{
	background-color:var(--dashboard-accent1);
}


.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: var(--dashboard-accent1) !important;
	background-color: var(--dashboard-accent1) !important;
}



.custom-select { border-radius: 3px; font-size: .875rem; line-height: 1.5; padding: .25rem .5rem; height: calc(1.5em + .5rem + 2px); border-radius: 0; padding-right: 30px !important; }

.input-group > .custom-select { border-radius: 0; }
select.form-control { border-radius: 0; -webkit-appearance: none; }


/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.form-control.date {
	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url(/admin/images/calendar-alt.svg);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 11px;
}


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

select.input-group-text { padding-right: 22px !important; background-position: 95% 50% !important;}

label { font-size: 12px; font-weight: 700; color: var(--dashboard-text-color); text-transform: uppercase; display: block; }
legend { font-size: 16px; font-weight: 700; color: var(--dashboard-accent1); text-transform: uppercase; margin-bottom: 20px; }
fieldset { padding-bottom: 20px; margin-bottom: 15px; border-bottom: none;  }

/*
fieldset::after { content: ''; position: relative; display: block; background-color: var(--dashboard-accent1); height: 1px; width: 100px; left: 50%; transform: translateX(-50%); margin-top: 30px; }*/


	.formResult { display: none; background-color: var(--dashboard-accent1); color: #ffffff; }
	.formResult p { color: #ffffff; }
	.formResults { background-color: var(--dashboard-accent1); }

	

.saving:after {
	position:relative;
	font-family: 'Font Awesome 5 Pro', FontAwesome !important;
	content: "\f021";/* f021 */
	display: inline-block !important;
	margin-left: 10px;
	color: var(--dashboard-accent1);
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite;
}


@keyframes fa-spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}

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

.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0;
}

.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: var(--dashboard-accent1); }
.form-control.big-text-underline:before { content: 'EDIT'; display: block; font-size: 9px; position: absolute; height: 15px; width: 30px; top:0; left: 0; }

::placeholder { color: #d3d3d3 !important; }

option:disabled {
    color: rgb(255, 170, 170) !important;
}





.form-control {
		display: block;
		width: 100%;
		height: calc(1.5em + .75rem + 2px);
		padding: .375rem .2rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		background-color: transparent;
		background-clip: padding-box;
		border: 1px solid #d7dee4;
		border-radius: 0;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	
	.form-control:focus {
		color: #495057;
		background-color: transparent;
		border: var(--dashboard-accent1) solid 2px;
		outline: 0;
		box-shadow: none;
	}
	
	.custom-select:focus {
			border: none;
			border-bottom: var(--dashboard-accent1) solid 2px;
			outline: 0;
			box-shadow: none;
		}
	
	::-moz-selection { background: rgba(var(--dashboard-accent1-rgb),.3); }
	::selection { background:rgba(var(--dashboard-accent1-rgb),.3); }




/***** nice select *****/

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 0;
    border: solid 1px var(--dashboard-light-border);
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 30px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}


.input-group-append .nice-select { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; display: flex; justify-content: center; line-height: normal; align-content: center; align-items: center; }
.input-group-append .nice-select span { height: auto; }

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: rgba(var(--dashboard-accent1-rgb),.3);
}

.nice-select label { color: var(--dashboard-text-color);}

.nice-select .option.selected {
    font-weight: bold;
}

.nice-select.small_select {
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px var(--dashboard-light-border);
    float: none;
    display: block;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding-left: 8px;
    padding-right: 30px;
}
    
.nice-select .option {
    line-height: 30px;
    min-height: 30px;
}
    
.nice-select.small_select .list {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px 0px rgb(68 68 68 / 41%);
}


.list-nav .custom-select { padding: 0.5rem 0.75rem; }
.list-nav .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1;
	font-size: 14px;
}
.list-nav .nice-select { border-radius: 0.375rem; }


/***** files and images *****/

.selected .thumbnail span, .doc-item.selected span { background-color: rgba( var(--dashboard-accent1-rgb),0.7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; vertical-align: middle; text-align: center; display: block; }
.doc-item.selected span:after { content: '\f058'; position: absolute; font-size: 50px; line-height: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -21px; text-align: center; font-family: 'Font Awesome 5 Pro', FontAwesome; color: #ffffff; }
.file-grid-container .tab-pane { background-color: #EFEFEF; padding: 20px; }
.file-grid-container .tab-content { border-left: rgb(222, 226, 230) solid 1px; border-right: rgb(222, 226, 230) solid 1px; border-bottom: rgb(222, 226, 230) solid 1px; }
.file-grid-right { background-color: #f4f4ee; }
.doc-items.grid { display: -ms-flexbox !important; display: flex !important; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.doc-items .card { width: 12.5%; margin: 10px; }
/*.doc-thumb { background-color: rgba(235,235,235,1.00); }*/
.doc-thumb img { height: 150px; object-fit: cover; }
.doc-thumb video, .thumbLink video { width: 100%; }

/*
.delete_btn { display: block; position: absolute; top: -10px; right: -10px; background-color: var(--dashboard-accent1); border-radius: 50%; padding: 4px; color: #ffffff !important; width: 22px; height: 22px; line-height: 22px; text-align: center; z-index: 1000; }
.delete_btn:hover { cursor: pointer; }
.delete_btn i { color: #ffffff !important; font-size: 14px; line-height: 1; }
*/

.delete_btn { display: flex; justify-content: center; position: absolute; top: -5px; right: -5px; background-color: var(--dashboard-accent1); border-radius: 50%; padding: 0; color: #ffffff !important; width: 22px !important; height: 22px !important; line-height: 22px; text-align: center; z-index: 1; }
.delete_btn:hover { cursor: pointer; }
.delete_btn i { color: #ffffff !important; font-size: 14px; line-height: 22px; }


.thumbnails {
    margin-left: -10px;
    margin-right: -10px;
}
.thumbnails [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
}
.thumbnails .card {
    box-shadow: var(--dashboard-small-shadow) !important;
    background-color: #fff !important;
}
.thumbnails .card-body {
    padding: 6px;
}
.thumbnails a {
    text-align: center;
}
.thumbnails .thumbLink {
    padding: 8px;
}
.thumbnails img {
    height: 150px;
    object-fit: contain;
    object-position: center;
}
.thumbnails .button-row {
    text-align: center;
    margin-bottom: 10px;
}
.thumbnails .button-row a {
    margin: 0 4px;
}
.file_holder {
    background-color: rgba(var(--dashboard-light-rgb), .3);
    padding: 40px;
}
.thumbnails .ui-sortable-handle::after { display: none; }

.category_row { background-color: var(--dashboard-light); padding: 6px 8px; } 
    



/***** JQUERY UI *****/

.ui-menu { z-index: 1000; }

/********** auto complete ***********/

.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; border: 1px solid #ced4da; }
.ui-menu .ui-menu { position: absolute; }
.ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
							
.ui-menu .ui-menu-item:hover { background-color: var(--dashboard-accent1); color: #fff; }
.ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; }
.ui-menu .ui-menu-divider {	margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active { margin: -1px; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon { left: auto; right: 0; }

.ui-autocomplete { background-color: #fff; }
.ui-menu-item { background-color: #fff; padding: 3px 6px;}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	background: var(--dashboard-accent1) !important;
	font-weight: bold !important;
	color: #ffffff !important;
} 

/***** DATEPICKER *****/


.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}
.ui-helper-clearfix:after{clear:both;}
.ui-state-disabled{cursor:default!important;pointer-events:none;}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-datepicker{width:17em;display:none;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
	
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
	
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-icon{text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em;}
.ui-widget{ font-size:1em;}
.ui-widget.ui-widget-content{ }
.ui-widget-content{background:#ffffff;color:3F3E40;}
.ui-widget-content a{color:3F3E40;}
.ui-widget-header{background:#e9e9e9;color:3F3E40;font-weight:bold;}
.ui-widget-header a{color:3F3E40;}
.ui-state-default,.ui-widget-content .ui-state-default{background:#f6f6f6;font-weight:normal;color:#454545;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight{background:#fffa90;color:#777620;}
.ui-state-disabled,.ui-widget-content .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}
.ui-icon{width:16px;height:16px;}
.ui-corner-all{border-top-left-radius:0;}
.ui-corner-all{border-top-right-radius:0;}
.ui-corner-all{border-bottom-left-radius:0;}
.ui-corner-all{border-bottom-right-radius:0;}
.ui-state-hover { background-color: #3F3E40 }
.ui-datepicker { background-color: #fff; -webkit-box-shadow: 4px 4px 15px -3px rgba(0,0,0,0.46);  box-shadow: 4px 4px 15px -3px rgba(0,0,0,0.46); }
.ui-datepicker-header { background-color: var(--dashboard-accent1); }
.ui-datepicker-title { color: #ffffff;}

.ui-widget-content .ui-state-default { border: 0px; text-align: center; /*background: #fff;*/ font-weight: normal; color: #000; }
.ui-widget-content .ui-state-default:hover { border: 0px; text-align: center; background-color: #3F3E40; font-weight: normal; color: #fff; }
.ui-widget-content .ui-state-active { border: 0px;background: var(--dashboard-accent1);color: #fff; }

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { color: #ffffff; cursor: pointer; }
.ui-datepicker-prev:before, .ui-datepicker-next:before { content: '\f060'; font-family: 'Font Awesome 5 Pro'; display: block; width: 1.8em; height: 1.8em; color: #ffffff; text-align: center;}
		
.ui-datepicker-prev:before { content: '\f060'; }
.ui-datepicker-next:before { content: '\f061'; }
.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }
	
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}
.ui-datepicker select.ui-datepicker-month{width:45%;}
.ui-widget select {font-size:1em; border: none; padding: 2px;  }
.ui-widget select:focus { outline: none; }
	

	
	/****** tooltip ******/
	.tooltip {
	  font-family: 'proxima-nova', 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: var(--dashboard-text-color); }
	.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: var(--dashboard-text-color); }
	.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: var(--dashboard-text-color); }
	.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: var(--dashboard-text-color); }
	.tooltip-inner {  max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: var(--dashboard-text-color); 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; }

	.sold { background-color: #8F191B; color: #fff; }
	.sale-pending, .sale.pending { background-color: #af5b5f; color: #fff; }
	.badge.active { background-color: var(--dashboard-accent1); color: #fff; }
	.badge.draft { background-color: #cccccc; color: #fff; }
	
	/************* Katies **************/

		.menu-toggle{display:none;}

		.marketing .card-title{margin-bottom:0px;}


		/*ol li, ul li{list-style: initial; padding-left:10px; margin-left:15px;}*/
		.top-nav li, .side-menu li, .breadcrumb li {list-style: none; padding-left:0px; margin-left:auto;}
		
		ul+p{margin-top:15px;}
		ul+h2{margin-top:15px;}
		td>ul{margin-bottom:0px !important;}

		/*span{font-weight:700;}*/
		span.blue-ital{font-weight:400;}
		span.blue-ital a{color:var(--dashboard-text-color);}

		.row.no-gutters>.col-md-4{padding-left:15px; padding-right:15px;}
		.row.no-gutters>.col-md-4:first-child{padding-left:0px;}
		.row.no-gutters>.col-md-4:last-child{padding-right:0px;}
		.padTopBottom{padding-top:30px; padding-bottom:30px;}

		.pagebody .container .col-md-12>.row+h3{margin-top:30px;}

		.card-header .row{align-items: center;}

		.table-responsive{display:table;}


		.pagebody .col-md-12>.pagebreak>.col-sm-6>p{background-color: #ffffff; padding: 1.75rem; border-radius: calc(.25rem - 1px); box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);}
		.pagebody .col-md-12>.pagebreak>.col-sm-6>p:first-of-type{margin-bottom:40px;background-color:#3F3E40;position:relative;color:#fff;}
		.pagebody .col-md-12>.pagebreak>.col-sm-6>p:first-of-type:after{content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #3F3E40; transform: translateX(-50%);}
		.pagebody .col-md-12>.pagebreak>.col-sm-6>h3{text-align: center;}
		.pagebody .col-md-12>.pagebreak>.col-sm-6:first-child{border-right: 1px solid #dee2e6;}
		.col-md-9 .lowerlevel_top_slider{margin-top:50px;}

		/***who to contact***/
		.contact-directory .table-responsive{display:table;}
		.contact-directory .col-md-12, .event-calendar .col-md-12{background-color:#ffffff; border-radius: calc(.25rem - 1px); margin-bottom:15px;padding: 15px 30px;box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15); height:100%}
		.contact-directory h3{margin-left: -15px;}
		.contact-directory h3:last-of-type{margin-top:30px;}

		/***product lines***/
		.product-lines th{font-size:28px; font-weight:500;text-transform: none;}
		.product-lines tr td:first-child{font-weight:600; text-transform: uppercase;}

		/***quick start guide***/
		.quick-guide .justify-content-center>.col-md-9>div p:last-child, .coop-guide .col-md-9>.row>.col-md-12 p:last-child, .beneteau-experience h2+.row+p, .blue-ital{color:#0080A5; font-style:italic;}

		/***pro site***/
		.prosite-tools .col-md-9>h3{margin-bottom:10px;}
		.prosite-tools .col-md-9 .row+h2{margin-top:30px;margin-bottom:25px;border-top: 1px solid #dee2e6; padding-top: 35px;}
		.prosite-tools .col-md-9>.row>.col-md-12{margin-right:15px; margin-left:15px;}
		.prosite-tools .col-md-4 p span{font-size: 14px; font-weight: 700; color: var(--dashboard-text-color); text-transform: uppercase;}

		/***marketing***/
		.mark-comm .col-md-12>.row>.col-md-6:first-child, .show-rules .col-md-6:first-child, .sale-incentive .col-md-6:first-child, .topgun-rules .col-md-4:first-child{padding-left:0px;}
		.mark-comm .col-md-12>.row>.col-md-6:nth-child(2), .show-rules .col-md-6:nth-child(2), .sale-incentive .col-md-6:nth-child(2), .topgun-rules .col-md-4:nth-child(3){padding-right:0px;}
		.mark-comm .col-md-12>.row>.col-md-12, .coop-guide .col-md-9>.row>.col-md-12, .faq .col-md-12>.row>.col-md-12{background-color:#ffffff; border-radius: calc(.25rem - 1px); box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);padding:30px;margin-bottom:15px;}

		/***co-op marketing guidelines***/
		.coop-guide .col-md-9>.row>.col-md-12 li{list-style: decimal;padding-left:10px; margin-left:12px;}
		/*.coop-guide .col-md-9>.row .col-md-12:first-child h2{margin-top:20px;}*/
		.coop-guide .col-md-9>.row .col-md-12:first-child ul{margin-bottom:20px;}

		/***event calendar***/
		.event-calendar th, .event-calendar td{padding: .75rem .75rem .75rem 0px; width:33%;}

		/***beneteau experience***/
		.beneteau-experience .row>.col-md-12>.row {height:100%;}
		.beneteau-experience .col-md-4{height:100%; margin-left:15px; margin-right: 15px;}
		.beneteau-experience h2+.row+p{margin-top:20px;}

		/***boat show rules***/
		.show-rules .col-md-12>.row>.col-md-12+p, .topgun-rules .col-md-12>.row>.col-md-12+p:first-of-type, .col-md-12>.row>.col-md-6+p:first-of-type{margin-top:10px;margin-bottom:35px; padding:0px 15px 30px 15px; border-bottom: 1px solid #dee2e6;color:#0080A5; font-style:italic; width:100%;}
		.show-rules p span{font-weight: 400; }

		/***rendezvous and regattas***/
		.rendez-reg .white-box li, .leads-dist .col-md-12 li{list-style:disc; margin-left:17px;}

		/***top gun rules***/
		.topgun-rules ol, .leads-dist .col-md-12>ul:last-of-type{margin-bottom:25px;}
		/*.topgun-rules .col-md-12>.row p{width:100%;padding:0px 15px;}*/

		/***leads distribution***/
		.leads-dist .col-md-12>.row>.col-md-12 ul:last-of-type{margin-bottom:0px;}

		/***dealer territories***/
		.white-box h2+div img {display:block; margin:0 auto;}

		@media (min-width: 768px){
			.beneteau-experience .col-md-4{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
		}

		@media (max-width: 500px){
			.main-content{padding:20px;}

			.container{padding-left:25px; padding-right:25px;}

			.table-responsive{display:block !important; margin-bottom:0px;}
			.home .main-content .col .card .table-hover td, .show-events td, .dealer-roadmap .pagebody-full .pagebody td{white-space: nowrap;}

			.card-header{padding-bottom:20px;}

			.page-title .breadcrumb li {line-height: 21px;}

			.wrapper, .menu-open .wrapper{margin-left:0px !important;}
			.toggled:before {content: ''; background-color:rgba(0, 0, 0, .5); height:100%; width:100%; position: fixed; top: 0; bottom: 0; left:0; right:0;z-index: 100;}
			.toggled header{z-index:1;}

			.side-menu, .menu_open .side-menu, .menu_open .navbar-brand{width: 0px;}
			.nav-left{visibility: hidden}
			.toggled .nav-left{visibility: visible; padding-top:5px;}
			.toggled .side-menu, .toggled.menu_open .side-menu, .toggled.menu_open .navbar-brand, .toggled .navbar-brand, .toggled .side-menu .icon{width:250px;}
			.toggled .nav-left li{margin-left:0px;}
			.side-menu .icon, .side-menu .icon span, .navbar-brand:before {opacity:0; visibility: hidden; transition: visibility .5s, opacity .5s linear;-webkit-transition: visibility .75s, opacity .75s linear;}
			.toggled .side-menu .icon, .toggled .navbar-brand:before{opacity: 1; visibility: visible; transition: visibility .5s, opacity .5s linear; -webkit-transition: visibility .75s, opacity .75s linear; }
			.toggled .navbar-brand{background-color: #d7d7dc;}
			.toggled .side-menu .icon span{text-align: left; margin-left: 38px; opacity: 1; visibility: visible; transition: visibility .5s, opacity .5s linear;}

			.menu-toggle{display:flex; position:fixed; top:0; left:0; z-index: 10000; width: 58px; height: 58px; background-color: #3F3E40; margin: 0; padding: 0; transition: all .5s ease; justify-content: center; align-items: center;}
			.menu-toggle a {font-size:28px; color:#ffffff;}
			.toggled .menu-toggle{left:192px; transition: all .5s ease; background-color: #d7d7dc;}
			.toggled .menu-toggle a {color:var(--dashboard-accent1); }
			.toggled .menu-toggle .fa-bars:before{content:"\f00d";}

			.production .page-title{display:block !important; padding-top:20px;}

			.top-gun #chart-area-model, .top-gun #chart-area-range {width:auto !important;}
			.top-gun h2{text-align:center;}
			.top-gun .col-sm-6 .btn-row {margin: 0 auto 30px auto !important;}

			.show-events .whitebox>h6.pt-3{padding-top:0px !important;padding-bottom:0px !important;}

			.roadmap #main .pagebody {margin-top:30px; margin-bottom:30px;}

			.pagebody .col-md-12>.pagebreak>.col-sm-6:first-child{border-right:none; border-bottom:1px solid #dee2e6; padding-bottom:20px; margin-bottom:25px;}
			.dealer-roadmap .pagebody-full .pagebody{padding-left:25px; padding-right:25px;}
			.dealer-roadmap .pagebody-full .pagebody .col-md-9 {padding-left:0px; padding-right:0px;}

		}


	/************* END Katies **************/

	
	@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: var(--dashboard-accent1); }

		.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 { display: flex; flex-direction: column; position: relative; margin-left: 78px; padding-top: 78px; min-height: calc(100vh - 46px);   }
		
		.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: #3F3E40; }

		.navbar-brand { position: relative; display: block; width: 78px; height: 78px; background-color: var(--dashboard-accent1); margin: 0; padding: 0; }
		.navbar-brand:before { content: url("../images/T2H-outline-mark.svg"); position: absolute; width: 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: 78px; background-color: #3F3E40; 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: #3F3E40; 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) {  }