body {background-color: #f6f6f6 !Important;	}

/* a {color:#91def0 !important} */
/* a {color:#3279c1 !important} */
a {color:#005a73 !important}

h1,h1,h3,h4,h5,h6, h4 > a, h5 > a {color:#005a73 !important; font-weight:bold;}


.bg-danger, .btn-danger, .badge-danger {background-color: #ed1c24 !Important; color:#fff !important; }

.bg-warning, .btn-warning, .badge-warning {background-color: #fbb03b !Important; color:#333 !important; }
.bg-warning2, .btn-warning2, .badge-warning2 {background-color:#fcce86 !Important; color:#333 !important; }

.bg-info, .btn-info, .badge-info {background-color: #049899 !Important; color:#fff !important; }

.bg-success, .btn-success, .badge-success {background-color:#4db959   !Important; color:#fff !important; }


.bg-primary {background-color:#005a73 !important;color:#fff !important;}

.bg-secondary {background-color:#c6c6c6 !important;color:#fff !important;}

.bg-dark {background-color:#00d7fb !important;color:#fff !important;}

.bg-light {background-color:#f8f9fa !important;color:#333 !important;}

.bg-pale-blue {background-color:#e7fafb;}

.btn-primary {background-color:#005a73 !important; color:#fff !important;}

.btn-secondary {background-color:#c6c6c6 !important;border-color:#c6c6c6 !important; color:#333 !important;}


/* .badge {border-radius:0px !important} */


.text-outline-danger {color:#ed1c24}
.text-outline-warning {color:#fbb03b}
.field-outline-danger {border-color:#ed1c24}
.field-outline-warning {border-color:#fbb03b}


nav {margin-bottom:20px !important}
.navbar-brand {color:white !important}
.navbar {background-color: white !important;box-shadow: 0 4px 8px 1px #999999 !important;}
.navbar-nav > li.nav-item > a.nav-link {color: black !important; padding-bottom:2px !important;  font-size:large;}
.navbar-nav > li.nav-item a:hover {opacity: 0.5!Important;}
.navbar-nav > li.nav-item.active {border-bottom:3px solid #049899; margin-bottom: 0px!Important;}
.navbar-nav > li.nav-item:hover {border-bottom: 3px solid #00d7fb!Important; margin-bottom: 0px!Important;}



.nav-tabs > li.nav-item {
	background-color: #c6c6c6 !important;
	margin-right: 3px; margin-top:4px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.nav-tabs > li.nav-item > a.nav-link.active, .nav-tabs > li.nav-item a:hover {
		border-top-left-radius: 8px !important;
		border-top-right-radius: 8px !important;
	}

.nav-tabs > li.nav-item > a.nav-link {color:#333 !important;} 



.outstandingtasks {color:#dc3545}


.table .thead-dark th {
	background-color:#e2e2e2 !important;
	opacity:0.8;
	border-color:#b3b3b3 !important;
	color:black;
}

.table-hover > tbody > tr:hover {background-color:#cee9e9; }

.card-header {background-color:#e2e2e2; }

.sitetitle {color:#f18700; font-size:x-large;margin-left:10px;vertical-align:middle;}

.servertype {position:absolute;top:4px;left:14px;}

.font-size-large {font-size:large;}
.font-size-x-large {font-size:x-large;}


td {vertical-align:top;}
th {vertical-align:bottom;text-align:left; }

th.right {text-align:right}
td.right {text-align:right}

th.center {text-align:center}
td.center {text-align:center}
td.vcenter {vertical-align:middle}

.bold {font-weight:bold}
.larger {font-size:larger !important}
.smaller {font-size:smaller !important}
.small-text, .smalltext {font-size:80% !important}
.font-size-large {font-size:large}
.font-size-x-large {font-size:x-large}


.italic {font-style:italic !important;}

.normal { font-weight: normal !important; }

.lineheight1 {line-height:1;}
.lineheight11 {line-height:1.1;}
.lineheight12 {line-height:1.2;}

.selectionfields {margin:10px 0px;width:100%;}
.selectionfields-row {width:100%}

.pagetitle {margin-bottom:0.4em; font-size:x-large;}

/* a {color:#01999a !important;} */


thead > tr > th {font-weight:normal !important}


.table-fixed {table-layout:fixed !important}
.table-margin {margin-top:0.5em !important;}


/* .table-borderless > tbody > tr > td {padding-top:0 !important; padding-left:0 !important;} */

.border-top-dotted  {border-top:1px dotted #999;}



.form-group-sm {margin-bottom:0;}


.footerlinks li {font-size:small}

.select-inline {border:1px solid #ced4da;border-radius:.25rem;padding:0.375rem 0.75rem;font-size:1rem; }

.qrcode {display:none;}

.tooltip-inner {max-width: 500px;      min-width: 40%; }

/* Mobile specific or desktop specific */
.text-x-large-mobile {font-size:x-large }


/* Banner */
#logo, #logocustomer {height:100px;}
.bannerbackground {display:none;}
.bannername {margin-top:2em; text-align:right;}

#bannerflash {display:none}
#bannerusername {display:none}

/* Navbar */
.sticky-top {position:initial  !important}



/* Pagination */
li.page-item.active > a.page-link {background-color:#9bd6d6;}
.page-link-input {padding:7px 8px 7px 8px;background-color:white;}
.page-link-input > input {font-size:16px;padding-top:0;padding-bottom:0;margin:0;width:40px;}







/* Calendars */
.calendar-cell, .cell-inside {height:70px;}
.calendar-cell:hover {background-color:#f2f2f2;}
.calendar-dayname {font-size:larger}
.slothours-table {display:table;width:100%;border-bottom:1px solid #999;}
.slothours-row {display:table-row;height:26px;} 
.slothours-cell {display:table-cell;border-top:1px dotted #a2a2a2;vertical-align:top;font-size:medium;}
.calendar-cell-outsidemonth {background-color:#fff;}
.calendar-cell-outsidemonth:hover {background-color:#fff;}

.calendar-cell-today {border:2px solid #01999a !important;background-color:#e9ecef;}
.cell-inside {overflow-y: auto;}
.calendar-cell > .cell-inside > a {display:block}

.absolute-top-right {top:5px;right:5px;}

.ihicons {height:22px; font-size:22px; color:#049899; cursor:default !important}


/* Maps */
#map_canvas {
	height: 600px;
	width: 100%;
	margin: 10px auto;
}

/* Font awesome */
a > span.fas, a > span.far { transition:  all 0.3s ease 0s; text-decoration:none !important;}
a:hover > span.fas, a:hover > span.far {opacity:0.7; text-decoration:none !important;}


/* Signature pad */
#signaturecanvas {touch-action:none; border:1px dotted #999; width:100%; height:180px; background-color:white;}



/* Page panels */
.infopanel {
	border: 5px solid #F2F2F2!Important;
	padding: 20px!important;
	padding-top: 36px!important;
	padding-bottom: 20px!important;
	cursor: pointer!important;
	border-radius:12px;
	height:220px;
}

.infopanel > .card {border: none;	background: transparent; }
.infopanel > .card > .card-body > .card-title {color: white !Important; }
.infopanel > .card > .card-body > .fas, .infopanel > .card > .card-body > .far  {font-size: 56px!Important; color: white!important;}
.infopanel-count {font-size: 56px!Important; float:right !important; color: white!important;}

a.infopanel {text-decoration:none}

.panelbookings {	background-color: #005a73 !Important;} 
.panelinvoices {	background-color: #a1d7d6 !Important;}
.panelnotifications {	background-color: #fbb03b !Important;}
.panelnews {	background-color: #049899 !Important;}
.panelcalendar {	background-color: #00d7fb !Important;}
.panelfindwork {	background-color: #fff !Important; }

#adminlinks {display:none}

/* --------------------------------------------------------------------------------------- */




/* -sm- Small devices (tablets, 576px and up) */
@media (min-width: 576px) {

	.sticky-top {position: sticky !important;}

    .navbar-brandxxx {display:none !important}
    .bannerbackground {display:initial;background-color:white;}

    .centredpanel {margin:0 60px} 

    .qrcode {display:block;margin-top:20%;}

    #signaturecanvas {width:550px !important;}

	#bannerflash {display:initial; position:absolute;top:0;right:10px;background-image: url('images/userblock.png'); width:300px;height:38px;text-align:center; }
	#bannerflash > span {display:block;font-size:x-large;color:#666;}
	#bannerusername {display:initial; position:absolute;top:0;right:360px;}


}

/* -md- Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.navbar-brandxxx {display:none !important}
	.navbar {padding-top:20px !important;}
	.bannerbackground {display:initial;background-color:white;}

	.centredpanel {margin:0 60px}

	.qrcode {display:block;margin-top:30px;}

	#signaturecanvas {width:650px !important;}

	#adminlinks {display:initial; position:absolute;top:5px;left:140px; width:450px;height:50px;text-align:left;border:1px dashed #333;padding:0.4em; font-size:small;border-radius:8px; }
}



/* -lg- Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.desktop-only {display:initial;}
	.mobile-only {display:none}
	.text-x-large-mobile {font-size:initial;}
	.text-small-desktop {font-size:small}
	.calendar-item {display:block;}
	.calendar-cell, .cell-inside {height:100px;}


	.pagetitle {display:none}


}

/* -xl- Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 



}

/* Extra small devices (portrait phones, less than 576px) */
/* 
	We cannot rely on setting display:none as the default (mobile-first) because this implies using
	display:initial at larger resolutions - which IE11 does not understand.
*/
@media (max-width: 575.98px) {
	.desktop-only {display:none  }
	.text-small-desktop {font-size:initial}
}