/* --------------------------------------------------------------------------------------------------------------------- */
/* RESET */
/* --------------------------------------------------------------------------------------------------------------------- */

html, body, div, p, span, ul, ol, li,
img, a, acronym, h1, h2, h3, strong, em,
table, tbody, thead, tfoot, th, tr, td, caption,
form, fieldset, label, input, select, optgroup, option, textarea
{
	font-family: "Geologica", sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	border: 0;
	font-weight: 400;
	list-style: none;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	color: #222;
}

html
{
	background-image: url(../img/background/background.png);
	background-repeat: repeat;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* STRUCTURE */
/* --------------------------------------------------------------------------------------------------------------------- */

.section
{
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: auto;
	background: #ffffff;
	max-width: 65rem;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* HEADER */
/* --------------------------------------------------------------------------------------------------------------------- */

#header
{
	height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../img/header/header.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* MAIN NAVIGATION */
/* --------------------------------------------------------------------------------------------------------------------- */

@font-face
{
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?d8kjfa');
	src: url('fonts/icomoon.eot?d8kjfa#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?d8kjfa') format('truetype'),
		url('fonts/icomoon.woff?d8kjfa') format('woff'),
		url('fonts/icomoon.svg?d8kjfa#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.icon-home:before
{
	content: "\e900";
}

.icon-menu:before
{
	content: "\e9bd";
}

#main_navigation
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	/* height: auto; */
	/* overflow: hidden; */
	background-color: #303030;
}

#main_navigation a
{
	padding: 20px 10px;
	font-weight: 400;
	font-size: 1.2rem;
	/* line-height: 6rem; */
	float: left;
	/* display: block; */
	color: #FFF;
	text-decoration: none;
	align-items: center;
	text-shadow: rgb(1, 7, 15) 1px 1px 5px;
	/* float: none; */
	display: block;
	text-align: left;
	line-height: 2rem;
}

/* #main_navigation.responsive a
{
	float: none;
	display: block;
	text-align: left;
	line-height: 2rem;
} */

a#navhome
{
	background-position: center center;
	margin-left: 20px;
	font-family: 'icomoon';
}

a#navhome:before
{
	font-size: 1.5rem;
	content: "\e900";
}

a#hamburger
{
	display: none;
	margin: 0;
	padding: 0;
	font-family: 'icomoon';
	background-position: center center;
}

a#hamburger:before
{
	font-size: 1.5rem;
	content: none;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* ACH + FCI */
/* --------------------------------------------------------------------------------------------------------------------- */

#achr_link,
#fci_link
{
	position: absolute;
}

#achr_link
{
	top: 10px;
	right: 120px;
}

#fci_link
{
	top: 10px;
	right: 10px;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* LANGUAGE SWITCH */
/* --------------------------------------------------------------------------------------------------------------------- */

#lang
{
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	background: radial-gradient(
		closest-side, 
		rgb(247, 135, 15), 
		rgba(247, 138, 39, 0.98) 9.99%, 
		rgba(248, 147, 71, 0.926) 19.07%, 
		rgba(248, 160, 102, 0.844) 27.44%, 
		rgba(249, 174, 130, 0.74) 35.26%, 
		rgba(250, 189, 157, 0.624) 42.72%, 
		rgba(251, 204, 181, 0.5) 50%, 
		rgba(252, 218, 202, 0.376) 57.28%, 
		rgba(253, 230, 220, 0.26) 64.74%, 
		rgba(254, 240, 234, 0.156) 72.56%, 
		rgba(254, 248, 245, 0.074) 80.93%, 
		rgba(255, 253, 253, 0.02) 90.01%, 
		rgba(255, 255, 255, 0)
	);
}

#lang a,
#lang span
{
	display: block;
	background-position: top center;
	text-decoration: none;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* LOGOTYPE */
/* --------------------------------------------------------------------------------------------------------------------- */

#logotype
{
	margin-top: -100px;
}

#logotype span
{
	font-size: 2.2rem;
	line-height: 3rem;
	text-align: center;
	font-style: italic;
	display: block;
	color: #ffffff;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* CONTENT MAIN + SIDEBAR */
/* --------------------------------------------------------------------------------------------------------------------- */

#content
{
	margin: 1em auto 0;
}

#content.content_grid
{
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"subnav subnav"
		"main sidebar";
}

#main
{
	grid-area: main;
	margin: 10px;
}

#sidebar
{
	grid-area: sidebar;
	margin: 10px 10px 10px 0px;
	justify-self: end;
}

.aside
{
	min-width: 5rem;
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* HOMEPAGE */
/* --------------------------------------------------------------------------------------------------------------------- */

div.titlu h1
{
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	font-style: italic;
	line-height: 6rem;
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* SUBNAVIGATION */
/* --------------------------------------------------------------------------------------------------------------------- */

#subnav
{
	font-style: italic;
	font-size: 1.2rem;
	text-align: center;
	line-height: 4rem;
	background-color: #303030;
	grid-area: subnav;
	color: #FFF;
}

#subnav a,
#subnav span
{
	padding: 5px;
	color: #FFF;
}

#subnav span
{
	font-weight: 900;
	color: #FFF;
}

#steps
{
	margin-top: 10px;
	text-align: center;
	background-color: #ffef9a;
	grid-area: subnav;
	color: #FFF;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	padding: 10px 0;
	gap: 1rem;
}

#steps a.step
{
	display: flex;
	flex-direction: column;
	text-decoration: none;
	align-items: center;
}

#steps a.step div.number
{
	display: block;
	color: #FFF;
	line-height: 60px;
	font-size: 24px;
	border-radius: 10px;
	background: #369;
	width: 60px;
	height: 60px;
	border: 1px solid #58B;
}

#steps a.step span
{
	text-decoration: underline;
}

#steps div.arrow
{
	color: #58B;
	font-weight: 900;
	font-size: 32px;
	line-height: 32px;
	display: flex;
	align-self: start;
	margin-top: 15px;
}

#steps .break 
{
	flex-basis: 100%;
	height: 0;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* FOOTER */
/* --------------------------------------------------------------------------------------------------------------------- */

#footer
{
	background-color: #303030;
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
	margin-bottom: 1rem;
	align-items: center;
	justify-content: center;
	padding: 1em 0 1em 0;
}

#footer #footer_facebook
{
	padding: 5px 0 5px 40px;
	background-image: url(../img/fb.png);
	background-position: left center;
}

#footer p, #footer p a
{
	color: #FFF;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* FORMS */
/* --------------------------------------------------------------------------------------------------------------------- */

span.required
{
	font-weight: 900;
	color: #600;
	font-size: 1.2rem;
	vertical-align: top;
}

fieldset#loginfield
{
	display: grid;
	row-gap: 10px;
	align-items: stretch;
	grid-template-columns: 1fr 4fr;
	grid-template-rows: auto auto minmax(2.5em, 1fr) minmax(2.5em, 1fr) auto;
	width: 60%;
	margin: 0px auto;
}

fieldset#loginfield .button
{
	grid-column-start: 2;
	justify-self: end;
}

fieldset#loginfield h1
{
	grid-column-start: 2;
}

fieldset#loginfield div#messages
{
	grid-row-start: 2;
	grid-column: 1 / span 2;
}

div.grid
{
	display: grid;
	align-items: stretch;
	gap: 8px;
	row-gap: 8px;
	margin-top: 10px;
	grid-template-columns: minmax(180px, auto) 1fr;
	grid-template-rows: minmax(2.5em, 1fr);
	grid-auto-rows: minmax(2.5em, 1fr);
}

div.gallery_grid
{
	display: flex;
	flex-direction: row;
	gap: 10px;
	row-gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

fieldset#entryform div.grid_pedigree
{
	grid-template-columns: minmax(180px, auto) auto minmax(80px, 1fr) auto minmax(80px, 1fr);
}

fieldset#entryform div.grid_sex input#female
{
	margin-left: 30px;
}

fieldset#entryform div.grid_sex
{
	grid-template-columns: minmax(180px, auto) auto auto auto auto 1fr;
}

fieldset#entryform div.grid_birthdate
{
	grid-template-columns: minmax(180px, auto) auto 1fr auto 1fr auto 1fr;
}

fieldset#entryform div.grid_exhibition
{
	grid-template-columns: minmax(250px, auto) auto 1fr;
}

fieldset#entryform div.grid_exhibition p.error,
fieldset#entryform div.grid_exhibition p.info
{
	grid-column: 1 / span 3;
}

fieldset div.grid_search
{
	grid-template-columns: minmax(100px, auto) 1fr minmax(100px, auto);
}

div.entry div.entry_buttons
{
	display: flex;
	flex-direction: column;
	align-items: end;
	gap: 8px;
}

fieldset div.grid_tarif
{
	grid-template-columns: 40px 60px 70px auto;
	margin: 0;
}

fieldset div.grid_platit
{
	grid-template-columns: 40px 138px auto;
	grid-template-rows: 1fr auto;
	margin: 0;
}

fieldset div.grid_platit div
{
	grid-column: 2;
	display: flex;
	flex-direction: row;
}

fieldset div.grid label, fieldset div.grid input, fieldset div.grid select
{
	display: flex;
	align-items: center;
}

fieldset div#upload_container label
{
	float: left;
	width: 200px;
	height: 30px;
	line-height: 30px;
}

fieldset div#upload_container div,
fieldset div#div_agree_use
{
	clear: both;
}

fieldset div#div_agree_use
{
	margin: 50px 0 10px 0;
}

fieldset input
{
	padding: 0 5px;
	border-radius: 3px;
	border: 1px solid;
	border-top-color: #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	background: #efefef;
}

fieldset textarea
{
	padding: 0 5px;
	border-radius: 3px;
	border: 1px solid;
	border-top-color: #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	background: #efefef;
}

fieldset select
{
	padding: 0 5px;
	border: 1px solid;
	border-radius: 3px;
	border-top-color: #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	background: #efefef;
}

fieldset select:disabled
{
	color: #aaa;
}

option
{
	padding: 0 5px;
	line-height: 32px;
	height: 32px;
}

optgroup
{
	padding: 5px;
}

#variants h3
{
	display: none;
}

fieldset select#breed
{
	width: 100%;
	padding: 0;
}

fieldset select#breed optgroup
{
	font-weight: 900;
}

div#group_filters
{
	display: grid;
	grid-template-columns: repeat(10, 1fr) 1.5fr;
}

fieldset div.group_filter
{
	display: flex;
	line-height: 4rem;
	height: 4rem;
	justify-content: stretch;
}

fieldset div.group_filter.c11, fieldset div.group_filter.c11 label
{
	line-height: 1rem;
}

fieldset div.group_filter.c11 label
{
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

fieldset div.group_filter label
{
	text-align: center;
	cursor: pointer;
	line-height: 4rem;
	flex-grow: 1;
}

select option[disabled]
{
	background-color: #888;
}

select optgroup option:checked
{
	background: #0078D7 !important;
	color: #EEEEEE;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS */
/* --------------------------------------------------------------------------------------------------------------------- */

.button
{
	display: block;
	text-decoration: none;
	width: 125px;
	height: 36px;
	line-height: 36px;
	color: #fff !important;
	text-align: center;
	cursor: pointer;
	border: 0;
}

.modify,
.confirm
{
	background-image: url(../img/buttonarrow.jpg);
	clear: right;
}

.print
{
	background-image: url(../img/buttonarrow.jpg);
	clear: right;
}

.printed
{
	float: right;
	width: auto;
	display: block;
	clear: right;
	margin-right: 10px;
}

.printed img
{
	vertical-align: middle;
	padding: 0 10px;
}

.green
{
	background-image: url(../img/buttonarrowgreen.jpg);
}

.disabled
{
	background-image: url(../img/buttonarrow_disabled.jpg);
}

.review
{
	background-image: url(../img/buttonarrowmodify.jpg);
}

.delete
{
	background-image: url(../img/buttonarrowdelete.jpg);
	clear: right;
}

.cancel
{
	background-image: url(../img/buttonarrowcancel.jpg);
}

.large
{
	background-image: url(../img/button_large.jpg);
	width: 270px;
	height: 50px;
	line-height: 50px;
}

.end
{
	float: left;
	clear: none;
	margin: 0 0 0 10px;
	background-image: url(../img/buttonarrow.jpg);
}

.on
{
	background-image: url(../img/buttonrectangleon.jpg);
}

.off
{
	background-image: url(../img/buttonrectangle.jpg);
}

.search
{
	background-image: url(../img/buttonarrow.jpg);
}

.normal
{
	background-image: url(../img/buttonrectangle.jpg);
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* GROUP COLOURS */
/* --------------------------------------------------------------------------------------------------------------------- */

optgroup.c1,
div.group_filter.c1
{
	background-color: #b0c47f;
}

optgroup.c2,
div.group_filter.c2
{
	background-color: #ffdb9a;
}

optgroup.c3,
div.group_filter.c3
{
	background-color: #ffef9a;
}

optgroup.c4,
div.group_filter.c4
{
	background-color: #b4d3e8;
}

optgroup.c5,
div.group_filter.c5
{
	background-color: #eebeee;
}

optgroup.c6,
div.group_filter.c6
{
	background-color: #9999ff;
}

optgroup.c7,
div.group_filter.c7
{
	background-color: #a97acc;
}

optgroup.c8,
div.group_filter.c8
{
	background-color: #ffb499;
}

optgroup.c9,
div.group_filter.c9
{
	background-color: #8eb0ed;
}

optgroup.c10,
div.group_filter.c10
{
	background-color: #e6918a;
}

optgroup.c11,
div.group_filter.c11
{
	background-color: #e6c573;
}

optgroup.c1 option
{
	background-color: #c1d099;
}

optgroup.c2 option
{
	background-color: #ffe4b3;
}

optgroup.c3 option
{
	background-color: #fff3b3;
}

optgroup.c4 option
{
	background-color: #b7dbf3;
}

optgroup.c5 option
{
	background-color: #ffccff;
}

optgroup.c6 option
{
	background-color: #b3b3ff;
}

optgroup.c7 option
{
	background-color: #bf8ae6;
}

optgroup.c8 option
{
	background-color: #ffc7b3;
}

optgroup.c9 option
{
	background-color: #a6bfed;
}

optgroup.c10 option
{
	background-color: #ffa199;
}

optgroup.c11 option
{
	background-color: #ffe299;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* SCHEDULE JUDGES */
/* --------------------------------------------------------------------------------------------------------------------- */

.portrait_container
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
	padding: 1rem;
}

.portrait
{
	width: 11rem;
	text-align: center;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 8px #DDDDDD;
	/* border: #95afe7 solid 1px;
	box-shadow: #95afe7 0px 2px 4px 2px; */
	padding: 1rem;
}

.portrait img
{
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 8px #DDDDDD;
	/* border: #6d92e4 solid 1px;
	box-shadow: #95afe7 0px 0px 1px 2px; */
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* SCHEDULE TARIFFS */
/* --------------------------------------------------------------------------------------------------------------------- */

tbody#firstdog tr.deadline1 td
{
	background-color: #cceeff;
}

tbody#firstdog tr.deadline2 td
{
	background-color: #8ec1ff;
}

tbody#nextdogs tr.deadline1 td
{
	background-color: #a9d0ff;
}

tbody#nextdogs tr.deadline2 td
{
	background-color: #8ec1ff;
}

tbody#classes tr.deadline1 td
{
	background-color: #cceeff;
}

tbody#classes tr.deadline2 td
{
	background-color: #8ec1ff;
}

tbody#classes td
{
	background-color: #cceeff;
}

tbody#breeders td
{
	background-color: #a9d0ff;
}

tbody#junior td
{
	background-color: #cceeff;
}

table.confirmtable
{
	width: auto;
	border: 0;
}

table.confirmtable td
{
	width: auto;
	border: 0;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* --------------------------------------------------------------------------------------------------------------------- */

h1
{
	font-size: 1.5rem;
	line-height: 2.25rem;
}

div.section_title
{
	background-color: #582525;
	padding: 10px 0 10px 0;
	margin-top: 1rem;
}

div.section_title h1
{
	color: #FFF;
	text-align: center;
	font-style: italic;
	font-weight: 900;
}

h2
{
	font-size: 1.4rem;
	line-height: 2.1rem;
}

h3
{
	font-size: 1.2rem;
	line-height: 1.8rem;
}

ol li
{
	list-style: decimal;
	list-style-position: inside;
}

ul.bullets,
ul.bullets li
{
	list-style-type: disc;
	padding: 5px;
	margin-left: 10px;
}

strong
{
	font-weight: 900;
}

.padded
{
	border: 1px solid #ccc;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	border-bottom-color: #888;
}

a:link
{
	color: #000;
}

a:visited
{
	color: #000;
}

a:focus
{
	color: #333;
}

a:hover
{
	color: #333;
}

a:active
{
	color: #444;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* MESSAGES */
/* --------------------------------------------------------------------------------------------------------------------- */

.message,
.error,
.warning,
.info
{
	border: 1px solid;
	font-weight: 900;
	padding: 5px 5px 5px 30px;
	margin-top: 10px;
	border-radius: 3px;
	box-shadow: #000000 0px 1px 2px;
}

.message
{
	border-color: #080;
	background: url(../img/message.gif) no-repeat 5px 9px,
		linear-gradient(70deg,
			rgba(238, 255, 238, 1) 0%,
			rgba(185, 236, 185, 0.7) 50%,
			rgba(121, 212, 121, 0.7) 100%);
}

.error
{
	border-color: #800;
	background: url(../img/error.gif) no-repeat 5px 9px,
		linear-gradient(70deg,
			rgba(255, 238, 238, 1) 0%,
			rgba(250, 180, 180, 0.7) 50%,
			rgba(255, 130, 130, 0.7) 100%);
}

.warning
{
	border-color: #d9d600;
	background: url(../img/warning.gif) no-repeat 5px 9px,
		linear-gradient(70deg,
			rgba(253, 243, 211, 1) 0%,
			rgba(243, 245, 117, 0.7) 50%,
			rgba(247, 238, 84, 0.7) 100%);
}

.info
{
	border-color: #8ad;
	background: url(../img/info.gif) no-repeat 5px 9px,
		linear-gradient(70deg,
			rgba(199, 234, 253, 1) 0%,
			rgba(85, 174, 243, 0.7) 50%,
			rgba(102, 174, 241, 0.7) 100%);
}

div.gdpr_fail
{
	border: 1px solid;
	border-color: #800;
	font-weight: 400;
	padding: 5px 5px 5px 30px;
	border-radius: 3px;
	box-shadow: #000000 0px 1px 2px;
	background: url(../img/error.gif) no-repeat 5px 9px,
		linear-gradient(70deg,
			rgba(255, 238, 238, 1) 0%,
			rgba(250, 180, 180, 0.7) 50%,
			rgba(255, 130, 130, 0.7) 100%);
}

div.gdpr_ok
{
	border: 1px solid;
	font-weight: 400;
	padding: 5px 5px 5px 30px;
	border-radius: 3px;
	box-shadow: #000000 0px 1px 2px;
	border-color: #8ad;
	background: url(../img/info.gif) no-repeat 5px 9px,
		linear-gradient(70deg,
			rgba(199, 234, 253, 1) 0%,
			rgba(85, 174, 243, 0.7) 50%,
			rgba(102, 174, 241, 0.7) 100%);
}

.textless
{
	font-size: 0px;
	line-height: 0px;
}

.important
{
	border: 4px solid;
	font-weight: 900;
	padding: 30px;
	margin: 5px 0;
	background-color: #ffa;
	border-color: #800;
	background-image: url('../img/stripes.png');
	background-repeat: repeat;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* TABLES */
/* --------------------------------------------------------------------------------------------------------------------- */

table
{
	width: 100%;
	border: 2px solid #2980b9;
	border-right-width: 0;
	border-top-width: 0;
}

th,
td
{
	padding: 5px;
	color: #000;
	border-right: 2px solid #2980b9;
}

th
{
	background-color: #2980b9;
	font-weight: 900;
	color: #f7f8c1;
}

th a
{
	font-weight: 900;
	color: #f7f8c1 !important;
}

th strong,
tfoot strong
{
	color: #eaeba7;
}

tfoot tr td
{
	background-color: #2980b9;
}

tr th.set_width
{
	width: 180px;
}

tr td.set_width
{
	width: 180px;
}

tr.alt td
{
	background-color: #cef;
}

tr.alt2 td
{
	background-color: #A9DDD0;
}

tr.altclasses td
{
	background-color: #77c59e;
}

tr.altgroups td
{
	background-color: #ffb;
}

tr.altbis td
{
	background-color: #afa;
}

tr.altsm td
{
	background-color: #fbb;
}

table.results
{
	border-top: 0;
	margin-bottom: 20px;
}

table.results caption
{
	font-size: 1.2rem;
	font-weight: 900;
}

table.results th
{
	border-top: 2px solid #2980b9;
}

table.results td.centered_cell
{
	text-align: center;
}

.set_width_narrow
{
	width: 70px;
}

.statistics_column
{
	float: left;
	width: 300px;
	margin: 0 10px;
}

.statistics_column p.info
{
	float: left;
	margin-top: 20px;
	width: 260px;
}

.statistics_table
{
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

.statistics_tables table.light_background
{
	border: 0;
}

.statistics_tables table.light_background th
{
	background-color: #cfea85;
	color: #000;
	border: 2px solid #558dd2;
}

.left_cell
{
	text-align: left;
}

.center_cell
{
	text-align: center;
}

.switch_container span.statistics_switches
{
	margin: 5px 10px 5px 0;
	padding: 0 15px 0 0;
	background-image: url(../img/button_right.jpg);
	height: 50px;
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
}

.switch_container span.statistics_switches a
{
	padding: 5px 0 5px 15px;
	background-image: url(../img/button_left.jpg);
	height: 40px;
	line-height: 20px;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	background-position: center left;
	text-decoration: none;
}

.switch_container span.statistics_switches.on
{
	background-image: url(../img/button_on_right.jpg);
}

.switch_container span.statistics_switches.on a
{
	background-image: url(../img/button_on_left.jpg);
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* ADMINISTRATION ENTRIES */
/* --------------------------------------------------------------------------------------------------------------------- */

.pagination
{
	clear: left;
	overflow: auto;
}

.pagination strong
{
	text-align: center;
	line-height: 10px;
	float: left;
	display: inline;
	height: 10px;
	padding: 10px;
	margin: 1px;
	border: 1px solid;
	border-top-color: #2492b3;
	border-left-color: #2492b3;
	border-bottom-color: #369;
	border-right-color: #2492b3;
}

.pagination a
{
	margin: 1px;
	text-align: center;
	line-height: 10px;
	float: left;
	display: inline;
	height: 10px;
	padding: 10px;
	border: 1px solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-bottom-color: #999;
	border-right-color: #ccc;
}

div.entry
{
	margin: 10px 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid;
	border-top-width: 20px;
	border-top-color: #2492b3;
	border-left-color: #ccc;
	border-bottom-color: #999;
	border-right-color: #ccc;
	position: relative;
}

div.entry p strong
{
	margin-right: 20px;
}

.entry_side
{
	float: right;
}

.entry_main
{
	float: left;
	width: 600px;
}

span.status_confirmed,
span.status_unconfirmed
{
	padding: 5px;
	width: 130px;
	color: #fff;
	text-align: center;
}

span.status_confirmed
{
	background: #080;
}

span.status_unconfirmed
{
	background: #800;
}

a.icon_only
{
	display: inline;
	height: 22px;
	width: 22px;
	background-position: center center;
	text-decoration: none;
	float: left;
}

a.icon_delete
{
	background-image: url(../img/delete.gif);
}

a.icon_edit
{
	background-image: url(../img/edit.gif);
}

a.icon_approve
{
	background-image: url(../img/approve.gif);
}

a.icon_refuse
{
	background-image: url(../img/refuse.gif);
}

a.icon_view
{
	background-image: url(../img/zoom.gif);
}

a.icon_add
{
	background-image: url(../img/add.gif);
}

a.icon_reset_password
{
	background-image: url(../img/reset_password.gif);
}

a.icon_with_text
{
	padding-left: 20px;
	background-position: left center;
	margin-right: 10px;
	cursor: pointer;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* FLAGS */
/* --------------------------------------------------------------------------------------------------------------------- */

.flag
{
	padding: 2px 2px 2px 20px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

option.flag
{
	background-position: 2px 6px;
}

.alb
{
	background-image: url(../img/flags/alb.png);
}

.and
{
	background-image: url(../img/flags/and.png);
}

.aut
{
	background-image: url(../img/flags/aut.png);
}

.bel
{
	background-image: url(../img/flags/bel.png);
}

.bgr
{
	background-image: url(../img/flags/bgr.png);
}

.bih
{
	background-image: url(../img/flags/bih.png);
}

.blr
{
	background-image: url(../img/flags/blr.png);
}

.bra
{
	background-image: url(../img/flags/bra.png);
}

.che
{
	background-image: url(../img/flags/che.png);
}

.cyp
{
	background-image: url(../img/flags/cyp.png);
}

.cze
{
	background-image: url(../img/flags/cze.png);
}

.deu
{
	background-image: url(../img/flags/deu.png);
}

.dnk
{
	background-image: url(../img/flags/dnk.png);
}

.esp
{
	background-image: url(../img/flags/esp.png);
}

.est
{
	background-image: url(../img/flags/est.png);
}

.fin
{
	background-image: url(../img/flags/fin.png);
}

.fra
{
	background-image: url(../img/flags/fra.png);
}

.gbr
{
	background-image: url(../img/flags/gbr.png);
}

.grc
{
	background-image: url(../img/flags/grc.png);
}

.hrv
{
	background-image: url(../img/flags/hrv.png);
}

.hun
{
	background-image: url(../img/flags/hun.png);
}

.irl
{
	background-image: url(../img/flags/irl.png);
}

.isl
{
	background-image: url(../img/flags/isl.png);
}

.ita
{
	background-image: url(../img/flags/ita.png);
}

.kor
{
	background-image: url(../img/flags/kor.png);
}

.lie
{
	background-image: url(../img/flags/lie.png);
}

.ltu
{
	background-image: url(../img/flags/ltu.png);
}

.lux
{
	background-image: url(../img/flags/lux.png);
}

.lva
{
	background-image: url(../img/flags/lva.png);
}

.mco
{
	background-image: url(../img/flags/mco.png);
}

.mda
{
	background-image: url(../img/flags/mda.png);
}

.mkd
{
	background-image: url(../img/flags/mkd.png);
}

.mlt
{
	background-image: url(../img/flags/mlt.png);
}

.mne
{
	background-image: url(../img/flags/mne.png);
}

.nld
{
	background-image: url(../img/flags/nld.png);
}

.nor
{
	background-image: url(../img/flags/nor.png);
}

.pol
{
	background-image: url(../img/flags/pol.png);
}

.prt
{
	background-image: url(../img/flags/prt.png);
}

.rou
{
	background-image: url(../img/flags/rou.png);
}

.rus
{
	background-image: url(../img/flags/rus.png);
}

.sco
{
	background-image: url(../img/flags/sco.png);
}

.smr
{
	background-image: url(../img/flags/smr.png);
}

.srb
{
	background-image: url(../img/flags/srb.png);
}

.svk
{
	background-image: url(../img/flags/svk.png);
}

.svn
{
	background-image: url(../img/flags/svn.png);
}

.swe
{
	background-image: url(../img/flags/swe.png);
}

.tur
{
	background-image: url(../img/flags/tur.png);
}

.ukr
{
	background-image: url(../img/flags/ukr.png);
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* UTILITY */
/* --------------------------------------------------------------------------------------------------------------------- */

.cancelUpload
{
	width: auto;
}

.no_float
{
	float: none;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

.float_none
{
	float: none;
}

.hidden
{
	display: none;
}

/* The Bulldog of the Year upload sits on the entry page rather than inside the
   #upload_container wrapper the dog forms use, so the rule that hides the raw
   file input behind the select button does not reach it. */
.boy_upload_row input[type="file"]
{
	display: none;
}

/* uploaded document rows on the administration dog pages */
p.file_row
{
	margin: 0 0 4px 0;
}

a.delete_file
{
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	background-image: url(../img/delete.gif);
	background-position: center center;
	text-decoration: none;
	cursor: pointer;
}

.borderless
{
	border: 0;
}

.borderless th,
.borderless td
{
	border: 0;
	background: none;
}

.clear_both
{
	clear: both;
}

.clear_left
{
	clear: left;
}

.clear_right
{
	clear: right;
}

.bigger
{
	font-size: 20px;
}

.align_left
{
	text-align: left;
}

.align_right
{
	text-align: right;
}

.align_center
{
	text-align: center;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* GDPR */
/* --------------------------------------------------------------------------------------------------------------------- */

#policy_background
{
	background: #222;
	opacity: 0.8;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	display: none;
	z-index: 1000;
}

#policy_consent
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -200px;
	width: 400px;
	height: 200px;
	text-align: center;
	padding: 10px;
	border-radius: 3px;
	display: none;
	background: #eee;
	z-index: 1001;
}

#policy_text
{
	color: #222;
}

#policy_text a
{
	color: #222;
	text-decoration: underline;
}

#policy_accept
{
	display: inline-block;
	margin: 0;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* MEDIA QUERIES */
/* --------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1300px)
{
	.section
	{
		width: 60%;
	}
}

@media screen and (max-width: 1300px)
{
	#achr_link img, #fci_link img
	{
		width: 60px;
	}

	#achr_link
	{
		right: 70px;
	}

	.section
	{
		width: 70%;
	}

	#content.content_grid
	{
		grid-template-areas:
			"subnav"
			"sidebar"
			"main";
	}

	#sidebar
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-self: auto;
		justify-content: center;
		gap: 10px;
	}

	#sidebar_statistics
	{
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto auto auto;
		justify-items: center;
	}

	#sidebar_statistics div
	{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
}

@media screen and (max-width: 900px)
{
	.section
	{
		width: 100%;
	}

	/* #main_navigation a:not(:first-child)
	{
		display: none;
	}

	#main_navigation a#hamburger
	{
		display: block;
		float: right;
	}

	#main_navigation a#hamburger:before
	{
		content: "\e9bd";
	} */

	/* #main_navigation.responsive a
	{
		float: none;
		display: block;
		text-align: left;
		line-height: 2rem;
	} */

	/* #main_navigation.responsive a#hamburger
	{
		position: absolute;
		right: 0;
		top: 0;
	}

	#main_navigation.responsive a#navhome
	{
		margin-left: 0;
		margin-top: 10px;
	} */

	div.grid
	{
		grid-template-columns: 1fr;
		grid-template-rows: minmax(2em, auto) minmax(2.5em, 1fr);
		row-gap: 0;
	}

	fieldset#entryform div.grid_pedigree
	{
		grid-template-columns: auto minmax(80px, 1fr) auto minmax(80px, 1fr);
	}

	fieldset#entryform div.grid_pedigree label:first-of-type
	{
		grid-column: 1 / span 4;
	}

	fieldset#entryform div.grid_sex
	{
		grid-template-columns: auto auto auto auto 1fr;
	}

	fieldset#entryform div.grid_sex label:first-of-type
	{
		grid-column: 1 / span 5;
	}

	fieldset#entryform div.grid_birthdate
	{
		grid-template-columns: auto 1fr auto 1fr auto 1fr;
	}

	fieldset#entryform div.grid_birthdate label:first-of-type
	{
		grid-column: 1 / span 6;
	}

	fieldset#entryform div.grid_exhibition
	{
		grid-template-columns: auto 1fr;
	}

	fieldset#entryform div.grid_exhibition label:first-of-type
	{
		grid-column: 1 / span 2;
	}

	fieldset#entryform div.grid_exhibition p.error,
	fieldset#entryform div.grid_exhibition p.info
	{
		grid-column: 1 / span 2;
	}
}