@font-face {
	src: ('/web/fonts/Roboto-Regular.ttf');
	font-family: Roboto;
}

@font-face {
	src: ('/web/fonts/Merriweather-Regular.ttf');
	font-family: Merriweather;
}

/* p, a {
	font-family: Roboto !important;
}

h1, h2, h3, h4 {
	font-family: Merriweather !important;
} */

p {
	margin: 0;
}

a:hover {
	text-decoration: none;
}

a {
	color: #000;
}

body {
	background-color: #ECEBE8 !important;
}

.english_heading {
	font-size: .8em;
	color: grey;
}

.serbian_paragraf {
	font-size: 1.1em;
}

.english_paragraf {
	font-size: .8em;
	color: grey;
}

/* Override flags plugin */

.iti__flag {
	background-image: url("/images/flags.png") !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
  	background-image: url("/images/flags@2x.png") !important;
  }
}

/* Header */

.top-header {
	background:rgb(30,144,255);
	background: linear-gradient(90deg, rgba(30,144,255,1) 25%, rgba(227,227,227,1) 100%);
	padding: 10px 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 1.3em;
}

.bottom-header {
	box-shadow: 5px 5px 5px #999;
}

.logo-header {
	width: 150px;
	margin-right: 20px;
}

.logo {
	width: 100px;
	margin-right: 20px;
}

/* Home */

.events_style {
	margin-top: 2%;
	margin-bottom: 5%;
}

.events_style p {
	font-size: 1.5em;
	text-align: center;
}

.future_events {
	margin-top: 6%;
	margin-bottom: 3%;
	border-bottom: 3px solid  rgb(30,144,255);
}

.single_event_style span {
	display: block;
	color: #fff;
	text-align: center;
	border: 1px solid rgb(30,144,255);
	background-color: rgb(30,144,255);
	border-radius: 30px;
	padding: .1rem .6rem;
	width: 130px;
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
}

.single_event_style a:hover img {
	opacity: 0.7;
}

.events_style img {
	height: 160px;
}

.progress-div {
	opacity: 0.5;
}

/* Event */

.heading_event {
	margin-top: 3%;
}

.background_event h1 {
	color: #fff;
	margin-top: 20%;
	margin-bottom: 20%;
	padding-top: 10%;
}

.details_border {
	border-bottom: 3px solid rgb(30,144,255);
	margin-bottom: 3%;
}

.details_divider {
	margin-top: 5%;
}

.details_divider .row {
	margin-bottom: 30px;
}

.wrapper_content {
	background-color: #fff;
	border: 2px solid #e3e3e3;
	padding: 12px;
}

.race_type {
	border-radius: 10px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 2px solid #e3e3e3;
    padding: 12px;
}

.buttons_login {
	margin-top: 20%;
}

.buttons_login a {
	background-color: rgb(30,144,255);
    color: #fff;
    padding: .4rem .8rem;
    font-size: 1.2em;
    width: 290px;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
    border-radius: 25px;
}

.add-edit-price a, .delete-price-event a {
	background-color: rgb(30,144,255);
    color: #fff;
    padding: .4rem .8rem;
    font-size: 1.2em;
    width: 235px;
    display: block;
    text-align: center;
	margin-bottom: 1rem;
	margin-right: 1rem;
    border-radius: 25px;
}

.buttons_login p {
	border: 1px solid;
    background-color: #fff;
    width: 290px;
    padding: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    cursor: pointer;
}

.buttons_login p:hover {
	background-color: #5C61C9;
	color: #fff;
}

.buttons_login a:hover {
	background-color: #5C61C9;
}

.edit_event_style input, .edit_event_style textarea {
	margin-bottom: 10px;
}

.add-edit-price {
	display: flex;
}

#addPrice input, #editPrice input {
	margin-bottom: 10px;
}

/* Runners */

.container_separation {
	margin-top: 5%;
	margin-bottom: 5%;
}

.table_separation {
	margin-bottom: 3%;
}

.payed_success {
	background-color: rgba(40, 167, 69, 0.55);
}

.payed_hold {
	background-color: rgba(220, 53, 69, 0.55);
}

.reset_single_runner {
	display: block;
	background-color: #ffc107;
	border: 1px solid #ffc107;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: .3rem .8rem;
}

.reset_all_runners {
	display: block;
	background-color: #ffc107;
	border: 1px solid #ffc107;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: .3rem .8rem;
	width: 250px;
	margin-left: auto;
	margin-bottom: 3%;
}

.crud_single_runner {
	background-color: #007bff;
	border: 1px solid #007bff;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: .3rem .8rem;
	color: #fff;
}

.export .reset_all_runners{
	margin-left: 0;
	margin-right: auto;
}

/* Registrations */

.space_between {
	margin-bottom: 2rem;
}

.hidden {
	display: none;
}

.registration-process input {
	margin-bottom: 8px;
}

.registration-process .waiver {
	padding: 20px;
	border: 1px solid #000;
	background-color: #F6F6F6;
	height: 400px;
	overflow: auto;
}

.to_hide {
	margin-top: 10px;
}

.assemble_code {
	border: 1px solid #898A8C;
	background-color: #898A8C;
	color: #fff;
	font-size: 1.2em;
	padding: 5px;
    text-align: center;
}

.save_btn {
	display: block;
	background-color: #45A1FA;
	color: #fff;
	font-size: 1em;
	text-align: center;
	border: 1px solid #45A1FA;
	border-radius: 10px;
	padding: .5rem .8rem;
	width: 100%;
}

.success-team {
	background-color: #00C851 !important;
	border: 1px solid #00C851;
}

.error_div, 
.discount_error_div, 
.discount_errorr_div, 
.notfound_error_div, 
.error_code_div, 
.same_code_div, 
.same_name_div {
	display: none;
	margin-top: 1rem;
    margin-bottom: 1rem;
}

.error_size,
.error_quant {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.error_message, 
.discount_error_message, 
.discount_errorr_message, 
.notfound_error_message, 
.error_code_message, 
.same_code_message, 
.same_name_message, 
.error_size_message,
.error_quant_message {
	border: 1px solid #DC3545;
    background-color: #DC3545;
    color: #fff;
    padding: 10px;
}

.error_size,
.error_quant {
	display: none;
}

.success_div, .successDiv, .discount_success_div {
	display: none;
	margin-top: 1rem;
    margin-bottom: 1rem;
}

.discount_success {
	margin-top: 1rem;
    margin-bottom: 1rem;
}

.success_message, .successMessage, .discount_success_message, .discount_success_msg {
	border: 1px solid #28A745;
    background-color: #28A745;
    color: #fff;
    padding: 10px;
}

.main_button {
	display: block;
	border: 1px solid #1E90FF;
	background-color: #1E90FF;
	color: #fff;
	text-align: center;
	padding: .5rem 1rem;
	text-transform: uppercase;
	width: 100%
}

.main_button:hover {
	background-color: #4E53C6;
}

.team_managment_error, 
.agree_error, 
.firstname_error, 
.lastname_error, 
.contactname_error,
.legalguardian_error,
.email_error,
.address_error,
.phone_error,
.contactphone_error,
.housenumber_error,
.postcode_error,
.city_error,
.team_name_profile_error,
.code_enterence_profile_error,
.edit_first_name_error,
.edit_email_error,
.payment_error,
.personal_id_error,
.team_code_error {
	color: #DC3545;
	font-weight: bold;
}

.team_name_profile_error,
.code_enterence_profile_error,
.edit_first_name_error,
.edit_email_error {
	font-size: 12px;
}

.margin_errors {
	margin-top: 15px;
}

.wrapper_products {
	border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding: 20px;
    margin-top: 20px;
}

.mandatory_product {
	font-size: 1.2em;
	padding-top: 20px;
}

.quantity {
	padding-top: 5px;
}
.quantity input {
	-webkit-appearance: none;
	border: none;
	text-align: center;
	width: 32px;
	font-size: 16px;
	color: #43484D;
	font-weight: 300;
}

.quantity button[class*=btn] {
	width: 30px;
	height: 30px;
	background-color: #E1E8EE;
	border-radius: 6px;
	border: none;
	cursor: pointer;
}
.minus-btn img {
	margin-bottom: 3px;
}
.plus-btn img {
	margin-top: 2px;
}

button:focus,
input:focus {
	outline:0;
}

/* Profile */

.btn_size {
	margin-left: 10px;
}

.profile .assemble_code {
	height: 35px;
}

.accordion label {
	font-size: 12px;
}

.accordion .save_btn {
	width: 100%;
	font-size: .9em;
}

/* Footer */

.footer {
    z-index: 100;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgb(30,144,255);
	background: linear-gradient(90deg, rgba(30,144,255,1) 25%, rgba(227,227,227,1) 100%);
	padding: 10px 0;
}

.footer a, .footer p {
	color: #fff;
}

.uplatnica-button {
	background-color: #0070BA !important; 
	border-color: #0070BA !important; 
	margin-bottom: 15px; 
	font-size: 1.15rem; 
	height: 48px; 
	width: 50% !important;
	font-weight: bold;
}

/* Responsive */

@media (max-width: 767px) {
	h2 {
		font-size: 1.3rem;
	}

	.buttons_login {
		margin-top: 0;
		margin-bottom: 10%;
	}

	.single_event_style div {
		margin-bottom: 35px;
	}

	optgroup {
		font-size: 10px;
	}

	.events_style img {
		height: auto;
	}

	.footer .row {
		font-size: 12px;
	}
}

.team_success_wrapper {
	border: 1px solid #000;
    padding: 10px;
    border-radius: 5px;
    background-color: #28A745;
    border-color: #28A745;
    color: #fff;
}