/* VALUES */
/* COLORS */
html, body { font-family: "Droid Sans", Arial, Helvetica, sans-serif; font-size: 12pt; color: #222222; }

/* BASIC RULES */
h1 { font-size: 20pt; }

h2 { font-size: 16pt; margin-bottom: 1rem; }

h3 { font-size: 15pt; margin-bottom: 1rem; }

h4 { font-size: 14pt; margin-bottom: 1rem; }

h5 { font-size: 13pt; }

h6 { font-size: 12pt; }

button:disabled { cursor: not-allowed !important; }

dt { font-weight: 500; font-size: 14pt; margin-bottom: 0.5rem; }

dd { margin-bottom: 1rem; }

/* h1, h2, h3, h4, h5, h6 { border-bottom: 1px solid #ddd; padding-bottom: 6px; } */
/* Layout */
form:not(.no-grid), .form:not(.no-grid) { display: grid; margin-top: 1rem; row-gap: 0.5rem; column-gap: 1rem; }

form:not(.no-grid) > *, .form:not(.no-grid) > * { grid-column: 1 / span 4; }

form:not(.no-grid) label, .form:not(.no-grid) label { grid-column: 1; margin-top: 0.375rem; }

form:not(.no-grid) div:not(.no-col), .form:not(.no-grid) div:not(.no-col) { grid-column: 2 / span 3; }

form:not(.no-grid) div:not(.no-col) input[type="checkbox"], .form:not(.no-grid) div:not(.no-col) input[type="checkbox"] { margin-top: 0.675rem; }

form:not(.no-grid) ul, .form:not(.no-grid) ul { margin-top: 0.375rem; padding-left: 0; list-style-type: none; }

.grid-2:not(.no-grid) > :nth-child(2n + 1) { grid-column: 1; }

.grid-2:not(.no-grid) > :nth-child(2n) { grid-column: 2; }

.grid-2:not(.no-grid) > button { grid-column: 1 / span 2 !important; }

.grid-2:not(.no-grid) > .one-col { grid-column: 1 / span 2 !important; }

/* Navbar */
a.navbar-brand { position: relative; }

.brand-style-1 { position: absolute; top: 1px; left: 37px; font-size: 0.55rem; }

.brand-style-2 { position: absolute; top: 26px; right: 0; font-size: 0.75rem; color: #ffd42aff; }

/* Breadcrumb */
.breadcrumb { font-size: 0.75rem; padding: 0.2rem; background: none; }

.breadcrumb li.active:last-child a { color: #6c757d !important; }

/* TABLES */
.table th, .table td { padding: 0.5rem 0.125rem; }

.table th { vertical-align: bottom; }

.table td { vertical-align: middle; }

.table-center th, .table-center td { text-align: center; }

.table-center th:first-child, .table-center td:first-child { text-align: left; }

.table .cell-left { text-align: left; }

.table .cell-right { text-align: right; }

.table-striped-alt > tbody > tr:nth-of-type(2n) > * { background-color: rgba(0, 0, 0, 0.05); }

.table-striped-alt > tbody > tr:nth-of-type(2n).favorite > * { background-color: #ffedd8; }

.table-striped-alt > tbody > tr:nth-of-type(2n + 1) > * { background-color: rgba(0, 0, 0, 0); }

.table-striped-alt > tbody > tr:nth-of-type(2n + 1).favorite > * { background-color: #fff8f2; }

.table-striped-2 > tbody > tr:nth-child(4n + 1) > * { background-color: rgba(0, 0, 0, 0.05); }

.table-striped-2 > tbody > tr:nth-child(4n + 1).favorite > * { background-color: #ffedd8; }

.table-striped-2 > tbody > tr.odd > * { background-color: rgba(0, 0, 0, 0.05); }

.table-striped-2 > tbody > tr.odd.favorite > * { background-color: #ffedd8; }

.table-striped-2 > tbody > tr:nth-child(4n + 3) > * { background-color: rgba(0, 0, 0, 0); }

.table-striped-2 > tbody > tr:nth-child(4n + 3).favorite > * { background-color: #fff8f2; }

.table-striped-2 > tbody > tr.even > * { background-color: rgba(0, 0, 0, 0); }

.table-striped-2 > tbody > tr.even.favorite > * { background-color: #fff8f2; }

.table-striped-2b > tbody > tr:nth-child(4n + 1) > * { background-color: rgba(0, 0, 0, 0.05); }

.table-striped-2b > tbody > tr:nth-child(4n + 2) > * { border-top: 0; background-color: rgba(0, 0, 0, 0.05); }

.table-striped-2b > tbody > tr:nth-child(4n) > * { border-top: 0; }

.table-striped-3 > tbody > tr:nth-child(6n + 1) > * { background-color: rgba(0, 0, 0, 0.05); }

.table-striped-3 > tbody > tr:nth-child(6n + 1).favorite > * { background-color: #ffedd8; }

.table-striped-3 > tbody > tr.odd > * { background-color: rgba(0, 0, 0, 0.05) !important; }

.table-striped-3 > tbody > tr.odd.favorite > * { background-color: #ffedd8 !important; }

.table-striped-3 > tbody > tr:nth-child(6n + 4) > * { background-color: rgba(0, 0, 0, 0); }

.table-striped-3 > tbody > tr:nth-child(6n + 4).favorite > * { background-color: #fff8f2; }

.table-striped-3 > tbody > tr.even > * { background-color: rgba(0, 0, 0, 0) !important; }

.table-striped-3 > tbody > tr.even.favorite > * { background-color: #fff8f2 !important; }

/* CONTENT */
div.content { position: relative; }

div.toolbar { position: absolute; top: 0; right: 0; }

@media only screen and (max-width: 768px) { div.toolbar { position: relative; } }

.page-title { margin-bottom: 1rem; }

.page-title > small { margin-left: 1rem; color: #9c9c9c; }

.tournament-subtitle { margin-top: -0.25rem; }

/* BUTTON */
.btn.add { border-radius: 50%; }

/* MISC */
.btn-group:not(:first-child) { margin-left: 0.5rem; }

hr.small { margin-top: 0.5rem; margin-bottom: 0.5rem; }

small { color: #9c9c9c; }

.small { font-size: 0.875em; }

.sidenote > a { text-decoration: none; color: #222222 !important; }

.sidenote > a:hover { text-decoration: underline; }

.info-box { margin-bottom: 1rem; }

.fade-color, .muted { color: #9c9c9c; }

.service-provider-transaction-id { font-size: 0.75em; color: #9c9c9c; }

small.box { border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; padding: 0.125rem 0.375rem; }

.pull-right { float: right; }

/* HELPERS */
.not-selected { color: grey; }

.monospace { font-family: monospace !important; }

.code_characters { font-family: monospace !important; letter-spacing: 3px; word-wrap: break-word; word-break: break-all; }

.fa-input-h38 { height: 38px; }

.ta-left { text-align: left !important; }

.ta-right { text-align: right !important; }

/* Form changes */
.invalid-feedback { font-weight: bold; }

.input-group-append :last-child { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.form-value { margin-top: 0.375rem; margin-bottom: 0; }

.invalid-column { padding-top: 0 !important; border-top: none !important; }

/* Icon button */
input.search { width: 160px !important; }

/* Various */
@media (max-width: 768px) { footer .copyright { display: block; }
  footer .firstmiddot { display: none; } }

.sticky { position: sticky; top: 0; }

.hide, .hide2 { display: none !important; }

.form-padding { padding: 0.375rem 0.75rem; }

.form-control.color { height: 38px; }

.language-nav .fi { border-radius: 50%; }

.source, .impressum-source { font-size: 0.8rem; }

.legend { text-align: right; list-style: none; padding: 0; line-height: 1; margin-top: .5rem; margin-bottom: 0; }

.legend > li { display: inline; font-size: 0.70rem; white-space: nowrap; }

.legend > li > span { display: inline-block; width: 10px; height: 10px; }

@media (max-width: 768px) { .legend { width: 200px; margin-top: .125rem; } }

/* Score colors */
.triple-eagle, .condor { background-color: #3174af !important; }

.double-eagle, .albatros { background-color: #6f97ba !important; }

.eagle { background-color: #34b2e4 !important; }

.birdie { background-color: #a5cff5 !important; }

.par { background-color: #a2a7ab !important; }

.bogey { background-color: #f7b942 !important; }

.double-bogey { background-color: #ef5d04 !important; }

.others { background-color: #9f5924 !important; }

.triple-eagle-color, .condor-color { color: #3174af !important; }

.double-eagle-color, .albatros-color { color: #6f97ba !important; }

.eagle-color { color: #34b2e4 !important; }

.birdie-color { color: #a5cff5 !important; }

.par-color { color: #a2a7ab !important; }

.bogey-color { color: #f7b942 !important; }

.double-bogey-color { color: #ef5d04 !important; }

.others-color { color: #9f5924 !important; }

/* Non-standard */
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ }