/* Minification failed. Returning unminified contents.
(2600,19): run-time error CSS1030: Expected identifier, found ' '
(3353,9): run-time error CSS1036: Expected expression, found ';'
(3417,2): run-time error CSS1030: Expected identifier, found ' '
(3417,2): run-time error CSS1019: Unexpected token, found ' '
 */
@media screen {

	/* Font sets */
	/* cyrillic-ext */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/rBHvpRWBkgyW99dXT88n7yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
		unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
	}
	/* cyrillic */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/NX1NravqaXESu9fFv7KuqiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
		unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
	}
	/* vietnamese */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
		unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
	}
	/* latin-ext */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
		unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
	}
	/* latin */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	}

	/* animate anchor hovers */
	a {
		transition: all .2s ease-in-out;
		text-decoration: none;
	}

		a:hover {
			opacity: .7;
		}


	html {
		/*background: url("../Images/bgpattern.png") repeat-x;*/
		background-attachment: fixed;
		margin: 0;
		padding: 0;
		height: 100%;
	}

	body {
		font-size: .90em;
		font-family: Montsserrat, source_sans_proregular, Arial, Helvetica, Sans-Serif;
		line-height: 1.4;
		margin: 0;
		padding: 0;
		height: 100%;
		color: #646464;
		background: none repeat scroll 0 0 #f5f5f5;
	}

	#wrapper {
		width: 980px;
		height: 100%;
		margin: 0px auto;
	}


	#contentwrapper {
		width: 980px;
		background: url("../Images/bg_main.png") repeat-y;
		margin: 0px auto;
	}

	.content-left {
		/*width: 625px;*/
		margin-right: 10px;
		float: left;
		max-width: 800px;
	}

	.content-item-wrapper {
		overflow: hidden;
	}

	.content-item-width150 {
		padding-top: 5px;
		width: 150px;
	}

	.content-item-left {
		float: left;
	}

	#toplogo {
		margin: 10px;
		height: 100px;
		width: 200px;
		background-color: #ccc;
		float: left;
	}

	.top-icn {
		padding: 1px 8px 0px 3px;
		vertical-align: top;
		border: 0px none;
	}

	header {
		background: url("../Images/bizz/bg_header.png");
		height: 100px;
	}

	#content {
		margin: 0px 10px;
		padding: 10px;
		display: block;
		min-height: 300px;
		height: 50%;
	}


	#dashboardbtncontainer {
		background-image: url(../Images/bg_btn_dashboard.png);
		width: 136px;
		height: 160px;
		margin-right: 0px;
		overflow: hidden;
		display: inline-block;
		box-shadow: 1px 1px 5px #ddd;
		moz-box-shadow: 1px 1px 5px #ddd;
	}

	#dashboardbtnicon_edit, #dashboardbtnicon_push, #dashboardbtnicon_info, #dashboardbtnicon_publish, #dashboardbtnicon_config, #dashboardbtnicon_forms {
		width: 104px;
		height: 104px;
		margin: 6px auto;
	}

	#dashboardbtnicon_push {
		background-image: url(../Images/btnicn_push.png);
	}

	#dashboardbtnicon_edit {
		background-image: url(../Images/btnicn_edit.png);
	}

	#dashboardbtnicon_config {
		background-image: url(../Images/btnicn_config.png);
	}

	#dashboardbtnicon_info {
		background-image: url(../Images/btnicn_info.png);
	}

	#dashboardbtnicon_publish {
		background-image: url(../Images/btnicn_publish.png);
	}

	#dashboardbtnicon_forms {
		background-image: url(../Images/btnicon_forms.png);
	}

	#dashboardbtntxt {
		font-size: 14px;
		text-align: center;
		color: #f1f1f1;
		width: 90%;
		margin: 0px auto;
		height: 38px;
	}

	#dashboard_appstatus {
		height: 34px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 5px;
		display: inline-block;
		background-color: #444;
		line-height: 34px;
		color: White;
		padding: 0px 12px;
		font-weight: bold;
		margin-top: 9px;
		margin-right: 15px;
		float: left;
	}

	.recaptchaContainer {
		margin-bottom: 20px;
	}

	.status_incomplete, .status_ready, .status_published {
		font-weight: normal;
	}

	.status_incomplete {
		color: #f09530;
	}

	.status_ready {
		color: #91dc10;
	}

	.status_published {
		color: #f6bb2f;
	}

	a {
		color: #333;
		outline: none;
		padding-left: 1px;
		padding-right: 1px;
		text-decoration: none;
	}

		a:link, a:visited,
		a:active {
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}

	#menu a:hover {
		background-color: #38a8c6;
	}

	header, footer, hgroup,
	nav, section {
		display: block;
	}

	mark {
		background-color: #a6dbed;
		padding-left: 5px;
		padding-right: 5px;
	}

	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

	.clear-fix:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}

	h1, h2, h3,
	h4, h5, h6 {
		color: #646464;
		margin: 0px 0px 5px 0px;
		padding-bottom: 0;
		display: block;
		clear: both;
	}

	h1 {
		font-size: 22px;
		color: #646464;
	}

	h2 {
		font-size: 18px;
	}

	h3 {
		font-size: 16px;
		margin: 4px 0px;
	}

	h4 {
		font-size: 14px;
	}

	h5, h6 {
		font-size: 12px;
	}

	.ui-dialog-titlebar-close {
		visibility: hidden;
	}

	.no-close .ui-dialog-titlebar-close {
		display: none;
	}

	.btn_wizard, .btn_wizard_active {
		width: 190px;
		display: inline-block;
		float: left;
		border: 1px solid #787878;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		margin-right: 10px;
		color: #141414;
		line-height: 26px;
		padding: 0px 15px;
		text-align: left;
	}

	.btn_wizard {
		background-color: #d3dce0;
	}

		.btn_wizard:hover, .btn_wizard_active, btn_wizard_active:hover {
			color: #141414;
			cursor: pointer;
			background-color: #38a8c6;
		}


	.btn_add, .btn_manage, .btn_edit {
		width: 200px;
		height: 40px;
		display: block;
		float: left;
		margin-right: 5px;
		vertical-align: text-top;
	}

	.btnlabel {
		margin-left: 45px;
		line-height: 39px;
		color: White;
		font-weight: normal;
	}

	.btn_dltestapp {
		width: 245px;
		height: 40px;
		display: inline-block;
		float: left;
		margin-right: 5px;
		margin-top: 6px;
		vertical-align: text-top;
		background-image: url("../Images/btn_dl_testapp.png");
	}

	.btn_add {
		background-image: url("../Images/bizz/btn_add.png");
	}

	.btn_manage {
		background-image: url("../Images/bizz/btn_manage.png");
	}


	.btn_edit {
		background-image: url("../Images/bizz/btn_edit.png");
	}


	.btnContainer {
		display: block;
		min-height: 42px;
	}

	.interact {
		width: 100px;
		text-align: center;
	}

	#poll label {
		display: inline-table;
		width: 96px;
		position: relative;
		float: left;
		line-height: 40px;
	}

	#poll textarea {
		width: 450px;
		color: #333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #bbb;
		resize: none;
		font-size: 1.2em;
		padding: 5px;
	}

	#poll li#PushElems label {
		width: 400px;
	}

	#poll li#PushElems input[type='checkbox'] {
		clear: left;
		margin-top: 10px;
		float: left;
		margin-left: 100px;
	}

	#poll li#PushElems input[type='text'] {
		float: left;
		width: 426px;
		margin-left: 5px;
	}


	#poll li#PushElems textarea {
		width: 430px;
		float: left;
	}

	#poll #buttons {
		float: left;
		clear: left;
		margin-top: 10px;
	}

	#testscreens {
		width: 515px;
		height: 445px;
		background-image: url("../Images/tests_backend.png");
	}

	.configurator, .configurator_icons, .configurator_icons td, .configurator td {
		border: 0px solid #ddd;
		border-collapse: collapse;
		width: auto;
		padding: 3px 0px;
		margin: 5px 0px;
		background-color: transparent;
	}

		.configurator td {
			text-align: left;
		}

		.configurator_icons td {
			text-align: left;
			width: 160px;
		}

		.configurator_icons tr:nth-child(even), .configurator tr:nth-child(even) {
			background: transparent;
			border: 0;
		}

		.configurator_icons tr:nth-child(odd), .configurator tr:nth-child(odd) {
			background: transparent;
			border: 0;
		}

	.configurator_template_img {
		height: 310px;
		margin: 2px 15px 2px 0px;
		border: 1px solid #ccc;
	}

	.configurator_icon_img {
		height: 64px;
		margin: 2px 15px;
	}

	.configurator_icon_section {
		height: 24px;
		margin: 0px 10px 2px 5px;
		float: left;
	}
	/* login layout
----------------------------------------------------------*/

	#loginwrapper {
		width: 450px;
		margin: 40px auto;
	}

	/*#loginwrapper_main {
        width: 450px;
        background: url("../Images/bg_login.png") repeat-y;
        margin: 0px auto;
    }*/

	.login-wrapper {
		margin: 0 auto;
		max-width: 420px;
	}

	#menutop_login {
		background: url("../Images/bizz/bg_login_top.png");
		display: block;
		clear: both;
		height: 13px;
		width: 450px;
	}

	footer.login {
		color: #666;
		font-size: 12px;
		line-height: 50px;
		text-align: center;
		margin-top: 2px;
		width: auto !important;
		background: none !important;
	}

	.float-left-login {
		float: none;
		width: 240px;
		height: 40px;
		margin: 0px 10px;
		background: url("../Images/login_footertxt.png") no-repeat;
	}

	#login-footer-end {
		height: 20px;
		width: 450px;
		background: url("../Images/bg_loginfooter_end.png") no-repeat;
	}

	#login_content fieldset input[type="text"],
	#login_content fieldset input[type="email"],
	#login_content fieldset input[type="password"] {
		border: 1px solid #bbb;
		color: #555;
		font-size: 1.2em;
		margin: 0px 0 8px 0;
		padding: 10px 5px;
		width: 450px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
		font-weight: normal;
	}

	/* main layout
----------------------------------------------------------*/
	.content-wrapper {
		margin: 0 auto;
		max-width: 960px;
	}

	#body {
		background-color: #efeeef;
		clear: both;
	}

	.main-content {
		padding-top: 10px;
	}

	footer {
		clear: both;
		width: 960px;
		margin: 0px 10px;
		background-color: #366;
		background: url("../Images/bg_footer.png") repeat-x;
		font-size: .8em;
		min-height: 85px;
		position: relative;
		vertical-align: bottom;
		padding: 0px;
		color: white;
	}

		footer p {
			margin: 0px 10px;
		}

	#footer-end {
		height: 20px;
		width: 980px;
		background: url("../Images/bg_footer_end.png") no-repeat;
	}

	/* site title
----------------------------------------------------------*/
	.site-title {
		color: #c8c8c8;
		font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
		font-size: 2.3em;
		width: 180px;
		height: 75px;
		border: none;
		margin: 20px 0px 0px 10px;
	}

		.site-title a, .site-title a:hover, .site-title a:active {
			background: none;
			color: #c8c8c8;
			outline: none;
			text-decoration: none;
		}


	/* login
----------------------------------------------------------*/
	#login {
		display: block;
		margin: 20px 15px;
		text-align: right;
	}

	#login_top {
		height: 30px;
		display: block;
		text-align: right;
		padding-top: 6px;
		font-size: 15px;
		margin-right: 5px;
		color: #fff;
	}

	#login_bott {
		height: 30px;
		display: block;
		padding-top: 5px;
		text-align: right;
		font-size: 15px;
		margin-right: 5px;
	}

	#login a {
		padding: 0px 1px;
		text-decoration: none;
		font-weight: normal;
	}

		#login a.username {
			background: none;
			margin-left: 0px;
			text-decoration: none;
			font-weight: bold;
			color: #fff;
		}

	#login ul {
		margin: 0;
	}

	#login li {
		display: inline;
		list-style: none;
	}

	/* dashboard
----------------------------------------------------------*/

	#dashscreenshot {
		height: 236px;
		width: 157px;
		margin-left: 21px;
		text-align: right;
		margin-top: 67px;
		float: left;
	}

		#dashscreenshot img {
			width: 100%;
		}

	#dashpreview {
		background-image: url("../Images/dash_iphone.png");
		margin: 0px;
		height: 430px;
		width: 200px;
		overflow: hidden;
		text-align: right;
		float: left;
	}

	#dash_welcome {
		float: left;
		width: 100%;
		margin-left: 5px;
	}

		#dash_welcome a:hover {
			opacity: 1;
		}

	.dash_part {
		width: 600px;
	}

	.dash_part_title {
		display: block;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 16px;
		color: #505050;
		padding-top: 15px;
		padding-bottom: 10px;
	}



	/* grid elements
----------------------------------------------------------*/
	.queuegrid-alt {
		background-color: #fff !important;
	}

	.xgrid {
		width: 620px !important;
	}

	.grid_admin {
		width: 1100px;
	}

	.grid, #photogrid {
		width: 620px;
		z-index: 0;
		position: relative;
	}

		#photogrid, #photogrid td {
			border: 1px solid #ddd;
			border-collapse: collapse;
		}

	.photogrid_thumbcontainer {
		width: 52px;
		max-height: 52px;
		min-height: 52px;
		float: left;
	}

	#photogrid a {
		padding: 0px;
	}

	#photogrid tr:nth-child(even) {
		background: #fff;
	}

	#photogrid tr:nth-child(odd) {
		background: #fff;
	}

	.photogrid_delete {
		background-image: url("../Images/icn_delete_20px.png");
		width: 20px;
		height: 20px;
		margin: 15px;
		float: right;
		display: block;
	}

	.editcolumn {
		width: 50px;
		text-align: center;
	}

	.grid_delete {
		display: block;
		background-image: url("../Images/icn_delete_20px.png");
		width: 19px;
		height: 20px;
		margin: 0px auto;
	}

	.grid_manage {
		display: block;
		background-image: url("../Images/interface.png");
		width: 19px;
		height: 20px;
		margin: 0px auto;
	}

	.grid_view {
		margin: 0px auto;
		text-align: center;
	}

	.grid_thumb {
		max-width: 50px;
		max-height: 50px;
		display: inline;
		margin: 2px;
	}

	.grid_edit {
		display: block;
		background-image: url("../Images/icn_edit_20px.png");
		width: 19px;
		height: 20px;
		margin: 0px auto;
	}

	.grid_clone {
		display: block;
		background-image: url("../Images/icn_clone_20px.png");
		width: 19px;
		height: 20px;
		margin: 0px auto;
	}

	.grid_copy {
		display: block;
		background-image: url("../Images/icn_copy_20px.png");
		width: 19px;
		height: 20px;
		margin: 0px auto;
	}

	.grid_file {
		display: block;
		background-image: url("../Images/icn_link_20px_ex.png");
		width: 19px;
		height: 20px;
		margin: 0px auto;
		cursor: pointer;
	}

	.grid_file_prev {
		display: block;
		background-image: url("../Images/icn_view_20px_Ex.png");
		width: 19px;
		height: 20px;
		margin: 0px auto;
		cursor: pointer;
	}

	.grid_mng_rsv {
		display: block;
		background-image: url("../Images/people_edit20px.png");
		background-repeat: no-repeat;
		background-position: center;
		width: 19px;
		height: 20px;
		margin: 0px auto;
	}

	.grid_email {
		display: block;
		background-image: url("../Images/contact_16px.png");
		background-repeat: no-repeat;
		width: 19px;
		background-position: center;
		height: 20px;
		margin: 0px auto;
	}

	/* page elements
----------------------------------------------------------*/
	/* featured */
	.featured {
		background-color: #fff;
	}

		.featured .content-wrapper {
			background-color: #7ac0da;
			background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
			background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
			background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
			background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
			background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
			color: #3e5667;
			padding: 20px 40px 30px 40px;
		}

		.featured hgroup.title h1, .featured hgroup.title h2 {
			color: #fff;
		}

		.featured p {
			font-size: 1.1em;
		}

	/* page titles */
	hgroup.title {
		margin-bottom: 2px;
	}

		hgroup.title h1, hgroup.title h2 {
			display: block;
		}

		hgroup.title h3 {
			font-weight: normal;
		}

	/* features */
	section.feature {
		width: 300px;
		float: left;
		padding: 10px;
	}

	/* ordered list */
	ol.round {
		list-style-type: none;
		padding-left: 0;
	}

		ol.round li {
			margin: 25px 0;
			padding-left: 45px;
		}

			ol.round li.zero {
				background: url("../Images/orderedList0.png") no-repeat;
			}

			ol.round li.one {
				background: url("../Images/orderedList1.png") no-repeat;
			}

			ol.round li.two {
				background: url("../Images/orderedList2.png") no-repeat;
			}

			ol.round li.three {
				background: url("../Images/orderedList3.png") no-repeat;
			}

			ol.round li.four {
				background: url("../Images/orderedList4.png") no-repeat;
			}

			ol.round li.five {
				background: url("../Images/orderedList5.png") no-repeat;
			}

			ol.round li.six {
				background: url("../Images/orderedList6.png") no-repeat;
			}

			ol.round li.seven {
				background: url("../Images/orderedList7.png") no-repeat;
			}

			ol.round li.eight {
				background: url("../Images/orderedList8.png") no-repeat;
			}

			ol.round li.nine {
				background: url("../Images/orderedList9.png") no-repeat;
			}

	/* content */
	article {
		float: left;
		width: 70%;
	}

	aside {
		float: right;
		width: 25%;
	}

		aside ul {
			list-style: none;
			padding: 0;
		}

			aside ul li {
				background: url("../Images/bullet.png") no-repeat 0 50%;
				padding: 2px 0 2px 20px;
			}

	.label {
		font-weight: 700;
	}

	/* login page */
	#loginForm {
		border-right: solid 2px #c8c8c8;
		float: left;
		width: 45%;
	}

		#loginForm .validation-error {
			display: block;
			margin-left: 15px;
		}

	#socialLoginForm {
		margin-left: 40px;
		float: left;
		width: 50%;
	}

	/* contact */
	.contact h3 {
		font-size: 1.2em;
	}

	.contact p {
		margin: 5px 0 0 10px;
	}

	.contact iframe {
		border: 1px solid #333;
		margin: 5px 0 0 10px;
	}

	/* forms */
	fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}

		fieldset legend {
			display: none;
		}

		fieldset ol {
			padding: 0;
			list-style: none;
			margin-left: 0px;
		}

			fieldset ol li {
				padding-bottom: 5px;
			}

		fieldset label {
			display: block;
			font-size: 14px;
			font-weight: normal;
			margin-bottom: 4px;
		}

			fieldset label.form {
				display: inline;
				font-size: 13px;
				font-weight: bold;
				margin-bottom: 4px;
			}

			fieldset label.form-label {
				font-size: 13px;
				font-weight: bold;
				margin-bottom: 4px;
			}

		fieldset.configurator ol {
			margin-left: -10px;
		}

		fieldset label.checkbox {
			display: inline;
		}

		fieldset input[type="text"],
		fieldset input[type="email"],
		fieldset input[type="password"] {
			color: #333;
			/*font-size: 1.1em;*/
			border: 1px solid #BBB;
			margin: 5px 0px 6px;
			padding: 5px;
			width: 450px;
			border-radius: 4px;
		}

			fieldset input[type="text"]:focus,
			fieldset input[type="email"]:focus,
			fieldset input[type="password"]:focus {
				border: 1px solid #38a8c6;
			}

		.demeter_button,
		fieldset input[type="button"], input[type="button"], fieldset input[type="submit"], input[type="submit"] {
			background-color: #2EA9C9;
			border: 0px solid;
			cursor: pointer;
			font-size: 0.85em;
			font-weight: normal;
			margin-bottom: 5px;
			margin-right: 10px;
			color: #fff;
			padding: 6px 15px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			text-transform: uppercase;
			border: 1px solid transparent;
			-webkit-appearance: none;
		}




			.clicked_button input[type="submit"], .demeter_button:hover,
			fieldset input[type="button"]:hover, input[type="button"]:hover, fieldset input[type="submit"]:hover, input[type="submit"]:hover {
				color: #2EA9C9;
				border: 1px solid #2EA9C9;
				cursor: pointer;
				background-color: transparent;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}

	.submit_button_selected {
		color: #2EA9C9 !important;
		border: 1px solid #2EA9C9 !important;
		background-color: transparent !important;
	}
	.submit_button_checkmark {
		display: inline;
		position: relative;
	}

		.submit_button_checkmark::after {
			/*Add another block-level blank space*/
			content: ''; /*'\2713';*/
			position: absolute;
			/*Make it a small rectangle so the border will create an L-shape*/
			width: 3px;
			height: 6px;
			/*Add a white border on the bottom and left, creating that 'L' */
			border: solid #000;
			border-width: 0 2px 2px 0;
			margin-left: -22px;
			margin-top: 2px;
			/*Rotate the L 45 degrees to turn it into a checkmark*/
			transform: rotate(45deg);
		}

			.demeter_button {
				background-color: #2EA9C9 !important;
				color: #fff !important;
				border: 1px solid #2EA9C9 !important;
			}

		.demeter_button:hover {
			background-color: transparent !important;
			color: #2EA9C9 !important;
			border: 1px solid #2EA9C9 !important;
		}

	a.navback, a.btn {
		background-color: #d3dce0;
		border: 1px solid #787878;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		margin-right: 10px;
		color: #141414;
		display: block;
		float: left;
		height: 30px;
		line-height: 30px;
		padding: 0px 15px;
	}

		a.navback:hover, a.btn:hover {
			color: #141414;
			cursor: pointer;
			background-color: #38a8c6;
		}

	select {
		min-width: 230px;
		height: 24px;
		margin: 2px 0;
		border-color: #BBB;
		border-radius: 3px;
	}

	.small-select {
		min-width: 10px !important;
	}

	.userli input:not([type='checkbox']) {
		min-width: 230px;
	}

	.small-input {
		width: 250px !important;
	}

	.hasDatepicker{
		width: 218px !important;
	}

	#PublishDate {
		width: 250px;
	}

	#WithdrawalDate, #StickyEndDate {
		width: 226px;
	}

	#cke_Body {
		margin: 10px 0px;
	}

	#imagefile {
		margin: 5px 0px;
	}

	/* ajax login/registration dialog */
	.ui-dialog {
		font-family: inherit;
		font-size: 1.0em;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding: 0px;
		box-shadow: 3px 3px 4px #545454;
		border: 1px solid #BBB;
	}

		.ui-dialog input {
			font-family: inherit;
			font-size: 1.25em;
		}

	.ui-dialog-titlebar {
		color: inherit;
		font-weight: inherit;
		border: 0 none;
		background: none;
		float: right;
	}

	.ui-dialog-titlebar-close {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.ui-widget-header {
		border: 0 none;
		background: none;
	}

	.modal-popup {
	}

		.modal-popup input[type="text"],
		.modal-popup input[type="email"],
		.modal-popup input[type="password"] {
			width: 90%;
		}

	/* info and errors */
	.message-info {
		border: 1px solid;
		clear: both;
		padding: 10px 20px;
	}

	.message-error {
		clear: both;
		color: #e80c4d;
		font-size: 1.1em;
		font-weight: bold;
		margin: 20px 0 10px 0;
	}

	.message-success {
		color: #7ac0da;
		font-size: 1.3em;
		font-weight: bold;
		margin: 20px 0 10px 0;
	}

	.error {
		color: #e80c4d;
	}

	/* styles for validation helpers */
	.field-validation-error {
		color: #e80c4d;
		font-weight: bold;
	}

	.field-validation-valid {
		display: none;
	}

	input.input-validation-error,
	textarea.input-validation-error,
	input[type="text"].input-validation-error,
	input[type="email"].input-validation-error,
	input[type="password"].input-validation-error {
		border: 1px solid #e80c4d;
	}

	.validation-summary-errors {
		color: #e80c4d;
		font-weight: bold;
		font-size: 1.1em;
	}

	.validation-summary-valid {
		display: none;
	}

	ul#social li {
		display: inline;
		list-style: none;
	}

		ul#social li a {
			color: #999;
			text-decoration: none;
		}

	a.facebook, a.twitter {
		display: block;
		float: left;
		height: 24px;
		padding-left: 17px;
		text-indent: -9999px;
		width: 16px;
	}

	a.facebook {
		background: url("../Images/facebook.png") no-repeat;
	}

	a.twitter {
		background: url("../Images/twitter.png") no-repeat;
	}

	/* tables
----------------------------------------------------------*/
	table {
		border-spacing: 0;
		margin-top: 0.75em;
		border: 0px solid #bbb;
		border-right: 0px;
		width: 800px;
		background-color: #fff;
	}

	tr.head {
	}

	th {
		font-size: 1.2em;
		text-align: left;
		padding: 4px;
		color: #505050;
	}

		th a {
			display: block;
			position: relative;
		}

			th a:link, th a:visited, th a:active, th a:hover {
				color: #fff;
				font-weight: 600;
				text-decoration: none;
				padding: 0;
			}

			th a:hover {
				color: #fff;
			}

		th.asc a, th.desc a {
			margin-right: .75em;
		}

			th.asc a:after, th.desc a:after {
				display: block;
				position: absolute;
				right: 0em;
				top: 0;
				font-size: 0.75em;
			}

			th.asc a:after {
				content: '▲';
			}

			th.desc a:after {
				content: '▼';
			}

	tr {
		border: 1px solid #ddd;
	}
		tr:nth-child(even) {
			background: #eee;
		}

		tr:nth-child(odd) {
			background: #fff;
		}

	td {
		padding: 4px;
		border-right: 1px solid #bbb;
	}

		td a:hover {
			color: #38a8c6;
		}

	tr.pager td {
		padding: 0 0.25em 0 0;
	}

	table.formselect {
		border: 0;
		background-color: #F0F0F0;
		width: 95%;
	}

	img.forms {
		margin: 2px 6px 2px 0px;
		border: 1px solid #ccc;
		width: 170px;
	}

	table.formselect td {
		border: 0;
		text-align: center;
		padding: 2px 8px;
		vertical-align: top;
		background-color: #F0F0F0;
	}

		table.formselect td.title {
			padding-top: 15px;
			font-size: 14px;
		}

		table.formselect td.desc {
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 14px;
		}

			table.formselect td.desc ul {
				display: table;
				margin: 0 auto;
				padding: 0;
			}

			table.formselect td.desc li {
				text-align: left;
			}

	.btn_formselect {
		background-color: #d3dce0;
		border: 1px solid #787878;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		margin-right: 5px;
		color: #141414;
		padding: 8px 15px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.btn_formselect:hover {
			color: #141414;
			cursor: pointer;
			background-color: #38a8c6;
		}
}
/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

	/* header
    ----------------------------------------------------------*/
	header .float-left,
	header .float-right {
		float: none;
	}

	/* logo */
	header .site-title {
		margin: 10px;
		text-align: center;
	}

	/* login */
	#login {
		font-size: .85em;
		margin: 0 0 12px;
		text-align: center;
	}

		#login ul {
			margin: 5px 0;
			padding: 0;
		}

		#login li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#login a {
			background: none;
			color: #999;
			font-weight: 600;
			margin: 2px;
			padding: 0;
		}

			#login a:hover {
				color: #333;
			}

	/* menu */
	nav {
		margin-bottom: 5px;
	}

	ul#menu {
		margin: 0;
		padding: 0;
		text-align: left;
	}

		ul#menu li {
			margin: 0;
			padding: 0;
		}


	/* main layout
    ----------------------------------------------------------*/
	.main-content,
	.featured + .main-content {
		background-position: 10px 0;
	}

	.content-wrapper {
		padding-right: 10px;
		padding-left: 10px;
	}

	.featured .content-wrapper {
		padding: 10px;
	}

	/* page content */
	article, aside {
		float: none;
		width: 100%;
	}

	/* ordered list */
	ol.round {
		list-style-type: none;
		padding-left: 0;
	}

		ol.round li {
			padding-left: 10px;
			margin: 25px 0;
		}

			ol.round li.zero,
			ol.round li.one,
			ol.round li.two,
			ol.round li.three,
			ol.round li.four,
			ol.round li.five,
			ol.round li.six,
			ol.round li.seven,
			ol.round li.eight,
			ol.round li.nine {
				background: none;
			}

	/* features */
	section.feature {
		float: none;
		padding: 10px;
		width: auto;
	}

		section.feature img {
			color: #999;
			content: attr(alt);
			font-size: 1.5em;
			font-weight: 600;
		}

	/* forms */
	fieldset input[type="text"],
	fieldset input[type="email"],
	fieldset input[type="password"] {
		width: 90%;
	}

	/* login page */
	#loginForm {
		border-right: none;
		float: none;
		width: auto;
	}

		#loginForm .validation-error {
			display: block;
			margin-left: 15px;
		}

	#socialLoginForm {
		margin-left: 0;
		float: none;
		width: auto;
	}

	/* footer
    ----------------------------------------------------------*/
	footer .float-left,
	footer .float-right {
		float: none;
	}

	footer p {
		margin: 0;
	}

	ul#social {
		padding: 0;
		margin: 10px;
	}

	a.facebook, a.twitter {
		background: none;
		display: inline;
		float: none;
		padding-left: 0;
		text-indent: 0;
	}
}

@media screen {

	#BatchSubmit, #DeleteSubmit {
		padding: 1px 10px;
		margin: 0 5px;
		font-size: 12px;
	}

	#BatchAction * {
		vertical-align: middle;
		margin: 2px 0;
	}

	#facebookbtn * {
		height: 34px;
	}

	#facebookleft {
		width: 33px;
		display: inline;
		float: left;
		text-align: center;
		background-image: url('../Images/btn_facebookleft.png');
	}

	.facebookchk {
		margin: 1px auto;
	}

	#poll label, #notifications label {
		display: inline-table;
		width: 98px;
		position: relative;
		float: left;
		line-height: 40px;
		font-weight: bold;
	}

	#notifications label {
		width: 180px;
	}

	#poll textarea {
		width: 450px;
		color: #333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #bbb;
		resize: none;
		font-size: 1.2em;
		padding: 5px;
	}

	#notifications textarea {
		width: 450px;
		color: #333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #bbb;
		font-size: 1.2em;
		padding: 5px;
	}

	#poll li, #notifications li {
		display: block;
		text-align: left;
		clear: left;
	}

	#poll select, #notifications select {
		margin-top: 9px;
	}

	.check {
		margin-top: 13px;
	}


	#header {
		max-width: 100%;
		overflow: hidden;
	}

	.h1dash {
		border: none;
		padding: 0;
		margin-bottom: 10px;
	}

	#dashboardbtncontainer {
		width: 400px;
		height: 46px;
		background-color: #fff;
		color: #505050;
		line-height: 46px;
		font-weight: normal;
		font-size: 15px;
		overflow: hidden;
		margin-bottom: 4px;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-image: none;
	}

		#dashboardbtncontainer:hover {
			-webkit-transform: translateX(3px);
			transform: translateX(3px);
		}

	#dashboardbtntxt {
		width: 276px;
		float: left;
		display: inline;
		margin-left: 5px;
		font-size: 17px;
		font-weight: 100;
		color: #505050;
		text-align: left;
	}

	#dashboardbtnicon_edit, #dashboardbtnicon_polls, #dashboardbtnicon_push, #dashboardbtnicon_configure,
	#dashboardbtnicon_stats, #dashboardbtnicon_forms, #dashboardbtnicon_people, #dashboardbtnicon_siteconfig,
	#dashboardbtnicon_appconfig, #dashboardbtnicon_fileconfig, #dashboardbtnicon_files, #dashboardbtnicon_manuals, #dashboardbtnicon_app_login, #dashboardbtnicon_archive, #dashboardbtnicon_send_message, #dashboardbtnicon_push_plan, #dashboardbtnicon_popup_message, #dashboardbtnicon_classbook, #dashboardbtnicon_personal_inbox {
		float: left;
		display: inline;
		width: 48px;
		height: 44px;
		margin: 0px 6px;
	}

	#dashboardbtnicon_edit {
		background-image: url('../Images/svg/icon_edit.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_send_message {
		background-image: url('../Images/svg/icon_send_message.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_push {
		background-image: url('../Images/svg/icon_push.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_push_plan {
		background-image: url('../Images/svg/icon_push_plan.svg');
		background-repeat: no-repeat;
		background-position: center left 14.5px;
	}

	#dashboardbtnicon_popup_message {
		background-image: url('../Images/svg/icon_popup.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}


	#dashboardbtnicon_archive {
		background-image: url(../Images/svg/icon_archive.svg);
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_classbook {
		background-image: url('../Images/svg/icon_classbook.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_personal_inbox {
		background-image: url('../Images/svg/icon_personal_inbox.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_configure {
		background-image: url('../Images/svg/icon_configure.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_stats {
		background-image: url('../Images/svg/icon_statistics.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_forms {
		background-image: url('../Images/svg/icon_forms.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_polls {
		background-image: url('../Images/svg/icon_polls.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_app_login {
		background-image: url('../Images/svg/icon_app_logins.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_people {
		background-image: url('../Images/svg/icon_pi_settings.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_appconfig {
		background-image: url('../Images/svg/icon_app_configuration.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_siteconfig {
		background-image: url('../Images/svg/icon_computer.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_files {
		background-image: url('../Images/svg/icon_files.svg');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtnicon_fileconfig {
		background-image: url('../Images/icn_siteconfig_44px.png');
		background-repeat: no-repeat;
		background-position: center center;
	}

	#dashboardbtn_arrow {
		width: 46px;
		height: 46px;
		float: right;
		background-color: #38A8C6;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	img.arrow {
		margin: 12px 13px;
	}

	#dashpreview {
		margin: 0px 10px 0 0;
	}

	#dash_items {
		width: 500px;
		float: left;
	}

	#dash_qr {
		margin-left: 520px;
		width: 205px;
	}

	#dash_qr_box {
		padding: 20px;
		background-color: rgba(56, 168, 198, 0.5);
		height: 205px;
		width: 205px;
	}

	#dash_welcome {
		float: left;
		margin-left: 10px;
		background-color: transparent;
	}

	#dashboard_appstatus {
		height: 34px;
		line-height: 34px;
		display: inline-block;
		color: #505050;
		font-size: 14px;
		font-weight: bold;
		margin: 10px 0;
		float: left;
		padding: 0;
		background-color: transparent;
	}

	.status_incomplete, .status_ready, .status_published {
		font-weight: bold;
	}

	.appstatslbl {
		float: left;
		width: 110px !important;
	}

	.appstatsdiv h2 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 2px;
	}

	#dashbtns {
		width: 402px;
	}

		#dashbtns a {
			padding: 0;
		}

	#url {
		margin-bottom: 12px;
	}


	#ui-datepicker-div select {
		min-width: 49% !important;
	}


	#UsagePercents {
		width: 468px;
		background-color: #eee;
		border: 2px solid #f5f5f5;
		border-radius: 8px;
		overflow: hidden;
		height: 68px;
		margin: 5px 0;
	}

	.AppleUsage, .AndroidUsage, .WebPortalUsage {
		display: inline;
		float: left;
		height: 68px;
		color: white;
		font-size: 20px;
		line-height: 68px;
		font-weight: normal;
		overflow: hidden;
	}

	.legend {
		height: 22px;
		line-height: 18px;
		display: block;
		font-size: 14px;
		margin: 2px 2px 10px 2px;
	}

	h2.stats {
		font-size: 19px;
		margin-left: 2px;
		margin-top: 6px;
		font-weight: normal;
		color: #666;
	}

	h3.stats {
		font-size: 18px;
		margin-left: 2px;
		margin-top: 12px;
		font-weight: normal;
		color: #999;
	}

	.AppleUsage span, .AndroidUsage span, .WebPortalUsage span {
		margin-left: 8px;
	}

	.legend span {
		float: left;
		margin-right: 10px;
	}

	.LegendApple, .LegendAndroid, .LegendWebPortal {
		float: left;
		margin-right: 5px;
		width: 18px;
		height: 18px;
	}

	.AppleUsage, .LegendApple {
		background-color: #49a6d4;
	}

	.AndroidUsage, .LegendAndroid {
		background-color: #9ed13c;
	}

	.WebPortalUsage, .LegendWebPortal {
		background-color: #ffa319;
	}

	.AppleUsage {
		background: #49a6d4; /* Old browsers */
		background: -moz-linear-gradient(top, #49a6d4 20%, #3e8bb1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#49a6d4), color-stop(100%,#3e8bb1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #49a6d4 20%,#3e8bb1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #49a6d4 20%,#3e8bb1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #49a6d4 20%,#3e8bb1 100%); /* IE10+ */
		background: linear-gradient(to bottom, #49a6d4 20%,#3e8bb1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a6d4', endColorstr='#3e8bb1',GradientType=0 ); /* IE6-9 */
	}

	.AndroidUsage {
		background: #9cce3c; /* Old browsers */
		background: -moz-linear-gradient(top, #9cce3c 20%, #7ea731 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9cce3c), color-stop(100%,#7ea731)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #9cce3c 20%,#7ea731 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #9cce3c 20%,#7ea731 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #9cce3c 20%,#7ea731 100%); /* IE10+ */
		background: linear-gradient(to bottom, #9cce3c 20%,#7ea731 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cce3c', endColorstr='#7ea731',GradientType=0 ); /* IE6-9 */
	}

	.WebPortalUsage {
		background: #ffa319; /* Old browsers */
		background: -moz-linear-gradient(top, #ffa319 20%, #ff9900 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9cce3c), color-stop(100%,#ff9900)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffa319 20%,#ff9900 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffa319 20%,#ff9900 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffa319 20%,#ff9900 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffa319 20%,#ff9900 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa319', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
	}

	.DLwrapper {
		height: 108px;
		margin: 20px 0;
	}

	.DownloadBlock {
		display: inline;
		float: left;
		min-width: 192px;
		height: 108px;
		border-radius: 8px;
		overflow: hidden;
		color: #fff;
		margin-right: 20px;
	}

	.DLAndroid_top {
		background-color: #9cce3c;
	}

	.DLAndroid_bott {
		background-color: #7ea731;
	}

	.DLiOS_top {
		background-color: #49a6d4;
		height: 62px;
	}

	.DLiOS_bott {
		background-color: #3e8bb1;
		height: 46px;
	}

	#stats label {
		display: inline;
	}

	#stats input[type="text"] {
		width: 106px;
		margin: 0 6px;
		text-align: center;
	}

	#setPeriod {
		padding: 4px 10px;
		margin-left: 4px;
		font-weight: normal;
	}

	#IosDiv, #AndroidDiv, #WebPortalDiv {
		transition: width .8s ease;
		transition-duration: 1.4s;
	}

	span.fadex {
		display: none;
	}

	/* Multiselect styles les rapportage scherm */
	.resgrid input[type=text] {
		max-width: 55px;
		border: 1px solid #BBB;
		color: #333;
		padding: 4px;
		border-radius: 4px;
		moz-border-radius: 4px;
		webkit-border-radius: 4px;
	}

	#filterblock .datefilter {
		float: left;
		margin: 5px 0px 5px 0px;
		width: auto;
	}

	#filterblock {
		padding: 2px;
		border: 0px;
	}

		#filterblock:after {
			content: ".";
			height: 0px;
			display: block;
			visibility: hidden;
			clear: both;
		}

		#filterblock input[type=submit]:last-of-type {
			position: relative;
			margin-right: 50px;
		}

		#filterblock input[type="text"] {
			border: 1px solid #BBB;
			color: #333;
			font-size: 1.0em;
			margin: 0px 15px 0 0;
			padding: 4px;
			max-width: 100px;
			border-radius: 4px;
			moz-border-radius: 4px;
			webkit-border-radius: 4px;
		}

		#filterblock .dp {
			margin: 0px 10px;
			max-width: 90px;
		}

	.MultiSelect div {
		float: left;
	}

	.MultiSelect {
		margin-top: 10px;
		margin-bottom: 10px;
		width: 30%;
		width: inherit;
		margin-right: 15px;
		float: left;
	}

		.MultiSelect > label {
			padding: 4px 8px;
			float: left;
		}

		.MultiSelect label {
			line-height: 24px;
			margin-right: 10px;
			padding: 0px;
		}

		.MultiSelect label {
			line-height: 24px;
			margin-right: 10px;
			padding: 0px;
		}

		.MultiSelect .MultiSelectControl {
		}

		.MultiSelect .MultiSelectControlIface {
			cursor: pointer;
			border: 1px solid #BBB;
			padding: 2px 5px;
			background-color: #FFF;
			color: #555;
			float: left;
			width: 180px;
			moz-border-radius: 2px;
			border-radius: 2px;
			webkit-border-radius: 2px;
		}

		.MultiSelectExtraWide .MultiSelectControlIface {
			width: 360px !important;
		}

		.MultiSelect .MultiSelectDropDown {
			display: none;
			position: relative;
			width: 33%;
			height: 0px;
			clear: left;
		}

		.MultiSelect .MultiSelectDropDownShown {
			display: block;
		}

	.btnblock, .filtercontainer {
		display: block;
		clear: both;
	}

	.MultiSelectDropDownInner {
		position: absolute;
		padding: 2px;
		z-index: 4;
		left: 0px;
		float: left;
		background-color: #eee;
		color: #666;
		width: 186px;
		border: 1px solid #bbb;
		-webkit-box-shadow: inset 0px 0px 4px 0px rgba(80, 80, 80, 0.3);
		-moz-box-shadow: inset 0px 0px 4px 0px rgba(80, 80, 80, 0.3);
		box-shadow: inset 0px 0px 4px 0px rgba(80, 80, 80, 0.3);
		border-radius: 0 0 4px 4px;
		moz-border-radius: 0 0 4px 4px;
		webkit-border-radius: 0 0 4px 4px;
		max-height: 320px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.MultiSelectExtraWide .MultiSelectDropDownInner {
		width: 366px !important;
	}

		.MultiSelectDropDownInner label {
			float: left;
			max-width: 80%;
		}

		.MultiSelectDropDownInner input[type="checkbox"] {
			float: left;
			clear: both;
		}

	.multiselect select {
		width: 90%;
		height: 100px;
		font-size: 12px;
		line-height: 1.4;
	}

		.multiselect select option {
			padding: 2px 4px;
		}

	div.knoppenbalk {
		padding: 5px;
		margin-top: 10px;
	}

	/* ~Multiselect styles les rapportage scherm */

	.numeric {
		width: 40px !important;
		text-align: center;
	}

	.numericgridlabel {
		float: left;
		width: 150px;
		padding-top: 8px;
	}

	.overviewtable {
		display: none;
	}
}

.resgrid {
	max-width: 960px;
	width: 960px;
}

@media print {
    .noprint{
        display: none;
    }

	body {
		background: none repeat scroll 0 0 #fff;
	}

	#topmenu, #header, #menu, #filterblock, footer, .resintro {
		display: none !important;
	}

	#outerwrapperNoMenu {
		margin: 20px;
	}

	#outerwrapper {
		margin: 20px !important;
	}

	#innerwrapper {
		padding-top: 10px !important;
	}

	input[type=submit], input[type=button] {
		display: none;
	}

	.entries {
		border: 0;
	}

	* {
		font-family: Arial, sans-serif;
		font-size: 12px;
	}

	td, th {
		text-align: left;
		padding-right: 5px;
	}

	a {
		text-decoration: none;
		color: #000;
	}

	.resgrid {
		max-width: 90%;
		min-width: 75%;
	}

	.overviewtable {
		display: inline;
	}

	.slr_footer {
		display: none;
	}

    .header-ribbon {
        display:none;
    }

    fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

        fieldset legend {
            display: none;
        }

        fieldset ol {
            padding: 0;
            list-style: none;
            margin-left: 0px;
        }

            fieldset ol li {
                padding-bottom: 5px;
            }
}

/*@media print {
    #topmenu, #filterblock, footer, .resintro {display:none;}
    input[type=submit], input[type=button] {display:none;}
    .entries {border: 0;}
    * {font-family:Arial, sans-serif; font-size: 12px;}
    td, th {text-align: left; padding-right: 5px;}
    a {text-decoration: none; color: #000;}
    .resgrid {max-width: 90%; min-width: 75%}
    .overviewtable {
        display:inline;
    }
    .slr_footer {
        display:none;
    }
}*/

span.fadex {
	display: none;
}


img.galleryimg {
	max-width: 100%;
	max-height: 100%;
}

div.galleryimg {
	display: inline-block;
	max-width: 100px;
	max-height: 100px;
}

img.galleryimg-selected {
	border: 5px solid red;
}
/*.dz-hidden-input {
    z-index: 10000;
}*/
#artemis {
	z-index: 10000;
}

.ui-dialog {
	z-index: 10000;
}
/* Deze styles gelden voor zowel print als screen weergave */

.rescol1 {
	width: 17%;
}

.rescol2 {
	width: 9%;
}

.rescol3 {
	width: 13%;
}

.rescol4 {
	width: 18%;
}

.rescol5 {
	width: 12%;
}

.rescol6 {
	width: 12%;
}

.rescol7 {
	width: 8%;
}

.rescol8 {
	width: 11%;
}


td.footer_Left {
	width: 57%;
}

td.footer_cap {
	width: 12%;
}

td.footer_res {
	width: 12%;
}

td.footer_free {
	width: 8%;
}

td.footer_att {
	width: 11%;
}

.slr_footer td {
	padding: 0px 6px;
	border-width: 0px;
}

.slr_footer {
	margin-top: -1px;
	width: 100%;
	border-width: 0px;
}

/* artemis css */
div.artemis-thumb {
	display: inline-block;
	margin: 5px;
	text-align: center;
	position: relative;
	display: none;
	cursor: pointer;
	border-radius: 4px;
	moz-border-radius: 4px;
	webkit-border-radius: 4px;
	width: 150px;
	height: 110px;
}

img.artemis-thumb-img {
	max-width: 150px;
	max-height: 150px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 4px;
	moz-border-radius: 4px;
	webkit-border-radius: 4px;
	width: 150px;
	height: 110px;
	margin: 4px 2px;
}

#artemis {
	background-color: white;
	padding: 0px;
}

.ui-tabs-nav {
	padding: 5px 5px 0px 0px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #ddd !important;
}

.ui-widget-header .ui-state-active {
	background: #fff !important;
}

.ui-widget-header: {
	background-color: red !important;
}

.artemis-tablist ul li a {
	font-weight: normal !important;
}

.editgroup .ui-tabs-panel {
	padding: 20px 10px;
	border-width: 1px;
	background: #fff;
	overflow: auto;
}

.dropzone {
	background-color: #eee !important;
	height: 80%;
	border-radius: 4px;
	margin: 10px;
	text-align: center;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}

.ui-widget select, .ui-widget input {
	font-size: .9em;
	padding: 3px 5px;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: 0.5em 0.7em;
	text-decoration: none;
	font-size: .9em;
}

div.galleryimg {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 5px;
	text-align: center;
	position: relative;
}

span.galleryimg {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

img.galleryimg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

img.galleryimg-selected {
	border: 3px solid #0CE;
	max-height: 94px;
	max-width: 94px;
}

.ui-draggable-handle {
	background-color: #ddd !important;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0.6em 1em;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #38A8C6 !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	background-color: #D3DCE0;
	border: 1px solid #787878;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 5px;
	color: #141414;
	padding: 2px 8px;
	border-radius: 4px;
	moz-border-radius: 4px;
	webkit-border-radius: 4px;
	background-image: none;
}

	.ui-dialog .ui-dialog-buttonpane button:hover {
		color: #141414;
		cursor: pointer;
		background-color: #38a8c6;
		color: white;
	}

.noTitleStuff .ui-dialog-titlebar {
	display: none;
}

/* ~artemis css */

.ListImport {
	float: left;
	margin-top: 5px;
}

div.AppSum {
	padding: 10px 0px;
}

	div.AppSum:after {
		content: ".";
		height: 0px;
		display: block;
		visibility: hidden;
		clear: both;
	}

	div.AppSum div {
		float: left;
		clear: left;
	}

	div.AppSum span.AppSumLabel {
		width: 200px;
		font-weight: bold;
		float: left;
	}

	div.AppSum span.AppSumData {
		font-weight: bold;
		font-style: italic;
		float: left;
	}

	div.AppSum div.AppSumLink {
		padding-top: 2px;
		text-align: center;
	}

		div.AppSum div.AppSumLink:nth-of-type(3) {
			padding-top: 20px;
		}

.MultiSelect .MultiSelectControlIface {
	background-image: url('../Images/bg_dropdown.png');
	background-repeat: no-repeat;
	background-position: right;
}

/*menu styles v2*/

#topmenu a {
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	transition: all 0.3s ease 0s !important;
}

	#topmenu a:hover {
		color: #ccc;
	}

	#topmenu a.username {
		font-weight: bold;
		margin: 0 5px 0 0 !important;
		color: #2ea9c9;
	}

		#topmenu a.username:hover {
			color: #fff;
		}

.top_divider {
	color: #2ea9c9;
}

#outerwrapperNoMenu {
	min-height: 100%;
	margin: 0;
	background: #fff;
}

/* Layout */
#outerwrapper {
	min-height: 100%;
	margin: 0 0 0 200px;
	background: #fff;
}

#innerwrapper {
	float: left;
	width: 100%;
	padding-top: 61px; /* to clear header */
	margin-right: -3px; /* to stop columns dropping */
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #333;
	color: #fff;
	overflow: hidden;
}

#header_logo {
	float: left;
	margin: 4px 8px;
}

	#header_logo img {
		height: 25px;
		padding: 15px 5px;
	}

.top-home {
	display: none;
}

#topmenu {
	height: 52px;
	line-height: 52px;
	padding: 0px;
	margin-right: 10px;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 0.9em;
}

.userpic {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 8px;
}

.top-icn {
	padding: 0px 6px 0px 10px;
	vertical-align: middle;
	border: 0px none;
}

#menu {
	position: relative; /* IE needs this to show float */
	width: 199px;
	float: left;
	margin-left: -199px; /* must be 1px less than width otherwise won't push footer down in some browsers */
	left: -1px;
	padding-bottom: 52px; /* clear footer */
}

#footer {
	width: 100%;
	clear: both;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: #505050;
	position: relative;
	font-size: .8em;
	margin-top: -50px; /* drag footer from below the fold */
}

	#footer p {
		margin-left: 10px;
	}

#centercontent {
	float: right;
	width: 100%;
	position: relative;
	padding-bottom: 52px; /* clear footer */
	margin-left: -1px;
	background-color: #ffffff;
}

#centercontent_inner {
	margin: 10px;
}

.clearer {
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	clear: both;
}

/* Menu */

#nav_resp {
	display: none;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background: #2ea9c9;
	text-align: center;
	padding: 8px 0;
	display: none;
}

/*Hide checkbox*/
input.menutrigger[type=checkbox] {
	display: none;
}

	/*Show menu when invisible checkbox is checked*/
	input.menutrigger[type=checkbox] ~ #nav_resp {
		display: none;
	}

	input.menutrigger[type=checkbox]:checked ~ #nav_resp {
		display: block;
	}

.nav, .nav ul, .nav li {
	list-style: none;
}

	.nav ul {
		padding: 0;
		margin: 0;
	}

.nav {
	padding: 0px;
	margin: 0px;
}

	.nav > li {
		margin: 0px;
		background-color: #F5F5F5;
		color: #505050;
		border-bottom: 1px solid rgb(235, 235, 235);
	}

li.menuheader {
	background-color: #2ea9c9;
	color: white;
	padding: 3px 12px;
	font-size: 0.9em;
	border-top: 0px;
	margin-top: -1px;
}

.nav > li li {
	margin: 0px 0;
}

.nav a {
	color: #505050;
	display: block;
	outline: none;
	text-decoration: none;
	transition: all 0.4s ease 0s !important;
	border-left: 3px solid #f5f5f5;
}

.nav li a:hover {
	display: block;
	outline: none;
	text-decoration: none;
	background-color: #E6E6E6;
	color: #FFF;
	border-left: 3px solid #2ea9c9;
	opacity: 1;
}

.nav > li.active > a {
	border-top: 0px solid #ffd251;
	text-align: left;
	color: #505050;
	border-right: 2px solid #F5F5F5;
	border-left: 3px solid #2ea9c9;
	background-color: #FFF;
}

.nav li a {
	font-size: 14px;
	line-height: 26px;
	padding: 4px 10px;
	font-weight: normal;
}

.nav li ul li a, li.sub a {
	background-color: rgb(220, 220, 220);
	border-bottom: 1px solid rgb(170, 170, 170);
	color: rgb(100, 100, 100);
	border-left: 3px solid rgb(153, 153, 153);
}

	.nav li ul li a:hover, .nav li ul li a:active, li.sub a:hover, li.sub a:active {
		background-color: #666;
		color: #fff;
		border-left: 3px solid #333;
		border-bottom: 1px solid #404040;
	}

.nav li ul li.sub_active a {
	background-color: #444;
	color: #f5f5f5;
	border-left: 3px solid #2ea9c9;
	border-bottom: 1px solid #404040;
}

.nav > li > ul > li > a {
	font-size: 13px;
	line-height: 26px;
	padding: 4px 10px;
}

/* Loggin scherm */

#menutop_login {
	background: url("../Images/bizz/bg_login_top.png");
	display: none;
	clear: both;
	height: 13px;
	width: 450px;
}


#loginwrapper_main {
	width: 420px;
	margin: 0 auto;
}

.login-banner-wrapper {
	text-align: center;
	width: 450px;
	margin: 0 auto;
	padding: 20px 0;
	background-color: rgba(40, 40, 40, 0.8);
	border-radius: 20px;
}

.login-banner {
	margin-bottom: 100px;
	font-size: 20px;
	font-weight: bold;
	color: #fff !important;
}

.login-banner img {
	margin-top: 10px;
	width: 370px;
}

.login-wrapper {
	margin: 0 auto;
	max-width: 420px;
}

#loginwrapper hgroup.title h1 {
	color: #666;
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	margin: 20px 0;
}

#login_content {
	margin: 0 10px;
	padding: 10px;
	display: block;
	height: 50%;
	text-align: center;
}

	#login_content .passwordForgotContainer {
		text-align: right;
		padding-right: 30px;
	}

	#login_content div:not(.validation-summary-errors) > a {
		font-weight: normal;
		color: #666;
	}

	#login_content fieldset label {
		/*   display: none; */
		max-width: 340px;
		margin: 4px auto;
	}

	#login_content fieldset ol {
		padding: 0;
		list-style: none;
		margin-left: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}

.bg-img {
	background-image: url('../Images/login_bg.jpg');
	background-size: cover;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 0;
	background-position: center center;
}

#loginwrapper {
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px white;
	box-shadow: 1px 1px 7px #444;
	border-radius: 20px;
}

	#loginwrapper hgroup.title h1 {
		color: #2EA9C9;
		font-size: 32px;
		font-weight: normal;
		text-align: center;
		margin: 20px 0px;
	}

#login_content fieldset input[type="submit"], #login_content input[type="submit"] {
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px;
	color: #FFF;
	padding: 10px 15px;
	border-radius: 6px;
	width: 332px;
	border: 1px solid #9BCEDC;
	background: linear-gradient(to bottom, #4DB9D6 0%, #2E9AB8 100%) repeat scroll 0% 0% transparent;
	-webkit-appearance: none;
}

#login_content .recaptchaContainer {
	margin-bottom:0px;
	width: 332px;
	display: inline-block;
}

.ctatitle {
	width: 200px;
	vertical-align: top;
}

.ctainput {
	width: 94% !important;
	max-width: 94% !important;
}

.ctagrid {
	width: 100% !important;
	max-width: 100% !important;
}
/* ~CTA */

.helpLabel {
	display: inline !important;
}

span.statusmsg {
	margin: 14px;
	color: red;
	font-weight: bold;
	float: left;
	display: block;
}


table.grid {
	width: 98%;
	max-width: 1000px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
	margin: 15px 0px;
	clear: both;
}

p.grid_info {
	width: 98%;
	max-width: 1000px;
	text-align: justify;
}

th {
	border-bottom: 1px solid #2EA9C9;
	text-align: left;
	padding: 6px;
	font-weight: bold;
	font-size: 14px;
}

	th a, th a:link, th a:hover, th a:active, th a:visited {
		text-decoration: none;
		color: #505050;
	}

tr {
	border: 0px solid #ddd;
}

	tr:nth-child(even) {
		background: #eee;
	}

	tr:nth-child(odd) {
		background: #fff;
	}

td {
	padding: 6px;
	border: 0px;
}

.editcolumn {
	width: 36px;
	text-align: center;
}

#footer p {
	margin: 0px 10px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#dashpreview {
		display: none;
	}

	#dashboardbtncontainer:hover {
		-webkit-transform: none;
		transform: none;
	}


	fieldset label {
		width: 90%;
	}

	.grid, #photogrid, .content-left {
		width: 100%;
	}
}


.artemis-button {
	height: 100px;
	width: 165px;
	margin-left: 5px;
	background-color: #ccc !important;
	border-color: #aaa !important;
	-webkit-appearance: none;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3) inset;
}

	.artemis-button:hover {
		background-color: #999 !important;
		border-color: #999;
		color: white;
	}

.stack:before, .stack:after {
	content: "";
	border-radius: 3px;
	width: 100%;
	height: 114px;
	position: absolute;
	border: 8px solid #fff;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.stack:before {
	top: 4px;
	z-index: -10;
}
/* 1st element in stack (behind image) */
.stack:after {
	top: 8px;
	z-index: -20;
}
/* 2nd element in stack (behind image) */

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}

.stack.twisted:after {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.stack.single:before, .stack.single:after {
	display: none;
}

.stack {
	width: 22%;
	margin: 0 4% 4% 0;
	position: relative;
	z-index: 10;
	background-size: cover !important;
}

	.stack img {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
		border: 8px solid #fff;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
		height: 110px;
	}

	.stack:last-of-type {
		margin-right: 20px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

div.artemis-thumb {
	width: 150px;
	height: 110px;
	margin:;
}

img.artemis-thumb-img {
	margin: 8px 2px;
}


.error_report {
	display: none;
	margin: 10px;
	border: solid 1px black;
	background-color: azure;
}

.error_report_exception {
	margin: 5px;
}

.error_report_exception_title {
	font-weight: bold;
	font-size: 16px;
}

.error_report_exception_message {
	font-size: 15px;
	padding: 4px;
}

.error_report_exception_stacktrace {
	padding: 6px;
	font-size: 12px;
	font-style: italic;
}

.ui-multiselect {
	/*margin: -200px 0 0 -150px;*/
	left: 50%;
	top: 50%;
}

.ui-widget-overlay {
	position: fixed;
}

li.demeter-item {
	font-size: 14px;
	line-height: 1.8;
}

ul.demeter-selectlist {
	list-style: none;
	padding-left: 2px;
}

.demeter-popup-title {
	font-weight: bold;
	font-size: 18px;
}





. /*Hermes*/
#publish_block {
	margin-bottom: 1.5em;
	display: block;
	height: 120px;
	float: left;
}

#publish_block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#publish_block input[type=checkbox]:not(old) {
	width: 0px;
	margin: 0;
	padding: 0;
	opacity: 0;
}

	#publish_block input[type=checkbox]:not(old) + input + label {
		display: inline-block;
		margin-left: 3px;
		padding-left: 72px;
		background: url('../Images/app_checkbox.png') no-repeat 0 0;
		line-height: 68px;
		width: 1px;
	}

#publish_block input.facebook[type=checkbox]:not(old) + input + label {
	background: url('../Images/facebook_checkbox.png') no-repeat 0 0;
}

#publish_block input.twitter[type=checkbox]:not(old) + input + label {
	background: url('../Images/twitter_checkbox.png') no-repeat 0 0;
}

#publish_block input.site[type=checkbox]:not(old) + input + label {
	background: url('../Images/site_checkbox.png') no-repeat 0 0;
}

#publish_block input.push[type=checkbox]:not(old) + input + label {
	background: url('../Images/push_checkbox.png') no-repeat 0 0;
}

#publish_block input.narrowcasting[type=checkbox]:not(old) + input + label {
	background: url('../Images/narrowcasting_checkbox.png') no-repeat 0 0;
}

#publish_block input[type=checkbox]:not(old):checked + input + label {
	background-position: 0 -68px;
}

#publish_block input[type=radio]:not(old):checked + input + label {
	background-position: 0 -68px;
}



.publish_label {
	clear: both;
	display: block;
	width: 82%;
	text-align: center;
	color: #787878;
	font-size: 0.95em;
}

.publish_check {
	display: inline;
	float: left;
	margin-right: 10px;
}



.ui-dialog {
	width: 300px;
	height: 400px;
	margin: -200px 0 0 -150px;
	left: 50%;
	top: 50%;
}

li.demeter-item {
	font-size: 14px;
	line-height: 1.8;
}

ul.demeter-selectlist {
	list-style: none;
	padding-left: 2px;
}

.demeter-popup-title {
	font-weight: bold;
	font-size: 18px;
}

.container {
	height: 300px;
	width: 300px;
	background: #eee;
	position: absolute;
	margin: -150px 0 0 -150px;
	left: 50%;
	top: 50%;
}

.ui-widget-overlay {
	position: fixed;
}

.demeter-checkbox {
	margin: 0px 10px 0px 0px;
}

li.demeter-item {
	font-size: 15px;
	line-height: 1.8;
}

.ui-dialog .ui-dialog-buttonpane button {
	padding: 1px 4px;
}

.ui-dialog-content {
	width: auto;
	height: auto;
	min-height: 20px;
	overflow: auto;
	max-height: 78%;
}

fieldset h2 {
	margin: 6px 0px;
}

#publish_block h3 {
	padding-top: 15px;
	margin-bottom: 2px;
}

#publish_block {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 15px 8px;
	border-radius: 8px;
	display: inline-block;
	background-color: #F5F5F5;
}

.publish_label {
	margin: 0px auto;
}

.ui-multiselect {
	margin: 0px;
	left: 0%;
	top: 0%;
}

fieldset label :not(.MultiSelectDropDownInner) {
	margin-bottom: 2px;
	margin-top: 5px;
}

	fieldset label .checkbox {
		display: inline-block;
	}

#Branches {
	margin-top: 5px;
}


fieldset h2 {
	margin: 5px 0px 10px 0;
}

fieldset.subset {
	display: inline-block;
	border-radius: 6px;
	background-color: rgb(250,250,250);
	border: 1px solid #ddd;
	border-radius: 6px;
	margin: 10px 0px;
	padding: 8px 20px 20px 15px;
	clear: left;
	float: left;
}

#cke_Description {
	margin-bottom: 10px;
}

input[type="button"]:disabled, input[type="button"]:disabled:hover {
	border: 1px solid #bbb;
	color: #999;
	background-color: #f5f5f5;
}

.centered {
	/*text-align:center;*/
}


/* Merge scherm */

.Changed_MergeInserted {
	color: green;
}

.Changed_MergeUpdated {
	color: green;
}

.Original_MergeUpdated {
	color: red;
}

.Original_MergeDeleted {
	color: red;
}

.merge-grid-spawn {
	float: left;
	width: 33%;
}

.merge-grid {
	width: 100%;
}

.mergeheader {
	margin-bottom: 20px;
}

li.merge-grid {
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	display: block;
	overflow: auto;
}

ul.merge-grid {
	padding-left: 0px;
	max-width: 90%;
}

.Changed_MergeUpdated, .Changed_MergeInserted {
	font-weight: bold;
	background-color: #b7e222;
	color: #505050;
}

.Original_MergeDeleted {
	font-weight: bold;
	color: #fff;
	background-color: #e42313;
}

.Original_MergeUpdated {
	font-weight: bold;
	color: #505050;
}

.mergeheader {
	font-weight: normal;
	color: #2EA9C9;
	font-size: 24px;
}

.merge-grid-spawn {
	padding: 5px;
	width: 32.2%;
}

/* ~Merge scherm */



.FormLabel {
	float: left;
	width: 100px;
}

.FormDetail {
	margin: 5px;
}

.FormDetail_cbx {
	margin: 5px;
}

.FormAddElement {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px !important;
}

.FormLabel {
	width: 250px;
	float: left;
	padding: 10px 0;
}

.Formdetail {
	display: block;
	margin: 5px 0px;
}

	.FormDetail input {
		color: #333;
		font-size: 1.1em;
		border: 1px solid #BBB;
		margin: 5px 0px 6px;
		padding: 5px;
		width: 350px;
		border-radius: 4px;
		text-align: left;
	}

.FormFields select {
	min-width: 130px !important;
	width: 130px;
}

.formFieldInput input {
	width: 230px !important;
}

.FormFields thead {
	font-weight: bold;
}

.FormFields {
	margin-bottom: 20px;
}

.valcol input {
	width: 96%;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #BBB;
}

.manuals {
	background-color: #FFF !important;
	color: #FFF !important;
}

	.manuals #dashboardbtntxt {
		font-weight: bold;
		font-size: 16px;
	}

	.manuals #dashboardbtn_arrow img.arrow {
		margin: 11px 12px;
	}

#dashboardbtnicon_manuals {
	background-image: url('../Images/svg/icon_manual.svg');
	background-repeat: no-repeat;
	background-position: center center;
}

.manuals, .manuals #dashboardbtn_arrow {
	border: 1px solid #2EA9C9 !important;
}

.manual_link {
	background-color: #FFF;
	width: 360px;
	height: 60px;
	display: block;
	float: none;
	margin-right: 5px;
	vertical-align: text-top;
	margin-bottom: 10px;
	border-radius: 6px;
}

	.manual_link .btnlabel {
		line-height: 59px;
		margin-left: 0px;
		font-size: 20px;
		color: #505050;
	}

		.manual_link .btnlabel img {
			padding: 8px;
			float: left;
			margin-right: 10px;
			margin-left: -1px;
		}

/* Branche specifieke styling */
.manual_link {
	border: 2px solid #2EA9C9;
}

	.manual_link .btnlabel img {
		background-color: #2EA9C9;
	}

/* Slim image cropper */
.slimsize {
	width: 160px;
	height: 160px;
}

.videoBox {
	position: relative;
	width: 160px;
	height: 160px;
	background: #eee;
}

	.videoBox .slim-btn-group {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 3;
		overflow: hidden;
	}

		.videoBox .slim-btn-group button {
			pointer-events: all;
			cursor: pointer;
		}

.imageGrid {
	width: 840px;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(5, 160px);
	grid-template-rows: auto;
	grid-auto-flow: row;
}

	.imageGrid img {
		max-height: 100% !important;
		max-width: 100% !important;
		width: auto !important;
		height: auto !important;
		position: absolute !important;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
	}

.setting-list {
	width: 300px;
	border: solid 1px #E7E7E7;
	margin-bottom: 15px;
	box-shadow: 1px 1px 5px #E7E7E7;
	border-radius: 2px;
	overflow: auto;
}

.list-header {
	background-color: #0C5170;
	padding: 5px 10px;
	border-radius: 2px 2px 0px 0px;
}

	.list-header h3 {
		color: #fff;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
	}

.list-item {
	width: 255px;
	padding: 10px 10px;
	float: left;
}

.list-icon {
	width: 25px;
	padding: 10px 0px;
	float: left;
}

.setting-list a {
	color: #6B6B6B;
	padding: 0px 0px;
}

	.setting-list a:hover {
		background-color: #0C5170 !important;
		color: #fff !important;
	}

	.setting-list a:last-child {
		border-top: solid 1px #E7E7E7;
	}


.accordion {
	border: 0px solid pink;
	padding: 0px;
	margin: 0 auto 10px;
	list-style: none outside;
}

	.accordion > * + * {
		border-top: 1px solid #eee;
	}

.accordion-item-hd {
	display: block;
	padding: 5px 20px 5px 0;
	position: relative;
	cursor: pointer;
	font-size: 19px;
	color: #505050;
	max-width: 640px;
	font-weight: 600;
}

.accordion-item-input:checked ~ .accordion-item-bd {
	max-height: none;
	padding-top: 15px;
	margin-bottom: 15px;
	-webkit-transition: max-height 0.5s ease-in, margin .1s ease-in, padding .1s ease-in;
	transition: max-height 0.5s ease-in, margin .1s ease-in, padding .1s ease-in;
	overflow: visible;
}

.accordion-item-input:checked ~ .accordion-item-hd > .accordion-item-hd-cta {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.accordion-item-hd-cta {
	display: block;
	width: 30px;
	position: absolute;
	top: calc(50% - 6px );
	/*minus half font-size*/
	right: 0;
	pointer-events: none;
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	text-align: center;
	font-size: 12px;
	line-height: 1;
}

.accordion-item-bd {
	max-height: 0;
	padding: 0px !important;
	margin-bottom: 0;
	overflow: hidden;
	-webkit-transition: max-height .5s ease-out, margin-bottom .15s ease-out, padding .15s ease-out;
	transition: max-height .5s ease-out, margin-bottom .15s ease-out, padding .15s ease-out;
}

.accordion-item-input {
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1;
	overflow: hidden;
	position: absolute;
	left: -9999px;
}

div.accordion-item {
	display: block;
	clear: both;
	border: 1px solid #ccc;
	padding: 0px 8px;
	max-width: 650px;
}

#MetaTitle, #MetaDescription {
	width: 620px;
}

.thumbImg {
	padding-right: 5px;
}

/* EditGroups Tabs */
#tabs {
	background: none;
	border: 0px;
	padding: 0px;
	margin-bottom: 15px;
	max-width: 1000px;
}

.ui-tabs-panel .pad {
	float: left;
	width: 49%;
}

	.ui-tabs-panel .pad label {
		display: block;
	}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: scroll;
}

.header-buttons {
	height: 50px;
}

.header-ribbon {
	height: 30px;
	margin-top: 4px;
	border-bottom: solid 1px #CCC;
}

/* Style the list */
ul.breadcrumb {
	float: left;
	padding-top: 3px;
	padding-left: 0px;
	margin: 0px;
	list-style: none;
}

	/* Display list items side by side */
	ul.breadcrumb li {
		display: inline;
		font-weight: bold;
	}

		/* Add a slash symbol (/) before/behind each list item */
		ul.breadcrumb li + li:before {
			display: inline-block;
			content: "";
			vertical-align: middle;
			opacity: .5;
			width: 40px;
			height: 20px;
			background: url(../Images/svg/icon_arrow_small.svg) center center no-repeat;
		}

.header-manual {
	float: right;
	line-height: 28px;
	margin-right: 10px;
}

.home-icon {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}

.ui-datepicker {
	z-index: 50 !important;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

	.alert h4 {
		margin-top: 0;
		color: inherit;
	}

	.alert .alert-link {
		font-weight: bold;
	}

	.alert > p,
	.alert > ul {
		margin-bottom: 0;
	}

		.alert > p + p {
			margin-top: 5px;
		}

.alert-dismissable {
	padding-right: 35px;
}

	.alert-dismissable .close {
		position: relative;
		top: -2px;
		right: -21px;
		color: inherit;
	}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

	.alert-success hr {
		border-top-color: #c9e2b3;
	}

	.alert-success .alert-link {
		color: #356635;
	}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

	.alert-info hr {
		border-top-color: #a6e1ec;
	}

	.alert-info .alert-link {
		color: #2d6987;
	}

.alert-warning {
	color: #c09853;
	background-color: #fcf8e3;
	border-color: #fbeed5;
}

	.alert-warning hr {
		border-top-color: #f8e5be;
	}

	.alert-warning .alert-link {
		color: #a47e3c;
	}

.alert-danger {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

	.alert-danger hr {
		border-top-color: #e6c1c7;
	}

	.alert-danger .alert-link {
		color: #953b39;
	}

.tip {
	margin-right: 5px;
	height:16px;
}

.tooltip-container {
	position: relative;
	text-align: center;
}

	.tooltip-container .tooltiptext {
		visibility: hidden;
		width: auto;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 10px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 0;
		opacity: 0;
		transition: opacity 0.3s;
	}

	.tooltip-container:hover .tooltiptext {
		visibility: visible;
		opacity: 1;
	}

.tooltip-dot {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
}

h2.subheader {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
	color: #505050;
}

h3.subheader {
	font-weight: 400;
	text-transform: uppercase;
}

div.settingsection {
	border: 1px solid #ddd;
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f9f9f9;
}

div.testmodus {
	max-width: 700px;
	border: 1px solid #ddd;
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f9f9f9;
}

input.empty, textarea.empty {
	background-color: #eee;
}

.testmodus a.button {
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #79a21d;
	transition: all 0.3s ease 0s !important;
	background-color: #C3DC28;
	display: inline-block;
	clear: both;
	padding: 10px 20px;
	margin: 10px 0px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.testmodus a.activateButton {
	background-color: white;
	margin-left: 15px;
}

span.importnew {
	color: #C3DC28;
}

span.importdeleted {
	color:red;
}

span.importunmatched {
	color: #6f9eba;
}

span.importunmatched, span.importdeleted, span.importnew {
	text-transform: uppercase;
}

span.deleterow {
	color: red;
	cursor: pointer;
	text-transform: uppercase;
}

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

.border-lite {
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 5px;
	max-width: 1000px;
}

.no-margin-top {
	margin-top: 0px !important;
}

/* OnBoarding */
.onboarding_block {
	padding: 10px;
}

.onboarding_heading {
	font-weight: bold;
}

.onboarding_part_title {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #505050;
	padding-top: 15px;
}

/* Colorpicker */
.color-preview {
	width: 15px;
	height: 15px;
	
}

/* Draggable tablerows */
.ui-sortable-handle {
	cursor: move;
	user-select: none;
}

.dragicon {
	 content: url(../Images/svg/icon_draggable.svg); 
	 padding: 5px;
}

/* popup notifications */
#popups {
	position: fixed;
	bottom: 80px;
	right: 25px;
}

#popups .ns-growl {
	position: relative;
	bottom: 0px;
	right: 0px;
	margin-top: 10px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 2px;
	display: inline-flex;
	align-items: center;
	text-align: center;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 22px;
		width: 10px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 2px;
	}

input:checked + .slider {
	background-color: #2ea9c9;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2ea9c9;
}

input:checked + .slider:before {
	-webkit-transform: translateX(42px);
	-ms-transform: translateX(42px);
	transform: translateX(42px);
}
 .appstatsdiv {
    float: left;
    clear: left;
}
.appstatslbl {
    float: left;
    width: 140px;
}
.appstatsdata {
    float: left;
    width: 556px;
}