/* site Settings pagina */
    .sa{
        line-height: 30px;
    }
    .sa.title{
        font-size: 20px;
        font-weight: bolder;
        text-transform: uppercase;
        color: var(--colorGreen);
        margin-top: 25px;
    }
    .sa.title:nth-child(1){
        margin-top: 0px;
    }
    .sa.header{
        display: block;
        background-color: var(--colorGreen);
        color: var(--colorWhite);
    }
    .sa.line{
        display: block;
        background-color:var(--colorWhite);
    }
    .sa.line div, .sa.header div{
        display:inline-block;
    }
    .sa.line div:nth-child(1), .sa.header div:nth-child(1){
        margin-left: 5px;
    }
    .sa.line:nth-child(2n){
        background-color:var(--colorLightGray);
    }
    .sa.line input{
        border-radius: 2px;
    }

/* algemene styles */

	.admin_row{
		display: block;
		line-height: 200%;
		background-color:var(--colorWhite);
		margin-left: 10px;
	}
	.admin_row:nth-child(2n){
		background-color:var(--colorLightGray);
	}

	.admin_row.title{
		display: block;
		line-height: 200%;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		font-weight: 500;
		background-color: var(--colorGreen);
		color:var(--colorWhite);
	}

	.admin_cell{
		display: inline-block;
		position: relative;
		line-height: 200%
	}
		.admin_cell.w20{
			width: 20px;
		}
		.admin_cell.w25{
			width: 25px;
		}
		.admin_cell.w50{
			width: 50px;
		}
		.admin_cell.w100{
			width: 90px;
		}
		.admin_cell.w125{
			width: 115px;
		}
		.admin_cell.w200{
			width: 190px;
		}
		.admin_cell.w250{
			width: 240px;
		}
		.admin_cell.w300{
			width: 290px;
		}

	.admin_cell.center{
		text-align:center;
	}
	.admin_cell.center img{
		vertical-align: middle;
	}

	.admin_cell:nth-child(1){
		margin-left: 10px;
	}
	.admin_cell.maintitle{
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		font-weight: 700;
		color: var(--colorGreen);
	}

	.admin_cell input{
		width: 70%;
	}

	.admin_save{
		margin-top:10px;
		margin-left: 10px;
		width: auto;
		padding: 5px !important;
		border: 1px solid var(--colorGreen) !important;
		background-color: var(--colorWhite);
		color: var(--colorGreen);
		cursor: pointer;
		font-size: 14px;
		font-weight: 500;
	}

	.admin_save:hover{
		border: 1px solid var(--colorWhite) !important;
		background-color: var(--colorGreen);
		color: var(--colorWhite);
	}

	.admin_button{
		display:inline-block;
		width:200px;
		border-radius:4px;
		background-color:var(--colorGreen);
		color:var(--colorWhite);
		cursor: pointer;
	}
	.admin_button:hover{
		background-color:var(--colorBlue);
	}

	.admin_menublock {
		display: inline-block;
		width: 240px;
		height: 240px;
		margin-right:10px;
		margin-bottom:10px;
		vertical-align:bottom;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}

	.admin_menublock:hover{
		cursor:pointer;
	}

	.admin_menublock_title {
		display:inline-block;
		position:absolute;
		bottom:0px;
		width: 240px;
		height:40px;
		line-height:40px;
		text-align: center;
		text-transform:uppercase;
		font-weight: bolder;
		background-color: var(--colorGreen);
		font-family: arial, verdana, sans-serif;
		color: var(--colorWhite);
		text-decoration: none;
		font-size: 13px;
		white-space: nowrap;
		overflow: hidden;
		vertical-align:bottom;
	}

/* Homepage takeover */
.hpto_admin_container{
	display: table;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--colorGray);
	vertical-align: top;
	line-height: 25px;
	margin-bottom: 30px;
}

.hpto_admin_container.nomargin{
	margin-bottom: 0px;
}

.hpto_admin_container div{
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid var(--colorMediumGray);
	vertical-align: top;
	line-height: 30px;
}
.hpto_admin_container div:nth-child(2n){
	border-right: 0px solid var(--colorMediumGray);
}

.hpto_admin_row{
	display: table-row;
}
	.hpto_admin_row div{
		border-top: 1px solid var(--colorLightGray);
	}
	.hpto_admin_row.title{
		font-weight: 600;
		background-color: var(--colorLightGray);
	}

	.hpto_admin_name{
		display: table-cell;
		width: 150px;
		vertical-align: top;
	}
	.hpto_admin_desc{
		display: table-cell;
		width: 400px;
		vertical-align: top;
	}
	.hpto_admin_vantot{
		display: table-cell;
		width: 200px;
		vertical-align: center;
		text-align:right;
		margin-right: 10px;
	}
	.hpto_admin_views{
		display: table-cell;
		vertical-align: top;
		width: 40px;
	}
	.hpto_admin_edit{
		display: table-cell;
		padding-right: 5px;
		vertical-align: middle !important;
		text-align: center;
		height: 100%;
		border-style: none !important;
		cursor: pointer;
	}
		.hpto_admin_edit img{
			margin-top: 7px;
		}
		.hpto_admin_edit:hover{
			background-color: var(--colorDarkBlue);
		}

.hpto_admin_def{
	display: table-cell;
	width: 250px;
}
.hpto_admin_val{
	display: table-cell;
}
.hpto_admin_comment{
	font-size: 11px;
	font-style: italic;
}

/* admin styles */
.adminblock{
	display: block;
	border: 1px solid var(--colorGreen);
}
	.adminblock .title{
		background-color: var(--colorGreen);
		color: var(--colorWhite);
		font-weight: bolder;
		padding: 5px;
	}
	.adminblock .row{
		display: block;
		height: 25px;
	}
	.adminblock .row:nth-child(odd){
		background-color:var(--colorLightGray);
	}
		.adminblock .cell{
			display: inline-block;
			padding-left: 5px;
			height: 25px;
			line-height: 25px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.adminblock .cell.subtitle{
			display: inline-block;
			color: var(--colorGreen);
			font-weight: bolder;
		}
		.adminblock .cell.right{
			float: right;
			text-align:right;
			padding: 0px;
			margin-right: 5px;
		}
		.adminblock .cell img{
			vertical-align: middle;
		}

.admin_recycleicon{
	display: 	inline-block; 
	position: 	absolute; 
	right: 		0px; 
	top: 		-3px; 
	width: 		30px; 
	font-size: 	20px; 
	text-align:	center;
}
	.admin_recycleicon:hover{
		cursor: pointer;
		color: var(--colorDarkGreen);
	}

#cred_stats{
	display: 		inline-block;
	margin-top: 	50px;
}
	#cred_stats .cred_title{
		display: block;
		background-color: var(--colorBlue);
		padding: 5px;
		font-weight: bolder;
		color: var(--colorWhite);
	}
	#cred_stats .cred_line{
		display: block;
	}
		#cred_stats .cred_line:nth-child(2){
			background-color: var(--colorGray) !important;
			color: var(--colorWhite);
		}
		#cred_stats .cred_line:nth-child(2n){
			background-color: var(--colorLightGray);
		}
	#cred_stats .cred_line>div{
		display: inline-block;
		padding: 5px;
		text-align: center;
	}
		#cred_stats .cred_line>div:nth-child(1){
			width: 100px;
			text-align: left;
		}
		#cred_stats .cred_line>div:nth-child(2){
			width: 100px;
		}
		#cred_stats .cred_line>div:nth-child(3){
			width: 100px;
		}