@import url('custom_ckeditor.css');
	@import url('custom_foundation.css');
	@import url('custom_owl_slider.css');
	@import url('custom_topbar.css');

	html {
		overflow: -moz-scrollbars-vertical;
	}

	table.list {
		margin: 0;
	}

	td {
		vertical-align: top;
	}

	#toernooi .postfix {
		padding-left: 0.5rem;
		text-align: left;
	}

	#toernooi select, #toernooi option {
		padding-left: 0.5rem;
	}

	.list-navigation {
		margin: 1rem 0;
	}

	.top-margin {
		margin-top: 20px;
	}

	.top-padding {
		padding-top: 20px;
	}

	.show {
		margin: 0 0 1rem;
		padding: 0 0.5rem;
	}

	.color-add { color: #00FF00; }
	.color-dis { color: #D70000; }
	.color-ena { color: #008040; }

	.section {
	    border: 1px solid #d8d8d8;
	}
	.section {
	    background: #F9FBFF none repeat scroll 0 0;
	    border-color: #d8d8d8;
	    border-style: solid;
	    border-width: 1px;
	    color: #333333;
	    margin-bottom: 1.25rem;
	    padding: 1.25rem;
	}

	.reveal-modal {
	    background-color: #E0E0E0;
	}

	.reveal-modal iframe {
 	   margin-bottom: 20px;
	}

	.row-divider {
		margin-top: 30px !important;
		border-top: 1px solid #d8d8d8;
		padding-top: 40px;
	}

	.row {
		max-width: 80rem;
	}

	textarea {
		height: 200px;
	}

	.postfix input[type="file"] {
    	padding-left: 10px;
	}

	.checkbox {
	    -moz-appearance: none;
	    background-color: #ffffff;
	    border-color: #cccccc;
	    border-radius: 0;
	    border-style: solid;
	    border-width: 1px;
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	    box-sizing: border-box;
	    color: rgba(0, 0, 0, 0.75);
	    display: block;
	    font-family: inherit;
	    font-size: 0.875rem;
	    height: 2.3125rem;
	    margin: 0 0 1rem;
	    padding: 0;
	    transition: border-color 0.15s linear 0s, background 0.15s linear 0s;
	    width: 6rem;
	}
	.checkbox .switch {
		margin-bottom: 0;
		width: 100%;
		height: 100%;
	}

	.checkbox .switch label::after {
	    height: 1.7rem;
	    width: 2.5rem;
	}

	.checkbox .switch label {
	    height: 100%;
	    width: 100%;
	}
	.checkbox .switch input:checked + label::after {
	    left: 3rem;
	}

	footer {
		background-color: #333333;
		margin-top: 20px;
		padding: 10px 0;
		color: #FFFFFF;
	}

	.reset {
		background-color: #006282;
	}

	/* This parent can be any width and height */
	.block {
		text-align: center;

		/* May want to do this if there is risk the container may be narrower than the element inside */
		/*white-space: nowrap;*/
	}

	/* The ghost, nudged to maintain perfect centering */
	.block:before {
		content: '';
		display: inline-block;

		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em; /* Adjusts for spacing */
	}

	/* The element to be centered, can also be of any width and height */
	.centered {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
	}

	/* Paste this css to your style sheet file or under head tag */
	/* This only works with JavaScript, if it's not present, don't show loader */
	.no-js #loader { display: none; }
	.js #loader { display: block; }
	.se-pre-con {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url(../assets/img/loader-64x/Preloader_2.gif) center no-repeat rgba(255,255,255,0.6);
	}

	.warning {
		background-color: #9F0000;
		color: #FFFFFF;
	}

	ul.pagination {
	    margin: 0;
	}

	ul.entries {
		display: inline-block;
		margin: 0;
	}

/*******************************************************************************************
 *	FTP - LIST
 *******************************************************************************************/

	a.action {
		display: inline-block;
		margin-right: 15px;
		width: auto;
		text-align: left;
	}
	a.action img {
		margin-right: 4px;
	}

/*******************************************************************************************
 *	SORTABLE TREE
 *******************************************************************************************/

	.move {
		cursor: move;
	}

	#sort, #sort_slider, #tree {
		overflow: auto; /* jQuery UI sortable scroll helper element offset Firefox issue */
	}

	#tree li {
		clear: both;
		display: block;
		margin: 0;
	}
	#tree div.item {
		display: block;
		width: 400px; height: 30px;
	}
	#tree a {
		text-decoration: underline;
		color: #E5036C;
	}
	#tree a.edit {
		margin: 0 0 0 10px; padding: 0;
	}
	#tree img {
		float: left;
	}

	.placeholder {
		outline: 1px dashed #4183C4;
		background-color: #CEF3FF !important;
		/*-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin: -1px;*/
	}

	.mjs-nestedSortable-error {
		background: #fbe3e4;
		border-color: transparent;
	}

	ol {
		margin: 0;
		padding: 0;
		padding-left: 30px;
	}

	ol.sortable, ol.sortable ol {
		margin: 0 0 0 21px;
		padding: 0;
		list-style-type: none;
	}

	ol.sortable {
		margin: 0 0;
	}

	.sortable li {
		margin: 5px 0 0 0;
		padding: 0;
	}

	.sortable li > div  {
		border: 1px solid #d4d4d4;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border-color: #D4D4D4 #D4D4D4 #BCBCBC;
		padding: 6px;
		margin: 0;
		cursor: move;
		background: #f6f6f6;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	}

	li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
		border-color: #999;
		background: #fafafa;
	}

	.disclose {
		float: left;
		cursor: pointer;
		width: 10px;
		padding: 0;
	}

	.sortable li.mjs-nestedSortable-collapsed > ol {
		display: none;
	}

	.sortable li.mjs-nestedSortable-branch > div > .disclose {
		display: inline-block;
		width: 10px;
	}

	.sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
		content: '+ ';
	}

	.sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
		content: '- ';
	}