/* Custom CSS code */

body	{
	max-width: 1375px;
}

/* BEG #### HEADER & MENU CSS */

.navbar {
	display: block;
	text-align: right;
	padding-right: 1rem !important;
	width: 100%;
	position: absolute;
}

	
header.container-header	{
	position: sticky !important;
	background-image: none;
	background-color: #ffffff;
	border-bottom: 2px solid #f7f7f7 !important;
	border-bottom-style: double;
	padding-top: .3rem;
	padding-left: .3rem;
}

.container-header .container-nav {
    background-color: #fff;
}

.container-header .navbar-toggler {
    font-size: 1.5rem;
	font-weight: 700;
	color: #000000;
    cursor: pointer;
    border: none;
	padding-right: 1rem;
	margin-top: -11px;
}

.navbar-toggler:focus {
    box-shadow: none;
    outline: 0;
    text-decoration: none;
	color: #000000;
}

.container-header .mod-menu {
    color: #000;
}

.metismenu.mod-menu .metismenu-item	{
	background-color: #f8f8f8;
	font-weight: 500;
}

.metismenu.mod-menu .metismenu-item>button	{
	font-weight: 500;
	text-decoration: none;
}

.metismenu.mod-menu .mm-collapse>li>a	{
	color: #000;
}

.metismenu.mod-menu	{
	margin-top: 1rem;
}

/* .metismenu.mod-menu .mm-collapse>li.parent .mm-toggler	{font-size: 1.4rem; } */

@media (width < 768px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
        margin-top: 0.5em;
    }
}

@media	(width < 992px)	{
	.metismenu.mod-menu .metismenu-item>ul	{
		width: 100%;
	}
}

@media (width >= 992px)	{
	.header.container-header	{
		border-bottom: 3px solid #f7f7f7 !important;
		border-bottom-style: double;
		padding-top: 7px;
		margin-bottom: 22px;
	}
	
	.navbar-expand-lg .navbar-collapse	{
		flex-basis: auto;
        display: flex !important;
        flex-direction: column;
    }
	
	.metismenu.mod-menu .metismenu-item {
	/*	flex-direction: row-reverse; */
		padding: .4em 0.8em;
		font-size: 1.1rem;
		background-color: #ffffff;
		display: block;
        text-align: left;
	}
	
	.metismenu.mod-menu .metismenu-item>ul	{
		right: 1rem;
	}
	
	
	
	.metismenu.mod-menu	{
		margin-top: -10px;
	}
	
	.metismenu.mod-menu .mm-collapse>li.parent .mm-toggler 	{
		text-decoration: none;
	}
	
	.metismenu-item.deeper li button {
		color: red !important;
		font-weight: 500;
		border-top: 1px solid #e1e1e1 !important;
		border-bottom: 1px solid #e1e1e1 !important;
	}
	
	a.tsk-inner-menu-dropdown	{
		color: red !important;
		font-weight: 500;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
	}
	
	li.metismenu-item	{
		text-wrap: nowrap;
	}
		
	li.level-3 {
		padding-left: 2rem !important;
	}
	
}

/* END #### HEADER & MENU CSS */


/* ################### */
/* SET BORDER RADIUS */
/* ################### */

.card, .tsk-rental-preview-card-tabs .nav .nav-link, .tsk-rental-preview-card-button, .tsk-rental-preview-card-button-action, .tsk-rental-hourly-table-button-action	{
	border-radius: 24px;
}

.tsk-panel-hero-lead	{
	text-align: center;
}

.tsk-panel-hero-image	{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.tsk-progress-bar .progress	{
	height: 1.7rem;
	border-radius: 12px;
}

.tsk-progress-bar .bg-info	{
	background-color: #8fc0db !important;
}

/* ################### */
/* SITE FONTS & TYPOGRAPHY */
/* ################### */

h1, h2, h3, h4, h5, dl	{
	color: #1c1c1c;
}

h1	{
	text-align: left;
}

h3.tsk-panel-hero-lead-title	{
	text-align: left;
	font-weight: 400 !important;
	margin-top: 1.0rem;
	margin-bottom: 1rem;
}

h3.tsk-panel-hero-lead-title span.tsk-emphasis	{
		font-weight: 600;
}

h4{
	font-weight: 400;
	margin-top: .7rem;
	margin-bottom: .8rem;
}

h4.tsk-panel-hero-lead-paragraph	{
	text-align: left;
}
@media (min-width: 768px) and (max-width: 992px)	{
	h4.tsk-panel-hero-lead-paragraph	{
	font-size: 1.1rem;
	}
}

a {
    color: #0979bc;
	text-decoration: none !important;
}

dd {
	margin-bottom: .25rem;
}

th, td	{
	font-size: .9rem;
}

.accordion-button	{
	font-size: .9rem;
	font-weight: 500;
	
}

.accordion-body	{
	font-size: .9rem;
}

.accordion-button:focus {
	outline: none;
	box-shadow: none;
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button	{
	margin-top: 3px;
	border-radius: 12px;
}

.accordion-button:not(.collapsed) {
    background-color: #eaedf0;
}

/* ################### */
/* HEADER FONTS OVERRIDES */
/* ################### */

/* Page Title */

.page-header h1, .tsk-panel-hero-lead h1	{
	font-size: 1.5rem;
	font-weight: 600;
	margin-top: .2rem;
	margin-bottom: .4rem;
}

/* creates a colored left border */
/* .page-header:before { */
/*	content: ''; */
/*	position: absolute; */
/*	top: 0; */
/*	bottom: 0; */
/*	width: 4px; */
/*	background: #0979bc; */
/*} */
/* */
/*.page-header { */
/*	position: relative; */
/*	padding: 0; */
/*	overflow-y: hidden; */
/*	margin-bottom: 10px !important; */
/*} */
/* */
/*.page-header h1 { */
/*	padding: 0 15px; */
/*	margin: 0 0 3px; */
/*	font-size: 1.5rem; */
/*	font-weight: 500; */
/*} */

h2 {
	font-size: 1.4rem;
}

h3	{
	font-size: 1.3rem;
}

h4	{
	font-size: 1.2rem;
}
	
h5	{
	font-size: 1rem;
	font-weight: 500;
}

/* ################### */
/* BUTTON CSS OVERRIDES */
/* ################### */


/* Button adjustments */
.tsk-rental-preview-card-button	{
	color: #8fc0db;
	border-color: #8fc0db;
}

.tsk-rental-preview-card-button-action, .tsk-rental-hourly-table-button-action	{
	color: #ffffff;
	border-color: #8fc0db;
	background-color: #8fc0db;
}

.tsk-rental-preview-card-button, .tsk-rental-preview-card-button-action	{
	font-size: 1rem !important;
	font-weight: 500;
	width: 100% !important;
	line-height: 1.8;
	margin-top: 0.5rem;
	margin-bottom: 0.4rem;
}

/* ################### */
/* BS ALERT OVERRIDES */
/* ################### */

.alert-primary	{
	background-color: #dcf2ff;
}


/* Hourly rental prices table adjustments */

.hourly-rental-rates-table	{
	text-align: center;
}

.tsk-rental-hourly-table-button-action	{
	font-size: .9rem !important;
	font-weight: 500;
	width: 75% !important;
	line-height: 1.5;
}

@media(max-width: 600px){
  .tsk-rental-hourly-table-button-action	{
	width: 95% !important;
	white-space: nowrap !important;
}
}

.tsk-rental-hourly-table-button-action span	{
	font-size: 1rem !important;
}

/* ################### */
/* TABLES OVERRIDES */
/* ################### */

table.hourly-rental-rates-table td, table.hourly-rental-rates-table th, table.vessel-sidebar-details td, table.vessel-sidebar-details th {
	padding-top: .4rem;
	padding-bottom: .4rem;
	padding-right: .1rem;
	padding-left: .2rem;
}

table.vessel-sidebar-details td, table.vessel-sidebar-details th	{
	text-align: center;
}

/* ################### */
/* TABS CSS OVERRIDES */
/* ################### */

.tsk-rental-preview-card-tabs .nav .nav-link	{
	font-size: 1.1rem !important;
	font-weight: 600;
	line-height: 1.5;
	color: #0979bc;
	border: 1px solid #8fc0db !important;
	margin: 5px;
	margin-bottom: 8px;
}

.tsk-rental-preview-card-tabs .nav .active {
	color: #ffffff;
	background-color: #8fc0db;
}

.tsk-rental-preview-card-tabs .nav .nav-link span	{
	display: none;
}

.tsk-rental-preview-card-tabs .nav .active span {
	font-size: 1.2rem !important;
	display: inline-block;
}


/* ################### */
/* CARD CSS OVERRIDES */
/* ################### */


/* Adjust card border color */
.card	{
	border-color: #a1a1a1 !important;
	height: 100% !important;
}

.card-body	{
	padding-bottom: 0.8rem;
}
/* Add spacing between cards */

.tsk-global-card-header, .tsk-rental-preview-card-header {
	padding-top: 0.8rem !important;
    padding-left: 1.5rem !important;
    padding-bottom: .075rem !important;
}

.tsk-global-card-sub-header	{
	margin-top: -0.5rem;
    padding-top: .5rem;
    padding-bottom: .1rem;
	border-radius: 12px;
	border-style: none;
}

.tsk-rental-preview-card, .tsk-rental-hero-card, .tsk-panel-rental-details, .tsk-panel-rental-rates-card {
	padding: .4rem !important;
	margin-bottom: .25rem !important;
}



.tsk-checklist	{
	font-size: 1rem;
	margin-left: .6rem !important;
}

li.tsk-checklist	{
	margin-top: .5rem;
	margin-bottom: .3rem;
}

/* ### Rental Preview Cards ### */

/* Adjust space between bottom of hero image and top of data list and adjust font size*/

.preview-card-hero-image	{
	padding-bottom: 10px;
}

/* Adjust data items in rental preview card */

.tsk-rental-preview-card-data-items {
	padding-top: 0.4rem;
    padding-left: .7rem !important;
	margin-bottom: 0.25rem;
    font-size: .9rem;	
}

.tsk-rental-preview-card-data-items dt	{
	text-align: right !important;
}

.tsk-rental-preview-card-location-icon {
	width: 18px;
	height: 18px;
}

a.rental-preview-card-data-items-link	{
	color: #ff0000;
}

/* Adjust sidebar bulleted list */
ul.tsk-sidebar	{
	font-size: .9rem;
	margin-left: 1rem;
}

ul.tsk-sidebar li {
	margin-bottom: 0.75rem;
}

.tsk-list-label	{
	font-weight: 500;
}

/* Adjust fa icon bulleted list */

.fa-droplet	{
		font-size: .9rem;
		padding-right: 0.5rem;
}

.fa-square-check	{
		font-size: 1.2rem;
		padding-right: 0.5rem;
}

span.tsk-reg-check .fa-square-check	{
	color: #89B223;
}

span.tsk-opt-check .fa-square-check	{
	color: #8fc0db;
}


/* ##################### BEG MOBILE FIRST SCREEN FIXES ##################### */

/* 576px */
@media(min-width: 576px){
 	{

}
}

/* 768 px */

@media(min-width: 768px){
	.page-header h1	{
		margin-top: 18px;
		margin-bottom: 18px;
	}
	
	.tsk-panel-hero-image.col-md-6	{
		padding-top: 2rem;
	}
}

@media(min-width: 992px){
	
	.tsk-panel-hero-image.col-md-6	{
		padding-top: .1rem;
	}
	
	.tsk-panel-hero-lead	{
		padding-left: 2rem;
		padding-right: 3rem;
	}
	
	.tsk-panel-hero-image	{
		padding: 3rem;
		padding-bottom: 1.8rem;
	}
}

@media(min-width: 1400px){
	
	.tsk-panel-hero-lead	{
		padding-left: 3rem;
		padding-right:3rem;
	}
	
	.tsk-panel-hero-image	{
		padding-left: 3rem;
		padding-right:3rem;
	}
	
	h3.tsk-panel-hero-lead-title	{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	}
	
}


/* ##################### END MOBILE FIRST SCREEN FIXES ##################### */