/*Light Blue: #006fbe
Dark Blue: #183054
Other Blue: #225777
*/
a:not([href]):not([class]){
	color: #006fbe;
}

a:not([href]):not([class]):hover{
	cursor: pointer;
}
a {
	color: #006fbe;
}
.h1-sm {
    font-size: 1.75rem;
}
.dropdown-item.active, .dropdown-item:active{
	background-color: #006fbe;
	color: #FFFFFF !important;
}
.form-check-input{
	border-color: #006fbe;
   
}
.form-check-label a{
color: 	#006fbe;
}
.editFrmActions{
	list-style-type: none;
}
.editFrmActions li{
	display:inline-block;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #006fbe;
    --bs-btn-border-color: #006fbe;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #006fbe;
    --bs-btn-disabled-border-color: #006fbe;
}

a{
	text-decoration: none;
}
.noto-serif {
  font-family: "Calistoga", serif;
  font-weight: 400;
  font-style: normal;
}
.logoImg{
	max-height: 30px;
}
.footLogo{
	
}
.userProfileIcon{
	font-size:24px;
}
.profileMenuItmWrp{
	display:inline-block;
}
.profMenWelcTxt{
	font-size: .7rem;
	line-height: 11px;
}
.profMenWelcEmail{
	font-size: .9rem;
	line-height: 13px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width: 80px;
}
.profileMenuItmWrp .profMenWelcWrp, .profileMenuItmWrp .profileMenuIcon{
	display: inline-block;
}
#footerLogoTxt{
	font-size: 1.75rem;
}
.loginMenu{
	list-style-type: none;
}
.loginMenu li{
	display: inline-block;
}



.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#notificWrp i{
	font-size: 20px;
}
#notificWrp{
	position: relative;
}
#numNotifications{
	color: #FFFFFF;
	position: absolute;
	font-size: 10px; 
	background-color: #fc0203;
	width: 18px;
	height: 16px;
	border-radius: 50%;
	text-align: center;
	top: 0px;
    right: 0px;
	
}
#notificWrp #notificationButton.dropdown-toggle::before {
	display: none !Important;
}
#notificationButton{
	padding-right: 16px;
}
#notificWrp .dropdown-item{
	white-space:normal !important;
	width: 350px;
	font-size: 12px;
}
#notificWrp .dropdown-item.noItems{
	width: auto !important;
}
#notificWrp .dropdown-item i{
	font-size: 12px;
}
#notificWrp a:hover{
	cursor: pointer; 
}
#socialFooterWrp{
	   /* background-color: #183054;*/
	   
	   background-color: #717788;
    color: #FFFFFF;
}


#socialFooterWrp i{
	color: #FFFFFF;
	font-size: 2.5rem;
}
#socialFooterWrp .footSocialTitleWrp{
	font-size: 1.2rem;
}
.social-link{
	max-width: 295px;
	
}
footer{
	   background-color: #FFFFFF;
}
.subFooterWrp {
    /*background-color: #183054;*/
	 background-color: #717788;
    color: #FFFFFF;
}
.subFooterWrp ul{
	list-style-type: none;
	padding-left: 0px;
	display:inline-block;
}
.subFooterWrp ul li{
	padding-right: 15px;
	display:inline-block;
	font-size: .8rem;
}
.subFooterWrp ul li a{
	color: #FFFFFF;
	text-decoration: none;
}
.copyRightCol p{
	display:inline-block;
	color: #FFFFFF;
	    opacity: .6;
		font-size: .8rem;
}
.subFooterWrp .copyRightCol ul li{
	color: #FFFFFF;
	    opacity: .6;
}
.subFooterWrp .copyRightCol ul{
	padding-left: 15px;
}
footer ul{
	list-style-type: none;
	padding-left: 0px;
}
footer ul li a{
	text-decoration: none;
	color: #000000 !important;
	font-size: .9rem;
	
}
footer ul li a:not([href]):not([class]){
	color: #000000 !important;
}
footer h5{
	padding-bottom: 20px;
	font-size:1.1rem;
}
footer ul li{
	padding-bottom: 10px;
}
.logo{
	text-decoration: none;
	color: #777777;
	font-weight: bold;
} 
#headerLogoTxt, #footerLogoTxt{
	font-size: 2rem;
	line-height:32px;
}
#headerLogoTxt{
	color: #23395b;
}
.mainTopNavWrp .nav-item{
	padding-right: 50px; 
}
.mainTopNavWrp .loginMenu li a {
	text-decoration: none;
}
.mainTopNavWrp .loginMenu li:first-child{
	padding-right: 50px;
}
.mainTopNavWrp .loginMenu{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.mainTopNavWrp{
	color: #23395b;
}
.mainTopNavWrp a{
	color: #183054 !important;
	font-size: 1rem;
	font-weight: 600;
}
.mainTopNavWrp .navbar{
	background-color: #FFFFFF !important;
}
#devInfo{
	color: #FFFFFF;
	font-weight: bold;
	padding:5px 0;
}

.whiteSectionWrp{
	background-color: #FFFFFF;
}
#footerWrp{
	
}
.bannerFrmWrp{
	
}
#carouselExampleSlidesOnly{
	
}
#carouselExampleSlidesOnly .carousel-item{
  
   
}

#carouselExampleSlidesOnly .carousel-item img {
   
  
	
}


#mainHeader{
box-shadow: 0 .1px 11px 2px rgba(68, 89, 88, .08);
}
.btn-alt{
	font-weight: bold;
	background-color: #FFFFFF;
    border-color: #006fbe;
    color: #006fbe;
    padding-top: .5rem;
    padding-bottom: .5rem;
   

}
.btn-alt:hover{
	background-color:rgba(0, 0, 0, 0.1);
	 border-color: #006fbe;
    color: #006fbe;
}


/* Header fixed to the top of the modal */
.modal-header--sticky {
  position: sticky;
  top: 0;
  background-color: inherit; /* [1] */
  z-index: 1055; /* [2] */
 
}

/* Footer fixed to the bottom of the modal */
.modal-footer--sticky {
  position: sticky;
  bottom: 0;
  background-color: inherit; /* [1] */
  z-index: 1055; /* [2] */
}

.toolTipWrp{
	display:inline-block;
}
#stepperWrp .line.active{
	    background-color: #007bff;
}
 .input-group-text{
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
	}
.accordion-button:not(.collapsed){
	color: #000000;
    background-color: #FFFFFF;
    box-shadow: none;
}
.toolTipWrp i{
	font-size: 14px;
}	
.form-check-input:checked{
	background-color: #006fbe;
    border-color: #006fbe;

}
.link-alt{
	color: rgb(108, 117, 125);
	text-decoration: underline;
	font-weight: bold;
	
}
.link-alt:hover{
	cursor: pointer;
}
.tox .tox-statusbar{
	display:none !important;
}

/*BEGIN: Boat Add/Edit or Sell signup*/
.customRadioWrp {
    text-align: center;
    display: inline-block;
    padding: .9rem 2rem;
    border: solid 2px rgba(0, 0, 0, .12);
    height: 90px;
    vertical-align: top;
    border-radius: 5px;
}
#radioBtnWrp-1, #radioBtnWrp-2 {
    width: 49%;
}
.lblTipWrp div {
    display: inline-block;
}
#powerRow{
	padding-top: 10px;
	max-width: 70px;
	margin: 0 auto;
}
#sailRow{
	padding-top: 5px;
	max-width: 50px;
	margin: 0 auto;
}
.sellSignSectTitleSm {
    font-size: 1rem;
    font-weight: bold;
}
.optional {
    color: #6c757d;
    font-weight: 400;
    font-size: .8rem;
}
.engineWrp {
    border-top: solid 1px #dee2e6;
}
#engineWrp-0 {
    border-top: none;
}
.deleteImgLink i {
    color: #dc3545;
}
.deleteImgLink:hover{
	cursor: pointer;
}
.imageUploadLabelWrp label{
	font-weight: 500;
}
#boatTypeWrp{
white-space:nowrap;
	
}
.dt-length label{
	margin-left: 10px;
}
/*END: Boat Add/Edit or Sell signup*/

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}


@media (min-width: 1400px) and (max-width: 1684px) {
	
    .sellBoatP {
        display:none;
    }
}



@media (max-width: 1199px) {
	#carouselExampleSlidesOnly .carousel-item img{ 
		max-width: 100%;
		height: auto; 
	}
	
}
@media (max-width: 991px) {
	#productsTitleOuterWrp h1{
		font-size: 1.3rem !important;
	}
	.grecaptcha-badge{
		display:none !important;
	}
}


@media (min-width: 769px) and (max-width: 991px) {
	
   
	
}
@media (min-width: 992px) and (max-width: 1064px) {
	  .mainTopNavWrp .nav-item{
		padding-right: 20px;
	}
	
	.mainTopNavWrp .navbar-nav{
		margin-right: auto !important;
		margin-left: auto !important;
		margin-left: 20px;
	}
	 .logoImg{
		max-height: 25px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	
    .mainTopNavWrp .nav-item{
		padding-right: 20px;
	}
	
	.mainTopNavWrp .navbar-nav{
		margin-right: auto !important;
		margin-left: auto !important;
		margin-left: 20px;
	}
	 .logoImg{
		max-height: 25px;
	}
}
