/*sticky footer*/
html
{
	position: relative;
	min-height: 100%;
}
body
{
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}
.footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	margin-top:15px;
	padding: 5px;
}

/*main navbar*/
.navbar-ukindexer
{
	background-color: white;
	border-bottom-color: #E91E63;
}
.navbar-ukindexer .navbar-nav>li>a
{
	padding-top: 25px;
	padding-bottom: 25px;
	text-transform: uppercase;
	transition-duration: 1s;
}
.navbar-ukindexer .navbar-nav>li>a:hover
{
	color: #E91E63;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand
{
	margin-left: 0;
}
.navbar-ukindexer .navbar-brand
{
	border-bottom: 5px solid #E91E63;
	padding-top: 8px;
	color: #E91E63;
	min-height: 70px;
	font-family: serif;
	font-size: 40px;
	transition-duration: 1s;
}
.navbar-ukindexer .navbar-brand:focus,
.navbar-ukindexer .navbar-brand:hover
{
	/*color: rgb(63, 81, 181);*/
	color:#777;
	border-color: transparent;
}


/*low navbar for tools*/
.navbar-low.navbar
{
	min-height: 32px;
}
.navbar-low .navbar-brand,
.navbar-low .navbar-nav > li > a
{
	height: inherit;
	padding-top:5px;
	padding-bottom:5px;
}
.navbar-low .navbar-brand
{
	font-size: 18px;
	padding-top: 3px;
	padding-bottom: 2px;
	min-height:inherit;
}

/*colour palette*/

.bg-grey
{
	background-color: #f5f5f5;
}
.bg-grey-light
{
	background-color: #eeeeee;
}
.bg-blue-trans
{
	background-color: rgba(63, 81, 181, 0.75);
}
.bg-green-trans
{
	background-color: rgba(139, 195, 74, 0.75);
}
.bg-green
{
	background-color: rgba(139, 195, 74, 1);
}
.bg-pink-trans
{
	background-color: rgba(233, 30, 99, 0.75);
}
.bg-pink
{
	color:white;
	background-color: rgba(233, 30, 99, 1);
}
.bg-pink a
{
	text-decoration: underline;
}
.bg-pink a,
.bg-pink a:focus,
.bg-pink a:hover,
.bg-pink small
{
	color:white;
}

/*page specific*/
#homepage .carousel-caption
{
	border-radius: 10px;
}
#homepage .carousel h1
{
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px;
	margin-top: 0;
	border-bottom: 5px solid #E91E63;
}
@media (max-width: 993px)
{
	#homepage .carousel h1
	{
		position: initial;
		margin-bottom: 0;
	}
	/*make carousel large enough at small widths to show box*/
	#homepage .carousel .carousel-inner,
	#homepage .carousel .carousel-inner .item
	{
		min-height:290px;
	}

}

#homepage .carousel,
#homepage .carousel .carousel-inner,
#homepage .carousel .carousel-control
{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#homepage .logo
{
	position: absolute;

	background-color: rgba(255, 255, 255, 0.75);
	padding: 10px;
	border-radius: 4px;
}
#homepage .logo:hover
{
	transition-duration: 1s;
	transform: scale(1.25);
	z-index:1;
}
#homepage .logo-amazon
{
	left: 0;
	bottom: 0;
	right:80%;
	top: 80%;
}
#homepage .logo-gs
{
	right: 0;
	top: 0;
	left: 92%;
	bottom: 80%;
}
#homepage .logo-tg
{
	left: 0;
	top: 0;
	right:80%;
	bottom: 80%;
}
/*general*/
.margin-none
{
	margin:0;
}
.margin-top
{
	margin-top:15px;
}
.padding-bottom
{
	padding-bottom:15px;
}
.text-monospace
{
	font-family: monospace;
}
#contact textarea,
textarea.textarea-lg
{
	height:200px;
}
/*hover effect for button links*/
.btn-hover
{
	transition-duration: 0.5s;
}
.btn-hover:hover
{
	transform: scale(1.05);
	color: #E91E63;
}

/*style tabs with pink line colour*/
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover
{
	border-top-color: #E91E63;
	border-right-color: #E91E63;
	border-left-color: #E91E63;
}
.nav-tabs
{
	border-color: #E91E63;
}

/*style non standard elements as clickable e.g. for <th>*/
.clickable
{
	touch-action: manipulation;
	cursor: pointer;
}
.clickable:hover
{
	background-color: #e6e6e6;
}

/*style input element with td to make it look part of cell*/
.table-condensed>tbody>tr>td.contenteditable
{
	padding:0;
	height: 100%;
}
.table-condensed>tbody>tr>td.contenteditable input,
.table-condensed>tbody>tr>td.contenteditable textarea,
.table-condensed>tbody>tr>td.contenteditable>.twitter-typeahead
{
	height:100%;
	width:100%;
}
.table-condensed>tbody>tr>td.contenteditable textarea
{
	margin-bottom: -4px;
	resize: none;
	overflow: hidden;
}
.table-condensed>tbody>tr>td.contenteditable input,
.table-condensed>tbody>tr>td.contenteditable textarea
{
	padding:5px;
	border: 1px solid transparent;
	background-color: transparent;
}

/*replicate chrome style input focus in all browsers*/
.table-condensed>tbody>tr>td.contenteditable .in-focus:focus
{
	outline: none;
	border: 1px solid #4D90FE;
	box-shadow: 0 0 5px #4D90FE;
}
/*applied when input loses real focus but is used for actions*/
.table-condensed>tbody>tr>td.contenteditable .in-focus
{
	outline: none;
	border: 1px solid #8bc34a;
	box-shadow: 0 0 5px #8bc34a;
}


/*tool is full width/height app*/
body#indexer-tool,
body#geo-tool
{
	overflow: hidden;
}
/*panels to split the window into image and input areas*/
body#indexer-tool .page-panel,
body#geo-tool .page-panel
{
	position: absolute;
}
body#indexer-tool .page-panel-image,
body#geo-tool .page-panel-image
{
	top: 32px;
	left: 0;
	right: 0;
	bottom: 30%;
	background-color: #9e9e9e;
}
body#indexer-tool .page-panel-input,
body#geo-tool .page-panel-input
{
	top: 70%;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}
body#indexer-tool .page-panel-input .tab-content,
body#geo-tool .page-panel-input .tab-content
{
	overflow: auto;
	flex-grow: 1;
	padding-right: 15px;
	padding-left: 15px;
}
body#indexer-tool .nav-tabs,
body#geo-tool .nav-tabs
{
	margin-bottom:-1px;
}

/*so can center the toolbar*/
body#indexer-tool .btn-toolbar
{
	display:inline-block;
}

/*reduce spacing on tabs so fit inline with toolbar*/
body#indexer-tool .nav-tabs .nav>li>a
{
	padding-top: 9px;
	padding-bottom: 9px;
}

body#indexer-tool iframe
{
	width:100%;
	height:100%;
	border:none;
}
/*allow click to bubble on disabled input/select elements so can show popover*/
body#indexer-tool .disabled-no-event[disabled]
{
	pointer-events: none;
}

/*set line height for icon so displays correctly*/
body#indexer-tool .table>thead>tr>th>div>span,
body#indexer-tool .table>thead>tr>th>div>i
{
	line-height: 1.42857143;
}
/*remove all padding as use inner div as cell*/
body#indexer-tool .table>thead>tr>th
{
	padding:0 !important;
}
/*used (with js) to replicate position:sticky effect*/
body#indexer-tool .table>thead>tr>th>div
{
	padding: 5px;
	background-color: white;
	z-index: 3;
	position: relative;
	border: 1px solid #ddd;
}
/*styling to make a popover like a typeahead*/
body#indexer-tool .popover-typeahead .qtip-content
{
	padding:0;
}
body#indexer-tool .popover-typeahead .list-group
{
	margin-bottom: 0;
}
body#indexer-tool .popover-typeahead .list-group button
{
	padding:5px;
}

body#geo-tool .draggable
{
	cursor: move;
}
body#geo-tool .geo-code
{
	position: absolute;
	top: .5em;
	left: .5em;
	/* Leave room for map controls without squeezing the search input. */
	width: calc(100% - 4em);
	max-width: 48em;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: .25em;
}
body#geo-tool .geo-code > .input-group
{
	flex: 1 1 20em;
	min-width: 0;
}
body#geo-tool .geo-code .geo-code-layers
{
	display: flex;
	flex-wrap: wrap;
	gap: .25em;
}
body#geo-tool .geo-code > .list-group
{
	flex-basis: 100%;
	min-width: 0;
}
body#geo-tool .ol-zoom
{
	top: initial;
	bottom: .5em;
}
body#geo-tool .gcp-point
{
	border: 3px solid #e91e63;
	width: 16px;
	height: 16px;
	border-radius: 12px;
	box-shadow: 1px 2px 5px 0 black;
	display: inline-block;
}
/*https://sashat.me/2017/01/11/list-of-20-simple-distinct-colors/*/
body#geo-tool .gcp-point-1
{
	border-color: #e6194b;
}
body#geo-tool .gcp-point-2
{
	border-color: #3cb44b;
}
body#geo-tool .gcp-point-3
{
	border-color: #ffe119;
}
body#geo-tool .gcp-point-4
{
	border-color: #0082c8;
}
body#geo-tool .gcp-point-5
{
	border-color: #f58231;
}
body#geo-tool .gcp-point-6
{
	border-color: #911eb4;
}
body#geo-tool .gcp-point-7
{
	border-color: #46f0f0;
}
body#geo-tool .gcp-point-8
{
	border-color: #f032e6;
}
body#geo-tool .gcp-point-9
{
	border-color: #d2f53c;
}
body#geo-tool .gcp-point-10
{
	border-color: #fabebe;
}
body#geo-tool .gcp-point-11
{
	border-color: #008080;
}
body#geo-tool .gcp-point-12
{
	border-color: #e6beff;
}
body#geo-tool .gcp-point-13
{
	border-color: #aa6e28;
}
body#geo-tool .gcp-point-14
{
	border-color: #fffac8;
}
body#geo-tool .gcp-point-15
{
	border-color: #800000;
}
body#geo-tool .gcp-point-16
{
	border-color: #aaffc3;
}
body#geo-tool .gcp-point-17
{
	border-color: #808000;
}
body#geo-tool .gcp-point-18
{
	border-color: #ffd8b1;
}
body#geo-tool .gcp-point-19
{
	border-color: #000080;
}
body#geo-tool .gcp-point-20
{
	border-color: #808080;
}
body#geo-tool .page-panel-image .fill
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
body#geo-tool .page-panel-image .fill-left
{
	right: 50%;
}
body#geo-tool .page-panel-image .fill-right
{
	left: 50%;
}
/*
	expand map to full width of screen when in fullscreen mode
	do not combine into single selector as browser specific prefixes
 */
body#geo-tool .page-panel-image :-moz-full-screen.fill
{
	right: 0;
	left: 0;
}
body#geo-tool .page-panel-image :-webkit-full-screen.fill
{
	right: 0;
	left: 0;
}
body#geo-tool .page-panel-image :-ms-fullscreen.fill
{
	right: 0;
	left: 0;
}
body#geo-tool .page-panel-image :fullscreen.fill
{
	right: 0;
	left: 0;
}

body#geo-tool .page-panel-input .tab-content{
	margin-top: 6px;
}