body{
    background:url('/app/media/background.jpg') no-repeat center center fixed;
    opacity: 1;
	color:#58595b;
	font-size:14px;
	line-height:20px;
	margin:0px;
	padding:0px;
}

body.simulate{
	width:320px;
	height:570px;
	overflow:auto;
	border:10px solid black;
	border-radius:10px;
	top:50%;
	left:50%;
	position: absolute;
	margin: -285px 0px 0px -160px!important;
}
.row > div{
	padding: 0px 10px 0px 10px;
	max-width:1024px;
	margin:0 auto;
	position:relative;
}

.default-padding{
	padding-top:15px;
	padding-bottom:15px;
}

.no-padding {
    padding: 0px!important;
}

.box{
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.box > div{
	padding:10px;
	float:left;
	position:relative;
}

.progress-bar{
  background-color: #F7F7F7;
}
.progress-bar > div{
  background-color: #58595B;
}

.progress-bar > div.yellow {
    background-color: #F2CB13;
}

.hidden{
	display:none;
}
.displayNone{
	display:none;
}
.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}

.pointer{
	cursor:pointer;
}
.no-pointer {
    cursor:default!important;
}
.article p{
	margin: 0px;
}

img{
	max-width:100%;
}

/*
* 	Colors	
*/
.yellow-bg,
.hover-yellow:hover{
	background-color:#f2cb13;
}
.hover-yellow-color:hover{
	color:#f2cb13!important;
}

.grey-bg{
	background-color:#e4e4e4;
}
.grey-bg.animate:hover{
	background-color:#d2d2d2
}
.dark-grey-bg{
	background-color:#58595b;
	color:#FFFFFF;
}
.green-bg{
	background-color:#33b016;
	color:#fff;
}

.red-bg{
	background-color:#ea5b48;
	color:#fff;
}

.rood{
	background-color:#CA1517;
	padding-top:10px;
	padding-bottom:10px;
}
.geel{
	background-color:#f2cb12;
	padding-top:10px;
	padding-bottom:10px;
}
.yellow{
    color: #F2CB13!important;
}

.grijs{
	background-color:#565656;
	padding-top:10px;
	padding-bottom:10px;
}
.blauw{
	background-color:#4471b5;
	padding-top:10px;
	padding-bottom:10px;
}
.witte-tekst{
	color:#fff;
}

.groene-tekst{
	color:green;
}

.rode-tekst{
	color:red;
}


a{
	color:#58595b;
}

ul,
ol{
	padding-left:15px;
	margin-top:0px;
}
/*
*	Floats
*/
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}

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


/*
*	text elements
*/
.title,
.titel{
	font-size:16px;
	font-weight:bold;
	padding: 10px 0px 0px 0px;
}

.small-text{
	font-size:11px;
}

/*
8	Buttons
*/
.button{
	line-height:46px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	border-radius:3px;
	position:relative;
	-webkit-user-select: none;  
	  -moz-user-select: none;    
	  -ms-user-select: none;      
	  user-select: none;
}
.button i.left{
	position:absolute;
	left: 10px;
	top:10px;
	font-size:20px;
}
.button.yellow-bg:hover{
	background-color:#58595b;
	color:#f2cb13;		
}
.button.dark-grey-bg:hover{
	background-color:#ced0cf;
	color:#58595b;		
}

.link{
	cursor:pointer;
	line-height:30px;
	letter-spacing: 0px;
    color: #BFBFBF;
    font-size: 14px;
}

.link:hover{
	color:#f2cb13;
}

.link:hover,
.button:hover,
.animate:hover,
.animate{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/*
* Popup
*/
popup{
	top:-3000px;
	left: 0px;
    right: 0px;
	bottom:3000px;
	position:absolute;
}
popup.active{
    left: 0px;
    right: 0px;
    bottom: 0px;
	top:0px;
} 

.popup-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.popup-wrapper > .mask{
	opacity: 0.4;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index: 10;
    position: absolute;
}
.popup-wrapper > .content{
	position:relative;
	background-color:#fff;
	position:absolute;
	top:20px;
	z-index:11;
	width:90%;
	left:5%;
	padding:20px;
}
.popup-wrapper > .content > .close{
	position:absolute;
	top:10px;
	right:10px;
	font-size:20px;
	
}
.popup-wrapper > .content > .close:hover{
	color: #f2cb13;
	cursor:pointer;
	-webkit-animation:spin 0.2s linear ;
    -moz-animation:spin 0.2s linear ;
    animation:spin 0.2s linear ;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(270deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(270deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(270deg); transform:rotate(270deg); } }


/*
*	Loader
*/
.app-content-loading{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    /* height: 100px; */
    /* margin-top: -44px; */
    /* margin-left: -44px; */
    font-size: 80px;
    z-index: 10;
    background-color: rgba(255,255,255,0.5);
    text-align: center;
    border-radius: 10px;
    /* -webkit-box-shadow: 0px 0px 10px 0px rgba(136,153,169,1); */
    -moz-box-shadow: 0px 0px 10px 0px rgba(136,153,169,1);
    /* box-shadow: 0px 0px 10px 0px rgba(136,153,169,1); */
    right: 0px;
    bottom: 0px;
}
.app-content-loading i{
	position: fixed;
    top: 50%;
    margin-top: -50px;
    margin-left: -45px;
}


/*
* Spacers
*/
.spacer-0 {
    height: 0px;
}
.spacer-1 {
    height: 1px;
}
.spacer-2 {
    height: 2px;
}
.spacer-3 {
    height: 3px;
}
.spacer-4 {
    height: 4px;
}
.spacer-5 {
    height: 5px;
}
.spacer-6 {
    height: 6px;
}
.spacer-7 {
    height: 7px;
}
.spacer-8 {
    height: 8px;
}
.spacer-9 {
    height: 9px;
}
.spacer-10 {
    height: 10px;
}
.spacer-11 {
    height: 11px;
}
.spacer-12 {
    height: 12px;
}
.spacer-13 {
    height: 13px;
}
.spacer-14 {
    height: 14px;
}
.spacer-15 {
    height: 15px;
}
.spacer-16 {
    height: 16px;
}
.spacer-17 {
    height: 17px;
}
.spacer-18 {
    height: 18px;
}
.spacer-19 {
    height: 19px;
}
.spacer-20 {
    height: 20px;
}
.spacer-21 {
    height: 21px;
}
.spacer-22 {
    height: 22px;
}
.spacer-23 {
    height: 23px;
}
.spacer-24 {
    height: 24px;
}
.spacer-25 {
    height: 25px;
}
.spacer-26 {
    height: 26px;
}
.spacer-27 {
    height: 27px;
}
.spacer-28 {
    height: 28px;
}
.spacer-29 {
    height: 29px;
}
.spacer-30 {
    height: 30px;
}
.spacer-31 {
    height: 31px;
}
.spacer-32 {
    height: 32px;
}
.spacer-33 {
    height: 33px;
}
.spacer-34 {
    height: 34px;
}
.spacer-35 {
    height: 35px;
}
.spacer-36 {
    height: 36px;
}
.spacer-37 {
    height: 37px;
}
.spacer-38 {
    height: 38px;
}
.spacer-39 {
    height: 39px;
}
.spacer-40 {
    height: 40px;
}
.spacer-41 {
    height: 41px;
}
.spacer-42 {
    height: 42px;
}
.spacer-43 {
    height: 43px;
}
.spacer-44 {
    height: 44px;
}
.spacer-45 {
    height: 45px;
}
.spacer-46 {
    height: 46px;
}
.spacer-47 {
    height: 47px;
}
.spacer-48 {
    height: 48px;
}
.spacer-49 {
    height: 49px;
}
.spacer-50 {
    height: 50px;
}
.spacer-51 {
    height: 51px;
}
.spacer-52 {
    height: 52px;
}
.spacer-53 {
    height: 53px;
}
.spacer-54 {
    height: 54px;
}
.spacer-55 {
    height: 55px;
}
.spacer-56 {
    height: 56px;
}
.spacer-57 {
    height: 57px;
}
.spacer-58 {
    height: 58px;
}
.spacer-59 {
    height: 59px;
}
.spacer-60 {
    height: 60px;
}
.spacer-61 {
    height: 61px;
}
.spacer-62 {
    height: 62px;
}
.spacer-63 {
    height: 63px;
}
.spacer-64 {
    height: 64px;
}
.spacer-65 {
    height: 65px;
}
.spacer-66 {
    height: 66px;
}
.spacer-67 {
    height: 67px;
}
.spacer-68 {
    height: 68px;
}
.spacer-69 {
    height: 69px;
}
.spacer-70 {
    height: 70px;
}
.spacer-71 {
    height: 71px;
}
.spacer-72 {
    height: 72px;
}
.spacer-73 {
    height: 73px;
}
.spacer-74 {
    height: 74px;
}
.spacer-75 {
    height: 75px;
}
.spacer-76 {
    height: 76px;
}
.spacer-77 {
    height: 77px;
}
.spacer-78 {
    height: 78px;
}
.spacer-79 {
    height: 79px;
}
.spacer-80 {
    height: 80px;
}
.spacer-81 {
    height: 81px;
}
.spacer-82 {
    height: 82px;
}
.spacer-83 {
    height: 83px;
}
.spacer-84 {
    height: 84px;
}
.spacer-85 {
    height: 85px;
}
.spacer-86 {
    height: 86px;
}
.spacer-87 {
    height: 87px;
}
.spacer-88 {
    height: 88px;
}
.spacer-89 {
    height: 89px;
}
.spacer-90 {
    height: 90px;
}
.spacer-91 {
    height: 91px;
}
.spacer-92 {
    height: 92px;
}
.spacer-93 {
    height: 93px;
}
.spacer-94 {
    height: 94px;
}
.spacer-95 {
    height: 95px;
}
.spacer-96 {
    height: 96px;
}
.spacer-97 {
    height: 97px;
}
.spacer-98 {
    height: 98px;
}
.spacer-99 {
    height: 99px;
}
.spacer-100 {
    height: 100px;
}

.full-height {
    height: 100%!important;
}

/*
*	Width
*/
.width-0 {
    width: 0%;
    float: left;
}
.width-1 {
    width: 1%;
    float: left;
}
.width-2 {
    width: 2%;
    float: left;
}
.width-3 {
    width: 3%;
    float: left;
}
.width-4 {
    width: 4%;
    float: left;
}
.width-5 {
    width: 5%;
    float: left;
}
.width-6 {
    width: 6%;
    float: left;
}
.width-7 {
    width: 7%;
    float: left;
}
.width-8 {
    width: 8%;
    float: left;
}
.width-9 {
    width: 9%;
    float: left;
}
.width-10 {
    width: 10%;
    float: left;
}
.width-11 {
    width: 11%;
    float: left;
}
.width-12 {
    width: 12%;
    float: left;
}
.width-13 {
    width: 13%;
    float: left;
}
.width-14 {
    width: 14%;
    float: left;
}
.width-15 {
    width: 15%;
    float: left;
}
.width-16 {
    width: 16%;
    float: left;
}
.width-17 {
    width: 17%;
    float: left;
}
.width-18 {
    width: 18%;
    float: left;
}
.width-19 {
    width: 19%;
    float: left;
}
.width-20 {
    width: 20%;
    float: left;
}
.width-21 {
    width: 21%;
    float: left;
}
.width-22 {
    width: 22%;
    float: left;
}
.width-23 {
    width: 23%;
    float: left;
}
.width-24 {
    width: 24%;
    float: left;
}
.width-25 {
    width: 25%;
    float: left;
}
.width-26 {
    width: 26%;
    float: left;
}
.width-27 {
    width: 27%;
    float: left;
}
.width-28 {
    width: 28%;
    float: left;
}
.width-29 {
    width: 29%;
    float: left;
}
.width-30 {
    width: 30%;
    float: left;
}
.width-31 {
    width: 31%;
    float: left;
}
.width-32 {
    width: 32%;
    float: left;
}
.width-33 {
    width: 33%;
    float: left;
}
.width-34 {
    width: 34%;
    float: left;
}
.width-35 {
    width: 35%;
    float: left;
}
.width-36 {
    width: 36%;
    float: left;
}
.width-37 {
    width: 37%;
    float: left;
}
.width-38 {
    width: 38%;
    float: left;
}
.width-39 {
    width: 39%;
    float: left;
}
.width-40 {
    width: 40%;
    float: left;
}
.width-41 {
    width: 41%;
    float: left;
}
.width-42 {
    width: 42%;
    float: left;
}
.width-43 {
    width: 43%;
    float: left;
}
.width-44 {
    width: 44%;
    float: left;
}
.width-45 {
    width: 45%;
    float: left;
}
.width-46 {
    width: 46%;
    float: left;
}
.width-47 {
    width: 47%;
    float: left;
}
.width-48 {
    width: 48%;
    float: left;
}
.width-49 {
    width: 49%;
    float: left;
}
.width-50 {
    width: 50%;
    float: left;
}
.width-51 {
    width: 51%;
    float: left;
}
.width-52 {
    width: 52%;
    float: left;
}
.width-53 {
    width: 53%;
    float: left;
}
.width-54 {
    width: 54%;
    float: left;
}
.width-55 {
    width: 55%;
    float: left;
}
.width-56 {
    width: 56%;
    float: left;
}
.width-57 {
    width: 57%;
    float: left;
}
.width-58 {
    width: 58%;
    float: left;
}
.width-59 {
    width: 59%;
    float: left;
}
.width-60 {
    width: 60%;
    float: left;
}
.width-61 {
    width: 61%;
    float: left;
}
.width-62 {
    width: 62%;
    float: left;
}
.width-63 {
    width: 63%;
    float: left;
}
.width-64 {
    width: 64%;
    float: left;
}
.width-65 {
    width: 65%;
    float: left;
}
.width-66 {
    width: 66%;
    float: left;
}
.width-67 {
    width: 67%;
    float: left;
}
.width-68 {
    width: 68%;
    float: left;
}
.width-69 {
    width: 69%;
    float: left;
}
.width-70 {
    width: 70%;
    float: left;
}
.width-71 {
    width: 71%;
    float: left;
}
.width-72 {
    width: 72%;
    float: left;
}
.width-73 {
    width: 73%;
    float: left;
}
.width-74 {
    width: 74%;
    float: left;
}
.width-75 {
    width: 75%;
    float: left;
}
.width-76 {
    width: 76%;
    float: left;
}
.width-77 {
    width: 77%;
    float: left;
}
.width-78 {
    width: 78%;
    float: left;
}
.width-79 {
    width: 79%;
    float: left;
}
.width-80 {
    width: 80%;
    float: left;
}
.width-81 {
    width: 81%;
    float: left;
}
.width-82 {
    width: 82%;
    float: left;
}
.width-83 {
    width: 83%;
    float: left;
}
.width-84 {
    width: 84%;
    float: left;
}
.width-85 {
    width: 85%;
    float: left;
}
.width-86 {
    width: 86%;
    float: left;
}
.width-87 {
    width: 87%;
    float: left;
}
.width-88 {
    width: 88%;
    float: left;
}
.width-89 {
    width: 89%;
    float: left;
}
.width-90 {
    width: 90%;
    float: left;
}
.width-91 {
    width: 91%;
    float: left;
}
.width-92 {
    width: 92%;
    float: left;
}
.width-93 {
    width: 93%;
    float: left;
}
.width-94 {
    width: 94%;
    float: left;
}
.width-95 {
    width: 95%;
    float: left;
}
.width-96 {
    width: 96%;
    float: left;
}
.width-97 {
    width: 97%;
    float: left;
}
.width-98 {
    width: 98%;
    float: left;
}
.width-99 {
    width: 99%;
    float: left;
}
.width-100,
.width-{
    width: 100%!important;
    float: left;
}

.display-inline-flex {
    display: inline-flex!important;
}

.display-grid {
    display: grid!important;
}

.no-pointer {
    cursor: auto!important;
}

/*
*	Normalise
*/
*, *:not(.fa):before, *:not(.fa):after {
		box-sizing: border-box;
	font-family: Arial;
	}
	*, *:before, *:after {
		box-sizing: border-box;
	}