.background1 {
	background: url("images/pebble-02-faded.png");
	background-repeat: no-repeat;
	height: 100%;
	width: 150px;
	position: fixed;
	right: 0;
}

.background2, .background3 {
    display: none;
}

@media (min-width: 1000px) {
    .background2 {
        background: url("images/pebble-08-faded.png");
        background-repeat: no-repeat;
        height: 100%;
        width: 500px;
        position: fixed;
        left: -250px;
        display: block;
    }

     @media (min-width: 1500px) {
        .background2 {
            left: -50px;
        }
    }
}

@media (min-width: 1000px) {
    .background3 {
        background: url("images/pebble-09-faded.png");
        background-repeat: no-repeat;
        height: 100%;
        width: 300px;
        position: fixed;
        right: 50px;
        top: 500px;
        background-size: 300px;
        display: block;
    }

    @media (min-width: 1400px) {
        .background3 {
            right: 200px;
        }
    }
}

.navbar-default .navbar-nav > li > a {
	font-weight: normal !important;
}

h1, h2 {
	font-weight: normal;
	color: #990AE3;
}

h2 {
    white-space: nowrap;
    text-align: center;
}

.center {
    text-align: center;
}

.footer > .container {
	margin-left: 0px;
}

@media (min-width: 768px) {
	label {
		font-weight: normal;
	}
}

html {
	font-size: 16px;
	@font-size-base: 16px;
}

body {
	padding-top: 40px;
	padding-bottom: 20px;
}


.navbar-default {
	background: #F2F2F2 !important;
	height: 39px;
	min-height: 39px;
	border-bottom: 0;
}

.navbar-toggle {
	float:right;
	padding: 7px 5px;
	margin-top: 6px;
	height:25px;
	width: auto;
}
.navbar-default .navbar-toggle .icon-bar {width: 15px; background-color: #F2F2F2; }
.navbar-toggle .icon-bar + .icon-bar {margin-top: 2px;}
.navbar-brand {
	background: url("images/logo.svg") no-repeat;
	height: 25px;
	width: 120px;
	background-size: 119px 26px;
	margin: 5px 7px 7px 7px;
	padding: 0;
	}
.navbar-nav > li > a {padding: 3px 10px 4px;}
.navbar {margin-bottom: 0px;}

.navbar-title {
    float: left;
    color: #990AE3;
    font-weight: bold;
    font-size: larger;
    position: relative;
    margin-right: 10px;
}

@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		color: black;
		font-weight: bold;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav > li > a:hover {
		color: #990AE3 !important;
	}

	.navbar-default .navbar-nav li:hover {
		background-color: #e7e7e7;
	}
}

.navmenu-brand {
	background-image: url("images/logo.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0;
	margin-left: 10px;
	height: 55px;
	width: 90%;
}

@media (min-width: 1300px) {
    .user-management {
        width: 1300px;
    }
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	min-height: 100%;
	margin-bottom: 160px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #f5f5f5;
	background: #990AE3;
	height: 160px;
	margin: 0 auto;
	padding-top: 10px;
	color: #bcbcbc;
	text-align:left;
	font-size: 14px !important;
}
/* -------------------------------------------------- */

	label {
		margin-bottom: 0;
		display: block;
	}

	button.modal-close {
		font-size: 2rem;
		float: right;
		line-height: 1.0rem;
		padding: 0px 2px 8px 2px;
		height: 23.2px;
		width: auto;
		}

	button.close {
		background: rgba(0, 0, 0, 0) linear-gradient(#8c62a4, #652d86) repeat scroll 0 0;
	}

	.close {
		opacity: 1;
		color: white;
		}

	.modal-backdrop {
		background-color: #808080;
		}

	.remove {
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		}

	.remove:hover {
		text-decoration: none;
		}

/* Textfield and textarea styling */
	input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="tel"], textarea {
		width: 100%;
		background-color: #fdfdfd !important;
		border-color: #d8d3dc;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-style: solid;
		border-width: thin;
		box-shadow: 1px 2px 2px #8c8590 inset;
		color: black;
		line-height: 22px;
		height: 36px;
		margin-bottom: -1px;
		padding: 6px 7px 6px 7px;
		resize: none;
		overflow: hidden;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    	box-sizing: border-box;			/* Opera/IE 8+ */
	}

	input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, textarea:disabled {
		color: #808080;
		cursor: not-allowed;
		}

	input[type="text"].error, input[type="password"].error, input[type="number"].error, input[type="search"].error, input[type="email"].error, input[type="tel"].error, textarea.error {
		border-color: #c62222;
		border-width: 2px;
		margin-bottom: 0;
	}

	input[type="number"]{
		max-width: 80px;
		}

	@media (min-width: 400px) {
		input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], textarea, select {
			max-width: 300px;
			height: 36px;
		}
		input[type="number"]{
		height: 36px;
		}
	}

/* TS links */
	a, a:visited {
		color: #990AE3;
		-moz-transition: color 0.15s ease 0s, color 0.15s ease 0s;
		-o-transition: color 0.15s ease 0s, color 0.15s ease 0s;
		-webkit-transition: color 0.15s ease 0s, color 0.15s ease 0s;
		transition: color 0.15s ease 0s, color 0.15s ease 0s;
		}

	a:hover {
		color: #CC00FF;
		}

	a:active {
		color: #9B009B;
		}

/* TS buttons */
	input[type="button"], input[type="submit"], button, .btn-file, div[class^=html5gallery-fullscreen-close-] {
		background: #990AE3 !important;
		-moz-transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
	    -o-transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
	    -webkit-transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
	    transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 0;
		height: 42px;
		line-height: 1;
		width: 100%;
		padding: 11px 16px 11px 16px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: white;
		cursor: pointer;
		}

	input[type="button"]:hover, input[type="submit"]:hover, button:hover, .btn-file:hover, div[class^=html5gallery-fullscreen-close-]:hover {
		background: #CC00FF !important;
		}

	input[type="button"]:active, input[type="submit"]:active, button:active, .btn-file:active, div[class^=html5gallery-fullscreen-close-]:hover {
		background: #9B009B !important;
		}

	input[type="button"]:disabled, input[type="button"]:disabled:hover, input[type="button"]:disabled:active, input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:active, button:disabled, button:disabled:hover, button:disabled:active, .btn-file:disabled, .btn-file:disabled:hover, .btn-file:disabled:active {
		color:#808080;
		cursor: not-allowed;
		-moz-box-shadow: 0 0 rgba(0, 255, 0, 0.5);
		-webkit-box-shadow: 0 0 rgba(0, 255, 0, 0.5);
		box-shadow: inset 0px 0px 0 2000px rgba(255,255,255,0.5);
		background: #8c62a4; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#8c62a4, #652d86); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#8c62a4, #652d86); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#8c62a4, #652d86); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#8c62a4, #652d86); /* Standard syntax */
	}

	input[type="button"].light, input[type="submit"].light, button.light {
		color: #652d86;
		background: #f6f6f6; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#f6f6f6, #d9cee0); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#f6f6f6, #d9cee0); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f6f6f6, #d9cee0); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f6f6f6, #d9cee0); /* Standard syntax */
	}

	input[type="button"].light:hover, input[type="submit"].light:hover, button.light:hover {
		color: #f6f6f6;
		background: #f6f6f6; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#f6f6f6, #e7e2eb); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#f6f6f6, #e7e2eb); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f6f6f6, #e7e2eb); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f6f6f6, #e7e2eb); /* Standard syntax */
	}

	input[type="button"].light:active, input[type="submit"].light:active, button.light:active {
		color: #d3c5db;
		background: #d3c5db; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#d3c5db, #e4dde8); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#d3c5db, #e4dde8); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#d3c5db, #e4dde8); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#d3c5db, #e4dde8); /* Standard syntax */
	}

	@media (min-width: 400px) {
		input[type="button"], input[type="submit"], button, .btn-file {
			width: auto;
			padding: 6px 16px 6px 16px;
			height: 28px;
			font-weight: normal;
		}
	}

	.fileinput {
		cursor: pointer;
		}

	.fileinput span:hover, .fileinput span:active {
		color: white !important;
		cursor: pointer !important;
		}

	.fileinput > .close {
		color: black;
		}

	.fileinput-filename {
		display: none;
		}

	::-webkit-file-upload-button {
		cursor:pointer;
		}


/* TS selects */

	select {
		width: 100%;
		background-color: #fdfdfd;
		border-color: #d8d3dc;*/
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-style: solid;
		border-width: thin;
		box-shadow: 1px 2px 2px #8c8590 inset;
		color: black;
		line-height: 22px;
		height: 36px;
		margin-bottom: -1px;
		padding: 6px 7px 6px 7px;
		resize: none;
		overflow: hidden;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    	box-sizing: border-box;			/* Opera/IE 8+ */
	}



/* Striped table styling
-------------------------------------------------- */
	.table-striped > tbody > tr:nth-of-type(odd) {
		background-color: #F9F9F9;
	}

	.table-striped > tbody > tr:nth-of-type(even) {
		background-color: #ECE9EE;
	}

	.table-striped > thead > tr {
		background: #990AE3;

		}

	.table-striped > thead > tr > th {
		color: white;
		font-weight: bold;
		}
/* -------------------------------------------------- */

/* Progressbar styling
-------------------------------------------------- */
	.progress-bar {
		background-color: #990AE3;
		animation-direction: reverse !important;
		}
/* -------------------------------------------------- */

a[data-target="#forgotPasswordModal"] {
	cursor: pointer;
}


/* TS Checkbox styling
-------------------------------------------------- */
	input[type="checkbox"] + label::after {
		color: #990AE3;
		font-size: 16px;
		padding-left: 2px;
		padding-top: 0px;
		top: -6px;
		-ms-transform: scale(1, 1.7); /* IE 9 */
		-webkit-transform: scale(1, 1.7); /* Chrome, Safari, Opera */
		transform: scale(1, 1.7);
	}

	input[type="checkbox"] + label::before {
		box-shadow: 1px 2px 2px #8c8590 inset;
		top: 8px;
	}

	input[type="checkbox"]:hover:enabled + label::before {
		background: #C9B4D6; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(#C9B4D6, white, white); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#C9B4D6, white, white); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#C9B4D6, white, white); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#C9B4D6, white, white); /* Standard syntax */
	}

	input[type="checkbox"]:disabled + label::after, input[type="checkbox"]:disabled + label {
		cursor: not-allowed;
	}
/* -------------------------------------------------- */

/* Typeahead */

.tt-query {
	width: 396px;
	height: 30px;
	padding: 8px 12px;
	font-size: 24px;
	line-height: 30px;
	border: 2px solid #ccc;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	outline: none;
}

.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	display:none;
}

.tt-menu {
	width: auto;
	margin: 2px 0 12px 0;
	padding: 0px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
			box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #990ae3;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;

}

.tt-suggestion p {
	margin: 0;
}

.tt-suggestion:last-child {
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
	}

.twitter-typeahead {
	width: 100%;
	}

/*.table-responsive, .table-responsive > table {
	border: 0;
}*/

.table-responsive td, .table-responsive > table td {
	width: 30%;
	}


/* ----------------------
 * Breadcrumbs
 --------------------------*/
		.breadcrumb {
			list-style: none;
			overflow: hidden;
			font: 15px Helvetica, Arial, Sans-Serif;
			padding: 0;
			margin: 0 0 5px;
			background: transparent;
		}

		/* Reset bootstrap styling */
		.breadcrumb>li+li:before {
			content: none;
			padding: 0;
			color: transparent;
		}

		.breadcrumb li {
			float: left;
		}
		.breadcrumb li a {
			color: white;
			text-decoration: none;
			padding: 5px 0 5px 30px;
			background: brown;                   /* fallback color */
			background: hsla(34,85%,35%,1);
			position: relative;
			display: block;
			float: left;
		}
		.breadcrumb li a:after {
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 40px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 40px solid transparent;
			border-left: 24px solid #a5630d;
			position: absolute;
			top: 50%;
			margin-top: -40px;
			left: 100%;
			z-index: 2;
		}
		.breadcrumb li a:before {
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 40px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 40px solid transparent;
			border-left: 20px solid white;
			position: absolute;
			top: 50%;
			margin-top: -40px;
			margin-left: 1px;
			left: 100%;
			z-index: 1;
		}
		.breadcrumb li:first-child a {
			padding-left: 8px;
		}
		.breadcrumb li a {
			background: #990AE3;
		}
		.breadcrumb li a:after {
			border-left-color: #990AE3;
		}

		/* Truncate */
			.breadcrumb li a div {
				max-width: 100px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				}

		.breadcrumb li a:hover { background: #CC00FF }
		.breadcrumb li a:hover:after { border-left-color: #CC00FF !important; }

		.row-fluid {
			overflow: auto;
			}

		.row-fluid > div {
			white-space: nowrap;
			}

.strikethrough {
	text-decoration: line-through;
	}

.italic {
	font-style: italic;
	}

h4 {
	margin-bottom: 8px;
	}

.uppercase {
	text-transform: uppercase;
	}

.hidden {
	display: none;
	}

.button-row input[type="button"] {
	margin-bottom: 1px;
	}

.image-button-overlay {
	position: relative;
	display: inline-block;
	}

.image-button-overlay input[type="button"], .image-button-overlay form {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

.single-line-height {
	line-height: 1;
	}

.wide-buttons input[type="button"], button {
	width: 100%;
	}

/* ----------------------
 * html5gallery
 --------------------------*/
div[class^=html5gallery-fullscreen-play-] {
	display: none !important;
	}

div[class^=html5gallery-fullscreen-close-] {
	font-size: 2rem;
    line-height: 1.0rem;
    padding: 0px 2px 8px 2px;
    height: 23.2px !important;
    width: auto !important;
	}

div[class^=html5gallery-fullscreen-close-]:before {
	content: "×";
	font-weight: normal;
	}

div[class^=html5gallery-left-], div[class^=html5gallery-fullscreen-prev-] {
	background: url('images/lightbox_prev.svg') top left/48px 48px no-repeat !important;
	}

div[class^=html5gallery-right-], div[class^=html5gallery-fullscreen-next-] {
	background: url('images/lightbox_next.svg') top left/48px 48px no-repeat !important;
	}

div[class^=html5gallery-lightbox-] {
	background: url('images/side_lightbox.svg') top left/48px 48px no-repeat !important;
	}

.html5gallery-fullscreen-remove {
	float: left;
	}

div[class^=html5gallery-elem-image-]:hover {
    cursor: pointer;
    }


/* ----------------------
 * Bootstrap popover
 --------------------------*/
.popover {
    max-width: none;
}

.popover-content {
    line-height: 20px;
}

.popover-content ul {
    padding-left: 20px;
}


/* ----------------------
 * Bootstrap alert
 --------------------------*/
.alert-danger {
    color: red;
}

.alert-success {
    color: green;
}

.alert {
    line-height: 20px;
    font-weight: bold;
}