/*
 * EditYourApp Backend
 */
 
/* ------------------------------------------------------------ */
/* Import */
/* ------------------------------------------------------------ */
@import "font.css";
@import "plugins.css";
@import "bootstrap.css";
@import "elfinder.css";
@import "fancybox.css";
@import "ui_custom.css";

/* ------------------------------------------------------------ */
/* Reset */
/* ------------------------------------------------------------ */
html, body, div, span, legend { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
img { border: none; vertical-align: middle; }
h5 img { border: none; vertical-align: middle; margin-right: 10px; }
textarea { overflow: auto; height: 150px !important; }
textarea, input[type=text], input[type=username], input[type=password] { height: 30px; margin-top: 0px !important; font-family: Candara, Arial, Helvetica, sans-serif; font-size: 14px; width: 223px; margin-left: -10px; }
textarea { width: 50% !important; }
button, input[type=submit], input[type=button] { font-family: Candara, Arial, Helvetica, sans-serif; cursor: pointer; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { text-decoration: none; }
*, * focus { outline: none; margin: 0; padding: 0; }
input::-moz-focus-inner { border:0; padding:0 }

/* ------------------------------------------------------------ */
/* Login */
/* ------------------------------------------------------------ */
.login-wrapper { border-top: 3px solid #e6007e; }
.login { width: 284px; height: 410px; position: absolute; top: 50%; left: 50%; margin: -205px 0 0 -142px; }
.login .control-group { padding: 16px 16px 0 16px; border: none; }
.login-btn { margin: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
.login-logo { width: 100%; display: inline-block; text-align: center; margin-bottom: 15px; }
.login .control-group input[type=username] { 
	padding-right: 28px; 
	background: #fff url(../images/icons/login-username.png) no-repeat 228px 8px; 
	background-color: #ffffff;
	border: 1px solid #dadada;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 1px 0 #ffffff;
	display: inline-block;
	padding: 8px 7px;
	font-size: 14px;
	color: #5F5F5F;
	}
.login .control-group input[type=password] { padding-right: 28px; background: #fff url(../images/icons/login-password.png) no-repeat 228px 8px; }
#install { width: 900px; margin: auto; margin-top: 35px; margin-bottom: 35px; }

/* ------------------------------------------------------------ */
/* General */
/* ------------------------------------------------------------ */
html { height: 100%; overflow-y: scroll; overflow-x: hidden;}
body { font-family: Candara, Arial, Helvetica, sans-serif; background: url(../images/backgrounds/default.jpg); font-size: 14px; line-height: 22px; color: #5f5f5f; height: 100%; position: relative; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.float-right { float: right; }
.float-left { float: left; }
.display-inline { display: inline; }
.align-center { text-align: center; }
.spacer-top { margin-top: 14px; }
.spacer-bottom { margin-bottom: 14px; }
a { color: #327394; }
select[multiple] { font-size: 14px; }
.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.ui-sortable-helper {
    display: table;
}
/* ------------------------------------------------------------ */
/* Tooltips */
/* ------------------------------------------------------------ */
.jqstooltip { z-index: 10001; border: none!important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.chart-tooltip { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #fff; font-size: 14px; padding: 4px 8px; border: 1px solid #282828; box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset;
	background: #3b3b3b;
	background: -moz-linear-gradient(top,  #3b3b3b 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#222222));
	background: -webkit-linear-gradient(top,  #3b3b3b 0%,#222222 100%);
	background: -o-linear-gradient(top,  #3b3b3b 0%,#222222 100%);
	background: -ms-linear-gradient(top,  #3b3b3b 0%,#222222 100%);
	background: linear-gradient(top,  #3b3b3b 0%,#222222 100%);
}

/* ------------------------------------------------------------ */
/* Topbar navigatie */
/* ------------------------------------------------------------ */
#top { height: 46px; background: url(../images/backgrounds/opacity.png); border-top: 3px solid #e6007e; box-shadow: 0 1px 1px #606060; -webkit-box-shadow: 0 1px 1px #606060; -moz-box-shadow: 0 1px 1px #606060; }
#top:after { content: ""; display: block; clear: both; }
.logo { display: block; float: left; margin-top: 5px; margin-bottom: 10px; }
.topnav { float: right; display: block; }
.topnav > li { float: left; border-right: 1px solid #444; position: relative; }
.topnav > li:first-child { border-left: 1px solid #444; }
.topnav > li > a { font-size: 16px; color: #686868; cursor: pointer; display: block; padding: 15px 16px 15px 16px; -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; -moz-transition: all ease-in-out .15s; }
.topnav > li > a:hover { background: #313131; color : #d5d5d5; -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; -moz-transition: all ease-in-out .15s; box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; -webkit-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; -moz-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; }
.topnav li.active a { border-bottom: 1px solid #a6c659; background: #2a2a2a url(../images/toparrow.png) no-repeat 50% 100%; color: #d5d5d5; box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset; -webkit-box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset; -moz-box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset; }
.topnav > li.topuser { position: relative; }
.topnav > li.topuser > a { font-size: 14px; color: #fefefe; font-weight: bold; padding: 12px 16px 12px 16px; }
.topnav > li.topuser > a img { margin: -5px 12px 9px 0; float: left; }
.topnav > li.topuser .caret { margin: 10px 0 0 14px; border-top-color: #7b7b7b; }
.topnav .dropdown-menu { position: absolute; top: 45px; z-index: 999; width: 100%; border: 1px solid #333; border-top: 1px solid #2a2a2a; box-shadow: 0 1px 1px #606060; -webkit-box-shadow: 0 1px 1px #606060; -moz-box-shadow: 0 1px 1px #606060; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
.topnav .dropdown-menu li { border-top: 1px solid #444; border-bottom: 1px solid #2a2a2a; position: relative; background-image: url(../images/backgrounds/default.jpg); background-color: transparent; padding: 0px;}
.topnav .dropdown-menu li span { display: block; float: left; width: 32px; height: 32px; padding: 0px 0px 0px 0px; margin: 3px 0px -5px 0; }
.topnav .dropdown-menu li strong { display: block; position: absolute; right: 10px; top: 8px; font-weight: bold; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 14px; padding: 5px 7px 4px 7px; line-height: 13px; height: 13px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px #333;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px #333;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #333;
	background: #56A4CE url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #56A4CE 0%, #3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56A4CE), color-stop(100%,#3485AE));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #56A4CE 0%,#3485AE 100%); 
}
.topnav .dropdown-menu li:last-child { border-bottom: none; }
.topnav .dropdown-menu li a { color: #ddd; font-size: 14px; padding: 8px 16px; background: url(../images/backgrounds/opacity.png); display: block; }
.topnav .dropdown-menu a:hover { background: #313131; box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; -webkit-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; -moz-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; }
.topnav .language-english { background: url(../images/icons/language/en.png) no-repeat; }
.topnav .language-nederlands { background: url(../images/icons/language/nl.png) no-repeat; }
.topnav .language-deutsch { background: url(../images/icons/language/de.png) no-repeat; }
.topnav .user-profile { background: url(../images/icons/usernav/profile.png) no-repeat; }
.topnav .user-stats { background: url(../images/icons/usernav/sidebar.png) no-repeat; }
.topnav .user-settings { background: url(../images/icons/usernav/settings.png) no-repeat; }
.topnav .user-logout { background: url(../images/icons/usernav/logout.png) no-repeat; }
.topnav > li > a > b { background: url(../images/icons/topnav/top-buttons.png); height: 16px; width: 16px; display: block; -webkit-transition: all ease-in-out .15s; }
.topnav > li > a > .settings { background-position: -1px -1px; }
.topnav > li > a:hover > .settings { background-position: -1px -18px; }
.topnav > li > a > .search { background-position: -18px -1px; }
.topnav > li > a:hover > .search { background-position: -18px -18px; }
.topnav > li > a > .mail { background-position: -35px -1px; }
.topnav > li > a:hover > .mail { background-position: -35px -18px; }
.topnav > li > a > .responsive-nav { background-position: -52px -1px; }
.topnav > li > a:hover > .responsive-nav { background-position: -52px -18px; }
.topnav > li > a > .logout { background-position: -69px -1px; }
.topnav > li > a:hover > .logout { background-position: -69px -18px; }

/* ------------------------------------------------------------ */
/* Topbar Zoeken */
/* ------------------------------------------------------------ */
.top-search { background: url(../images/backgrounds/default.jpg); padding: 11px 10px; z-index: 998; position: absolute; display: none; width: 323px; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; border-bottom: 1px solid #333; box-shadow: 0 1px 1px #606060 inset, 0 1px 8px #303030; -webkit-box-shadow: 0 1px 1px #606060 inset, 0 1px 8px #303030; -moz-box-shadow: 0 1px 1px #606060 inset, 0 1px 8px #303030; }
.top-search input[type=text] { width: 100%; background: url(../images/backgrounds/opacity.png); box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; border: none; color: #ccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 9px; height: 30px; }
.top-search input[type=submit] { border: 0; position: absolute; width: 10px; height: 13px; right: 20px; top: 19px; background: url(../images/elements/forms/main-search.png) no-repeat; opacity: 0.8; }

/* ------------------------------------------------------------ */
/* Navigatie */
/* ------------------------------------------------------------ */
.navigation { background: url(../images/backgrounds/opacity.png); padding: 6px; margin-bottom: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; }
.navigation li { position: relative; }
.navigation > li > a > img { display: block; float: left; margin: 4px 10px 0 0; }
.navigation > li > a { text-shadow: 0 1px 1px #202020; color: #efefef; font-size: 16px; font-weight: bold; display: block; padding: 11px 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
	background: #535353;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #565656 0%, #464646 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#464646));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #565656 0%,#464646 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #565656 0%,#464646 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #565656 0%,#464646 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom,  #565656 0%,#464646 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#464646',GradientType=0 );
	box-shadow: 0 1px 1px rgba(255,255,255,0.15) inset, 0 1px 1px #202020;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.15) inset, 0 1px 1px #202020;
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.15) inset, 0 1px 1px #202020;
}
.navigation > li > a:hover {  
	background: #5a5a5a;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #5a5a5a 0%, #484848 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#484848));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #5a5a5a 0%,#484848 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #5a5a5a 0%,#484848 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #5a5a5a 0%,#484848 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom,  #5a5a5a 0%,#484848 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#484848',GradientType=0 );
}
.navigation > li > a:active { background: #555555; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.navigation > li.active > a { color: #fff; vertical-align: middle; box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; text-shadow: 0 1px 1px #555;
	background: #2F86B2 url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #68B4DD 0%, #2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68B4DD), color-stop(100%,#2F86B2));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom,  #68B4DD 0%,#2F86B2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68B4DD', endColorstr='#2F86B2',GradientType=0 );
}
.navigation li a > i { margin-right: 12px; font-size: 16px; display: block; float: left; line-height: 20px; width: 16px; height: 16px; }
.navigation li ul { margin-bottom: -6px; }
.navigation li ul li { border-top: 1px solid #424242; position: relative; border-bottom: 1px solid #2c2c2c; padding-left: 6px; }
.navigation li ul li:first-child { border-top: none; }
.navigation li ul li a { color: #eee; font-size: 14px; display: block; padding: 10px 12px 10px 25px; }
.navigation li ul li:first-child a { padding-top: 11px; background-position: 11px 20px; }
.navigation li a strong { padding: 5px 7px 4px 7px; line-height: 13px; height: 13px; position: absolute; right: 10px; top: 11px; background: #383838; font-size: 14px; 
	border-radius: 2px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	box-shadow: 0 1px 1px #606060, 0 1px 1px #282828 inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #282828 inset; 
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #282828 inset; 
}
.navigation li.active a strong { box-shadow: 0 1px 1px #282828 inset; -webkit-box-shadow: 0 1px 1px #282828 inset; -moz-box-shadow: 0 1px 1px #282828 inset; }
.navigation > li > ul > li.current > a { color: #fff; background: url('../images/icons/active_state.png') no-repeat 12px 15px; }
.navigation > li > ul > li > a { color: #ddd; background: url('../images/icons/plus.png') no-repeat 11px 19px; }
.navigation > li > ul > li > a:hover { color: #fff; }
.navigation.standard > li { margin-top: 6px; }
.navigation.standard > li:first-child { margin-top: 0; }
.navigation.condensed > li { margin-top: 1px; }
.navigation.condensed > li > a { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.navigation.condensed > li > ul { margin-bottom: 0; }
.navigation.condensed > li:first-child > a { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.navigation.condensed > li:last-child > a { border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; }
.navigation-light { box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: url(../images/backgrounds/opacity2.png); padding: 0 1px; }
.navigation-light > li { border-bottom: 1px solid #303030; border-top: 1px solid #4b4b4b; position: relative; }
.navigation-light > li > a > img { display: block; float: left; margin: 4px 10px 0 0; }
.navigation-light > li:hover { border-top-color: #444; }
.navigation-light > li:first-child { border-top: none; }
.navigation-light > li:last-child { border-bottom: none; }
.navigation-light > li > a { color: #f5f5f5; font-size: 14px; font-weight: bold; display: block; padding: 12px 14px; text-shadow: 0 1px 1px black; }
.navigation-light > li > a:hover { background: url(../images/backgrounds/opacity2.png); }
.navigation-light li a > i { margin-right: 16px; font-size: 16px; display: block; float: left; line-height: 20px; width: 16px; font-weight: normal; }
.navigation-light li a strong { padding: 5px 7px 4px 7px; font-size: 14px; line-height: 13px; height: 13px; position: absolute; right: 10px; top: 12px; background: #282828; 
	border-radius: 2px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	box-shadow: 0 1px 1px #505050, 0 1px 1px #202020 inset; 
	-webkit-box-shadow: 0 1px 1px #505050, 0 1px 1px #202020 inset; 
	-moz-box-shadow: 0 1px 1px #505050, 0 1px 1px #202020 inset; 
}
.navigation-light li.active a strong { box-shadow: 0 1px 1px #282828 inset; -webkit-box-shadow: 0 1px 1px #282828 inset; -moz-box-shadow: 0 1px 1px #282828 inset; background: #383838; }
.navigation-light li.active > a, .navigation-light li > a.subOpened { box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; color: #fff; vertical-align: middle; text-shadow: 0 1px 1px #484848;
	background: #2F86B2 url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #68B4DD 0%, #2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68B4DD), color-stop(100%,#2F86B2));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom,  #68B4DD 0%,#2F86B2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68B4DD', endColorstr='#2F86B2',GradientType=0 );
}
.navigation-light li ul { background: url(../images/backgrounds/opacity.png); border-top: 1px solid #303030; }
.navigation-light li ul li { border-top: 1px solid #3a3a3a; position: relative; border-bottom: 1px solid #262626; }
.navigation-light li ul li:last-child { border-bottom: none; }
.navigation-light li ul li a { color: #ddd; font-size: 14px; display: block; padding: 10px 14px 10px 30px; color: #ddd; background: url('../images/icons/plus.png') no-repeat 14px 19px; }
.navigation-light li ul li a:hover { color: #fff; }
.navigation-light li ul li.current a { background: url('../images/icons/active_state.png') no-repeat 15px 15px; color: #fff; }

/* ------------------------------------------------------------ */
/* Sidebar */
/* ------------------------------------------------------------ */
.sidebar { width: 220px; position: absolute; top: 0; color: #e5e5e5; }
.sidebar a{ color: #e5e5e5; }
.sidebar .block { margin-bottom: 20px; margin-top: 0; }
#left-sidebar { left: 0; }
#right-sidebar { right: 0; }
.sidebar textarea, 
.sidebar input[type="text"], 
.sidebar input[type="password"], 
.sidebar input[type="datetime"], 
.sidebar input[type="datetime-local"], 
.sidebar input[type="date"], 
.sidebar input[type="month"], 
.sidebar input[type="time"], 
.sidebar input[type="week"], 
.sidebar input[type="number"], 
.sidebar input[type="email"], 
.sidebar input[type="url"], 
.sidebar input[type="search"], 
.sidebar input[type="tel"], 
.sidebar input[type="color"]
{ font-size: 14px; color: #a2a2a2; background: url('../images/backgrounds/opacity.png'); border: none; padding: 8px 10px 8px 10px; width: 100%; 

	border-radius: 2px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 

	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; 
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; 
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; 

	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 

}
.sidebar .tagsinput { background: url('../images/backgrounds/opacity.png'); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; border: none; }
.sidebar .tagsinput input { padding: 5px 8px; color: #f5f5f5!important; }
.sidebar .tagsinput .tag { border: none; }
.sidebar .form-actions { padding: 0; }
.sidebar-links { background: url('../images/backgrounds/opacity.png'); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; padding: 1px 0; }
.sidebar-links li { border-top: 1px solid #444; border-bottom: 1px solid #282828; }
.sidebar-links li:first-child { border-top: none; }
.sidebar-links li:last-child { border-bottom: none; }
.sidebar-links li a { color: #DDD; padding: 10px 12px; display: block; }
.sidebar-links li a i { margin-right: 10px; }
.sidebar-links li:hover { background: url('../images/backgrounds/opacity2.png'); border-top-color: #333; }
.sidebar-links.marks > li > a:before { content: "+"; padding-right: 10px; }
.sidebar .progress-statistics { background: url('../images/backgrounds/opacity.png'); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset; padding: 1px 0; font-size: 14px; }
.sidebar .progress-statistics .progress { margin-top: 2px; background: #282828; box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset; -webkit-box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset; -moz-box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset; }
.sidebar .progress-statistics li { padding: 8px 10px 14px 10px; border-top: 1px solid #444; border-bottom: 1px solid #282828; }
.sidebar .progress-statistics li:first-child { border-top: none; }
.sidebar .progress-statistics li:last-child { border-bottom: none; }
.sidebar-checks { margin-bottom: 10px; }

/* ------------------------------------------------------------ */
/* Tweets */
/* ------------------------------------------------------------ */
.user-list { background: url('../images/backgrounds/opacity.png'); box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 6px; }
.user-list li { border-top: 1px solid #656565; border-bottom: 1px solid #252525; 
	background: #535353;
	background: -moz-linear-gradient(top, #565656 0%, #464646 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#464646));
	background: -webkit-linear-gradient(top,  #565656 0%,#464646 100%);
	background: -o-linear-gradient(top, #565656 0%,#464646 100%);
	background: -ms-linear-gradient(top, #565656 0%,#464646 100%);
	background: linear-gradient(to bottom, #565656 0%,#464646 100%);

}
.user-list li:hover { 

	background: #5a5a5a;
	background: -moz-linear-gradient(top, #5a5a5a 0%, #464646 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#464646));
	background: -webkit-linear-gradient(top,  #5a5a5a 0%,#464646 100%);
	background: -o-linear-gradient(top, #5a5a5a 0%,#464646 100%);
	background: -ms-linear-gradient(top, #5a5a5a 0%,#464646 100%);
	background: linear-gradient(to bottom, #5a5a5a 0%,#464646 100%);

}
.user-list li:first-child { border-top: none; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.user-list li:last-child { border-bottom: none; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; }
.user-list li > b > img { float: left; margin: 0 10px 0 0; }
.user-list li > b { color: #ffffff; padding: 10px; display: block; position: relative; }
.user-list li > b:after { content: ""; display: block; clear: both; }
.user-list li:active { background: #555; }
.user-list li.active { background: none; border-top-color: transparent; }
.user-list li.active:hover { background: none; }
.user-list li.active .contactName > i { color: #959595; } 
.contact-name > strong { color: #fafafa; display: block; line-height: 22px; }
.contact-name > strong > span { color: #999; }
.contact-name > i { margin-top: -9px;
display: block;
font-style: normal;
font-weight: normal !important;
word-wrap: break-word;
font-size: 13px;
color: #FFFFFF;
line-height: 13px; }
.status_available, .status_away, .status_off { width: 7px; height: 7px; background: url(../images/elements/other/contact_status.png) no-repeat; display: block; position: absolute; top: 50%; right: 10px; margin-top: -4px; }
.status_available { background-position: 0 0; }
.status_away { background-position: 0 -8px; }
.status_off { background-position: 0 -16px; }

/* ------------------------------------------------------------ */
/* Sidebar - Zoeken */
/* ------------------------------------------------------------ */
.side-search { position: relative; }
.side-search input[type=text] { font-size: 14px; color: #a2a2a2; background: url(../images/backgrounds/opacity.png); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; padding-right: 36px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border: none; }
.side-search input[type=submit] { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: url(../images/elements/other/search.png) no-repeat 0 0; border: none; position: absolute; top: 3px; right: 3px; display: block; width: 25px; height: 24px; }
.side-search input[type=submit]:hover { background-position: 0 -25px; }
.side-search input[type=submit]:active { background-position: 0 -50px; }

/* ------------------------------------------------------------ */
/* Sidebar - Statistieken */
/* ------------------------------------------------------------ */
.text-stats { font-size: 18px; color: #fff; background: url(../images/backgrounds/opacity.png); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; padding: 12px 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.text-stats:after { content: ""; display: block; height: 0; clear: both; }
.text-stats li { float: left; display: block; text-align: center; border-left: 1px solid #4e4e4e; font-weight: bold; width: 69px; }
.text-stats li:first-child { border-left: none; }
.text-stats li span { display: block; color: #b0b0b0; font-size: 14px; line-height: 14px; font-weight: normal; }

/* ------------------------------------------------------------ */
/* Sidebar - Grafiek */
/* ------------------------------------------------------------ */
.topstats { color: #d5d5d5; font-size: 14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; background: url(../images/backgrounds/opacity.png); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; }
.topstats li { border-bottom: 1px solid #2A2A2A; display: block; text-align: right; padding: 10px 14px 12px 14px; border-top: 1px solid #444; }
.topstats li:first-child { margin-top: 0; border-top: none; }
.topstats li:last-child { border-bottom: none; }
.topstats h1 { font-weight: bold; font-size: 22px; color: #efefef; margin-top: 2px; display: block; line-height: 1; }
.topstats .left { margin-right: 12px; float: left; display: inline-block; text-align: left; }
.topchart { margin-top: 10px; display: inline-block; text-align: right; }

/* ------------------------------------------------------------ */
/* Sidebar - Buttons */
/* ------------------------------------------------------------ */
.action-button { font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 6px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; text-shadow: 0 -1px 1px #646464; box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #2c2c2c; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #2c2c2c; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #2c2c2c; }
.action-button:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.action-button.blue { 
	background: #57a4ce;
	background: -moz-linear-gradient(top,  #57a4ce 0%, #3385ae 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a4ce), color-stop(100%,#3385ae));
	background: -webkit-linear-gradient(top,  #57a4ce 0%,#3385ae 100%);
	background: -o-linear-gradient(top,  #57a4ce 0%,#3385ae 100%);
	background: -ms-linear-gradient(top,  #57a4ce 0%,#3385ae 100%);
	background: linear-gradient(to bottom,  #57a4ce 0%,#3385ae 100%);
}
.action-button.blue:active { background: #4393bc; }
.action-button.green { 
	background: #7da138;
	background: -moz-linear-gradient(top,  #a3cd54 0%, #7da138 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3cd54), color-stop(100%,#7da138));
	background: -webkit-linear-gradient(top,  #a3cd54 0%,#7da138 100%);
	background: -o-linear-gradient(top,  #a3cd54 0%,#7da138 100%);
	background: -ms-linear-gradient(top,  #a3cd54 0%,#7da138 100%);
	background: linear-gradient(to bottom,  #a3cd54 0%,#7da138 100%);
}
.action-button.green:active { background: #8eb73e; }
.action-button.greyish { 
	background: #757e88;
	background: -moz-linear-gradient(top,  #757e88 0%, #56616f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757e88), color-stop(100%,#56616f));
	background: -webkit-linear-gradient(top,  #757e88 0%,#56616f 100%);
	background: -o-linear-gradient(top,  #757e88 0%,#56616f 100%);
	background: -ms-linear-gradient(top,  #757e88 0%,#56616f 100%);
	background: linear-gradient(to bottom,  #757e88 0%,#56616f 100%);
}
.action-button.greyish:active { background: #67707c; }
.action-button.red { 
	background: #c24b40;
	background: -moz-linear-gradient(top,  #c24b40 0%, #9e382f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c24b40), color-stop(100%,#9e382f));
	background: -webkit-linear-gradient(top,  #c24b40 0%,#9e382f 100%);
	background: -o-linear-gradient(top,  #c24b40 0%,#9e382f 100%);
	background: -ms-linear-gradient(top,  #c24b40 0%,#9e382f 100%);
	background: linear-gradient(to bottom,  #c24b40 0%,#9e382f 100%);
}
.action-button.red:active { background: #b04238; }

/* ------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------ */
.content { padding-bottom: 20px; }
.outer { background: url(../images/backgrounds/opacity.png); padding: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; }
.inner { background: url(../images/backgrounds/bg.png); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.body { padding: 0px 16px 16px 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.block { margin-top: 20px; }
.wrapper { margin: 0 20px; position: relative; clear: both; }
.top-wrapper { padding: 0 20px; }
.three-columns .content { margin: 20px 240px; }
.content { margin: 20px 0 20px 240px; }
.subtitle { font-weight: bold; display: block; }
.subtitle code { margin-left: 6px; font-weight: normal; }
.body > .container > .row-fluid:first-child [class*="span"] .block,
.body > .container > form:first-child > .block,
.body > .container > form:first-child > fieldset:first-child > .block,
.tab-pane > .block:first-child,
.tab-pane > .row-fluid:first-child > .block,
.tab-pane > .row-fluid:first-child [class*="span"] .block,
.tab-pane > form:first-child > .block,
.tab-pane > form:first-child > fieldset:first-child > .block
{ margin-top: 0; } 

/* ------------------------------------------------------------ */
/* Midden Navigatie */
/* ------------------------------------------------------------ */
.midnav { text-align: center; margin-bottom: 30px; }
.midnav li { margin: 10px 10px 0 10px; position: relative; display: inline-block; text-align: center; width: 100px;}
.midnav li a { padding: 10px 0px 5px 0px; display: block; font-weight: bold; white-space: nowrap; color: #626262; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px #fff;
	border: 1px solid #d5d5d5;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	box-shadow: 0 1px 2px #eee;
	-webkit-box-shadow: 0 1px 2px #eee;
	-moz-box-shadow: 0 1px 2px #eee;
}
.midnav li a:hover {  
	background: #fcfcfc;
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
	background: linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
}
.midnav li a:active { box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; -webkit-box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; -moz-box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; background: #fafafa; }
.midnav li a > span { display: block; line-height: 18px; font-weight: bold; }
.midnav li strong { position: absolute; font-weight: bold; top: 3px; right: 3px; font-size: 14px; color: white; padding: 3px 5px; display: block; line-height: 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
	background: #BA6D6D;
	background: -moz-linear-gradient(top,  #BA6D6D 0%, #934848 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BA6D6D), color-stop(100%,#934848));
	background: -webkit-linear-gradient(top,  #BA6D6D 0%,#934848 100%);
	background: -o-linear-gradient(top,  #BA6D6D 0%,#934848 100%);
	background: -ms-linear-gradient(top,  #BA6D6D 0%,#934848 100%);
	background: linear-gradient(top,  #BA6D6D 0%,#934848 100%);
}

.midnav.no-background { font-size: 0; }
.midnav.no-background li { border-right: 1px dashed #ddd; padding: 0 10px; margin-left: -1px; margin-right: 0; border-left: 1px dashed #DDD; }
.midnav.no-background li a { border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 6px 14px 0 14px; }
.midnav.no-background li a span { font-size: 14px; }
.midnav.midnav-font li a { padding: 15px 16px 4px 16px; }
.midnav.midnav-font li a > i { font-size: 32px; margin-right: 0; display: block; float: none; width: auto; line-height: 22px; }
.midnav.midnav-font li a > span { margin-top: 4px; }
.midnav-font.no-background li a { padding: 8px 12px 0 12px; }
.easyPieChart { position: relative; text-align: center; font-size: 16px; font-weight: bold; }
.easyPieChart canvas { position: absolute; top: 0; left: 0; }
.piechart span { font-weight: bold; display: block; margin-top: 6px; }
.chart { height: 250px; z-index: 90; width: 100%; }
.sidebar-chart > .chart { width: 100%; height: 220px; z-index: 90; }
.with-legend { margin-top: 15px; }
.legend > table { top: -13px !important; }
.with-annotation { margin-top: 30px; }
.sidebar-chart { padding: 10px 6px 4px 12px; }
.legendLabel span { display: block; margin: 0 5px; }
.legendColorBox { padding-left: 10px; vertical-align: top; padding-top: 8px; }
.legendColorBox div > div { width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.legendColorBox:first-child { padding-left: 5px; }
.xAxis .tickLabel { margin-top: -5px; }

/* ------------------------------------------------------------ */
/* Formulier Style */
/* ------------------------------------------------------------ */
.field-icon { position: absolute;
top: 6px;
right: 685px;
display: block;
font-size: 14px;
line-height: 1; }
.req { margin-left: 5px; color: #DB6464; }
.sliderSpecs > label { font-size: 14px; margin-right: 10px; margin-bottom: 0; display: inline-block; }
.sliderSpecs > input { border: none; background: none!important; width: 30%!important; color: #3a70ab!important; border: none!important; box-shadow: none!important; -moz-box-shadow: none!important; font-weight: bold; }
.rtl-inputs [class*="span"] { float: right; }
.multiple { width: 100%; height: 200px; padding: 5px; border: 1px solid #dadada; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; }

/* ------------------------------------------------------------ */
/* Tags Input */
/* ------------------------------------------------------------ */
div.tagsinput { margin-left: 2px; width: 223px !important; height: 70px !important; display: inline-block; border: 1px solid #dadada; background: #fff; padding: 5px; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
div.tagsinput span.tag { border: 1px solid #a5d24a; display: block; float: left; padding: 0 8px; background: #cde69c; color: #638421; margin: 5px 5px 5px 5px; line-height: 23px; font-size: 14px; }
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; font-size: 14px; float: right; } 
div.tagsinput input { width: 60px; border: none; padding: 6px 8px; background: transparent; margin: 5px 5px 0 4px; }
div.tagsinput div { display: block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: #90111A !important;}

/* ------------------------------------------------------------ */
/* Checkboxen */
/* ------------------------------------------------------------ */
.on_off .ibutton-label-off span { background: url(../images/elements/checkboxes/no.png) no-repeat; width: 8px; height: 9px; position: relative; left: -4px; display: block; top: 4px; float: right; padding-top: 0; margin-top: 2px; padding-right: 7px; text-indent: -9999px;  }
.on_off .ibutton-label-on span { background: url(../images/elements/checkboxes/yes.png) no-repeat; width: 11px; left: -1px; position: relative; height: 11px; top: 4px; display: block; float: right; padding-top: 0; margin-top: 1px; padding-right: 7px; }
.on_off .ibutton-label-off { color: #fff; background-position: 100% 0; text-shadow: 0 1px #808080; text-align: right; right: 0; width: 95%; }
.on_off .ibutton-container { height: 21px; }
.on_off .ibutton-label-on { color: #fff; text-shadow: 0 1px #808080; left: 0; z-index: 1; background-position: 0 -52px; }
.on_off .ibutton-label-off { background-position: 100% -52px; }
.on_off .ibutton-label-on, .on_off .ibutton-label-off { height: 21px; }
.on_off .ibutton-handle { height: 20px; background-position: 0 -73px; }
.on_off .ibutton-handle-right { background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 100% -73px;  }
.on_off .ibutton-handle-middle { background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 50% -73px;  }
.on_off .ibutton-padding-left, .on_off .ibutton-padding-right { position: absolute;  top: 0; z-index: 2;  background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 -52px; width: 3px; height: 20px; }
.on_off .ibutton-padding-right { background-position: 100% -52px; }
.toggle-label { display: inline-block; vertical-align: 9px; margin-right: 8px; }
.on_off .toggle-label { vertical-align: 6px; }
.ibutton-container { position: relative; height: 26px; cursor: pointer; overflow: hidden; max-width: 400px; display: inline-block; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -moz-user-focus: ignore;  -moz-user-input: disabled; width: 89px; margin-right: 8px; }
.ibutton-container input { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity: 0.0;  opacity: 0.0; -moz-user-input: enabled  !important; }
.ibutton-handle { display: block; height: 25px; cursor: inherit; position: absolute; top: 0; left: 0; width: 0; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 -26px; z-index: 3; padding-left: 3px; width: 33px; }
.ibutton-handle-right { height: 100%; width: 100%; padding-right: 3px; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 100% -26px; z-index: 3;  }
.ibutton-handle-middle { height: 100%; width: 100%; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 50% -26px; z-index: 3;  }
div.ibutton-label-on, div.ibutton-label-off { white-space: nowrap; font-size: 14px; line-height: 26px; font-weight: bold; text-transform: uppercase; cursor: inherit; display: block; height: 26px; position: absolute; width: auto; top: 0; overflow: hidden;  text-align: center; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 0; }
div.ibutton-label-on { color: #fff; text-shadow: 0 1px #808080; left: 0; z-index: 1; }
div.ibutton-label-on span { padding-left: 0px; }
div.ibutton-label-off { color: #fff; background-position: 100% 0; text-shadow: 0 1px #808080; text-align: right; right: 0; width: 95%; }
div.ibutton-label-off span label { padding-right: 10px;  margin-left: -2px }
.ibutton-padding-left { left: 0; }
.ibutton-padding-right { right: 0; }
.ibutton-disabled { cursor: not-allowed !important; opacity: 0.6; filter:alpha(opacity=60); }

/* ------------------------------------------------------------ */
/* Dual Select boxen */
/* ------------------------------------------------------------ */
.dual-control .btn { padding: 0 8px; line-height: 24px; font-size: 14px; cursor: pointer; color: #999; height: 26px; margin: 2px 1px; }
.dual-control .btn:active { color: white; }
.left-box, .right-box { width: 40%; position: relative; }
.left-box .multiple, .right-box .multiple { height: 300px; margin-top: 15px; }
.left-box { float: left; }
.right-box { float: right; }
.filter { position: absolute; right: 10px; top: 7px; font-size: 14px; background: none; border: none; color: gray; }
.dual-control { text-align: center; width: 90px; margin: 150px 1px; position: absolute; left: 50%; margin-left: -45px; } 
.count-label { color: gray; font-style:italic; margin-top: 10px; display: block; }
.box-filter {  background: white; width: 100%; border: 1px solid #D5D5D5; padding: 7px 8px; font-size: 14px; font-family: Candara, Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* ------------------------------------------------------------ */
/* Select Style */
/* ------------------------------------------------------------ */
.select2-container { position: relative; display: inline-block; zoom: 1; *display: inline; }
.selectMultiple { width: 100%; }
.select2-container, .select2-drop, .select2-search, .select2-search input{ -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.select2-container .select2-choice { border: 1px solid #d5d5d5; display: block; overflow: hidden; white-space: nowrap; position: relative; line-height: 27px; height: 27px; padding: 1px 0 0 10px; text-decoration: none; font-size: 14px; color: #707070;
	background: #fcfcfc; 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4)); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 
	background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 
	background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 
	background: linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
	-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; 
	-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; 
}

.sidebar .select2-container .select2-choice span { color: #b3b3b3; }
.sidebar .select2-container { width: 100%; margin-bottom: 14px; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; background: url(../images/backgrounds/opacity.png); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; }
.sidebar .select2-container .select2-choice { background: none; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; height: 30px; line-height: 30px; padding-top: 0; }
.sidebar .select2-container .select2-choice div { border-left-color: #2F2F2F; box-shadow: 1px 0 0 #404040 inset; -webkit-box-shadow: 1px 0 0 #404040 inset; -moz-box-shadow: 1px 0 0 #404040 inset; }
.sidebar .select2-container .select2-choice div b { background-position: 7px 9px; }
.select2-container.select2-drop-above .select2-choice { -webkit-border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px; }
.select2-container .select2-choice span { margin-right: 32px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.select2-container .select2-choice abbr { display: block; position: absolute; right: 26px; top: 8px; width: 12px; height: 12px; font-size: 1px; cursor: pointer; text-decoration: none; border: 0; outline: 0; }
.select2-container .select2-choice abbr:hover { cursor: pointer; }
.select2-drop { background: #fff; color: #000; border: 1px solid #dadada; position: absolute; top: 100%; z-index: 9998; width:100%; margin-top: -1px; font-size: 14px; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.select2-drop.select2-drop-above { -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; margin-top: 1px; }
.select2-container .select2-choice div { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-left: 1px solid #d2d2d2; position: absolute; right: 0; top: 0; display: block; height: 100%; width: 21px; }
.select2-container .select2-choice div b { background: url(../images/elements/forms/sidebar_dropdown_arrows.png) no-repeat 7px 8px; display: block; width: 100%; height: 100%; }
.select2-search { display: inline-block; white-space: nowrap; z-index: 10000; width: 100%; margin: 5px 0; padding-left: 4px; padding-right: 4px; }
.select2-search-hidden { display: block; position: absolute; left: -10000px; }
.select2-search input { padding: 5px 20px 5px 6px; width:100%; margin:0; background: url(../images/elements/forms/dropdown-search.png) no-repeat 97%; height: 24px; }
.select2-dropdown-open .select2-choice { border: 1px solid #ccc; -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; }
.select2-results { margin: 0 4px 4px 0; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 200px; }
.select2-results ul.select2-result-sub { margin: 0 0 0 0; }
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
.select2-results li { color: #5f5f5f; }
.select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; color: #303030; }
.select2-results .select2-result-label { padding: 3px 7px; margin: 0; cursor: pointer; }
.select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; }
.select2-results .select2-highlighted em { background: transparent; }
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; padding: 4px 8px; margin-top: 4px; border: 1px solid #e5e5e5; }
.select2-results .select2-disabled { display: none; }
.select2-more-results.select2-active { background: #f4f4f4 url('spinner.gif') no-repeat 100%; } 
.select2-more-results { background: #f4f4f4; display: list-item; }
.select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #999; } 
.select2-container.select2-container-disabled .select2-choice div { background-color: #f4f4f4; background-image: none; border-left: 0; }
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
.select2-result-unselectable .select2-match { text-decoration: none; }
.select2-offscreen { position: absolute; left: -10000px; }
.select2-container-multi .select2-choices { min-height: 26px;border: 1px solid #DADADA; background: white; padding: 5px; width: 100%; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; }
.select2-container-multi .select2-choices li { float: left; list-style: none; }
.select2-container-multi .select2-choices .select2-search-field { white-space: nowrap; margin: 0; padding: 4px 0; }
.select2-container-multi .select2-choices .select2-search-field input { width: 60px; border: none; padding: 6px 8px; height: 28px; background: transparent; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('spinner.gif') no-repeat 100% !important; }
.select2-container-multi .select2-choices .select2-search-choice { border: 1px solid #A5D24A; display: block; float: left; padding: 6px 8px 5px 22px; background: #CDE69C; color: #638421; margin: 5px; line-height: 13px; font-size: 14px; position: relative; white-space: nowrap; }
.select2-container-multi .select2-choices .select2-search-choice span { cursor: default; }
.select2-search-choice-close { display: block; position: absolute; top: 9px; width: 6px; height: 6px; font-size: 1px; background: url(../images/elements/forms/smallClose.png) no-repeat; outline: none; }
.select2-container-multi .select2-search-choice-close { left: 7px; }
.select2-container-multi.select2-container-disabled .select2-choices{ background-color: #F8F8F8; background-image: none; border: 1px solid #ddd; cursor: default; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background-image: none; background-color: #F1F1F1; border: 1px solid #DDD; padding-left: 8px; color: #999; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; }

/* ------------------------------------------------------------ */
/* Form Style */
/* ------------------------------------------------------------ */
.selector, .choice, .checker, .uploader, .selector *, .choice *, .checker *, .uploader *{ margin: 0; padding: 0; cursor: pointer; }
div.selector { background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); background: linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); border: 1px solid #d5d5d5; line-height: 28px; height: 28px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box;  border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; margin: -2px 0px 2px 2px; padding: 0 0 0 8px; cursor: pointer; width: auto; max-width: 280px; font-size: 14px; position: relative; overflow: hidden; }
div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #707070; text-shadow: 0 1px #f5f5f5; padding: 1px 32px 0px 2px; background: url(../images/elements/forms/select-arrow.png) no-repeat 100% 0; cursor: pointer; font-size: 14px; height: 28px; line-height: 27px; }
div.selector select { position: absolute; opacity: 0; filter: alpha(opacity:0); height: 27px; border: none; background: none; font-family: Candara, Arial, Helvetica, sans-serif; font-size: 14px; border: solid 1px white; width: 100%; top: 0px; left: 0px; }
.disabled { opacity: 0.6; filter: alpha(opacity=60);; }
.labelDisabled { color: #B7B7B7; }
.sidebar .selector { width: 100%;  margin-bottom: 14px;  height: 30px; line-height: 30px; font-size: 14px; color: #A2A2A2; background: url(../images/backgrounds/opacity.png); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 100%; border: none;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
}
.sidebar .selector span { text-shadow: none; color: #f5f5f5; background: url(../images/elements/forms/sidebar_dropdown_usual.png) no-repeat 100%; height: 30px; line-height: 29px; }
div.checker { width: 16px; height: 16px; position: relative; display: -moz-inline-box; display: block; vertical-align: middle; zoom: 1; float: left; margin: -1px 8px 0 3px; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; }
div.checker input { width: 16px; height: 16px; opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }
div.checker span { background: url(../images/elements/forms/checkboxes.png) no-repeat 0 0; height: 16px; width: 16px; display: -moz-inline-box; display: inline-block; text-align: center; }
div.checker span.checked { background-position: 0 -17px; }
.sidebar .checker { box-shadow: 0 1px 1px #676767; -webkit-box-shadow: 0 1px 1px #676767; -moz-box-shadow: 0 1px 1px #676767; }
.sidebar .checker span { background: url(../images/elements/forms/sidebar_checkboxes.png) no-repeat 0 0; }
div.choice { width: 16px; height: 17px; position: relative; display: -moz-inline-box; display: block; vertical-align: middle; zoom: 1; float: left; margin-top: 2px; margin-right: 8px; }
div.choice input { width: 16px; height: 17px; opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }
div.choice span { background: url(../images/elements/forms/radios.png) no-repeat 0 0; height: 17px; width: 16px; display: -moz-inline-box; display: inline-block; text-align: center; }
div.choice span.checked { background-position: 0 -18px; }
.sidebar .choice { margin-top: 3px; }
.sidebar .choice span { background: url(../images/elements/forms/sidebar_radios.png) no-repeat 0 0; }
div.uploader { width: 240px; position: relative; overflow: hidden; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #d7d7d7; background: #fdfdfd; padding: 2px 2px 2px 8px; }
div.uploader span.action { width: 22px; background: url(../images/elements/forms/add_files.png) no-repeat 0 0; height: 22px; font-size: 14px; font-weight: bold; cursor: pointer; float: right; text-indent: -9999px; display: inline; overflow: hidden; cursor: pointer; }
.sidebar .uploader { font-size: 14px; color: #b3b3b3; background: url(../images/backgrounds/opacity.png); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 3px 3px 3px 10px; width: 100%; border: none; margin-bottom: 14px; 
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box;
}
.sidebar .uploader .filename { color: #b3b3b3; }
.sidebar .uploader input[type=file] { height: 32px; }
div.uploader:hover span.action { background-position: 0 -27px; }
div.uploader:active span.action { background-position: 0 -54px; }
div.uploader span.filename { color: #777; max-width: 200px; font-size: 14px; line-height: 22px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }
div.uploader input { width: 256px; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer; }
.uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }

/* ------------------------------------------------------------ */
/* Wizard */
/* ------------------------------------------------------------ */
.ui-formwizard fieldset h1 {  padding: 8px 16px 0px; font-size: 16px; margin: 0; background: #FCFCFC; box-shadow: 0 1px 1px white inset; -webkit-box-shadow: 0 1px 1px white inset; -moz-box-shadow: 0 1px 1px white inset; }
.ui-formwizard fieldset h6 {  padding: 0px 16px 8px; font-size: 14px; border-bottom: 1px solid #EAEAEA; margin: 0; background: #FCFCFC; box-shadow: 0 1px 1px white inset; -webkit-box-shadow: 0 1px 1px white inset; -moz-box-shadow: 0 1px 1px white inset; }
.ui-formwizard .form-actions { border-top: 1px solid #eaeaea; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; }
.submit-data span { font-size: 14px; text-align: center; border-top: 1px solid #eaeaea; padding: 12px 0; display: block; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; }

/* ------------------------------------------------------------ */
/* Progressbar */
/* ------------------------------------------------------------ */
.progress { position: relative; }
.progress .bar { position: absolute; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; font-weight: bold; line-height: 13px; padding: 5px 0 4px 0; }
.progress .progressbar-back-text { position: absolute; width: 100%; height: 100%; font-size: 14px; text-align: center; font-weight: bold; }
.progress .progressbar-front-text { display: block; width: 100%; text-align: center; }
.progress.right .bar { right: 0; }
.progress.right .progressbar-front-text { position: absolute; right: 0; }
.progress.vertical { width: 30px; height: 150px; float: left; margin-left: 22px; }
.progress.vertical:first-child { margin-left: 0; }
.progress.vertical.bottom { position: relative; }
.progress .bar.six-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; -ms-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; transition: width 6s ease-in-out; }
.progress.vertical .bar.six-sec-ease-in-out { -webkit-transition: height 6s ease-in-out; -moz-transition: height 6s ease-in-out; -ms-transition: height 6s ease-in-out; -o-transition: height 6s ease-in-out; transition: height 6s ease-in-out; }
.progress.wide { width: 40px; }
.progress.thin { width: 6px; }
.vertical-progressbar-span { height: 100px; }
.progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0; }
.progress.vertical .bar { line-height: 24px; width: 100%; height: 0; -webkit-transition: height 0.6s ease; -moz-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease;
	background: #0e90d2;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #149bdf, #0480be);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #149bdf, #0480be);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #149bdf, #0480be);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #149bdf, #0480be);
}
.progress.vertical.bottom .bar { position: absolute; bottom: 0; }
.progress-danger.vertical .bar, .progress.vertical .bar-danger {
	background: #ec795d;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #ec795d, #d1573a);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#ec795d), to(#d1573a));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #ec795d, #d1573a);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #ec795d, #d1573a);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #ec795d, #d1573a);
}
.progress-success.vertical .bar, .progress.vertical .bar-success {
	background: #7fd658;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #7fd658, #6ab84e);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#7fd658), to(#6ab84e));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #7fd658, #6ab84e);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #7fd658, #6ab84e);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #7fd658, #6ab84e);
}
.progress-info.vertical .bar, .progress.vertical .bar-info {
	background: #57c2f3;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #57c2f3, #31a7dd);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#57c2f3), to(#31a7dd));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #57c2f3, #31a7dd);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #57c2f3, #31a7dd);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #57c2f3, #31a7dd);
}
.progress-warning.vertical .bar, .progress.vertical .bar-warning {
	background: #eca558;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #eca558, #e28131);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#eca558), to(#e28131));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #eca558, #e28131);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #eca558, #e28131);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #eca558, #e28131);
}
.progresses-left { float: left; }
.progresses-right { float: right; }
.inline-bars:after { content: ""; display: block; height: 0; clear: both; }
.inline-bars li { padding: 12px 0; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; box-shadow: 1px 0 0 #fff inset, -1px 0 0 #fff inset; -webkit-box-shadow: 1px 0 0 #fff inset, -1px 0 0 #fff inset; -moz-box-shadow: 1px 0 0 #fff inset, -1px 0 0 #fff inset; border-left: 1px solid #e5e5e5; display: block; float: left; }
.inline-bars li:first-child { border-left: none; }
.inline-bars > li > .progress.vertical:first-child { margin-left: auto; }
.inline-bars > li > .progress.vertical { margin: 0 auto; float: none; }

/* ------------------------------------------------------------ */
/* Dividers */
/* ------------------------------------------------------------ */
.separator { height: 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #fff; position: relative; margin-top: 30px; }
.separator > span { position: absolute; left: 50%; margin-left: -21px; background: #f4f4f4 url(../images/div.png) no-repeat 50%; width: 36px; padding: 0 3px; height: 9px; display: block; top: -4px; }
.well .separator > span { background-color: #fafafa; }
.separator-reflected { width: 100%; border: 0; height: 1px; margin-top: 30px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));  
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));  
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));  
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
}
.separator-dashed { border-bottom: 1px dashed #fafafa; background: #ccc; margin-top: 30px; }
.separator-shadow { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.2); margin-top: 30px; }
.separator-doubled { padding: 0; height: 0; border: none; border-top: medium double #ccc; color: #333; text-align: center; margin-top: 30px; }
.separator-doubled:after { display: inline-block; position: relative; top: -14px; font-size: 14px; padding: 0 8px; color: #999; background: url(../images/backgrounds/bg.png); }
.well .separator-doubled:after { background: #fafafa; }
.sidebar .separator { border-top: 1px solid #282828; border-bottom: 1px solid #5C5C5C; margin-top: 0; margin-bottom: 30px; }
.sidebar .separator > span {  }
.sidebar .separator-doubled { border-top: medium double #676767; color: #333; margin-top: 0; margin-bottom: 30px; }
.sidebar .separator-doubled:after { color: #999; background: url(../images/backgrounds/default.jpg); }
.sidebar .separator-alt  { padding: 0; height: 0; border-top: 1px solid #282828; border-bottom: 1px solid #5C5C5C; color: #333; text-align: center; margin-bottom: 30px; }
.sidebar .separator-alt:after  { content: "§"; display: inline-block; position: relative; top: -14px; font-size: 14px; padding: 0 8px; color: #888; background: url(../images/backgrounds/default.jpg); }

/* ------------------------------------------------------------ */
/* Toolbar */
/* ------------------------------------------------------------ */
.toolbar { border-bottom: 1px solid #ddd; 
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f6f6f6));
	background: -webkit-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
	background: linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
}
.toolbar:after { content: ""; display: block; clear: both; }
.toolbar li { display: block; float: left; border-right: 1px solid #DDD; font-size: 14px; }
.toolbar li a { display: inline-block; white-space: nowrap; color: #818181; padding: 7px 12px; }
.toolbar li a:hover { color: #327394;
	background: #fbfbfb;
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f8f8f8 100%);
	background: -o-linear-gradient(top,  #fbfbfb 0%,#f8f8f8 100%);
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#f8f8f8 100%);
	background: linear-gradient(top,  #fbfbfb 0%,#f8f8f8 100%);
}
.toolbar li a:active { background: #f8f8f8; color: #999999; }
.toolbar li a i { font-size: 14px; float: left; display: inline-block; width: 14px; margin-right: 0; margin-top: 4px; }
.toolbar li a img { display: inline-block; float: left; margin-top: 4px; }
.toolbar li a span { margin-left: 8px; }

/* ------------------------------------------------------------ */
/* Berichten */
/* ------------------------------------------------------------ */
.messages li { position: relative; min-height: 36px; margin-top: 20px; }
.messages li:first-child { margin-top: 0; }
.messages > li.divider { border-top: 1px solid #DFDFDF!important; margin: 20px 0 20px 0!important; min-height: 0; }
.messages > li.divider > span { background-color: #f5f5f5!important; }
.messages .by-user > a, .messages .by-me > a  { position: absolute; top: 0; display: block; }
.messages .by-user > a { left: 0; }
.messages .by-me > a { right: 0; }
.messages .by-user .arrow, .messages .by-me .arrow { width: 8px; height: 9px;  position: absolute;  top: 12px; }
.messages .by-user .arrow { background: url(../images/elements/other/messageArrow_left.png) no-repeat; left: -8px; }
.messages .by-me .arrow { background: url(../images/elements/other/messageArrow_right.png) no-repeat; right: -8px; }
.messages .by-user .area, .messages .by-me .area { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; padding: 8px 12px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid; }
.messages .by-user .area { background: #fafeff; border-color: #b5cdd7; margin-left: 52px; } 
.messages .by-me .area { background: #fff; border-color: #dcdcdc; margin-right: 52px; } 
.messages .area > p { margin: 0; }
.by-user .pull-left > strong { color: #2c596d; }
.by-me .pull-left > strong { color: #393939; }
.info-row { font-size: 14px; color: #949494; margin-bottom: 4px; }
.info-row:after { content: ""; display: block; clear: both; }
.message { overflow: hidden; padding: 16px 0 8px; border-bottom: 1px solid #ddd; *zoom: 1; }
.message:first-child { padding-top: 0; }
.message-img { float: left; margin-right: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; }
.message p { margin: 0; }
.message-img img { display: block; width: 44px; height: 44px; }
.message-body { margin-left: 74px; }
.message .text { padding: 10px; border: 1px solid #e5e5e5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #fff; }
.messagetext { padding: 20px 10px 10px 10px; margin: 10px; border: 1px solid #e5e5e5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #fff; text-align: center; }
.message .attribution { margin: 6px 0 0; font-size: 14px; color: #666; }
.timeline-messages, .message { position: relative; }
.timeline-messages:before, .message:before, .message .text:before { content: ""; position: absolute; top: 0; left: 65px; }
.timeline-messages:before { width: 2px; top: 0; bottom: 0; background: rgba(0,0,0,0.1); left: 58px; }
.message:before { width: 8px; height: 8px; border: 2px solid #fafafa; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; margin: 32px 0 0 -12px; background: #ccc; }
.message:first-child:before { margin-top: 16px; }
.message:hover:before { background: #fa9e0e; }
.enter-message { position: relative; margin-top: -2px; margin-bottom: 4px; }
.enter-message-divider { height: 0; border-top: 1px solid #ddd; margin: 20px -16px; }
.enter-message.for-messages { margin-top: 0; }
.message-actions { margin-bottom: -5px; }
.message-actions:after { content: ""; display: block; clear: both; }
.enter-message textarea { width: 100%; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; display: block; border: 1px solid #d5d5d5;  box-shadow: 0 1px 1px #fafafa; -webkit-box-shadow: 0 1px 1px #fafafa; -moz-box-shadow: 0 1px 1px #fafafa; padding: 10px; color: #404040; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.send-button { display: block; float: right; margin-top: 15px; }
.send-button .attach-link, .send-button .attach-photo { opacity: .4; filter: alpha(opacity=40); display: block; float: left; margin: 9px 0 0 12px; }
.send-button .attach-link:hover, .send-button .attach-photo:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.send-button .attach-link { width: 12px; height: 12px; background: url(../images/elements/other/link.png) no-repeat; }
.send-button .attach-photo { width: 14px; height: 11px; background: url(../images/elements/other/photo.png) no-repeat; }
.send-button input[type=submit] { float: left; display: block; margin: 0 0 0 12px; }
.user-is-typing { float: left; color: #999; font-size: 14px; font-style: italic; margin-top: 18px; white-space: nowrap; }
.user-is-typing > img { display: block; float: left; margin: 4px 8px 0 0; }

/* ------------------------------------------------------------ */
/* Tabellen */
/* ------------------------------------------------------------ */
.dataTables_wrapper { position: relative; clear: both; *zoom: 1; }
.dataTables_length { float: right; padding: 12px 10px; display: block; }
.dataTables_length > label > span { float: left; margin-top: 3px; }
.dataTables_length .selector { margin-left: 10px; line-height: 26px; height: 26px; }
.dataTables_length .selector > span { height: 26px; line-height: 26px; background-position: 100% -1px; padding-top: 0; }
.dataTables_length .selector select {  height: 26px;}
.dataTable thead th { cursor: pointer; }
.show-entries { float: left; margin: 4px 15px 0 0; }
.dataTables_filter { padding: 14px 12px; position: relative; display: block; float: left; }
.dataTables_filter > label, .dataTables_length > label { margin: 0; }
.dataTables_filter label > span { display: block; float: left; padding-top: 1px; }
.dataTables_filter input[type=text] {  height: auto; padding: 5px 7px; margin-left: 15px; width: 180px; background: #F9F9F9; box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #D7D7D7; }
.dataTables_info { padding: 12px; display: block; float: left; }
.tableFooter { clear: both; padding: 8px 12px; height: 36px; font-size: 14px; color: #636363; border-top: 1px solid #cdcdcd; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: linear-gradient(top,  #f8f8f8 0%,#efefef 100%); }
.dataTables_paginate { float: right; margin: 12px; }
.dataTables_paginate .last { margin-right: 0!important; }
.datatable-header { border-bottom: 1px solid #ddd; }
.datatable-footer { border-top: 1px solid #ddd; padding: 1px 0; }
.datatable-footer {  
	background: #fcfcfc;
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
}
.datatable-header { background: #fafafa; }
.datatable-header:after, .datatable-footer:after { content: ""; display: block; clear: both; }

/* ------------------------------------------------------------ */
/* Pagination */
/* ------------------------------------------------------------ */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; }
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; }
.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; }
.paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; }
.paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; }
.paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; }
.paginate_enabled_previous { background: url('../images/tables/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/tables/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/tables/back_disabled.png') no-repeat top left; }
.paginate_enabled_next { background: url('../images/tables/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/tables/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/tables/forward_disabled.png') no-repeat top right; }
.paging_full_numbers { height: 22px; line-height: 22px; }
.paging_full_numbers .next:active, .paging_full_numbers .first:active, .paging_full_numbers .previous:active, .paging_full_numbers .last:active { font-weight: normal!important; }
.paging_full_numbers a:active { outline: none }
.paging_full_numbers a:hover { text-decoration: none; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 5px 8px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #919191; font-size: 14px; box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;  }
.paging_full_numbers a.paginate_button { 
	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
	background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
} 
.paging_full_numbers a.paginate_button:hover { background: #fcfcfc; color: #327394; }
.paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active { background: #6f6f6f; color: #fff; border-color: #646464; box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; font-weight: bold; }
.paginate_button_disabled, .paginate_button_disabled:active  { background: #F9F9F9!important; color: #CCC!important; box-shadow: none!important; font-weight: normal!important; border: 1px solid #E5E5E5!important; }
.paginate_button_disabled:active { border-color: #d3d3d3!important; }
.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; }
.sorting { background: url('../images/tables/sort_both.png') no-repeat 100% 8px; }
.sorting_asc { background: url('../images/tables/sort_asc.png') no-repeat 100% 8px; }
.sorting_desc { background: url('../images/tables/sort_desc.png') no-repeat 100% 8px; }
.sorting_asc_disabled { background: url('../images/tables/sort_asc_disabled.png') no-repeat 100% 8px; }
.sorting_desc_disabled { background: url('../images/tables/sort_desc_disabled.png') no-repeat 100% 8px; }
table.dataTable th:active { outline: none; }
.dataTables_scroll { clear: both; }
.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

/* ------------------------------------------------------------ */
/* jGrowl */
/* ------------------------------------------------------------ */
.jGrowl { z-index: 9999; color: #fff; font-size: 14px; }
.ie6 { position: absolute; }
.jGrowl { position: absolute; }
body > .jGrowl { position: fixed; }
.jGrowl.top-left { left: 0px; top: 0px; }
.jGrowl.top-right { right: 0px; top: 0px; }
.jGrowl.bottom-left { left: 0px; bottom: 0px; }
.jGrowl.bottom-right { right: 0px; bottom: 0px; }
.jGrowl.center { top: 0px; width: 50%; left: 25%; }
.center .jGrowl-notification, .center .jGrowl-closer { margin-left: auto; margin-right: auto; }
.jGrowl .jGrowl-notification { border: 1px solid #3485ae; opacity: .95; filter: alpha(Opacity=95);  zoom: 1; width: 209px; padding: 8px 12px; margin-top: 5px; margin-bottom: 5px; font-size: 14px; text-align: left; display: none;
	background: #56a4ce;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #56a4ce 0%, #3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56a4ce), color-stop(100%,#3485ae));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset; 
}
.jGrowl-notification.growl-error { border: 1px solid #9E382F;
	background: #C24B40;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #C24B40 0%, #9E382F 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C24B40), color-stop(100%,#9E382F));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #C24B40 0%,#9E382F 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #C24B40 0%,#9E382F 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #C24B40 0%,#9E382F 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #C24B40 0%,#9E382F 100%);
}
.jGrowl-notification.growl-success { border: 1px solid #7d9f3d; 
	background: #a3c85b;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #a3c85b 0%, #7d9f3d 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3c85b), color-stop(100%,#7d9f3d));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #a3c85b 0%,#7d9f3d 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #a3c85b 0%,#7d9f3d 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #a3c85b 0%,#7d9f3d 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #a3c85b 0%,#7d9f3d 100%);
}
.jGrowl-notification.growl-warning { border: 1px solid #b06f38;
	background: #d79957;
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #d79957 0%, #b06f38 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d79957), color-stop(100%,#b06f38));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #d79957 0%,#b06f38 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #d79957 0%,#b06f38 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #d79957 0%,#b06f38 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #d79957 0%,#b06f38 100%);
}
.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { margin: 13px; }
.jGrowl .jGrowl-notification .jGrowl-header { font-weight: bold; font-size: 10px; text-shadow: 0 1px 0 #777; text-transform: uppercase; }
.jGrowl  .jGrowl-notification  .jGrowl-close { z-index: 99; float: right; font-weight: bold; font-size: 14px; cursor: pointer; }
.jGrowl .jGrowl-closer { padding-top: 3px; padding-bottom: 3px; cursor: pointer; font-size: 14px; font-weight: bold; text-align: center; background: #333; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 0 #595959, 0 1px 0 #222 inset; -webkit-box-shadow: 0 1px 0 #595959, 0 1px 0 #222 inset; -moz-box-shadow: 0 1px 0 #595959, 0 1px 0 #222 inset; color: #BBB; width: 235px; }
@media print { .jGrowl { display: none; } }

/* ------------------------------------------------------------ */
/* Alert */
/* ------------------------------------------------------------ */
.note {   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #333; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #333; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #333; font-size: 14px; padding: 9px 35px 8px 35px;
	background: #56a4ce url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #56a4ce 0%, #3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56a4ce), color-stop(100%,#3485ae));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #56a4ce 0%,#3485ae 100%);
}
.note .close { position: relative; top: 1px; right: -21px; line-height: 20px; color: #fff; opacity: 0.8; filter: alpha(opacity=80); }
.note .close:hover { color: #fff; opacity: 1; filter: alpha(opacity=100); }
.note-warning {  
	background: #eca558 url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #eca558 0%, #e28131 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eca558), color-stop(100%,#e28131));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #eca558 0%,#e28131 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #eca558 0%,#e28131 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #eca558 0%,#e28131 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #eca558 0%,#e28131 100%);
}
.note-success {  
	background: #AAD15F url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #AAD15F 0%, #7EA437 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAD15F), color-stop(100%,#7EA437));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #AAD15F 0%,#7EA437 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #AAD15F 0%,#7EA437 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #AAD15F 0%,#7EA437 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #AAD15F 0%,#7EA437 100%);
}
.note-danger {  
	background: #ec795d url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top,  #ec795d 0%, #d1573a 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec795d), color-stop(100%,#d1573a));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #ec795d 0%,#d1573a 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top,  #ec795d 0%,#d1573a 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top,  #ec795d 0%,#d1573a 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top,  #ec795d 0%,#d1573a 100%);
}

/* ------------------------------------------------------------ */
/* Syntax Highlighter */
/* ------------------------------------------------------------ */
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #ca3131; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }
.prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; }
.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; }
ol.linenums { margin: 0 0 0 33px; list-style-type: decimal; }
ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff; }

/* ------------------------------------------------------------ */
/* Widgets */
/* ------------------------------------------------------------ */
.search-block { position: relative; box-shadow: 0 1px 1px #fcfcfc; -webkit-box-shadow: 0 1px 1px #fcfcfc; -moz-box-shadow: 0 1px 1px #fcfcfc; }
.search-block input[type=text] { border: 1px solid #cdcdcd; padding: 9px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.search-block button { position: absolute; top: 0; right: 0; height: 100%; max-height: 100%; padding: 7px 8px; z-index: 99; border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; margin: 0; }
.search-block .search { width: 12px; height: 14px; display: block; background: url('../images/icons/icon-search.png') no-repeat; }
.search-block button:active > .search { background-position: -12px 0; }
.table-stats tbody td:first-child a { font-weight: bold; font-size: 14px; color: #5f5f5f; }
.stats-plus, .stats-minus { padding-left: 20px; }
.stats-plus { background: url(../images/elements/other/grown.png) no-repeat 0 1px; color: #468847; }
.stats-minus { background: url(../images/elements/other/dropped.png) no-repeat 0 1px; color: #B94A48; }
.updates li { border-top: 1px solid #ddd; padding: 10px 14px; line-height: 20px; }
.updates li:first-child { border-top: none; }
.updates li span { display: block; }
.updates li > span > a { font-weight: bold; }
.updates .item { float: left; width: 80%; margin-top: 2px; }
.updates .item span { line-height: 14px; }
.updates .item > .headline { float: left; margin-right: 14px; }
.updates .item > .headline > img { display: block; }
.updates .item .announce > a { font-weight: bold; line-height: 18px; }
.updates .date { float: right; width: 30px; text-align: center; color: #bbbbbb; margin: 3px 0 0 0; text-shadow: 0 1px #fff; }
.updates .date > span { font-size: 20px; font-weight: bold; display: block; margin-bottom: -3px; }
.updates li:after { content: ""; display: block; clear: both; }

/* ------------------------------------------------------------ */
/* Error Pagina */
/* ------------------------------------------------------------ */
.error-page { position: absolute; top: 50%; bottom: 0; margin-top: -190px; text-align: center; left: 0; right: 0;  }
.error-page .error-content { width: 350px; margin: auto; margin-top: 35px; }
.error-page .reason-title { display: block; margin: 20px 0 20px 0; font-weight: bold; color: #eee; font-size: 14px; }
.error-page .reason { color: #fff; font-size: 200px; text-stroke: 1px transparent; padding: 110px 0 80px 0; display: block; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); }
.error-page .error-buttons { margin-top: 16px; }
.error-page .error-buttons > .btn { margin-top: 10px; }

/* ------------------------------------------------------------ */
/* Datarange */
/* ------------------------------------------------------------ */
.dates-range li { float:left; display: block; width: 30%; }
.dates-range li.sep { margin: 3px 5px; color: #ddd; width: 2%; text-align: center; }
.dates-range li input[type=text] { width: 100%; }

/* ------------------------------------------------------------ */
/* Responsive */
/* ------------------------------------------------------------ */
@media (max-width: 1366px) {
	.jGrowl .jGrowl-notification { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
	.jGrowl .jGrowl-closer { width: 233px; }
}

@media (min-width: 1025px) and (max-width: 1366px) {
	div.jGrowl.top-right { right: 34px; }
}

@media (max-width: 1024px) {
	.body > .container > .row-fluid:first-child [class*="span"]:first-child .block, .tab-pane > .row-fluid:first-child [class*="span"]:first-child .block { margin-top: 0; }
	.body > .container > .row-fluid:first-child [class*="span"] .block, .tab-pane > .row-fluid:first-child [class*="span"] .block { margin-top: 30px; }
}

@media (min-width: 769px) {
	.sidebar-button { display: none; }
}

@media (min-width: 769px) and (max-width: 1024px) {
	div.jGrowl.top-right { right: 24px; }
	.sidebar { margin-left: 0; display: }
}

@media (max-width: 450px) {
	.settings-button > a { display: none !important; }
}

@media (max-width: 400px) {
	.logout-button > a { display: none !important; }
	.menu-logout { display: block !important; }
}

@media (max-width: 700px) {
	html { -webkit-text-size-adjust: none; }
	.sidebar-button > a { display: block !important; }
	.topnav .dropdown-menu { left: auto; right: 0; }
	.content, .three-columns .content { margin: 0; }
	.sidebar { z-index: 997; background: url(../images/backgrounds/default.jpg); width: 100%; top: 0; display: none; }
	.sidebar .block, .sidebar [class*="separator"] { display: none; }
	.navigation > li > a { background: #505050; }
	.navigation > li > a:hover { background: #525252; }
	.navigation > li.active > a, .navigation > li.active > a:hover { background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #AAD15F 0%,#7EA437 100%); }
	.show-sidebar { display: block !important; }
	.hide-sidebar { display: none  !important; }
	.inline-bars li { padding: 12px 0; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
	.inline-bars > li > .progress.vertical:first-child { margin-left: auto; }
	.inline-bars > li > .progress.vertical { margin: 0 auto; float: none; }
}

@media (min-width: 450px) and (max-width: 768px) {
	.midnav { margin-bottom: 25px; }
	.inner > .body { padding: 15px 10px; }
	.wrapper { margin: 20px 10px 0 10px; }
	.top-wrapper { padding: 0 0 0 10px; }
	div.jGrowl.top-right { right: 16px; }
	.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { margin: 12px; }
}

@media (max-width: 640px) {
	.topnav > li.topuser { display: none; }
}

@media (max-width: 580px) { 
	textarea { width: 100% !important; }
	.content, .three-columns .content { margin: 0; padding-bottom: 6px; }
	.topnav > li.search { border-left: 1px solid #444; }
	.midnav { margin-bottom: 25px; }
	.midnav li { width: 46%; padding: 0 2%; margin-left: -2px; margin-right: -2px; }
	.midnav li strong { top: 0; right: 4%; }
	.midnav.no-background li { width: 100px; }
	.piechart li { width: auto; }
	.wrapper { margin: 20px 5px 0 5px; }
	.notice { margin-bottom: 20px; }
	.top-wrapper { padding: 0 0 0 5px; }
	.inner > .body { padding: 5px 5px; }
	div.uploader, div.uploader input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
	.left-box, .right-box { width: 100%; float: none; }
	.dual-control { width: auto; margin: 20px 0; position: static; left: 0;  }
	.count-label { text-align: center; }
	.datatable-header, .datatable-footer { text-align: center; margin-top: 15px; }
	.dataTables_length, .dataTables_paginate { float: none; padding-top: 0; margin-top: 0; display: block; }
	.dataTables_filter, .dataTables_info { float: none; }
	.toolbar li { height: 36px; } 
	.toolbar li a span { display: none; }
	.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
	.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { margin: 8px 0; }
	.jGrowl.top-right { right: 0px; top: 0px; left: 0; padding: 0 17px; }
	.dates-range li { width: 48%; }
	.dates-range li.sep { width: 4%; margin: 3px 0!important; text-align: center; }
	.dates-range li input { width: 100%; }
	.error-page  { top: 70px; margin-top: 0; }
	.error-page .reason { font-size: 100px; padding: 0; margin: 60px 0 20px 0; }
	.error-page .error-content { width: 280px; margin-top: 60px; padding-bottom: 25px; }
	.elfinder .elfinder-navbar { width: 130px; }
	.plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_file_size {  display: none; }
}

/* ------------------------------------------------------------ */
/* Custom */
/* ------------------------------------------------------------ */

#load-overlay {
	display: none;
	z-index: 3000;
	background: rgba(0,0,0,0.93);
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

@-moz-keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}
@-webkit-keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}
@-o-keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}
@keyframes fadein {
  from {opacity:0}
  to {opacity:1}
}

.spinner-wrapper {
  top:0;
  left:0;
  bottom:0;
  right:0;
  height:0;
  position:absolute;
  z-index:3000;
}

.spinner-text {
	position:absolute;
	top:41.5%;
	left:47%;
	margin:16px 0 0 35px;
	font-size:12px;
	font-family:Arial;
	color:#BBB;
	letter-spacing:1px;
	font-weight:700
}

.spinner {
  margin:0;
  display:block;
  position:absolute;
  left:45%;
  top:40%;
  border:25px solid rgba(100,100,100,0.2);
  width:1px;
  height:1px;
  border-left-color:transparent;
  border-right-color:transparent;
  -webkit-border-radius:50px;
     -moz-border-radius:50px;
          border-radius:50px;
  -webkit-animation:spin 1.5s infinite;
     -moz-animation:spin 1.5s infinite;
          animation:spin 1.5s infinite;
}

@-webkit-keyframes spin {
  0%,100% {-webkit-transform:rotate(0deg) scale(1)}
  50%     {-webkit-transform:rotate(720deg) scale(0.6)}
}

@-moz-keyframes spin  {
  0%,100% {-moz-transform:rotate(0deg) scale(1)}
  50%     {-moz-transform:rotate(720deg) scale(0.6)}
}
@-o-keyframes spin  {
  0%,100% {-o-transform:rotate(0deg) scale(1)}
  50%     {-o-transform:rotate(720deg) scale(0.6)}
}
@keyframes spin  {
  0%,100% {transform:rotate(0deg) scale(1)}
  50%     {transform:rotate(720deg) scale(0.6)}
}

span.icon {
    background-image: url(../../jquery.mobile/images/icons-18-black.png);
    background-repeat: no-repeat;
	width: 18px;
    display: inline-block;
}

.control-group [class*="span"] {
	padding-right: 10px;
}

.modal-body > form > table > tbody > tr > td > span.add-on {
	display: block;
	position: relative;
}

.modal-body > form > table > tbody > tr > td > span.add-on > a {
	float: right;
	z-index: 999;
	margin-top: -29px;
	display:block;
}

#selecteerafbeelding {
	margin-left: 15px;
}

span.icon-custom {
    background-image: url(../../jquery.mobile/images/custom/images/icons-18-black-pack.png);
    background-repeat: no-repeat;
	width: 18px;
    display: inline-block;
}

.modal-body .selector {
	width: 100% !important;
	margin-top: .1px;
}

.modal-body .selector span {
	width: 100% !important;
	padding: 0px 0px 0px 0px !important;
}

.modal-body table {
	width: 100% !important;
}
.selector {
	width: 213px !important;
}

.selector > span {
	width: 179px !important;
}

.modal-body {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 400px;
}

.switcher > a { padding: 13px 15px 7px 15px!important; }
.switcher .pull-right.dropdown-menu { left: auto!important; width: auto!important; }
.switcher .pull-right.dropdown-menu li a:before { content: "+"; float: left; margin-right: 10px; }
.switcher .dropdown-menu li a { padding: 8px 16px 8px 10px!important; }

#componenten li:hover {
	cursor:pointer;
    background-image: url(../../../draganddrop/images/plus_16.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

label > .selector {
	float: right;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.span3 > .controls > input, .span3 > .controls > textarea {
	width: 100% !important;
}
#menu_links_slidemenu_items .feed-element {
	cursor: move;
}
#menu_rechts_slidemenu_items .feed-element {
	cursor: move;
}
.file > label {
	margin-left: 20px;
}
#iphone {
	max-width: 400px;
	margin: 0 auto;
	left: -15px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #0d0d10;
	border: solid #0d0d10;
	height: 600px;
	border-width: 4.212em 1.0998em;
	border-radius: 1.8018em;
}

#componenten > li {
	z-index: 999;
}

/* BBQ app */
.bbq_red {
	background-color: #F5A9A9 !important;
}

/* inputs in modal */
.bootbox tbody tr td {
	vertical-align: top;
}

.bootbox .checkbox {
	height: 18px !important;
}

.bootbox .toggle-label {
	vertical-align: top !important;
}

.bootbox .checkbox:last-child {
	margin-bottom: 3px;
}

.bootbox input
{
	height: 27px !important;
}