[type=checkbox]:not(:disabled), [type=radio]:not(:disabled) {cursor: pointer;}
a {text-decoration-thickness: 1px!important;}
a:hover {text-decoration: none;}
:focus-visible {
	outline: 3px solid #ffcc00;
	border-radius: 4px;
}
@media screen and (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}

:root {
	--bs-body-font-size: 0.9375rem;
	--bs-body-color: #161718;
	--bs-link-color-rgb: 0,98,171;
	--bs-link-hover-color-rgb: 15,124,206;
	--bs-border-color: #999;
	--bs-light-rgb: 248, 249, 250;

	--primary: #0363ab;
	--primaryHover: #0f7cce;
	--secondary: #00953e;
	--secondaryHover: #12b154;
	--dark: var(--bs-body-color);
	--darkHover: #3b3c3f;
	--grey: #f3f4f5;
	
	--family1: 'Open sans', sans-serif;
	--family2: serif;
	
	--topRbnH: 3.75rem;
	--sideLogoH: 6.541875rem;
	--menuPanelW: 20rem;
}

body {font-family: var(--family1); font-weight: 400; background-color: #ccc; text-underline-offset: 4px;}


.bg-grey {background-color: var(--grey)!important;}
.bg-danger-light {background-color: #f3ebec!important;}
.bg-misc1 {background-color: rgb(254,255,28, 0.18)!important;}

.fs-5_5  {font-size: 1.125rem!important;}

@media (min-width: 768px) {.fs-md-5 {font-size: 1.25rem !important;}}

.family1 {font-family: var(--family1);}
.family2 {font-family: var(--family2);}

.text-primary {color: var(--primary)!important;}
.text-secondary {color: var(--secondary)!important;}

.btn, .form-control, .form-select, .input-group-text {border-radius: 0;}
.btn-primary {--bs-btn-color: #fff; --bs-btn-bg: var(--primary); --bs-btn-border-color: var(--primary); --bs-btn-active-bg: var(--primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--primaryHover); --bs-btn-hover-border-color: var(--primaryHover); --bs-btn-active-border-color: var(--primaryHover);}
.btn-outline-primary {--bs-btn-color: #000; --bs-btn-bg: transparent; --bs-btn-border-color: var(--primary); --bs-btn-active-bg: var(--primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--primaryHover); --bs-btn-hover-border-color: var(--primaryHover); --bs-btn-active-border-color: var(--primaryHover);}
.btn-secondary {--bs-btn-color: #fff; --bs-btn-bg: var(--secondary); --bs-btn-border-color: var(--secondary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--secondaryHover); --bs-btn-hover-border-color: var(--secondaryHover); --bs-btn-active-border-color: var(--secondaryHover);}
.btn-outline-secondary {--bs-btn-color: #000; --bs-btn-bg: transparent; --bs-btn-border-color: var(--secondary); --bs-btn-active-bg: var(--secondary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--secondaryHover); --bs-btn-hover-border-color: var(--secondaryHover); --bs-btn-active-border-color: var(--secondaryHover);}
.btn-light2 {--bs-btn-color: #000; --bs-btn-bg: #f2f3ee; --bs-btn-border-color: #f2f3ee; --bs-btn-active-bg: #f2f3ee; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #e9ebdf; --bs-btn-hover-border-color: #e9ebdf; --bs-btn-active-border-color: #e9ebdf;}
.btn-dark {--bs-btn-color: #fff; --bs-btn-bg: var(--dark); --bs-btn-border-color: var(--dark); --bs-btn-active-bg: var(--primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--darkHover); --bs-btn-hover-border-color: var(--darkHover); --bs-btn-active-border-color: var(--darkHover);}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {opacity: 0.4;}

/*.form-control:focus, .form-select:focus, .form-check-input:focus {border-color: #636363; box-shadow: 0 0 0 .25rem rgba(0,0,0, .04);}*/
.form-control::placeholder {color: inherit; opacity: 0.4;}

.form-control-md {min-height: calc(1.5em + 0.8rem + calc(var(--bs-border-width) * 2)); padding: 0.4rem 0.85rem; font-size: 1.125rem;}
.btn-group-md>.btn, .btn-md {--bs-btn-padding-y: 0.4rem; --bs-btn-padding-x: 0.85rem; --bs-btn-font-size: 1.125rem;}

.daterangepicker {box-shadow: 0 0 2rem 0 rgba(0,0,0, 0.25);}

.dropdown-menu {border-color: #8d8d8d;}
.dropdown-item {white-space: normal;}

.select2-container .form-select {height: auto;}
.select2-container .form-select .select2-selection__rendered {padding-left: 0; padding-right: 0;}

.form-check-label {cursor: pointer;}
.form-check-md {padding-left: 2em;}
.form-check-md .form-check-input {margin-left: -2em;}
.form-check-md .form-check-label {padding-top: 0.15em;}
.form-check-md .form-check-input {width: 1.33em; height: 1.33em;}
/*.form-check-input:checked {background-color: var(--secondary); border-color: var(--secondary);}*/
.form-check-input.check-black:checked[type=checkbox] {--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");}

.alert-warning2 {--bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: #ffde77; --bs-alert-border-color: #e3c670; --bs-alert-link-color: var(--bs-warning-text-emphasis);}
.alert-danger2 {--bs-alert-color: #ffffff; --bs-alert-bg: #ff394b; --bs-alert-border-color: #a31523; --bs-alert-link-color: #f7eced;}

.modal-header {--bs-modal-header-border-color: rgba(0,0,0, 0.07);}
.modal-footer {--bs-modal-footer-border-color: rgba(0,0,0, 0.07);}

.card {--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.1);}

.table.bg-transparent>:not(caption)>*>* {background-color: transparent;}

#modalMap, .inads-map {height: auto!important;}
.inads-map:before {padding-bottom: 60%; content: ''; display: block;}
.inads-map .ol-viewport {position: absolute!important; top: 0; left: 0;}
.inads-logo {margin-bottom: 0.5rem;}
@media screen and (max-width: 465px){.inads-logo {background-size: 70% auto!important; background-position: center!important;}}
.inads-input-div {margin-top: 1rem!important;}

/* layout */
.main-wrap {overflow: hidden;}

.skipTL {position: absolute; top: 1px; left: 1px;}
.skipTL:focus {top: 1rem; left: 1rem; z-index: 805;}

.topRbn-holder {min-height: var(--topRbnH);}
.topRbn {display: flex; align-items: center; background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: var(--topRbnH); z-index: 101; box-shadow: 0 0 11px 4px rgba(0,0,0,0.12);}

.topLogo {margin-right: 3%;}
.topLogo + * {margin-left: auto;}

.menuBtn {background: var(--primary); border: none; position: relative; cursor: pointer; width: 3.5625em; height: 3.5625em; overflow: hidden;}
@media (hover: hover) {.menuBtn:hover {background: var(--primaryHover);}}
.menuBtn__i {display: block; position: absolute; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; height: 2px; max-width: 1.3125em; width: 100%; background-color: #fff; transform-origin: top;}
.menuBtn__i1 {top: calc(50% - 0.375em); transition: opacity .25s ease-in-out 0.09s;}
.menuBtn__i2, .menuBtn__i3 {top: 50%; transition: transform .25s ease-in-out;}
.menuBtn__i4 {top: calc(50% + 0.375em); transition: opacity .25s ease-in-out 0.09s;}
.menuBtn.active .menuBtn__i1, .menuBtn.active .menuBtn__i4 {opacity: 0; transition: none;}
.menuBtn.active .menuBtn__i2 {transform: rotate(45deg) translateY(-50%);}
.menuBtn.active .menuBtn__i3 {transform: rotate(-45deg) translateY(-50%);}
.topRbn .menuBtn {flex: 0 0 auto; width: var(--topRbnH); height: var(--topRbnH);}

.sidePanel-bd {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0, 0.3); pointer-events: none;}
.sidePanel {position: fixed; top: var(--topRbnH); bottom: 0; width: 100%; max-width: var(--menuPanelW); overflow-y: auto; background-color: var(--primary); z-index: 10; transition: transform 0s cubic-bezier(.165,.84,.44,1) 0s, visibility 0s cubic-bezier(.165,.84,.44,1) 0s;}
.sideLogo {padding: 0 1.5em 1rem 0; background-color: #fff; min-height: var(--sideLogoH); display: none;}
.sideLogo:focus, .menuBtn:focus {outline-offset: -4px;}

.sidePanelCntn {padding: 2em 1.5em; color: #fff;}
.sidePanelCntn a {color: inherit;}

.sideMenu {font-weight: 400; font-size: 1rem; line-height: 1.2; margin-bottom: 1.25em; padding-top: 1em;}
.sideMenu__title {font-weight: 700; font-size: 1.25em; line-height: inherit;}
.sideMenu ul {list-style-type: none; margin: 0; padding: 0 0 0 1.2em;}
.sideMenu > ul {padding: 0;}
.sideMenu > ul > li > a {font-size: 1em; position: relative;}
.sideMenu a {display: block; color: inherit; padding: 0.5em 0 0.5em 1.2em; background: url("data:image/svg+xml,%3Csvg width='13.110165' height='18.47521' viewBox='0 0 3.4687309 4.8882328' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2354c784' d='M 3.468731,2.4441162 0,4.8882324 V 0 Z' /%3E%3C/svg%3E%0A") no-repeat left 0.15em top 0.8em/ 0.4em auto;}
.sideMenu .link-active, .sideMenu a:hover {color: #87f1b4;}

@media (min-width: 1300px) {
	.topRbn-holder {display: none;}
	.sideLogo {display: block;}
	
	.sidePanel {top: 0; left: 0; box-shadow: -2px 0 14px 4px rgba(0,0,0, 0.12);}
}
@media (max-width: 1299px) {
	.sidePanel {right: 0; transform: translateX(100%); visibility: hidden;}
	.sidePanel.shown {visibility: visible; transform: translateX(0); transition-duration: 0.6s;}
}

.mainContent {min-height: 100vh; background: #fff; box-shadow: 4px 0 9px 7px rgba(0, 0, 0, 0.06);}
@media (min-width: 1300px) {
	.mainHeader + .mainContent {padding-left: var(--menuPanelW); max-width: 1920px;}
}
.content {--topPd: 2.37rem; padding: var(--topPd) 3.5rem 3.4375rem 3.5rem;}
.titleRbn, .box-header {padding-bottom: 1rem;}

@media screen and (min-width: 1701px){
	.mainHeader + .mainContent .content {padding-right: 12%;}
}
@media screen and (min-width: 1300px) {
	.titleRbn, .box-header {min-height: calc(var(--sideLogoH) - var(--topPd)); padding-bottom: 0;}
}
@media screen and (min-width: 1300px) and (max-width: 1400px){
	.content {padding-left: 2rem; padding-right: 2rem;}
}
@media screen and (max-width: 1299px){
	.content {padding-left: 5%; padding-right: 5%;}
}

/* admin vaated on yhesugused ja imporditud, seega pyyan cssi kaudu v6imalikult palju 2ra teha ilma htmli muutmata */
.box-header {display: flex; align-items: flex-start; gap: 0.2rem 0.75rem;}
.box-title {margin-bottom: 0.5rem; font-size: calc(1.325rem + .9vw);}
.box-header .btn {margin-top: calc(-0.35rem + .9vw); margin-bottom: 0.2rem;}
@media (min-width: 768px) {
	.box-title + .btn {margin-left: auto;}	
}
@media (max-width: 767px) {
	.box-header {flex-wrap: wrap;}
	.box-title {width: 100%;}
}
@media (min-width: 1200px) {
	.box-title {font-size: 2rem;}
	.box-header .btn {margin-top: 0.2rem;}

}
.box + .box {margin-top: 2rem;}


.upldBox {overflow: hidden; position: relative; /*display: flex; justify-content: center; width: 100%; blows image upload out of the container*/ padding: 2.75rem 1.25rem 1rem; border: 1px solid #ccc; background-color: #fff; min-height: 15rem;}
.upldBox__btn {margin: 0 auto 1.5rem; display: block; min-width: 10rem; max-width: max-content;}
.upldBox__del {position: absolute; top: 0; right: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; padding: 0;}
.upldBox ul {font-size: 0.85rem;}
.nr-cell {width: 1rem;}

.applyItem {grid-template-columns: 7rem 2fr 1fr 12rem 1.75em; gap: 0.5rem 2%;}
.applyItem__c4 {text-align: center;}
.applyItem__date {white-space: nowrap;}
@media screen and (min-width: 768px){.applyItem {align-items: center;}}
@media screen and (max-width: 767px){
	.applyItem {grid-template-columns: repeat(6, 1fr);}
	.applyItem__c {grid-column-end: span 3;}
	.applyItem__c1 {grid-column-end: span 2; padding-top: 0.25em;}
	.applyItem__c2 {grid-column-end: span 4; text-align: right;}
	.applyItem__c4 {text-align: right;}
	.applyItem__inf {position: absolute; top: 0; right: 0; z-index: 1; transform: translate(50%, -44%);}
}

.athleteData {max-width: 30rem;}
.athleteData dl {font-size: 1.125rem;}
.athleteData dt {border-top: 1px solid rgba(0,0,0, 0.25); color: rgba(0,0,0, 0.75); padding-top: 0.5em; margin-bottom: 0.25em; font-size: 0.75em;}
.athleteData dt:first-child {border-top: none; padding-top: 0;}
.athleteData dd {margin-bottom: 0.25em;}

.card[class*="bg"] .badge {--bs-bg-opacity: 1;}
.card.bg-primary, .card.bg-success, .card.bg-danger, .card.bg-warning, .form-check-input[class*="bg"] {--bs-bg-opacity: 0.2;}
.form-check-input[class*="bg"] {border-color: rgba(0,0,0, 0.25);}
.form-check-input[class*="bg"]:focus {box-shadow: 0 0 0 .25rem rgba(0,0,0,.25);}

.doc-ready-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(212,217,109, 0.24); z-index: 1;}

.login-box-wrap {width: 100%; max-width: 34rem; margin: auto; padding: 1rem;}
.login-box {width: 100%; max-width: 32rem; margin: 0 auto;}
.login-box > .card-body {padding: 2rem;}

@media print {
	
	@page {margin: 5mm;}
	.print-page {font-size: 14px;}
	.print-page .content {padding: 0;}

	.print-page .row {display: block; margin: 0 -10px;}
	.print-page .row:after {clear: both; display: table; content: '';}
	.print-page .row > * {float: left; padding: 0 10px;}
	
	.athlDta-box {padding: 0!important; background: none!important;}
	.athlDta__c1 {width: 30%;}
	.athlDta__c2 {width: 70%;}
}