@charset "UTF-8";
/** ************************************* **
	@Author			Vincent
	@Last Update	01-12-2021

	CONTENTS
	---------------------------
		01. Popup scheidsrechter
		02. Upload foto
		03. Marketing SRZ
		04.	
		05.	aol form switch
		06-	aol_clubmatches
		07. check out
		08. Printable Yes/No
	---------------------------

 ** ************************************* **/

/*Font sizes*/
.fs--24{font-size: 24px!important}
.fs--34{font-size: 34px!important}
.fs--30{font-size: 30px!important}

/*Font weight*/
.fw-500{font-weight: 500!important}
.fw-bold{font-weight: bold!important}

/*Border*/
.border-rounded-2{
	border: 2px solid #ced4da!important;
	border-radius: 4px!important;
}


/**	0. ##
*************************************************** **/
.text-small{
	margin: 0px;
	font-size: 14px;
	font-style: italic;
}

.shadow-danger-lg{
	box-shadow: 0 10px 40px 10px rgba(220,53,69,.175)!important;
}
.match-vergoeding{
	font-size: 120%;
	color: #dc3545;
	font-size: 50px;
	font-weight: 600;
	font-variant: small-caps;
	margin-top: 3rem;
}
.store-icon{
	padding-top: 3rem!important;
}

.cart-icons text {
	color: black;
}
.vjt-icon{
	font-size: 20px!important;
	font-weight: bold!important;
}
.btn-xs{
	padding: 0rem 0.2rem!important;
	font-size: 0.531;
	line-height: 0.75;
	border-radius: .2rem;
	background-color: transparent;
	border: 0px solid transparent;
}
.dp-none{
	display: none!important:
}

.bg-match-header{
	background-color: #f8f9fa;
	margin: 0px 0px 10px 0px!important;
	padding: 10px;
}


.modal-footer-srz{
/*	padding: 1rem;*/
	border-top: 0px solid #e9ecef;
/*	text-align: right!important;*/
}

.row-srz{
	display: flex;
	flex-wrap: wrap;
	text-align: end;
	justify-content: flex-end;
}

.bg-match-color-default{
	background-image: linear-gradient(rgba(0, 0, 0, 0.22) 20.17%, rgba(238, 238, 238, 0));
}
.bg-match-color-success{
	background-image: linear-gradient(rgba(109, 191, 44, 0.75) 20.17%, rgba(238, 238, 238, 0));
}
.bg-match-color-warning{
	background-image: linear-gradient(rgba(250, 215, 118, 0.75) 20.17%, rgba(238, 238, 238, 0));
}
.bg-match-color-danger{
	background-image: linear-gradient(rgba(220, 53, 69, 0.75) 20.17%, rgba(238, 238, 238, 0));
}
.bg-match-color-refund{
	background-image: linear-gradient(rgba(55, 125, 255, 0.75) 20.17%, rgba(238, 238, 238, 0));
}
.bg-match-color-empty{
	background-image: linear-gradient(rgba(0, 0, 0, 0.22) 20.17%, rgba(0, 0, 0, 0.2196078431372549) 100%, rgba(238, 238, 238, 0))
}

.text-aol{color: #01ab91!important;}
.bg-aol{background-color: #01ab91!important}
.text-center{text-align: center!important}

.badge-transparant,a.badge-transparant:focus,a.badge-transparant:hover{
	color:#fff;
	background-color:transparent;
	top: 4px!important;
}
a.badge-transparant.focus,a.transparant-transparant:focus{
	outline:0;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)
}

.h--170{height: 170px!important} h--160{height: 160px!important}

.min-w-300{min-width: 300px!important}.min-h-60{min-height: 60px!important}

.min-h-120{min-height: 120px!important}

.max-w-160{max-width: 160px!important}
.max-w-120{max-width: 120px!important}
.max-w-90{max-width: 90px!important}
.max-w-80{max-width: 80px!important}
.max-w-70{max-width: 70px!important}
.max-w-60{max-width: 60px!important}.max-w-50{max-width: 50px!important}.max-w-40{max-width: 40px!important}.max-w-30{max-width: 30px!important}

.max-h-190{max-height: 190px!important}
.max-h-120{max-height: 120px!important}
.max-h-60{max-height: 60px!important} .max-h-50{max-height: 50px!important} .max-h-40{max-height: 40px!important}.max-h-30{max-height: 30px!important}

.mt-30{margin-top: 30px!important}
.mt-28{margin-top: 28px!important}
.mt-20{margin-top: 20px!important}
.mt-10{margin-top: 10px!important}

.mt-10neg{margin-top: -10px!important}
.mt-20neg{margin-top: -20px!important}

.mr-8{margin-right: 8px!important}

.mb-60{margin-bottom: 60px!important}.mb-50{margin-bottom: 50px!important}.mb-40{margin-bottom: 40px!important}.mb-30{margin-bottom: 30px!important}.mb-20{margin-bottom: 20px!important}.mb-10{margin-bottom: 10px!important}

.ml-10{margin-left: 10px!important}

.m-30{margin: 30px!important}.m-20{margin: 20px!important}.m-10{margin: 10px!important}

.pb-60{padding-bottom: 60px!important}.pb-50{padding-bottom: 50px!important}.pb-40{padding-bottom: 40px!important}.pb-30{padding-bottom: 30px!important}.pb-20{padding-bottom: 20px!important}.pb-10{padding-bottom: 10px!important}

.pt-30{padding-top: 30px!important}.pt-20{padding-top: 20px!important}.pt-10{padding-top: 10px!important}

.pb-14{padding-bottom: 14px!important}

.pl-30{padding-left: 30px!important;}

.p-10{padding: 10px!important}


/**	03. Marketing SRZ
*************************************************** **/
#referee_deal{
	display: none;
}

/**	04. ##
*************************************************** **/

.teamblock{
	padding-left: 5px!important;
	padding-right: 5px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	margin: 0rem 0rem 1rem 0rem;
}

.login-clubname{
	margin: 4px!important;
	font-size: 14px!important;
	text-align: center;
}

.match-hd{
	top: 0!important;
	bottom: 0!important;
	margin: auto!important;
}

.sport-icon-text{
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}


/**	06. aol_clubmatches
*************************************************** **/
.aol_clubmatches a{
	display: flex!important;
}


@media (max-width: 990px){
.logo-none{
	display: none!important;
	
}
}
@media (max-width: 680px){
.mobile-none{
	display: none!important;	
}
}
@media (max-width: 560px){
.mobile-none-xs{
	display: none!important;	
}
}
@media (min-width: 990px){
.desktop-none{
	display: none!important;
	
}
}
@media (max-width: 990px){
.desktop-only{
	display: none!important;
	
}
}
@media (min-width: 990px){
.mobile-only{
	display: none!important;
	
}
}

/**	07. check out##
*************************************************** **/
.co-vouchercode{
	position: relative;
	top: 8px!important;
}
/**	08. Printable div Yes/No
*************************************************** **/