body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
  font-size: .875rem;
	font-family: 'Roboto', sans-serif;
}

.font-roboto {
	font-family: 'Roboto', sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6  {
	font-family: 'Raleway', sans-serif;
}

h1, .h1, h2, .h2, h3, .h3 {
	color: #FF7F11;
}

h1, .h1, h2, .h2 {
	font-weight: 700!important;
}

.frontend header .breezy-logo {
	width: 180px;
}

.frontend .logo-sm {
	width: 180px;
}

.articles-card-image {
	max-height: 250px;
	overflow: hidden;
}

@media (max-width: 575px) {
	
	body {
		font-size: 1.2rem;
	}

	p {
		font-size: 1.3rem;
	}
	
	#JobStatusControls div div h6 {
		font-size: 1.3rem;
	}
	
	h6, .h6 {
		font-size: 1.5rem;
	}
	
	.img-mobile-70vh {
		height: 70vh;
	}

}

form label {
	text-transform: uppercase;
}

.display-7 {
	font-size: 2.2rem;
}

@media (max-width: 767px) {
	
	.display-7 {
		font-size: 1.8rem;
	}
	
}

main {
	min-height: 100vh;
	min-height: calc(100vh - 150px);
}


@media (min-width: 576px) {
  .in-admin main {
    margin-left: 90px !important;
  }
}

@media (max-width: 767px) {
	
	.button-create-new {
		font-size: 1.2em;
	}
}

/*
 * Bootstrap color overrides
 */
 
a {
	color: #0091BD;
}

.progress-bar {
	background-color: #006E90;
}
 
.bg-primary {
	background-color: #006e8f!important;
}

.border-primary {
    border-color: #006E90!important;
}

.text-primary {
	color: #006E90!important;
}

.btn-primary {
  color: #fff;
  background-color: #006E90;
  border-color: #006E90;
}

.btn-outline-primary {
	color: #006E90;
	border-color:#006E90;
}

.btn-primary:hover {
	color:#fff;
	background-color:#FF7F11;
	border-color:#FF7F11;
}

.btn-primary:focus {
	color:#fff;
	background-color:#FF7F11;
	border-color:#FF7F11;
}

.btn-primary.disabled, 
.btn-primary:disabled {
  color: #fff;
  background-color: #407FB0;
  border-color: #407FB0;
}

.btn-check:active+.btn-outline-primary, 
.btn-check:checked+.btn-outline-primary, 
.btn-outline-primary.active, 
.btn-outline-primary.dropdown-toggle.show, 
.btn-outline-primary:active {
    color: #fff;
    background-color: #006E90;
    border-color: #006E90;
}

.list-group-item.active {
    background-color: #006E90;
    border-color: #006E90;
}

.btn-warning {
  color: #000;
  background-color: #FFC95C;
  border-color: #FFC95C;
}

.bg-danger {
	background-color: #D44821;
}

.text-danger {
	color: #D44821 !important;
}

.btn-danger {
  color: #fff;
  background-color: #D44821;
  border-color: #D44821;
}


.bg-orange {
	background-color: #FF7F11;
}

.text-orange {
	color: #FF7F11 !important;
}

.btn-orange {
  color: #fff;
  background-color: #FF7F11;
  border-color: #FF7F11;
}

.btn-outline-orange {
    color: #FF7F11;
    border-color: #FF7F11;
}

.border-orange {
	border-color: #FF7F11!important;
}


.bg-light-yellow {
	background-color: #F8FF5B;
}

.bg-light-grey-blue {
	background-color: #DFEAEC;
}

.bg-dark-primary {
	background-color: #00526B;
}

.bg-dark-blue {
	background-color: #263D42;
}

.btn-outline-white {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-outline-white:hover {
	color:#006E90;
	background-color:#EEF4F9;
	border-color:#EEF4F9;
}

.btn-check:focus+.btn-outline-white,
.btn-outline-white:focus {
	box-shadow:0 0 0 .25rem rgba(13,110,253,.5);
}

.btn-check:active+.btn-outline-white,
.btn-check:checked+.btn-outline-white,
.btn-outline-white.active,
.btn-outline-white.dropdown-toggle.show,
.btn-outline-white:active {
	color:#006E90;
	background-color:#EEF4F9;
	border-color:#EEF4F9;
}

.btn-check:active+.btn-outline-white:focus,
.btn-check:checked+.btn-outline-white:focus,
.btn-outline-white.active:focus,
.btn-outline-white.dropdown-toggle.show:focus,
.btn-outline-white:active:focus {
	box-shadow:0 0 0 .25rem rgba(13,110,253,.5);
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
	color: #E05B36;
	background-color:transparent;
}

.rounded-4 {
    border-radius: 0.4rem!important;
}

.rounded-5 {
    border-radius: 0.5rem!important;
}

.rounded-6 {
    border-radius: 0.6rem!important;
}

.rounded-7 {
    border-radius: 0.7rem!important;
}


.border-dashed {
	border-style: dashed!important;
}

.btn-xs {
	padding: 2px 15px;
  font-size: 10px;
  border-radius: 4px;
}


.page-item.active .page-link {
  background-color: #006E90;
  border-color: #006E90;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #006E90;
}

#DashNoticesContainer .nav-pills .nav-link {
	border: solid 1px transparent;
	border-radius: 0;
	color: #ffffff;
}

#DashNoticesContainer .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  /*background-color: #FF7F11;*/
  border-color: #FFFFFF;
}


.bg-dark-001 {
	background-color: #263D41;
}


.dropdown-menu {
	z-index: 5000;
}


.bg-yellow {
	background-color: #ffff00;
}

/*
 * System notices
 */

.dismiss-system-notice {
	border: solid 1px transparent;
}

.dismiss-system-notice:hover {
	border-color: #ffffff;
	border-radius: 5px;
	-webkit-transition: border-color 0.5s, border-radius 0.5s;
  transition: border-color 0.5s, border-radius 0.5s;
}



#BackOfficeAcccountsHolder table tr {
	font-size: .875em;
}





/*
 * Peach Payments Customisations
 */


.wpwl-button-pay {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
	color: #fff;
	text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #006E90;
  background-color: #006E90;
  border-color: #006E90;
  border-radius: 0.3rem;
}

@media (max-width: 575px) {

	#peach_png {
		width: 75%!important;
	}

}

/*
 * Dashboard
 */

#JobsTimeline .date-badge,
#DashUpCoJobs .date-badge  {
	font-size: 14px!important;
}

.dash-status-marker {
	top: -10px;
	left: -13px;
	width: 24px;
	/*height: 24px;*/
	text-align: center;
	padding: 0;
	padding-top: 1px;
	border: solid 1px #c0c0c0;
	border-radius: 12px;

}

.stats_snapshot_stat div {
	font-size: 0.3em; 
	border-left-style: dashed !important;
}

@media (max-width: 575px) {
	
	.dashboard_job_code {
		font-size: 1.0rem;
	}
	
	.stats_snapshot_info, .stats_snapshot_compared {
		font-size: 0.9rem;
	}
	
	.stats_snapshot_stat div {
		font-size: 0.5em; 
	}
	
	#DashJobs-Tabs.nav-tabs .nav-link {
    font-size: 0.7rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  
	#DashJobs-Tabs.nav-tabs .nav-link.active {
    font-weight: bold;
  }
  
	.dash-tasks-list p {
		font-size: 1.0rem;
	}
  
}

@media (max-width: 767px) {
	
	#JobsTimeline .date-badge,
	#DashUpCoJobs .date-badge  {
		font-size: 18px!important;
	}
	
	#QuickSetupModal .modal-header .fa-2x {
		font-size: 1.0rem !important;
	}
	
	#QuickSetupModal .qswizard-footer-controls .btn {
		font-size: 12px;
	}

}

#QuickSetupModal .modal-header .nav-link i.far:before {
	content: "\f111";
}

#QuickSetupModal .modal-header .nav-link.wcompleted i.far:before {
	content: "\f058";
}

#QuickSetupModal .modal-header .nav-link.active i.far:before {
	content: "\f192";
}

#QuickSetupModal .modal-header .nav-link.wcompleted.active i.far:before {
	content: "\f058";
	font-weight: 900;
}


@media (max-width: 992px) {
	
	.articles-card-image {
		max-height: 200px;
		overflow: hidden;
	}
	
	#DashJobs-Tabs.nav-tabs .nav-link {
    font-size: 0.6rem;
    padding-left: 10px;
    padding-right: 10px;
  }

}


.top-left-triangle-yellow {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #FFBA30 transparent transparent transparent;
}


/*
 * Chats
 */
 
 
@media (max-width: 576px) {
	
 .job-chat-widget .chat-header .h6 {
	 font-size: 1.0rem;
 }
 
}
 
.list-messages {
 cursor: pointer;
}

.list-group-item.active {
/* padding-left: 25px;
 transition: padding 1s; */
}

.list-group-item.active .fa-comment-alt {
	color: #ffffff!important;
}

.list-group-item.active .fa-stack-1x {
	color: #808080!important;
}

.list-group-item .arrow-right {
	display: none;
	right: -20px;
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #006E90;
}

.list-group-item.active .arrow-right {
	display: block;
}

.job-chat-widget .chat-box {
  min-height: 350px;
  max-height: 350px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


.job-chat-widget .chat-box .incoming_msg_profile {
	width: 50px;
	bottom: 10px;
	left: 10px;
	padding: 0;
}

.job-chat-widget .chat-box .incoming_msg_profile {
	z-index: 200;
}

.job-chat-widget .chat-box .incoming_msg_text, 
.job-chat-widget .chat-box .outgoing_msg_text {
	margin-top: 10px;
	border: solid 1px #808080;
	background-color: #ffffff;
	z-index: 100;
}

.job-chat-widget .chat-box.bg-primary .incoming_msg_text, 
.job-chat-widget .chat-box.bg-primary .outgoing_msg_text {
	border-color: #ffffff;
}


.job-chat-widget .chat-box .incoming_msg_text {
	width: calc(100% - 90px);
	border-radius: 24px 12px 12px 0;
	margin-left: 25px;
	padding-left: 30px;
}

.job-chat-widget .chat-box .outgoing_msg_text {
	border-radius: 12px 24px 3px 12px;
}

.msg_sent_date {
	padding-top: 3px;
	font-size: 10px;
	margin-bottom: 10px;
}

.job-chat-widget .chat-box .incoming_msg .msg_sent_date {
	padding-left: 50px;
}

.job-chat-widget .chat-box .outgoing_msg .msg_sent_date {
	text-align: right;
}

.job-chat-widget .chat-box.bg-primary .text-muted {
	color: #FFFFFF!important;
}

.job-chat-widget .chat-box.bg-primary .user-img {
	border-color: #ffffff!important;
}


.job_service_status_toggle {
	cursor: pointer;
}


#bcJobServicesAdd .dropdown-menu {
	max-height: 240px;
	overflow-y: scroll;
}


/*
 * Navbar / header
 */
 
header {
	height: 61px;
	z-index: 8000!important;
}

.offcanvas-collapse {
	font-size: 12px;
  color: #ffffff;
  position: fixed;
  top: 61px; /* Height of navbar */
  bottom: 0;
  right: -250px;
  width: 250px;
  overflow-y: auto;
  visibility: hidden;
  z-index: 999;
  background-color: #006E90;
  transition: transform .3s ease-in-out, visibility .3s ease-in-out;
}

.offcanvas-collapse.open {
  visibility: visible;
  transform: translateX(-100%);
}


.offcanvas-collapse .user-img-initials {
	border-color: #ffffff !important;
}


.offcanvas-collapse h6.card-title {
	line-height: 1;
}

.offcanvas-collapse .recent-messages-header {
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
}

.offcanvas-collapse h6.card-title small {
	font-size: 10px;
}

.offcanvas-collapse .badge {
	font-size: 10px;
}

.offcanvas-collapse .offcanvas-message-none {
  border: dashed 1px #eeeeee;
  border-radius: 5px
}



.offcanvas-collapse .offcanvas-message-content {
	border-radius: 12px;
	margin-bottom: 20px;
}

.offcanvas-collapse .offcanvas-message-header {
	overflow: hidden;
	white-space: nowrap;
	font-size: 10px;
	border-radius: 10px 10px 0 0;
}

.offcanvas-collapse .offcanvas-message-text {

}

.offcanvas-collapse .offcanvas-message-footer {
	font-size: 10px;
	padding-bottom: 15px;
}

.offcanvas-collapse .offcanvas-message-date {
	width: 140px;
	font-size: 10px;
	bottom: -10px;
	border-radius: 10px;
	left: calc((100% - 140px) * 0.5);
	background-color: #FF7F11;
}

 
.navbar-brand img {
	width: 180px;
}

.navbar-brand {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1rem;
  /*background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);*/
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

a.header-profile-toggle {
	border: dashed 1px #808080;
	border-radius: 10px;
}

.header-profile-unread {
	line-height: 1;
	font-size: 14px;
}

@media (max-width: 575px) {
	
	header {
		height: 61px;
	}
	
  .in-admin .navbar-toggler {
		background-color: #006E90;
		color: white;
		width: 90px;
		HEIGHT: 61px;
		border: none;
		box-shadow: none;
		border-radius: 0;
		top: 0;
		left: 0;
  }
  
  .navbar-brand {
		margin-left: 90px;  
	}
	
	.frontend .navbar-brand img {
		width: 120px;
	}
	
	.in-admin header .header-top-right .profile-col-heading {
		display: none;
	}
	
}

@media (max-width: 575px) {

  .navbar-brand {
		margin-left: 20px;  
	}

}


/*
 * Recent Jobs page for chats, feedback etc.
 */


.list-messages .active .text-muted {
	color: #ffffff !important;
}

.list-messages .form-check-input.form-control-lg {
	min-height: calc(0.5em + 0.7rem + 2px);
  padding: 0.5rem 0.5rem;
  font-size: 1.0rem;
}

#UserSidebarNav .user-img, .list-messages .active .user-img {
	border-color: #ffffff !important;
}



/*
 * Sidebar
 */
 
#sidebarMenu {
	padding-top: 60px !important;
	width: 90px;
	overflow: hidden;
	background-color: #006E90;
}

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 70px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 575px) {
  .sidebar {
    /*top: 5rem;*/
    z-index: 8000; /* Behind the navbar */
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
	font-size: 12px;
  font-weight: 500;
  color: #ffffff;
	border: solid 1px #006E90;
  border-radius: 5px;
	/*
  border-bottom: solid 1px #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  */
}

.sidebar .bc-last-nav-item .nav-link {
	border: solid 1px transparent;
}

.sidebar li:last-child .nav-link
{
  border: none;
}

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

@media screen and (min-height: 601px) and (max-height: 800px) and (orientation: landscape) {

	.sidebar .nav-link {
		padding-top: .5rem!important;
		margin-top: 0.25rem!important;
		margin-bottom: .25rem!important;
	}
	
}

@media screen and (min-height: 601px) and (max-height: 800px) and (orientation: portrait) {
	.sidebar .nav-link i {
		font-size: 18px;
	}
	
	.sidebar .nav-link {
		padding-top: .25rem!important;
		margin-top: 0.25rem!important;
		margin-bottom: .25rem!important;
	}
	
}

@media screen and (min-height: 551px) and (max-height: 600px) {
	.sidebar .nav-link i {
		font-size: 14px;
	}
	
	.sidebar .nav-link {
		padding-top: .25rem!important;
		margin-top: 0.25rem!important;
		margin-bottom: .25rem!important;
	}
	
}

@media screen and (min-height: 401px) and (max-height: 550px) {
	.sidebar .nav-link i {
		display: none!important;
	}
	
	.sidebar .nav-link {
		padding-top: .25rem!important;
		margin-top: 0rem!important;
		margin-bottom: .25rem!important;
	}
}


@media screen and (max-height: 400px) {
	.sidebar .nav-link i {
		display: none!important;
	}
	
	.sidebar .nav-link {
		padding-top: .20rem!important;
		margin-top: 0rem!important;
		margin-bottom: .25rem!important;
	}
}




.sidebar .nav-link.active,
.sidebar li:last-child .nav-link.active {
	border: solid 1px #ffffff;
  border-radius: 5px;
  background-color: #FF7F11; /*#00526B*/
}

.sidebar .nav-link:hover,
.sidebar .bc-last-nav-item .nav-link:hover {
	border-bottom: solid 1px #ffffff;
	border-color: #ffffff;
  border-radius: 15px;
  background-color: #FF7F11; /*#00526B*/
	-webkit-transition: border-bottom 0.5s, border-color 0.5s, border-radius 1s, background-color 1s;
  transition: border-bottom 0.5s, border-color 0.5s, border-radius 1s, background-color 1s;
}

.sidebar li:last-child .nav-link:hover {
	border-color: #ffffff;
  border-radius: 15px;
  background-color: #FF7F11; /*#00526B*/
	-webkit-transition: border-bottom 0.5s, border-color 0.5s, border-radius 1s, background-color 1s;
  transition: border-bottom 0.5s, border-color 0.5s, border-radius 1s, background-color 1s;
}


.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}


/*
 * Users/Staff page
*/

@media (max-width: 500px) {
	
	#ShowMainUser .card h5.card-title,
	#ShowOtherAccountUsers .card h5.card-title {
		font-size: 1.15em
	}
	
	#ShowMainUser .card .usr-numbers,
	#ShowOtherAccountUsers .card .usr-numbers {
		font-size: 1.2em;
	}
	
	#ShowMainUser .card .user-page-link,
	#ShowOtherAccountUsers .card .user-page-link {
		font-size: 2em;
	}
	
	#ShowMainUser .card .user-page-status-text,
	#ShowOtherAccountUsers .card .user-page-status-text {
		line-height: .7em;
	}
	
	#ShowMainUser .card .user-page-status-text small,
	#ShowOtherAccountUsers .card .user-page-status-text small {
		font-size: .6em;
	}

}

.user-img {
	display:inline-block;
  font-size: 14px;
  width: 34px;
  height: 34px;
  line-height: 28px;
	border-radius:50%;
	vertical-align:middle;
	border: solid 2px #ffffff;
}

.recent-profile-image {
	cursor: pointer;
}

.profile-col-heading,
.profile-l .profile-col-heading {
	line-height: 8px;
}

.profile-supervisor-label,
.profile-l .profile-supervisor-label {
	font-size: 10px;
}

.profile-s .user-img {
	font-size: 12px;
	width: 21px;
	height: 21px;
	line-height: 18px;
}

.profile-s .card-title {
	font-size: 0.8em;
}

.profile-s .profile-col-heading {
	line-height: 8px;
}

.profile-s .profile-supervisor-label {
	font-size: 8px;
}



.profile-l .user-img {
  font-size: 18px;
  width: 42px;
  height: 42px;
  line-height: 37px;
}

.profile-l .card-title {
	font-size: 1.8em;
}

.user-img-initials {
	text-align:center;
	color:white;
}

.page-users .table {
	width: 100% !important;
}

.page-users .table>:not(:last-child)>:last-child>* {
	border: none;
}

.page-users .table td {
	padding: 0;
}

.user-card-pending {
	border-style: dashed;
}

.usr-ults-section span.btn-sm {
	font-size: .7em;
}

.perm-assigned-cals {
	cursor: pointer;
}

.perm-assigned-cals .card .card-title {
	font-size: 1.1rem;
}


/*
 * Add/Schedule jobs page
*/

.job_menu_settings label {
	font-size: 0.85em;
}

#PhotosGrid img {
	cursor: pointer;
}

#PhotoInfo_the_count {
	font-size: 12px;
	text-align: left;
}

.modal {
    z-index: 8999;
}

@media (max-width: 575px) {
	
	.job_menu_settings label {
		font-size: 1em;
	}
	
	.job_modal_menu_links_container {
		font-size: 0.9rem;
	}
	
	#PhotosGrid .card {
		overflow: hidden;
	}

	#PhotosGrid .job_photos_thumb_container {
		height: 120px;
		overflow: hidden;
	}
	
}



@media (min-width: 769px) {

	#PhotosGrid {
		max-height: 70vh;
		overflow-y: scroll;
	}
	
	#PhotosMain img {
		max-height: 70vh;
	}
	
	#PhotosGrid .job_photos_thumb_container {
		height: 120px;
		overflow: hidden;
	}
	
}

#AddJob_loc_code {
	font-size: smaller;
}

.modal-body .smcal_year_row table {
	font-size: 0.6em;
}

.job_modal_menu_links.job_menu_settings .dropdown-menu {
	width: 300px;
}

.smcal_day {
	cursor: cell;
}

.fc-last-in-series {
	border: dashed 2px #ffffff;
}

.fc .fc-popover {
	z-index: 7000;
}

.fc-timegrid-col-events {

}

.cal_job_time_tab {
  /*background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4) );*/
  /*font-weight: bold;*/
  margin-left: -1px;
  margin-top: -1px;
  margin-right: -1px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  line-height: 1.2;
}

@media (max-width: 575px) {
	
	.cal_data_main_container .ps-4 {
		padding-left: 30px!important;
	}
	
	.fc .fc-toolbar {
		display: block;
	}
	
	.fc-toolbar-chunk {
		display: inline-block;
		width: auto;
		margin-bottom: .5rem!important;
	}
	
	.fc-today-button.fc-button{
		margin-right: 0.75em;
	}
	
	.fc-today-button {
		float: right;
	}
	
	.fc .fc-toolbar.fc-header-toolbar {
		margin-bottom: .5rem!important;
	}
	
	.fc-theme-standard .text-muted {
		font-size: smaller;
	}
	
	.fc .fc-button {
		font-size: 0.7em;
	}
	
	.printCalBtn {
		font-size: larger;
	}
	
}


.fc-daygrid-event-harness {
	/*margin-bottom: 1em;*/
}

.fc .fc-daygrid-event-harness-abs {
	/*margin-top: 15px;*/
}

.fc-timegrid-event-harness {
	max-width: 200px;
}

.fc-timegrid-event-harness>.fc-timegrid-event {
	top: 2px;
}

.cal-marker-buffer {
	/* background-color: #ffffff; */
	height: 3px;
	margin-left: -1px;
	margin-top: -1px;
	margin-right: -1px;
}

.fc-timegrid-event .cal-marker-buffer {
	margin-left: -2px;
	margin-top: -2px;
	margin-right: -2px;
}

.fc-day-today .cal-marker-buffer {
	background-color: #fffae2;
}

.status-marker, .status-marker-0, .status-marker-1, .status-marker-2 {
	left: 1px;
	top: 2px;
	bottom: 2px;
}

.fc-day-today .status-marker, .fc-day-today .status-marker-0, .fc-day-today .status-marker-1, .fc-day-today .status-marker-2 {
	background-color: #fffae2 !important;
}


.client-live-search-results {
	z-index: 500;
	width: 200%;
	max-height: 240px;
  overflow-y: auto;
}

@media (max-width: 575px) {
	
	.client-live-search-results {
		width: 100%;
	}
	
}


.picker.picker--time .picker__list-item--disabled {
	display: none;
}


/*
@media (min-width: 576px) {
	
	#AddMainJob {
	  position: relative;
	}
	
	#AddMainJob .modal-dialog {
	  position: fixed;
	  width: 100%;
	  margin: 0;
	  padding: 10px;
	}
	
}
*/

#ShowAvailableCals {
	cursor: pointer;
	font-size: 0.8em;
}

#ShowAvailableCals .cal_sel {
	padding-left: 30px !important;
}

#ShowAvailableCals i {
	margin-left: 15px;
  font-size: 15px;
}

#ShowAvailableCals .cal_select {
	opacity: 0.5;
	background: none !important;
  color: #504f4f !important;
	border-style: solid;
	border-width: 1px;
  border-color: #504f4f !important;
  line-height: 1.5em;
  max-height: 4em;
  overflow: hidden;
}

#ShowAvailableCals .cal_selected {
	opacity: 1.0;
	border-style: solid;
	border-width: 1px;
  line-height: 1.5em;
  max-height: 4em;
  overflow: hidden;
}

@media (min-width: 768px) {
	.smcal_day:hover {
		background: var(--bs-gray);
		color: #FFFFFF;
	}
}

.smcal_day.smcal_selected {
	background: var(--bs-teal);
	color: #FFFFFF;
}

.smcal_day.smcal_selectedextra {
	background: var(--bs-gray-500);
	color: #000000;
}

.smcal_day.smcal_selectedwarning {
	background: var(--bs-red);
	color: #FFFFFF;
}

.smcal_main_job {
	color: #FFFFFF;
	background-color: #006E90!important;
}

@media (max-width: 767.59px) {	
	.fc-toolbar-title {
		display: none;
	}
}

.jb-ser-all, .perm-set-all {
	cursor: pointer;
}

@media (min-width: 768px) {	

	#JobModalContent #accordionServices {
		max-height: 240px;
    overflow-y: auto;
	}

}

/*
 * Login / Sign In page
*/


.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin label.invalid {
	width: 100%;
  color: red;
  text-align: right!important;
}


/*
 * Manage clients/locations page
*/

.uploads-undo-import {
	cursor: pointer;
}

@media (max-width: 767px) {
	
	.OpenClientUploadModal {
		font-size: 1.5em;
	}

}

@media (max-width: 450px) {
	
	.OpenClientUploadModal {
		font-size: 1.0em;
	}

}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  padding-left: 45px!important;
}


.outer_info_label {
	text-transform: uppercase;
}


@media (max-width: 767px) {
	
	.clients_info_row .float-end .feather {
		margin-left: 10px;
		width: 2em;
		height: 2em;
	}

}

@media (min-width: 768px) {

	#BCGeoLookupMapWrapper.ratio-1x1,
	#BCJobMapWrapper.ratio-1x1 {
		--bs-aspect-ratio: 56.25%;
	}
	
#JobLocMapWrapper.ratio-1x1 {
		--bs-aspect-ratio: 42.8571428571%;
	}
}

/*
 * Manage categories/services page
*/

.grid-sizer,
.grid-item { width: 33%; }

.form-check-input {
	cursor: pointer;
}

.card textarea {
	height: auto;
}

@media (max-width: 767px) {

	.manage-cats-services-card .form-check-input {
		width: 4em!important;
		height: 2em!important;
	}
	
	.manage-cats-services-card .fa-2x {
		margin-left: 10px;
		/*width: 2em;
		height: 2em;*/
	}
	
	.add-service-to-cat-link {
		font-size: 1.5em;
	}

}


/*
 * Reports pages
*/

.reports-sidebar-container .list-group-item {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
}

.reports-sidebar-container .list-group-item:hover {
	background-color: #FFDFC3!important;
  color: #263d42!important;
}

.reports-sidebar-container .list-group-item.active {
	background-color: #BCD5E7!important;
  border: none!important;
  color: #263d42!important;
}


@media (min-width: 992px) {

	.reports-sidebar-container {
		min-width: 140px;
		min-height: 90%;
	  min-height: calc(100vh - 61px);
    border-right: solid 1px #006e90;
	}

}


/*
 * Back Office pages
*/

.back-office-sidebar-container .list-group-item {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
}

.back-office-sidebar-container .list-group-item:hover {
	background-color: #FFDFC3!important;
  color: #263d42!important;
}

.back-office-sidebar-container .list-group-item.active {
	background-color: #BCD5E7!important;
  border: none!important;
  color: #263d42!important;
}


@media (min-width: 992px) {

	.back-office-sidebar-container {
		min-width: 140px;
		min-height: 90%;
	  min-height: calc(100vh - 61px);
    border-right: solid 1px #006e90;
	}

}


/*
 * Account section
*/

@media (max-width: 450px) {

	#AccountTabNav .nav-item {
		font-size: 1.1rem;
	}
}

@media (max-width: 576px) {
	
	.billing-details-wrapper .btn {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

#AllPhotosTable .thumb_cell .flex-shrink-0 {
	max-width: 98px;
	max-height: 98px;
	overflow: hidden;
}

#AllPhotosTable .thumb_cell .flex-shrink-0 img {
	max-width: 90px;
	max-height: 90px;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
	background-color: #FFF8EB;
}

table.dataTable.table-striped>tbody>tr.odd.selected {
    --bs-table-accent-bg: none;
}

table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
	color: inherit;
}

table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
	color: #0091BD;
}

#JobsReconContainer, #viewChartData_container table {
	min-width: calc(100% - 10px);
}

#JobsReconContainer, #viewChartData_container {
	max-width: calc(100vw - 300px);
}

@media (max-width: 991px) {
	
	#JobsReconContainer, #viewChartData_container {
		max-width: calc(100vw - 150px);
	}
	
}

@media (max-width: 767px) {
	
	#JobsReconContainer, #viewChartData_container {
		max-width: calc(100vw - 20px);
	}
	
}

@media (min-width: 768px) {

	#JobsReconContainer #JobsReconTable_length {
		width: 45%;
	  display: inline-block;
	}
	
	#JobsReconContainer #JobsReconTable_filter {
		width: 45%;
	  float: right;
	}
	
}

#JobsReconContainer #JobsReconTable_filter .btn-group i.btn {
	border:none!important;
}

#JobsReconContainer th {
	font-size: 12px;
}

#JobsReconContainer td:not(.bc_jrec_services_cell, .bc_jrec_job_title) {
	font-size: 12px;
	white-space: nowrap;
}

#JobsReconContainer .bc_jrec_services_cell {
	font-size: 10px;
	min-width: 160px;
	max-width: 220px;
}

#JobsReconContainer .bc_jrec_job_title {
	width: 200px;
}

#viewChartData_container table {
	min-width: 100%;
}

#viewChartData_container th {
	white-space: nowrap;
}

#viewChartData_container td:not(.bc_chart_data_job_title) {
	white-space: nowrap;
}

#viewChartData_container .bc_chart_data_job_title {
	width: 200px;
}



/*
 * Map page
*/


#accordionMapErrors .accordion-button::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 20px;
    content: "";
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

#accordionMapErrors .accordion-button::after {
	display: none;
}

#accordionMapErrors .carousel .carousel-indicators button {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #0e6f8f;
}

@media (max-width: 767px) {
	
	#accordionMapErrors .carousel .carousel-indicators button {
		width: 20px;
		height: 20px;
	}
	
}


.bc_map_pg_sidebar, .bc_map_pg_sidebar .fixed-top {
	width: 200px;
}

.bc_map_pg_sidebar .fixed-top {
	margin-left: 90px;
	margin-top: 53px;
}

@media (max-width: 767px) {
	.bc_map_pg_sidebar, .bc_map_pg_sidebar .fixed-top {
		width: 100%;
		position: relative !important;
	}
	
	.bc_map_pg_sidebar .fixed-top {
		margin-left: 0;
		margin-top: 0;
	}
	
}

#BCAllJobsMapWrapper {
	height: calc(100vh - 100px)!important;
}

#BCAllJobsMapWrapper.errors_above {
	/*height: calc(100vh - 280px)!important;*/
	height: calc(100vh - 150px)!important;
}

#BCAllJobsMapWrapper .leaflet-popup-content {
	font-size: 12px!important;
}

@media (max-width: 767px) {

	#BCAllJobsMapWrapper {
		height: calc(100vh - 130px)!important;
	}
	
}

@media (min-width: 768px) {
	
	#ShowAvailableCals {
		max-height: calc(100vh - 270px);
		overflow: auto;
	}
	
}


#carouselErrorMarkers.carousel, #carouselErrorMarkers .carousel-item {
	height: 120px;
}

@media (max-width: 768px) {
	#carouselErrorMarkers.carousel, #carouselErrorMarkers .carousel-item {
		height: 200px;
	}

	#carouselErrorMarkers .carousel-item p, #carouselErrorMarkers .carousel-item a {
		font-size: 14px!important;
	}
	
}