@charset "UTF-8";
/* CSS Document */

/* footer for download app */

body
{
/*	font-family: 'Open Sans', sans-serif;*/
	padding-top: 					65px;
}



h1, h4, h6, h3, p
{
	text-align: 					center;
}


hr
{
	border: 1px solid #dbdbdb;
}



/* styling of the input type text for Login field */
.loginfilter input[type="text"]{
	width: 20rem;
	border-radius: 0;
}

/* styling of the input type password for Login field*/
.loginfilter input[type="password"]{
	width: 20rem;
	border-radius: 0;
}

/* styling of submit button */
.loginbutton{
	width: 7rem;
	border-radius: 0;
	font-weight: bolder;
}

/* alert message if user has wrong user and or password*/
.alert
{
	width: 20rem;
}





.small
{
	font-size: 14px;
}

.loginuser
{
	float: right;
}

/*************table****************/

.table th
{
	text-align: 					center;
}

.table td
{
	text-align: 					center;
}

/******* text area for tabel *********/
textarea {
    width: 							100%;
    height: 						200px;
    padding: 						12px 20px;
    box-sizing: 					border-box;
    border: 						2px solid #ccc;
    border-radius: 					4px;
    background-color: 				#f8f8f8;
    font-size: 						16px;
    resize: 						none;
}

@media screen and (min-width : 991px )
{
	.feature-content.row
	{
		display: 					flex;
		align-items: 				center;	
	}
	
}

@media (max-width: 40em) {
.mobilehide {
display: none;
}
}

.blockquote
{
	font-size:						1.6rem;
	color: 							#333;
	border: 						none;
	padding:						0;
}

.feature-content {
	padding: 						1rem 0;
	overflow: 						hidden;
}

.feature-dark
{
	background-color: 				#121212;
	color: 							white;	
}

/**** edit logo ***/
.edit
{
	width: 							40px;
	height: 						30px;
	color: 							green;
}

.trash
{
	width: 							40px;
	height: 						30px;
	color: 							red;
}

.signup
{
	width: 							40px;
	height: 						30px;
}

.editopen
{
	width: 							60px;
	height: 						30px;
}

/*** Hide ID ***/
.hide
{
	display: 						none;
}


/***** Textarea ****/

.beschrijving
{
	text-align: 					center;
}

/****** printscreen **********/

.printscreen{
	width: 200px;
}


/***************** FILTER DETAILES***********************/

#filter {
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}


.profilepicture
{
	border: solid black 5px;
	/*border-radius: 50%;*/
}

.message {
	width: 450px;
	margin: 0 auto;
	padding: 5px;
}


/* Change Password page */ 

.show-addon
{
	background: white;
}