/** ************************************* **
	@Author			Vincent
	@Last Update	april 07, 2015

	CONTENTS
	---------------------------
		00. AOL name
		01. Popup scheidsrechter
		02. Upload foto
		03. calendarSpecialDates
		04. Spinner
		05. FAQ
		06. iFrame
		07. Zoekborder popup
		08. Table landingpage
		09. Wedstrijdmonitor
		10. Tooltip
		11. Responsive video
		12.	validatiered
        13. Popup fullscreen
        14. Ajax loader
		15. veldform extra benadrukken Hit
		16. Image aol support
		17. Support-box
		18. Popup programma
		19. Popup Teamdetail
		20. Popup add official
		21. Forms
		22.	AOL footer brand
		23.	Game info
		24. label-booking
		25. Feature box button

	---------------------------

 ** ************************************* **/
.text-white{color: white!important}
.text-black{color: black!important}
.text-grey{color: grey}
.text-red{color: red!important}
.text-green{color: #01ab91!important}

.text-upper{text-transform: uppercase}
.text-cap{text-transform: capitalize}
.text-lower{text-transform: lowercase}

.fs-12{font-size: 12px}
.fs-14{font-size: 14px}
.fs-15{font-size: 15px}
.fs-16{font-size: 16px}
.fs-18{font-size: 18px}

.fw-500{font-weight: 500!important}
.fw-600{font-weight: 600!important}
.fw-bold{font-weight: bold}

.p-0{padding: 0px!important}
.p-2{padding: 2px!important}
.p-4{padding: 4px!important}
.p-6{padding: 6px!important}
.p-10{padding: 10px!important}

.pt-0{padding-top: 0px}
.pt-5{padding-top: 5px!important}
.pt-10{padding-top: 10px!important}
.pt-15{padding-top: 15px!important}

.pr-0{padding-right: 0px!important}
.pr-10{padding-right: 10px!important}
.pr-15{padding-right: 15px!important}
.pr-20{padding-right: 20px!important}

.pb-0{padding-bottom: 0px}
.pb-10{padding-bottom: 10px}

.pl-0{padding-left: 0px!important}
.pl-15{padding-left: 15px!important}
.pl-20{padding-left: 20px!important}

.m-0{margin: 0px!important}
.m-4{margin: 4px!important}
.m-10{margin: 10px!important}

.mt-0{margin-top: 0px!important}
.mt-2{margin-top: 2px!important}
.mt-4{margin-top: 4px!important}
.mt-6{margin-top: 6px!important}
.mt-8{margin-top: 8px}
.mt-10{margin-top: 10px}
.mt-20{margin-top: 20px}
.mt-30{margin-top: 30px}

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

.mr-14{margin-right: 14px}

.mb-0{margin-bottom: 0px!important}
.mb-2{margin-bottom: 2px!important}
.mb-4{margin-bottom: 4px!important}
.mb-6{margin-bottom: 6px!important}
.mb-8{margin-bottom: 8px!important}
.mb-10{margin-bottom:10px!important}

.mb-10neg{margin-bottom: -10px!important}

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

.w-14{width: 14px!important}
.w-130{width: 130px!important}
.w-242{width: 242px!important}

.m-w-110{max-width: 110px!important}

.h-12{height: 12px!important}
.h-50{height: 50px}
.h-75{height: 75px}
.h-300{height: 300px}

.lh-28{line-height: 28px!important}
.lh-30{line-height: 30px!important}
.lh-40{line-height: 40px!important}

.min-h-50{min-height: 50px}
.min-h-300{min-height: 300px}

.float-left{float: left!important}
.float-right{float: right!important}

.block{
	display: block;
}

.bg-color-srz-red{background-color: #dc3545;color: white}
.bg-grey{background-color: #f9f9f9!important}
.bg-gray{background-color: #f9f9f9!important}
.bg-gray-footer{background-color: #f0f0f0!important}

.border-0{border: 0;}
.border-1{border: solid 1px rgba(0,0,0,0.1)}

.border-top-1{border-top: 1px solid rgba(0,0,0,0.1)}
.border-top-2{border-top: 2px solid rgba(0,0,0,0.1)}

.border-bottom-1{border-bottom: 1px solid rgba(0,0,0,0.1)}
.border-bottom-2{border-bottom: 2px solid rgba(0,0,0,0.1)}

.border-greenn{border-color: #01ab91}
.border-grey{border-color: rgba(0,0,0,0.1)}

.vert-center{
	display: flex;
	align-items: center;
}

/**	00. aol brand
*************************************************** **/
.aol_name:after{
	font-weight: 600;
	color: grey;
	content: "Arbitrage online";
	}
.aol_url:after{
	content: "arbitrageonline.nl";
	src: url(https://www.arbitrageonline.nl);
}

/**	00. srz banner
*************************************************** **/
.srz_ad{
	display:flex;
	justify-content:center;
	align-items:center;
}
.srz_ad img{
	max-height: 30;
	padding-right: 10px;
}
.srz_ad span{
	padding-right: 10px;
}
.srz_ad button{
	color: #fff;
	background-color: #dc3545;
	padding: 4px 10px;
}
.bg-srz-banner{background: linear-gradient(180deg,#787878 0,#313131)}

/**	00. Event form
*************************************************** **/

.eventform{
	
}
.eventform select{
	height: 60px!important;
	font-size: 16px!important;
}
.eventform i{
	top: 24px!important;
}
.eventform input[type=date], input[type=time], input[type=datetime-local], input[type=month]{
	height: 60px;
	color: #000!important;
	font-size: 16px;
}

/**	00. In ontwikkeling
*************************************************** **/
.aol_dev{
	display: none;
}

/**	01. Popup scheidsrechter
*************************************************** **/
.popup-sr-label {
	padding-right:5px;
	text-align:left;
	height:20px;
}
.popup-sr-label-right {
	padding-right:5px;
	text-align: righ;
	height:20px;
}
.popup-sr-field {
	padding-right:5px;
}
.popup-sr-kop {
	font-size:14px;
	font-weight:bold;
}

.uploadifive-button {
		float: left;
		margin-right: 10px;
}
	
/**	02. Upload foto
*************************************************** **/
.uploadifive-button {
	float: left;
	margin-right: 10px;
}

#queue {
	border: 1px solid #E5E5E5;
	height: 40px;
	overflow: auto;
	margin-bottom: 10px;
	padding: 0 3px 3px;
	width: 200px;
}

/**	03. calendarSpecialDates
*************************************************** **/
.calendarSpecialDates {

	font-weight:bold;
	color:#01AB91;
}

.calendarSpecialDates2 {
	font-weight:bold;
	color: #FF0000;
}

/**	04. Spinner
*************************************************** **/
.spinner {
    position: fixed;
    top: 50%;
    left: 60%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

/**	05. faq
*************************************************** **/
.faq-balk {
	background-color: #ECECEC;
	border: #01ab91 1px solid;
	color:#01AB91;
	font-size:18px;
	padding:10px;
	border-radius:20px 0px 0px 0px;
}
.faq-vraag{
	font-weight:bold;
	cursor:pointer;
	margin-top:5px;
}
.faq-antwoord{
	margin-left:15px;
}

/**	06. iFrame
*************************************************** **/
.header{
    font-family: #qryGetCSS.fontprog#;
    text-transform:uppercase;
    font-weight:bold;
    color: #qryGetCSS.fontcolorprog#;
    font-size:18px;

}
.menu{
    font-family: #qryGetCSS.fontprog#;
    color: #qryGetCSS.fontcolorprog#;
    font-size: #qryGetCSS.fontsizeprog#px;
    margin-top:10px!important;
}

.iframerow1{
    border-right:hidden;
    border-left:hidden;
    background-color:##F0F0F0;
    font-family: #qryGetCSS.fontprog#;
    color: #qryGetCSS.fontcolorprog#;
    font-size: #qryGetCSS.fontsizeprog#px;
}
.iframerow2{
    border-right:hidden;
    border-left:hidden;
    font-family: #qryGetCSS.fontprog#;
    color: #qryGetCSS.fontcolorprog#;
    font-size: #qryGetCSS.fontsizeprog#px;
}
.table-responsive {
    overflow-x:none !important;
}
.parentTbl table {
  border-spacing: 0;
  border-collapse: collapse;
  border: 0;
  width: 100%;
}
.childTbl table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.childTbl th,
.childTbl td {
  border: 0px solid ##d7d7d7;
  border-bottom:1px solid ##d7d7d7;
  font-family: #qryGetCSS.fontprog#;
  color: #qryGetCSS.fontcolorprog#;
  font-size: #qryGetCSS.fontsizeprog#px;
  <!--- padding-left:12px !important; --->
  padding-left:2px;
}
.childTbl td {
    line-height:18px;
    padding-left:2px;
}
.scrollData {
  width: 100%;
  height: #qryGetCSS.iframeheight#;
  overflow-x: hidden;
}
.parentTbl .col1 {
    width:5%;
	padding:5px;
}
.parentTbl .col2 {
    width:20%;
}
.parentTbl .col3 {
    width:20%;
}
.parentTbl .col4 {
    width:5%;
}
.parentTbl .col5 {
    width:10%;
}
.parentTbl .col6 {
    width:10%;
	text-align:center;
}
.parentTbl .col7 {
    width:25%;
}
.parentTbl .childTbl th {
    font-weight:bold;
    font-size:15px;
   	<!---line-height:28px;--->
    background-color:##CCC;
    color:white;
    border-color:##CCC;
}
/**	07. Zoekborder popup
*************************************************** **/

.zoekborder{
	background-color: #01ab91;
	margin-top:-15px;

}
.zoeklabel{
	color:#FFFFFF;
}

/**	08. Table Landingpage
*************************************************** **/

.statusbalkclub {
	background-color: [clubborderbgcolormt];
	color: [subheaderfontcolorwm];
	font-weight:bold;
	text-transform:uppercase;
}
.statusbalk {
	background-color: #999999;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none
}




/**	10. Tooltip
*************************************************** **/

.easyTooltip{
	font-size:12px;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #333333;
	background-color: #333333;
	border-radius: 5px 5px 5px 5px;
}


.popover {
  font-family: #qryGetCSS.fontprog#;
  color: #qryGetCSS.fontcolorprog#;
  font-size: #qryGetCSS.fontsizeprog#px;
}

/**	11. Responsive video
*************************************************** **/
.responsive-video {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/**	12. Validatie red
*************************************************** **/
.validatie-red {
	color: red;
	margin: opx;
	font-size: 10px;
}

/**	13. Popup fullscreen
*************************************************** **/
/* .modal-transparent */

.modal-transparent {
  background: transparent;
}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: .9;
  filter: alpha(opacity=90);
}

/* .modal-fullscreen */

.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

.modal-fullscreen .modal-dialog {
  margin: 10px;
  width: 100%;
}

/**	17. Support-box
*************************************************** **/
.support-box{
	background-color: #f5f5f5;
}
.support-box p{
	margin: 0px 0px 10px 0px;
	background-color: #999;
	color: white;
	padding: 4px;
	font-weight: bold;
	text-transform: uppercase;
}
.support-box li{
	margin: 6px 0px 6px 0px;
}
.support-box ul{
	margin-bottom: 0px;
	padding-bottom: 6px;
}


.ajaxloader{
    display:none;
    position: absolute;
    top: 30%;
    left: 45%;
    z-index: 99999;
}

/* .veldform extra benadrukken hit */
.hit{
	border-radius: 5px;
	background-color: #01ab91;
	margin: 0px 0px 0px 5px;
	padding: 0px 20px 5px 10px!important;
}

/* .image aol support */
.img-aol{
	border: 0px solid #ffffff;
	border-radius: 10px;
}

/* om text in een grid te centreren */
.gridcell_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


.gridcell_small {
	font-size:13px;
    padding: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/**	18. Popup programma
*************************************************** **/

.teamdetail{
	text-align: right;
	color: #01ab91;
}

/**	19. Popup teamdetail
*************************************************** **/

.teamblock{
	background-color: #f5f5f5;
	padding: 5px;
	border: 1px solid #ced4da;
	margin: 0rem 0rem 1rem 0rem;
}

.teamblock-label{
	display: inline-block;
	margin: 6px 0px 10px 0px;
	font-weight: 500;
	
}
	
.input-group-over{
	position: relative;
}

.input-group-over a{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -10px;
}

.badge-aol{
	padding: 5px 7px 7px 5px;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	background-color: #ccc;
}

/**	20. Popup add official
*************************************************** **/

/**	21. Forms
*************************************************** **/

/**	22. Aol brand footer
*************************************************** **/
.aol_brand_footer_popup{
	background-color: #01ab91;
	padding: 6px;
}
.aol_brand_footer_popup img{
	height: 20px;
	margin: 4px;
}
.aol_brand_footer_popup span{
	color: black;
	margin: 5px;
}

/**	23. Game info
*************************************************** **/


/**	24. label-booking
*************************************************** **/

.label-booking{
	border: 1px solid #ccc;
	background-color: #01ab91;
	color: white;
	padding: 1px 6px;
	margin: 0px;
}
.label-booking a{
	display: block;
	color: white;
}
.label-booking i{
	float: right;
	margin-top: 5px;
}

/**	24. Future box buttons
*************************************************** **/
.fb-btn{
	
}
.m-bottom-0{
	margin-bottom: 0px!important;
}