body{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#5d6778
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
	color:#252930;
	font-weight:600
}
a{
	color:#f16523;
	text-decoration:none
}
a:hover{
	color:#1f438a
}
hr{
	background:#adb4c0
}
.text-muted{
	color:#9fa7b5 !important
}
.table-dark{
	background:#252930;
	color:#fff
}
.table-bordered th,.table-bordered td{
	border-color:#e7e9ed
}
.table th,.table td{
	border-color:#e7e9ed
}
.table thead th{
	border-color:#e7e9ed
}
.table-striped tbody tr:nth-of-type(odd){
	background-color:#f5f5f5
}
.table-dark th,.table-dark td,.table-dark thead th{
	border-color:#515a6a
}
.table-hover>tbody>tr:hover{
	background-color:#fff
}
.popover{
	border-color:#dee1fc
}
.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{
	border-left-color:#dee1fc
}
.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{
	border-right-color:#dee1fc
}
.bs-popover-top>.arrow::before,.bs-popover-auto[data-popper-placement^=top]>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{
	border-top-color:#dee1fc
}
.bs-popover-bottom>.arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{
	border-bottom-color:#dee1fc
}
a.app-link{
	color:#252930;
	text-decoration:underline;
	text-decoration-color:rgba(37,41,48,.3)
}
a.app-link:hover{
	color:#f16523;
	text-decoration-color:rgba(241, 100, 35,.8)
}
button.close:focus{
	outline:none;
	box-shadow:none
}
.btn{
	font-weight:600;
	padding:.5rem 1rem;
	font-size:.875rem;
	border:none
}
.btn:hover,.btn:active,.btn:focus{
	text-decoration:none
}
.btn .bi{
	position:relative;
	top:-2px
}
.btn:focus,.btn.focus{
	box-shadow:none !important
}
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #f16523;
    --bs-btn-border-color: #f16523;
    --bs-btn-hover-color: #f16523;
    --bs-btn-hover-bg: #fef0e9;
    --bs-btn-hover-border-color: #fef0e9;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f4844f;
    --bs-btn-active-border-color: #f4844f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f16523;
    --bs-btn-disabled-bg: #f0e8e4;
    --bs-btn-disabled-border-color: #f0e8e4;
}
.btn-secondary{
	background:#fff;
	color:#5d6778;
	border:1px solid #bcc1cb
}
.btn-secondary:hover{
	color:#1f438a;
	border:1px solid #1f438a;
	background:#fff;
}
.btn-light{
	background:#f5f6fe;
	color:#1f438a;
	border:1px solid #f5f6fe;
}
.btn-light:hover{
	background: transparent;
	color:#1f438a;
	border:1px solid #1f438a;
}
.form-control{
	border-color:#e7e9ed;
	color:#5d6778
}
.form-control:focus{
	box-shadow:none;
	outline:none;
	color:#f16523
}
.form-check-input:checked{
	background-color:#f16523;
	border-color:#f16523
}
.dropdown-menu{
	border-color:#e7e9ed
}
.dropdown-menu .dropdown-item{
	padding:.5rem 1rem
}
.dropdown-menu .dropdown-item:hover{
	color:#252930
}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{
	background:#fafbff
}
.dropdown-menu .dropdown-item.active,.dropdown-menu .dropdown-item:active{
	background:#fafbff
}
.dropdown-divider{
	border-top-color:#e7e9ed;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1
}
.dropdown-toggle.no-toggle-arrow:after{
	display:none !important
}
.app-header{
	box-shadow:0 1px 4px 0 rgba(0,0,0,.1);
	border-bottom:1px solid #e7e9ed;
	height:56px;
	background:#fff
}
.app-header-inner{
	position:relative
}
.app-search-form{
	position:relative;
	max-width:600px
}
.app-search-form .search-input{
	font-size:.875rem;
	border-radius:.25rem;
	padding-right:3rem;
	padding-left:1rem
}
.app-search-form .search-input:focus{
	border-color:#e7e9ed
}
.app-search-form .search-btn{
	color:#828d9f !important;
	background:none;
	border:none;
	position:absolute;
	right:0;
	top:0;
	margin-right:0;
	padding:.5rem 1rem
}
.app-search-form .search-btn:active,.app-search-form .search-btn:focus,.app-search-form .search-btn:hover{
	outline:none !important;
	color:#f16523 !important;
	box-shadow:none
}
.app-utility-item{
	display:inline-block;
	margin-right:1.25rem
}
.app-utility-item:last-child{
	margin-right:0
}
.app-utility-item>a{
	color:#5d6778
}
.app-utility-item>a:hover{
	color:#252930
}
.app-utility-item .dropdown-toggle{
	position:relative
}
.app-utility-item .dropdown-menu{
	font-size:.875rem;
	margin:0
}
.app-user-dropdown .dropdown-menu.show{
	top:15px !important
}
.app-notifications-dropdown .dropdown-menu.show{
	top:23px !important
}
.app-utility-item .icon{
	font-size:1.25rem;
	width:24px;
	height:24px
}
.app-utility-item .icon-badge{
	display:inline-block;
	border-radius:50%;
	position:absolute;
	right:-0.2rem;
	top:-0.3rem;
	width:20px;
	height:20px;
	font-size:.6rem;
	font-weight:bold;
	padding-top:1px;
	color:#fff;
	text-align:center
}
.app-utility-item .icon-badge.icon-badge{
	background:#ec776c;
	border:2px solid #fff
}
.app-notifications-dropdown .dropdown-menu{
	width:300px
}
.app-notifications-dropdown .dropdown-menu .dropdown-menu-header{
	border-bottom:1px solid #e7e9ed
}
.app-notifications-dropdown .dropdown-menu .dropdown-menu-title{
	font-size:1rem
}
.app-notifications-dropdown .dropdown-menu .profile-image{
	width:36px;
	height:36px
}
.app-notifications-dropdown .dropdown-menu .info{
	padding-right:80px;
	position:relative
}
.app-notifications-dropdown .dropdown-menu .meta{
	color:#828d9f;
	position:absolute;
	right:0;
	top:0;
	font-size:.75rem
}
.app-notifications-dropdown .dropdown-menu .dropdown-menu-footer{
	border-top:1px solid #e7e9ed
}
.app-notifications-dropdown .dropdown-menu .item{
	min-width:250px;
	position:relative;
	border-bottom:1px solid #e7e9ed
}
.app-notifications-dropdown .dropdown-menu .item:last-child{
	border-bottom:none
}
.app-notifications-dropdown .dropdown-menu .item:hover{
	background:#f5f5f5
}
.app-notifications-dropdown .dropdown-menu .link-mask{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	left:0;
	top:0
}
.app-notifications-dropdown .app-icon-holder{
	display:inline-block;
	background:#fef0e9;
	color:#f16523;
	width:36px;
	height:36px;
	padding-top:4px;
	font-size:1rem;
	text-align:center;
	border-radius:50%
}
.app-notifications-dropdown .app-icon-holder.icon-holder-mono{
	background:#f5f6fe;
	color:#828d9f
}
.app-notifications-dropdown .app-icon-holder svg{
	width:20px;
	height:20px
}
.app-user-dropdown{
	display:inline-block
}
.app-user-dropdown img{
	width:36px;
	height:36px
}
@media(min-width: 576px){
	.app-notifications-dropdown .dropdown-menu{
		width:400px
}
}
@media(min-width: 1200px){
	.app-header-inner{
		margin-left:250px
}
}
@media(max-width: 575.98px){
	.search-mobile-trigger{
		cursor:pointer;
		-webkit-opacity:.8;
		-moz-opacity:.8;
		opacity:.8
}
	.search-mobile-trigger:hover{
		color:#f16523;
		-webkit-opacity:1;
		-moz-opacity:1;
		opacity:1
}
	.app-search-box{
		display:none;
		position:absolute;
		left:0;
		top:56px;
		padding:0;
		height:100vh;
		background:rgba(0,0,0,.5);
		transition:all .4s ease-in-out
}
}
@media(max-width: 575.98px)and (prefers-reduced-motion: reduce){
	.app-search-box{
		transition:none
}
}
@media(max-width: 575.98px){
	.app-search-box .app-search-form .search-input{
		border-radius:0;
		padding-top:1.5rem;
		padding-bottom:1.5rem
}
	.app-search-box .app-search-form .search-btn{
		top:7px
}
	.app-search-box.is-visible{
		display:block
}
}
.app-sidepanel{
	position:fixed;
	min-height:100vh;
	height:100%;
	left:0;
	top:0;
	font-size:.875rem;
	border-right:1px solid #e7e9ed
}
.app-sidepanel .panel-drop{
	display:none
}
.app-sidepanel .sidepanel-inner{
	position:relative;
	z-index:10;
	background:#f16523;
	box-shadow:rgba(0,0,0,.05) 0px 8px 15px;
	width:250px;
	height:100%
}
.app-sidepanel .sidepanel-close{
	display:none;
	position:absolute;
	z-index:20;
	right:-2rem;
	top:0;
	color:#fff;
	font-size:2rem
}
.app-sidepanel.sidepanel-hidden{
	left:-400px
}
.app-sidepanel.sidepanel-visible{
	left:0
}
.app-sidepanel .app-nav-main{
	overflow-y:auto;
	scrollbar-color:rgba(0,0,0,.1) #e7e9ed;
	scrollbar-width:thin
}
.app-sidepanel .app-nav-main::-webkit-scrollbar{
	width:6px;
	background-color:#e7e9ed
}
.app-sidepanel .app-nav-main::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.1);
	border-radius:.5rem
}
.app-branding{
	height:60px;
	padding-top:1rem;
	padding-left:1rem;
	margin-bottom:1rem
}
.app-branding .logo-icon{
	width:36px;
	height:36px
}
.app-branding .logo-text{
	color:#fff;
	font-size:1.25rem;
	font-weight:600;
	vertical-align:middle
}
.app-nav{
	color:#5d6778;
	display:block;
	padding:0;
	width:100%
}
.app-nav .app-menu{
	margin-bottom:0
}
.app-nav .nav-item{
	display:block;
	color:#fff;
	background:#f16523
}
.app-nav .nav-link{
	display:block;
	padding:.875rem 1rem;
	color:#fff;
	position:relative;
	display:block;
	padding-left:3rem;
	border-left:3px solid rgba(0,0,0,0)
}
.app-nav .nav-link.active{
	color:#f16523;
	background:#fef0e9;
	border-left:3px solid #1f438a;
	font-weight:500
}
.app-nav .nav-link.submenu-toggle.active{
	background:none;
	border-color:rgba(0,0,0,0)
}
.app-nav .nav-link:hover{
	color:#1f438a
}
.app-nav .nav-icon{
	position:absolute;
	left:1rem;
    top: 0.7rem;
	font-size: 1.15rem;
}
.app-nav .nav-icon .bi{
	width:1.25rem;
	height:1.25rem
}
.app-nav .submenu-arrow{
	position:absolute;
	right:1rem;
	top:.7rem;
	color:#e9ecf3
}
.app-nav .submenu-arrow svg{
	width:14px;
	height:14px
}
.app-nav .submenu-toggle{
	transition:all .4s ease-in-out
}
@media(prefers-reduced-motion: reduce){
	.app-nav .submenu-toggle{
		transition:none
}
}
.app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow{
	color: #e9ecf3
}
.app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow svg{
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg)
}
.app-nav .submenu-item{
	margin-bottom:0
}
.app-nav .submenu-link{
	color: #fff;
	font-size:.875rem;
	margin-left:2rem;
	padding:.5rem 1rem;
	padding-left:1rem;
	position:relative;
	display:block;
	margin-bottom:0
}
.app-nav .submenu-link:before{
	background-color:#e7e9ed;
	content:" ";
	display:inline-block;
	height:inherit;
	left:0;
	position:absolute;
	width:2px;
	height:100%;
	margin-top:-0.5rem
}
.app-nav .submenu-link:hover{
	color:#f16523
}
.app-nav .submenu-link.active{
	color:#f16523
}
.app-nav .submenu-link.active:before{
	background-color:#f16523
}
.app-sidepanel-footer{
	width:100%;
	bottom:0;
	left:0;
	border-top:1px solid #e7e9ed;
	background:#f5f6fe
}
.app-sidepanel-footer .app-nav-footer{
	margin-bottom:0
}
@media(max-width: 1199.98px){
	.app-sidepanel{
		transition:all .4s ease-in-out;
		left:-400px
}
}
@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce){
	.app-sidepanel{
		transition:none
}
}
@media(max-width: 1199.98px){
	.app-sidepanel.sidepanel-visible{
		display:block
}
	.sidepanel-visible .sidepanel-close{
		display:inline-block
}
	.sidepanel-visible .sidepanel-drop{
		position:fixed;
		display:block;
		min-height:100vh;
		height:100%;
		width:100%;
		min-width:100vw;
		left:0;
		top:0;
		background:rgba(0,0,0,.35)
}
}
@media(min-width: 1200px){
	.app-wrapper{
		margin-left:250px
}
}
.app{
	min-height:100vh;
	height:100%;
	width:100%;
	background:#e9ecf3;
	padding-top:56px;
	overflow-x:hidden
}
.app-footer .copyright{
	font-size:.8125rem
}
.app-wrapper{
	transition:all .4s ease-in-out
}
@media(prefers-reduced-motion: reduce){
	.app-wrapper{
		transition:none
}
}
.app-page-title{
	font-size:1.5rem;
	font-weight:bolder;
	margin-bottom:1.5rem
}
.app-card{
	position:relative;
	background:#fff;
	border-radius:.25rem
}
.app-card.border-left-decoration-orange{
	border-left:3px solid #f16523
}
.app-card.border-left-decoration-blue{
	border-left:3px solid #1f438a
}
.app-card .app-card-link-mask{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	left:0;
	top:0
}
.app-card .app-card-header{
	border-bottom:1px solid #e7e9ed
}
.app-card .app-card-title{
	font-size:1.125rem;
	margin-bottom:0
}
.app-card .card-header-action{
	font-size:.875rem
}
.app-card .card-header-action a:hover{
	text-decoration:underline
}
.app-card .form-select-holder{
	display:inline-block
}
.app-card .btn-close{
	padding:1rem
}
.app-card .btn-close:focus{
	box-shadow:none
}
.app-card-stat{
	text-align:center
}
.app-card-stat .stats-type{
	font-size:.875rem;
	color:#828d9f;
	text-transform:uppercase
}
.app-card-stat .stats-figure{
	font-size:2rem;
	color:#252930
}
.app-card-stat .stats-meta{
	font-size:.875rem;
	color:#828d9f
}
.app-card-progress-list .item{
	position:relative;
	border-bottom:1px solid #e7e9ed
}
.app-card-progress-list .item:hover .title{
	color:#252930
}
.app-card-progress-list .item:last-child{
	border:none
}
.app-card-progress-list .item .title{
	font-size:.875rem;
	font-weight:500
}
.app-card-progress-list .item .meta{
	font-size:.875rem;
	color:#828d9f
}
.app-card-progress-list .item-link-mask{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	left:0;
	top:0
}
.app-card-progress-list .progress{
	height:.5rem
}
.app-card-stats-table .table{
	font-size:.875rem
}
.app-card-stats-table .meta{
	color:#828d9f;
	font-weight:500;
	font-size:.875rem
}
.app-card-stats-table .stat-cell{
	text-align:right
}
.app-card-basic{
	height:100%
}
.app-card-basic .title{
	font-size:1rem
}
.app-card .app-icon-holder{
	display:inline-block;
	background:#fef0e9;
	color:#f16523;
	width:50px;
	height:50px;
	padding-top:12px;
	font-size:1rem;
	text-align:center;
	border-radius:50%
}
.app-card .app-icon-holder.icon-holder-mono{
	background:#f5f6fe;
	color:#828d9f
}
.app-card .app-icon-holder svg{
	width:24px;
	height:24px
}
.app-card .app-card-body.has-card-actions{
	position:relative;
	padding-right:1rem !important
}
.app-card .app-card-body .app-card-actions{
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	border-radius:50%;
	position:absolute;
	z-index:10;
	right:.75rem;
	top:.75rem
}
.app-card .app-card-body .app-card-actions:hover{
	background:#f5f6fe
}
.app-card .app-card-body .app-card-actions .dropdown-menu{
	font-size:.8125rem
}
.app-card-doc:hover{
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important
}
.app-card-doc .app-card-thumb-holder{
	background:#e9eaf1;
	text-align:center;
	position:relative;
	height:112px
}
.app-card-doc .app-card-thumb-holder .app-card-thumb{
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000
}
.app-card-doc .app-card-thumb-holder .thumb-image{
	-webkit-opacity:.7;
	-moz-opacity:.7;
	opacity:.7;
	width:100%;
	height:auto
}
.app-card-doc .app-card-thumb-holder:hover{
	background:#fafbff
}
.app-card-doc .app-card-thumb-holder:hover .thumb-image{
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1
}
.app-card-doc .app-card-thumb-holder .badge{
	position:absolute;
	right:.5rem;
	top:.5rem
}
.app-card-doc .app-card-thumb-holder .icon-holder{
	font-size:40px;
	display:inline-block;
	margin:0 auto;
	width:80px;
	height:80px;
	border-radius:50%;
	background:#fff;
	padding-top:10px
}
.app-card-doc .app-card-thumb-holder .icon-holder .pdf-file{
	color:#da2d27
}
.app-card-doc .app-card-thumb-holder .icon-holder .text-file{
	color:#66a0fd
}
.app-card-doc .app-card-thumb-holder .icon-holder .excel-file{
	color:#0da95f
}
.app-card-doc .app-card-thumb-holder .icon-holder .ppt-file{
	color:#f4b400
}
.app-card-doc .app-card-thumb-holder .icon-holder .video-file{
	color:#935dc1
}
.app-card-doc .app-card-thumb-holder .icon-holder .zip-file{
	color:#252930
}
.app-card-doc .app-doc-title{
	font-size:.875rem
}
.app-card-doc .app-doc-title a{
	color:#252930
}
.app-card-doc .app-doc-title.truncate{
	max-width:calc(100% - 30px);
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.app-card-doc .app-doc-meta{
	font-size:.75rem
}
.table-search-form .form-control{
	height:2rem;
	min-width:auto
}
.app-dropdown-menu{
	font-size:.875rem
}
.app-card-orders-table .table{
	font-size:.875rem
}
.app-card-orders-table .table .cell{
	border-color:#e7e9ed;
	color:#5d6778;
	vertical-align:middle
}
.app-card-orders-table .cell span{
	display:inline-block
}
.app-card-orders-table .cell .note{
	display:block;
	color:#828d9f;
	font-size:.75rem
}
.app-card-orders-table .btn-sm,.app-card-orders-table .btn-group-sm>.btn{
	padding:.125rem .5rem;
	font-size:.75rem
}
.app-card-orders-table .truncate{
	max-width:250px;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.app-nav-tabs{
	background:#fff;
	padding:0
}
.app-nav-tabs .nav-link{
	color:#5d6778;
	font-size:.875rem;
	font-weight:bold
}
.app-nav-tabs .nav-link.active{
	color:#15a362;
	border-bottom:2px solid #15a362
}
.app-nav-tabs .nav-link.active:hover{
	background:none
}
.app-nav-tabs .nav-link:hover{
	background:#edfdf6;
	color:#15a362
}
.app-pagination .pagination{
	font-size:.875rem
}
.app-pagination .pagination .page-link{
	color:#5d6778;
	padding:.25rem .5rem
}
.app-pagination .pagination .page-item.active .page-link{
	background:#747f94;
	color:#fff;
	border-color:#747f94
}
.app-pagination .pagination .page-item.disabled .page-link{
	color:#9fa7b5
}
.app-card-accordion .app-card-title{
	font-size:1.125rem
}
.app-card-accordion .faq-accordion .accordion-item{
	border-radius:0;
	border:none;
	border-bottom:1px solid #e7e9ed
}
.app-card-accordion .faq-accordion .accordion-item:last-child{
	border-bottom:none
}
.app-card-accordion .faq-accordion .accordion-header{
	border:none
}
.app-card-accordion .faq-accordion .accordion-button{
	padding:1rem;
	border-radius:0;
	border:none;
	box-shadow:none;
	background:none;
	padding-left:0;
	font-size:1rem;
	text-decoration:none;
	color:#15a362
}
.app-card-accordion .faq-accordion .accordion-button:after{
	display:none
}
.app-card-accordion .faq-accordion .accordion-body{
	padding-left:0;
	padding-right:0;
	padding-top:0;
	font-size:1rem
}
.app-card-account{
	height:100%
}
.app-card-account .item{
	font-size:.875rem
}
.app-card-account .item .profile-image{
	width:60px;
	height:60px
}
.app-card-account .item .btn-sm,.app-card-account .item .btn-group-sm>.btn{
	padding:.125rem .5rem;
	font-size:.75rem
}
.settings-section .section-title{
	font-size:1.25rem
}
.settings-section .section-intro{
	font-size:.875rem
}
.app-card-settings{
	font-size:1rem
}
.app-card-settings .form-label{
	font-weight:bold
}
.app-card-settings .form-control{
	font-size:1rem
}
.app-404-page{
	padding-top:2rem
}
.app-404-page .page-title{
	font-size:3rem;
	line-height:.8;
	font-weight:bold
}
.app-404-page .page-title span{
	font-size:1.5rem
}
.chart-container{
	position:relative
}
.app-table-hover>tbody>tr:hover{
	background-color:#fafbff
}
.app-card-notification .notification-type .badge{
	font-size:.65rem;
	text-transform:uppercase
}
.app-card-notification .profile-image{
	width:60px;
	height:60px
}
.app-card-notification .notification-title{
	font-size:1.125rem
}
.app-card-notification .notification-content{
	font-size:.875rem
}
.app-card-notification .notification-meta{
	font-size:.75rem;
	color:#828d9f
}
.app-card-notification .action-link{
	font-size:.875rem
}
.app-card-notification .app-card-footer{
	background:#fafbff
}
@media(min-width: 1200px){
	.table-search-form .form-control{
		min-width:300px
}
}
@media(max-width: 575.98px){
	.app-card-stat .stats-figure{
		font-size:1.125rem
}
	.app-card-stat .stats-type{
		font-size:.75rem
}
}
.app-login .auth-background-holder{
	background:url("../img/hero_boat.jpg") no-repeat center center;
	background-size:cover;
	height:100vh;
	min-height:100%
}
.app-signup .auth-background-holder{
	background:url("../img/hero_boat.jpg") no-repeat center center;
	background-size:cover;
	height:100vh;
	min-height:100%
}
.app-reset-password .auth-background-holder{
	background:url("../img/hero_boat.jpg") no-repeat center center;
	background-size:cover;
	height:100vh;
	min-height:100%
}
.auth-main-col,.auth-background-col{
	position:relative
}
.auth-background-mask{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:10;
	background:rgba(0,0,0,.1)
}
.auth-background-overlay{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:11
}
.auth-background-overlay .overlay-title{
	color:#fff;
	font-size:1rem;
	font-weight:bold
}
.auth-background-overlay .overlay-content{
	background:rgba(37,41,48,.6);
	color:#fff
}
.auth-background-overlay .overlay-content a{
	text-decoration:underline;
	color:#fff
}
.app-auth-footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}
.app-auth-wrapper{
	background:#fff;
	height:100vh
}
.app-auth-wrapper .app-auth-body{
	width:360px
}
.app-auth-wrapper .app-logo .logo-icon{
	width:60px;
	height:60px
}
.app-auth-wrapper .auth-heading{
	font-size:1.5rem
}
.app-auth-wrapper .form-control::-webkit-input-placeholder{
	color:#828d9f
}
.app-auth-wrapper .form-control:-moz-placeholder{
	color:#828d9f
}
.app-auth-wrapper .form-control::-moz-placeholder{
	color:#828d9f
}
.app-auth-wrapper .form-control:-ms-input-placeholder{
	color:#828d9f
}
.app-auth-wrapper .legal-note{
	font-size:.875rem
}
.app-auth-wrapper .extra{
	font-size:.75rem
}
.app-auth-wrapper .extra a{
	text-decoration:underline;
	color:#828d9f
}
.app-auth-wrapper .extra a:hover{
	color:#5d6778
}
.app-auth-wrapper .auth-heading-desc{
	font-weight:500;
	font-size:1.125rem
}
.app-auth-wrapper .legal-note{
	font-size:.75rem
}
.app-auth-wrapper .auth-option{
	font-size:.875rem
}
.app-auth-footer .copyright{
	font-size:.75rem
}
@media(max-width: 767.98px){
	.auth-background-col{
		display:none
}
	.app-auth-wrapper .app-auth-body{
		width:100%
}
}

/* Brand colours */

.bg-orange { 
    background: #ef6425 !important; 
}
.bg-blue {
    background: #1f438a !important;
}
.bg-light-orange {
    background: #ffe9d6 !important;
}
.bg-light-blue {
    background: #e9ecf3 !important;
}

.text-orange { 
    color: #ef6425 !important;
}
.text-blue {
    color: #22418b !important;
}
.text-light-orange {
    color: #ffe9d6 !important;
}

/* FontAwesome theme */

.fa-theme-sesa {
    --fa-secondary-opacity: 1;
    --fa-primary-color: #ef6425;
    --fa-secondary-color: #22418b;
}

.fa-theme-sesa-reversed {
    --fa-secondary-opacity: 1;
    --fa-primary-color: #22418b;
    --fa-secondary-color: #ef6425;
}
.fa-theme-sesa-orange {
    --fa-secondary-opacity: 1;
    --fa-primary-color: #ef6425;
    --fa-secondary-color: #ffe9d6;
}
.fa-theme-sesa-blue {
    --fa-secondary-opacity: 1;
    --fa-primary-color: #1f438a;
    --fa-secondary-color: #e9ecf3;
}
.fa-theme-message-unread{
    --fa-secondary-opacity: 1;
    --fa-primary-color: red;
    --fa-secondary-color: #dee2e6;
}

/* === Extended spacing utilities (p-6 to p-15) === */

.p-6  { padding: 4rem !important; }
.p-7  { padding: 5rem !important; }
.p-8  { padding: 6rem !important; }
.p-9  { padding: 7rem !important; }
.p-10 { padding: 8rem !important; }
.p-11 { padding: 9rem !important; }
.p-12 { padding: 10rem !important; }
.p-13 { padding: 11rem !important; }
.p-14 { padding: 12rem !important; }
.p-15 { padding: 13rem !important; }

/* Padding-top */
.pt-6  { padding-top: 4rem !important; }
.pt-7  { padding-top: 5rem !important; }
.pt-8  { padding-top: 6rem !important; }
.pt-9  { padding-top: 7rem !important; }
.pt-10 { padding-top: 8rem !important; }
.pt-11 { padding-top: 9rem !important; }
.pt-12 { padding-top: 10rem !important; }
.pt-13 { padding-top: 11rem !important; }
.pt-14 { padding-top: 12rem !important; }
.pt-15 { padding-top: 13rem !important; }

/* Padding-bottom */
.pb-6  { padding-bottom: 4rem !important; }
.pb-7  { padding-bottom: 5rem !important; }
.pb-8  { padding-bottom: 6rem !important; }
.pb-9  { padding-bottom: 7rem !important; }
.pb-10 { padding-bottom: 8rem !important; }
.pb-11 { padding-bottom: 9rem !important; }
.pb-12 { padding-bottom: 10rem !important; }
.pb-13 { padding-bottom: 11rem !important; }
.pb-14 { padding-bottom: 12rem !important; }
.pb-15 { padding-bottom: 13rem !important; }

/* Padding-x (left + right) */
.px-6  { padding-left: 4rem !important; padding-right: 4rem !important; }
.px-7  { padding-left: 5rem !important; padding-right: 5rem !important; }
.px-8  { padding-left: 6rem !important; padding-right: 6rem !important; }
.px-9  { padding-left: 7rem !important; padding-right: 7rem !important; }
.px-10 { padding-left: 8rem !important; padding-right: 8rem !important; }
.px-11 { padding-left: 9rem !important; padding-right: 9rem !important; }
.px-12 { padding-left: 10rem !important; padding-right: 10rem !important; }
.px-13 { padding-left: 11rem !important; padding-right: 11rem !important; }
.px-14 { padding-left: 12rem !important; padding-right: 12rem !important; }
.px-15 { padding-left: 13rem !important; padding-right: 13rem !important; }

/* Padding-y (top + bottom) */
.py-6  { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.py-7  { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.py-8  { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.py-9  { padding-top: 7rem !important; padding-bottom: 7rem !important; }
.py-10 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
.py-11 { padding-top: 9rem !important; padding-bottom: 9rem !important; }
.py-12 { padding-top: 10rem !important; padding-bottom: 10rem !important; }
.py-13 { padding-top: 11rem !important; padding-bottom: 11rem !important; }
.py-14 { padding-top: 12rem !important; padding-bottom: 12rem !important; }
.py-15 { padding-top: 13rem !important; padding-bottom: 13rem !important; }

/* Logical start / end (RTL-safe) */
.ps-6  { padding-inline-start: 4rem !important; }
.ps-7  { padding-inline-start: 5rem !important; }
.ps-8  { padding-inline-start: 6rem !important; }
.ps-9  { padding-inline-start: 7rem !important; }
.ps-10 { padding-inline-start: 8rem !important; }
.ps-11 { padding-inline-start: 9rem !important; }
.ps-12 { padding-inline-start: 10rem !important; }
.ps-13 { padding-inline-start: 11rem !important; }
.ps-14 { padding-inline-start: 12rem !important; }
.ps-15 { padding-inline-start: 13rem !important; }

.pe-6  { padding-inline-end: 4rem !important; }
.pe-7  { padding-inline-end: 5rem !important; }
.pe-8  { padding-inline-end: 6rem !important; }
.pe-9  { padding-inline-end: 7rem !important; }
.pe-10 { padding-inline-end: 8rem !important; }
.pe-11 { padding-inline-end: 9rem !important; }
.pe-12 { padding-inline-end: 10rem !important; }
.pe-13 { padding-inline-end: 11rem !important; }
.pe-14 { padding-inline-end: 12rem !important; }
.pe-15 { padding-inline-end: 13rem !important; }

/* Account Messages */
.list-group-item.active {
  color: #ef6425 !important;
  background-color: #ffe9d6 !important;
  border-color:  #ffe9d6 !important;
}
.messages-body {
    height: calc(100vh - 425px); /* adjust based on your header height */
    min-height: 500px;
}

.messages-body .row {
    height: 100%;
}

.messages-list {
    height: 100%;
    overflow-y: auto;
}

.messages-content {
    height: 100%;
    overflow-y: auto;
}
@media (max-width: 767px) {

    .messages-content {
        display: none;
    }

    .messages-content.mobile-active {
        display: block;
    }

    .messages-list.mobile-hidden {
        display: none;
    }

}

/* Fonts */
.public-sans-black {
    font-family: "Public Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: italic !important;
    text-transform: uppercase;
}
.public-sans-bold {
    font-family: "Public Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal !important;
    font-weight: 700;
}

/* Card Radio */

.card-radio-group .card {
    cursor: pointer;
}
.card-radio-group input[type="radio"] {
    display: none;
}
.card-radio-group input[type="radio"]:checked + .card {
    background: #e96e00;
    color: white;
    box-shadow: 0 0 10px rgba(213, 32, 39, 0.25);
}

/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before{
    font-family: 'Font Awesome 7 Pro' !important;
    content: "\f054" !important;
    padding-top: 1px !important;
    
}

.breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb .breadcrumb-link a,
.breadcrumb .breadcrumb-link.active {
    font-size: 12px;
    color: rgba(33, 37, 41, 0.75);
    text-decoration: none;
}

.breadcrumb .breadcrumb-link a:hover {
    color: rgba(33, 37, 41, 1);
    text-decoration: underline;
}

.breadcrumb .breadcrumb-link + .breadcrumb-link::before {
    font-family: "Font Awesome 7 Pro";
    content: "\f054";
    font-size: 10px;
    margin: 0 3px;
    color: rgba(33, 37, 41, 0.5);
}

/* Nav Underline */
.navbar-expand .navbar-nav-underline .nav-link.active {
    color: #e96e00 !important;
}

.navbar-expand .navbar-nav-underline:hover {
    border-bottom-color: #e96e00 !important;
}

.navbar-nav-underline {
    --bs-nav-underline-height: 3px;
    --bs-nav-underline-color: transparent;
    --bs-nav-underline-link-hover-color: #e96e00 !important;
    --bs-nav-underline-link-active-color: #e96e00 !important;
}

.nav-underline .nav-link.active, .nav-underline .show>.nav-link {
    font-weight: 700;
    color: #ef6425 !important;
    border-bottom-color: #ef6425 !important;
}

.nav {
    --bs-nav-link-color: #22418b !important;
    --bs-nav-link-hover-color: ##ef6425 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #e96e00 !important;
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: #e96e00 !important;
}
.nav-tabs {
    --bs-nav-tabs-link-active-color: #e96e00 !important;
}
.text-bg-orange {
    color: #fff;
    background-color: #f26422;
}
.unit-list-item {
    cursor: pointer;
}
.unit-list-item:hover {
    background: rgba(242, 100, 34, 0.08);
}
.unit-marker {
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
}
.unit-marker:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 8px rgba(0,0,0,1));
}
.card-scroll {
    max-height: 360px;
    overflow-y: auto;
}
.card-scroll-sm {
    max-height: 260px;
    overflow-y: auto;
}
.leaflet-container a {
    color: #fff !important;
    font-weight: 400 !important;
}
.leaflet-container a:hover {
    color: #f16523 !important;
    font-weight: 400 !important;
}
a.leaflet-control-zoom-in, a.leaflet-control-zoom-out {
    color: #1f438a !important;
}
a:hover.leaflet-control-zoom-in, a:hover.leaflet-control-zoom-out {
    color: #f16523 !important;
    background: #fef0e9 !important;
}
.timeline {
    border-left: 2px solid rgba(0,0,0,.08);
    padding-left: 1rem;
}

.timeline-item {
    position: relative;
}

.timeline-item::before {
    content: "";
    position: absolute;
    left: calc(-1rem - 5px);
    top: .35rem;
    width: 10px;
    height: 10px;
    background: var(--brand-blue);
    border-radius: 50%;
}
.tiny {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.history-entry:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.assessment-group {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.assessment-group .btn {
    width: 100%;
    white-space: nowrap;
    border-radius: 0;
}

.assessment-group .btn:first-of-type {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.assessment-group .btn:last-of-type {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}