/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
html {
	height: 100%;
}
body {
	background: #f8f8f8;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
		Verdana, Tahoma, sans-serif;
	height: 100%;
}

*:focus {
	outline: none;
}

h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-align: center;
}

input:disabled, input:readonly {
	background-color: #fff;
}

.form-control[disabled] {
	background-color: #fff;
}

.form-control[readonly] {
	background-color: #fff;
}

/*
 * Global add-ons
 */
.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/*
 * Main content
 */
.main {
	padding: 0px 5px 5px 30px;
}

@media ( min-width : 768px) {
	.main {
		padding: 0px 20px 20px 20px;
	}
}

pre {
	background: none;
	border: 0px;
	margin: 0;
	padding: 0;
}

#content {
	margin-right: 0px;
	height: 100%;
}

.main .page-header {
	margin-top: 0;
}

.navbar-brand {
	margin: auto;
}

/*
 * Placeholder dashboard ideas
 */
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	border-radius: 50%;
}

.form-group {
	margin-bottom: 5px;
}

.form-signin {
	width: 330px;
	padding-top: 50px;
	margin: 0 auto;
}

.form-signin a {
	margin-top: 10px;
	text-align: center;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-control {
	font-size: 12px;
}

.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 12px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.form-signin button {
	margin-top: 20px;
	margin-top: 20px;
}

.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}

.form-control {
	border: 1px solid #e1e6ef;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #374767;
}

.error {
	color: #900000 !important;
}

.requiredField:after {
	content: "*";
	margin-right: 4px;
}

.optionalField {
	color: #616161;
	font-weight: normal;
}

#logonBanner {
	text-align: center;
	margin: 25px auto;
}

.logonInput {
	position: relative;
	overflow: auto;
}

.excludedList {
	width: 100%;
	float: left;
	padding-bottom: 20px;
}

.excludedList label {
	display: block;
	font-size: 75%;
	float: none;
}

.wrap {
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.searchValue {
	margin-left: 10px;
}

.searchInputAdd {
	margin-left: 5px;
	float: left;
}

.excludedList select {
	margin-right: 5px;
}

.listButtons {
	float: left;
	display: block;
	margin-top: 20px;
}

.multipleTextInputButtons {
	float: left;
	display: block;
}

.includedList {
	float: left;
	width: 100%;
}

.selectedRemove {
	margin-left: 5px;
	float: left;
}

.includedList label {
	display: block;
	font-size: 75%;
	margin-left: 5px;
	float: none;
}

.includedList select {
	margin-left: 5px;
}

.help-block {
	color: #b0bcd4;
	display: inline-block;
	padding-left: 5px;
}

.help-block-alt {
	color: #888;
	display: inline-block;
	padding-left: 5px;
}

.btn-primary {
	color: white;
	background: #000;
	border: 1px solid #000;
}

.btn-primary:hover {
	background: #555;
}

.btn-primary:disabled {
	background: #777;
}

.btn-disabled {
	color: white;
	background: #eee;
	border: 1px solid #eee;
}

.btn-disabled:hover {
	color: white;
}

.btn-disabled-dark {
	color: #374767;
	background: #eee;
	border: 1px solid #eee;
}

.btn-disabled-dark:hover {
	color: #374767;
}

.btn-multiple-select {
	margin-bottom: 10px;
}

.btn-multiple-select i {
	margin-left: 5px;
}

.btn-info {
	background-color: #000;
}

.btn-info:hover {
	background-color: #555;
}

.btn-action {
	padding: 6px;
}

.large-button-active {
	/* 	border: 2px solid #555 !important; */
	color: #555 !important;
	/* 	background: #e1e6ef !important; */
}

.small-button-active {
	color: #555 !important;
}

.large-button {
	/* 	border: 1px solid #e1e6ef; */
	/* 	background: #f2f4f8; */
	margin-bottom: 10px;
	padding: 10px 0px 0px 0px;
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #c0cadd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#mainContainer {
	background: #f8f8f8;
	height: 100%;
}

#subMenuContent, #subMenuPageContent {
	display: inline-block;
	width: 100%;
}

.subMenu {
	min-height: 100px;
	margin: auto 0;
}

.subMenuSmall {
	margin-bottom: 10px;
}

.subMenuLarge {
	height: 90px;
}

.subMenu p {
	margin: 10px 0;
}

.dropdown-menu {
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
}

.dropdown-menu>.disabled {
	cursor: not-allowed;
}

.dropdown-menu>.disabled>a {
	pointer-events: none;
}

.scrollable-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}

.large-button:hover {
	color: #555;
	text-decoration: none;
	/* 	background: #e1e6ef; */
}

.large-button i {
	font-size: 32px;
}

.padded-row {
	padding: 25px;
}

.alert-danger {
	background: #ffd4d4;
	border-color: #ff5454;
	color: #ba0000;
}

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

.alert {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-color: transparent !important;
}

table.table {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

.table thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #e1e6ef;
}

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td,
	.table tbody>tr>td, .table tfoot>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: middle;
	border-top: 1px solid #e1e6ef;
}

table.table a {
	margin-right: 5px;
}

table.table .btn i {
	margin: 0;
}

.fixed-table-container {
	border: 0px;
	margin: 10px;
}

.fixed-table-body {
	overflow-x: auto;
	overflow-y: visible;
}

.pagination-info {
	margin-left: 10px;
}

div.numRecords label {
	font-weight: normal;
	float: left;
	text-align: left;
}

.tableActions {
	text-align: right;
}

div.numRecords select {
	width: 75px;
}

div.tableFilter label {
	font-weight: normal;
	float: right;
}

div.tableInfo {
	padding-top: 8px;
}

div.tablePages {
	float: right;
	margin: 0;
}

div.tablePages ul.pagination {
	margin: 2px;
}

.searchDialog {
	height: 400px;
}

#firstSteps {
	overflow: auto;
}

.firstStep {
	margin-bottom: 20px;
}

#featureReel {
	overflow: auto;
}

#featureReelCarousel {
	margin-top: 40px;
}

.carousel-control, .carousel-control:visited, .carousel-control:active {
    width: 20px;
    font-size: 20px;
    color: #000;
    text-shadow: none;
}

.carousel-control:hover  {
    width: 20px;
    font-size: 20px;
    color: #eee;
    text-shadow: none;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	background-color: #000;
	border-color: #000;
}

.tabContent {
	display: block;
	overflow: visible;
}

.propertyFilter {
	text-align: right;
	margin-bottom: 10px;
}

.propertyItem {
	display: table;
	width: 100%;
}

.propertyItem p {
	padding: 10px 25px 5px 25px;
}

.propertyValue {
	/** display: table-row;**/
	
}

.modal-open {
	overflow: auto;
}

.dropdown-menu {
	z-index: 999998;
}

a.disabled-link, a.disabled-link:visited, a.disabled-link:active, a.disabled-link:hover
	{
	background-color: #d9d9d9 !important;
	color: #aaa !important;
}

.user-success {
	color: #3c763d;
}

.user-warning {
	color: #8a6d3b;
}

select {
	background: #ffffff url("/hypersocket/ui/images/select.png") no-repeat
		!important;
	background-size: 24px 20px !important;
	background-position: right center !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	border: 1px solid #e1e6ef !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	color: #888;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

table {
	margin: 1em 0;
	clear: both;
}

footer {
	padding: 5 5 5 5px;
	flex-shrink: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	background-color: #000;
	color: #fff;
}

header {
    flex-shrink: 0;
}

header .navbar {
	border-radius: 0px;
	margin-bottom: 0;
}

.scroll-container {
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.scroll-content, .scroll-container #container.scroll-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 2em;
	width: 100%;
}

#copyright {
	float: left;
}

#copyright p {
	font-size: .8em;
	margin: 8px;
	line-height: 1em;
	vertical-align: middle;
}

#footer {
	z-index: 9999;
}

#footerActions {
	float: right;
	height: 50px;
	width: auto;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	display: table-cell;
	padding: 5px;
}

#progress {
	float: right;
	width: 30px;
	height: 50px;
	margin: auto;
	vertical-align: middle;
	position: relative;
}

#informationBar {
	margin-top: 20px;
}

#certInfo .row {
	margin-bottom: 20px;
}

.pagination>li>a, .pagination>li>span {
	color: #333;
}

.switch-input:checked ~ .switch-label {
	background: #000;
}
/* Sidebar
=================================================================== */

#burger-toggle i {
	font-size: 28px;
	color: white;
	float: left;
	margin: 10px 20px 10px 10px;
}

#menu {
	margin-top: 10px;
	margin-left: 5px;
}

.sidebar {
	background: #e7e7e7;
	color: #333;
	position: absolute;
	width: 220px;
	pading-right: 10px;
	top: 51px;
	bottom: 51px;
	left: 0px;
	z-index: 8888;
	overflow-y: auto;
}

.sidebar-min {
	background: #e7e7e7;
	color: #333;
	position: absolute;
	width: 20px;
	top: 51px;
	bottom: 51px;
	left: 0px;
	left: 0px;
	z-index: 8888;
	overflow-y: scroll;
}

#main-menu-min i {
	padding: 5px;
}
.sidebar .nav-sidebar.title {
	text-align: left;
	font-size: 12px;
	color: #333;
}

.sidebar .nav-sidebar.title a, .menuitem {
	text-decoration: none;
	color: #333;
	padding: 10px 0px;
}

.sidebar .nav-sidebar.title span {
	position: relative;
	z-index: 2;
}

.sidebar ul.nav.nav-sidebar {
	margin: 0px;
}

.sidebar ul.nav.nav-sidebar li a {
	color: #333;
}

.sidebar ul.nav.nav-sidebar li a i {
	width: 30px;
	text-align: center;
	margin-right: 5px;
	margin-left: 20px;
	font-size: 18px;
}

.imenu {
	width: 15px;
	text-align: left;
	margin: 0 5px;
	font-size: 12px;
}

.sidebar ul.nav.nav-sidebar li a.active, .sidebar ul.nav.nav-sidebar li a:hover
	{
	background: #2c3334;
	color: white;
}

.sidebar ul.nav.nav-sidebar li ul {
	display: none;
	background: #2c3334;
	list-style: none;
	padding: 5px 0 5px 25px;
}

.sidebar ul.nav.nav-sidebar li ul li {
	padding: 10px 0;
}

.sidebar.minified {
	width: 60px;
	z-index: 3;
}

.sidebar.minified .nav-sidebar.title {
	display: none;
}

.sidebar.minified ul.nav.nav-sidebar>li {
	position: relative;
}

.sidebar.minified ul.nav.nav-sidebar>li>a {
	width: 60px;
	position: relative;
	padding: 0;
	line-height: 40px;
	text-align: center;
}

.sidebar.minified ul.nav.nav-sidebar>li>a.open {
	cursor: default;
}

.sidebar.minified ul.nav.nav-sidebar>li>a .chevron {
	display: none;
	position: absolute;
	left: 178px;
	z-index: 1000;
}

.sidebar.minified ul.nav.nav-sidebar>li>a .text {
	position: absolute;
	z-index: 1000;
	background: #2c3334;
	min-height: 40px;
	width: 200px;
	padding-left: 15px;
	top: 0px;
	left: 60px;
	display: none !important;
	text-align: left;
}

.sidebar.minified ul.nav.nav-sidebar>li>ul {
	display: none !important;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover {
	background: #2c3334;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>a {
	position: relative;
	cursor: pointer;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>a .chevron {
	display: inline-block;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>a .text {
	width: 200px;
	display: block !important;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>ul {
	display: block !important;
	position: absolute;
	top: 40px;
	left: 60px;
	z-index: 1000;
	width: 200px;
	border-left: 1px solid #2c3334;
	background: #e7e7e7;
	padding: 0;
	margin: 0;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>ul>li {
	padding: 0;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>ul>li>a {
	display: block;
	width: 100%;
	line-height: 40px;
}

.sidebar #main-menu-min {
	display: block;
	position: relative;
	color: #4f5b5e;
	font-size: 14px;
	line-height: 26px;
	width: 30px;
	height: 30px;
	margin: 20px auto;
	z-index: 2;
	border: 1px solid #4f5b5e;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	text-align: center;
}

#header {
	z-index: 9999;
}

.container-fluid {
	/* padding-right: 0px; */
}

#bottomMenu {
	float: right;
	margin: 15px 0px;
}

#bottomMenu a {
	color: #999;
}

#bottomMenu a:hover {
	color: #fff;
}

.navbar-inverse {
	background-color: #000;
	border-color: #000;
}

.navbar-header {
	width: 100%;
}

.nav li a {
	padding: 10px 5px;
}

.navicons {
	padding-left: 0px;
	float: right;
	height: 50px;
	margin: auto;
	line-height: 50px;
	float: right;
}

.navicons i {
	text-align: right;
	vertical-align: middle;
}

.navicons a {
	color: #999;
}

.navicons a:hover {
	color: #fff;
}

.navicon {
	display: inline;
	padding: 5px 20px 5px 0px;
	margin: auto;
	height: 100%;
	position: relative;
}

.navicon i.active {
	color: white;
}

.slider-handle {
	background-color: #000;
	background-image: linear-gradient(to bottom, #000, #333);
}

.panel.panel-default {
	border: 1px solid #e1e6ef;
}

.panel-body {
	padding: 15px 0px 0px 0px;
}

.panel-group .panel {
	overflow: visible;
}

.panel-group {
	margin-bottom: 50px;
}

.panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e1e6ef;
	height: inherit;
}

.panel.panel-default .panel-heading {
	overflow: auto;
	border-color: #e1e6ef;
	background: #fcfcfd;
}

.panel .panel-heading {
	line-height: 40px;
	padding: 0 15px;
	min-height: 40px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-color: #e1e6ef;
}

.panel .panel-heading h2 {
	float: left;
	padding: 10px 0px;
	margin: 0px 0px 0px 10px;
	color: #374767;
}

.panel .panel-heading h2 i {
	padding: 12px 0px;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	margin: -10px 0px -10px -20px;
	font-size: 14px;
}

.panel-heading .nav-tabs {
	float: right;
	border: none;
	margin-right: 5px;
}

.panel-heading .nav-tabs li:last-child {
	margin-right: 3px;
	border-right: 1px solid #e1e6ef;
}

.panel-heading .nav-tabs li.active>a {
	background: white;
	border: none;
	border-left: 1px solid #e1e6ef;
}

.panel-heading .nav-tabs li a {
	background: transparent;
	border: none;
	border-left: 1px solid #e1e6ef;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 0;
	line-height: 16px;
	font-weight: 300;
	padding: 11px 15px;
	height: 40px;
	color: #374767;
}

.panel .panel-heading .panel-actions i {
	display: inline-block;
	color: #e1e6ef;
	text-align: center;
	height: 40px;
	width: 40px;
	padding: 12px 0px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	text-decoration: none;
}

.panel .panel-heading .panel-actions {
	float: right;
	margin-right: -15px;
}

.panel .panel-body {
	height: auto;
}

.panel-heading {
	overlow: auto;
}

.slider.slider-horizontal {
	width: 100% !important;
}

.btn {
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
}

.btn i {
	margin-top: 2px;
	margin-right: 5px; 
}

.panel-footer {
	overflow: auto;
	width: 100%;
}

.panel-footer button {
	float: right;
	overflow: auto;
	margin-left: 10px;
}

.footer-info {
	float: left;
	text-align: left;
}

.logonSelect {
	width: 100%;
	padding: 10px;
}

.center {
	text-align: center;
}

.padme {
	padding: 10px;
}

.pad-below-10px {
	padding-bottom: 10px;
}

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

.logonLink {
	margin-top: 10px;
}

.uploadProgress {
	padding-left: 0px;
	padding-top: 5px;
}

.spacer20px {
	height: 20px;
}

.dismiss-icon {
	float: right;
	cursor: pointer;
}

#infoPanel {
	margin-top: 10px;
}

.editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}

.code {
	border: 1px solid rgb(204, 204, 204);
	padding: 0px;
	overflow: visible;
	height: 300px;
}

.CodeMirror {
	border: 1px solid #eee;
	height: 100%;
}

.CodeMirror-scroll {
	overflow-y: hidden;
	overflow-x: auto;
}

.dialogActions {
	valign: middle;
	text-align: right;
	padding-right: 0px;
}

.dialogActions a {
	margin-right: 0px;
	margin-left: 15px;
}

.dialogActions .btn i {
	margin: 0;
}

.fileUpload {
	margin-bottom: 20px;
}

.tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}

span.input-group-addon {
	cursor: pointer;
	padding: 0 4px;
	margin: 0;
}

span.input-group-addon .dropdown-toggle {
	width: 24px;
	line-height: 28px;
	display: inline-block;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; /* Isn't Konquerour dead? */
	-moz-user-select: -moz-none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.selectedTemplate {
	background-color: #ddd;
}

.template {
	text-align: center;
	height: 150px;
	width: 150px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.template a {
	text-decoration: none;
	color: black;
}

#searchHeader {
	margin-bottom: 25px;
}

#pages {
	width: 100%;
	text-align: center;
}

#searchPages {
	display: inline-block;
}

.overviewTitle {
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
}

#overviewContent {
	background-color: white;
	padding: 10px 25px;
	overflow: auto;
}

#systemMessages ul {
	padding-left: 0px;
}

#systemMessages ul li {
	list-style-type: none;
}

.messageTitle {
	font-size: 16px;
	margin-bottom: 0px;
}

.messageAuthor {
	color: #999;
	font-size: 10px;
}

.messageLink {
	margin: 10px;
}

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

.controls {
	text-align: center;
	margin-top: 25px;
}

.messageControl {
	border: 1px solid #999;
	padding: 5px 10px;
}

.messageControl:hover {
	background-color: #eee;
	cursor: pointer;
}

#feed {
	padding-left: 50px;
}

.firstFeed {
	margin-top: 40px;
}

.roles {
	margin-bottom: 20px;
	overflow: auto
}

.activity {
	display: inline-block;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 100%;
	min-height: 175px;
}

.activity h1 {
	margin-top: 10px;
}

.activity h5 {
	padding-left: 10px;
	padding-right: 15px;
}

.pieChartWrapper {
	width: auto;
	height: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

.activityInfo {
	background-color: #fcfcfc;
	overflow: auto;
}

.small-overview-widget {
	background-color: #fcfcfc;
	display: inline-block;
	width: 100%;
	padding: 5px 10px 10px 10px;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	margin-bottom: 20px;
}


.modal-dialog {
	position: relative;
	margin: 60px 10px;
}

@media ( min-width : 767px) {
	.modal-dialog {
		margin: 60px auto;
	}
}

@media ( max-width : 767px) {
	.container-fluid.content {
		overflow: hidden;
	}
	#footer {
		display: none
	}
}

.small-button {
	text-align: center;
	color: #c0cadd;
}

.small-button i {
	font-size: 32px;
	cursor: pointer;
}

.small-button:hover {
	color: #555;
}

.small-button-active.small-button-active:hover {
	color: #555;
}

.file-upload-info {
	font-size: 10px;
	padding-left: 0px;
	padding-right: 10px;
	float: left;
}

.trigger-failure {
	color: #a94442;
}

.trigger-success {
	color: #3c763d;
}

.trigger-any {
	color: #31708f;
}

.trigger-warning {
	color: #8a6d3b;
}

.emptyFlow {
	width: 120px;
	height: 80px;
	position: relative;
	margin: 10px;
	text-align: center;
	vertical-align: middle;
}

.redTrigger {
	background-color: #f2dede !important;
	border-color: #ebccd1;
	color: #a94442;
}

.greenTrigger {
	background-color: #dff0d8 !important;
	border-color: #d6e9c6;
	color: #3c763d;
}

.blueTrigger {
	background-color: #d9edf7 !important;
	border-color: #bce8f1;
	color: #31708f;
}

.yellowTrigger {
	background-color: #fcf8e3 !important;
	border-color: #faebcc;
	color: #8a6d3b;
}

.triggerShape {
	min-width: 150px;
	height: 80px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-color: grey;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

.triggerDraggable {
	cursor: move;
}

.triggerShape span {
	width: 100%;
}

.triggerContent {
	height: inherit;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	padding-left: 15px;
	padding-right: 15px;
}

.triggerText {
	display: block;
	text-align: center;
}

.trigger-same-row {
	display: inline-block;
}

.triggerIcon {
	float: right;
	bottom: 0;
	right: 0;
	margin: 5px;
	cursor: hand;
}

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

.wizardPage {
	overflow: visible;
}

.wizardPage .panel-body {
	padding-bottom: 5px;
}

.buttonBar {
	text-align: right;
	padding-right: 15px;
	padding-bottom: 15px;
}

.floatRight {
	float: right;
}

.textAndSelectText {
	width: 45%;
}

.textAndSelectSelect {
	width: 45%;
}

.clear {
	clear: both;
}

#browserLaunchablePlaceholder td:first-child {
	width: 64px;
}

/* Logo */
.resource-logo {
	max-height: 32px;
}

.logo-preview {
	float: left;
	margin-right: 1em;
	padding: 2px;
}

.logo-preview img {
	max-height: 56px;
}

.logo-container .logo-text {
	width: 4em;
	display: inline;
	margin: 0 1em;
}

.logo-container .logo-shape {
	width: 10em;
	display: inline;
	margin: 0 1em;
}

.logo-separator {
	text-align: center;
	clear: both;
	width: 100%;
}

.logo-row .help-block {
	display: inline-block;
	width: 50px;
}

.logo-row {
	width: 100%;
	margin: 0px 34px 0 72px;
}

.logo-generator {
	margin-bottom: 1em;
	display: inline;
	line-height: 32px;
}

.logo-colour-label {
	
}

.logo-colour input[type=text], .logo-icon input[type=text] {
	float: none;
	display: inline;
}

.logo-colour-outer {
	display: inline-table;
}

.logo-colour {
	width: 10em;
	float: none;
	position: inherit;
}

.logo-icon {
	display: inline-table;
}

.tableToolbar {
	margin-right: 10px;
}

.toolbarWidget {
	float: left;
	width: 150px;
}

.tableToolbar label {
	float: left;
	width: auto;
	height: 34px;
	line-height: 34px;
	valign: middle;
	padding-right: 10px;
	padding-left: 10px;
}

.warning {
	color: orange;
}

.feedback-row {
	margin-bottom: 5px;
}

.feedback-row div {
	valign: middle;
	padding-right: 0px;
	padding-left: 25px;
}

.feedback-success {
	color: green;
}

.feedback-success span {
	color: #333;
}

.feedback-warning {
	color: orange;
}

.feedback-warning span {
	color: #333;
}

.feedback-error {
	color: red;
}

.feedback-error span {
	color: #333;
}

.feedback-info {
	color: blue;
}

.feedback-info span {
	color: #333;
}

.gridOptions a {
	margin-right: 5px;
	color: #fff;
}

.gridOptions .btn i {
	margin: 0;
}

.help-wizard-page {
	display: none;
}

.help-wizard-page .lightbox {
	height: auto;
	overflow: hidden;
}

.lightbox-block {
	float: right;
	padding-right: 10px;
}

.lightbox-text {
	float: none;
	width: auto;
	overflow: hidden;
}

.help-text-block {
	display: table;
}

.help-text-block div {
	display: table-cell;
	float: none;
	padding: 10px 25px 5px 25px;
}

.help-button {
	text-align: center;
	height: 32px;
}

.help-button button {
	background: #e7e7e7;
	color: #333;
	width: 200px;
}

.help-button button i {
	font-size: 18px;
	padding-right: 5px;
}

.fixed-table-toolbar {
	margin-right: 20px;
}

.animated-accordion {
	transition: 0.6s ease-in-out;
	opacity: 0;
}

.accordion-header {
	cursor: pointer;
}

.custom-counter {
	margin: 0;
	padding: 0;
	list-style-type: none;
	counter-reset: step-counter;
}

.custom-counter > li {
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.custom-counter > li::before {
	background-color: rgb(0, 200, 200);
	border-radius: 16px;
	color: white;
	content: counter(step-counter, decimal);
	counter-increment: step-counter;
	font-size: 150%;
	font-weight: bold;
	margin-right: 5px;
	padding: 5px 10px;
	position: relative;
	top: 10px;
}

.custom-counter > li p {
	margin-left: 35px;
}

.greenColor {
	color: #3c763d;
}

.redColor {
	color: #a94442;
}

.fileDragAndDrop {
	border-width: 5px;
	border-style: dashed;
	border-color: grey;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 10px;
}

.fileDragAndDrop i {
	font-size: 30px;
	margin-top: -40px;
	margin-bottom: -10px;
}

.fileDragAndDrop-hover {
	border-color: black !important;
}

.dragAndDrop-table {
	width: 100%;
	margin: 5px;
}

.dragAndDrop-table .progress {
	height: 20px;
	margin: 0px;
}

.dragAndDrop-info {
	padding: 5px;
}

.dragAndDrop-name {
	width: 30%;
}

.dragAndDrop-size {
	width: 15%;
}

.dragAndDrop-table .progress-bar {
	vertical-align: middle;
}

.dragAndDrop-progress {
	width: 55%;
	padding-left: 5px;
	padding-right: 5px;
}

.dragAndDrop-progress .progress-bar {
	text-align: right;
	padding-right: 10px;
}

.dragAndDrop-backrgound-disabled {
	background-image: linear-gradient(-45deg, #D3D3D3 25%, transparent 25%, transparent 50%,
		#D3D3D3 50%, #D3D3D3 75%, transparent 75%, transparent);
	background-size: 100px 100px;
}

#footerActions {
	padding-top: 15px;
}

#themeSelect {
	width: 100px;
}

select[multiple] {
	height: 150px;
}

#filterColumn {
	float: left;
	width: 350px;
}

.imageReset {
	font-weight: normal;
	font-size: small;
	float: right;
	margin-top: 10px;
}

.badge {
	margin-left: 5px;
	background-color: #B71C1C;
}

.setupDownloadProgress {
	margin-left: 25px;
}

.setupExtension {
	color: white;
	display: inline-block;
	height: 120px;
	width: 120px;
	margin: 10px;
	background-color: #000
}

.setupExtension span {
	margin: 10px;
}

.notifyjs-wrapper, .notifyjs-corner {
	z-index: 99999 !important;
}

#feedbackPanel {
	max-height: 400px;
	overflow: scroll;
}

.contentSupportTunnel {
	padding: 10px 25px;
	overflow: auto;
}

.contentSupportTunnel p {
	margin-bottom: 30px;
}

.overMultipleSearchInput {
	border: 2px dashed #000 !important;
}

.formInput.form-control.includedSelect, .formInput.form-control.excludedSelect
	{
	overflow-y: scroll;
	height: 150px;
}

.formInput.form-control.includedSelect ul, .formInput.form-control.excludedSelect ul
	{
	list-style: none;
	-webkit-padding-start: 0px;
	display: table;
	border-collapse: collapse;
}

.formInput.form-control.includedSelect ul li, .formInput.form-control.excludedSelect ul li
	{
	margin: 2px;
	display: inline-flex; //
	display: flex;
	border: 2px solid #e1e6ef;
	padding: 10px;
	border-radius: 10px;
	background-color: #e1e6ef;
}

.formInput.form-control.includedSelect ul li.draggable, .formInput.form-control.excludedSelect ul li.draggable
	{
	cursor: move;
}

.formInput.form-control.includedSelect ul li i, .formInput.form-control.excludedSelect ul li i
	{
	cursor: pointer;
	margin-top: 3px;
}

.includedList1 {
	margin-top: 10px;
}

.checkboxProperty span {
	display: inline-block;
}

.extendedTabContent {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}

.box20 {
	margin: 20px
}

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

.box10 {
	margin: 10px
}

.row10 {
	margin-top: 10px;
	margin-bottom: 10px
}

/**
* From http://tobiasahlin.com/spinkit/
*/

.sk-fading-circle-inner {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
}

.sk-fading-circle {
	width: 100%;
	height: 100%;
	min-height: 128px;
	background-color: white;
	position: relative;
}

.sk-message {
    margin-top: 60px;
    margin-left: -100px;
    margin-right: -100px;
    text-align: center;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.dropzoneColumn {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 25px;
}

.dragablePlaceholder {
	background-color: #e1e6ef;
	border-style: dashed;
	border-width: 2px;
	border-color: black;
	border-radius: 10px;
	margin-bottom: 20px;
	z-index: 100;
}

.wizardError {
	margin-top: -10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.chart-color-1 {
	color: #3F51B5; 
}

.chart-color-2 {
	color: #2196F3;
}

.chart-color-3 {
	color: #C5CAE9;
}

.chart-color-4 {
	color: #BBDEFB; 
}

.chart-color-5 {
	color: #1A237E; 
}

.chart-color-6 {
	color: #0D47A1; 
}

.chart-color-7 {
	color: #E1BEE7; 
}

.chart-color-8 {
   color: #4A148C; 
}

.chart-color-9 {
	color: #9C27B0; 
}

.chart-color-10 {
	color: #CDDC39;
}

.chart-color-11 {
	color: #3F51B5; /* TEAK */
}
@media ( min-width : 767px) {
	
form#logonForm {
	color: #34495e;
	margin-top: 50px;
	padding: 15px;
	width: 600px;
}

.form-signin {
	padding-top: 30px;
	margin: 0 auto;
}

button#logonButton {
	width: 350px;
	margin: 30px auto 20px;
}

.logonInput {
	margin: 20px auto;
	width: 400px;
}

#logonForm>p {
	font-size: 11pt;
}

#applicationMenu #buttons {
	line-height: 1.7;
}

#applicationMenu #buttons .bubble_text {
	font-style: italic;
}

.form-signin .form-control {
	border-color: #999;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.form-signin-heading {
	padding-bottom: 20px;
}
}

@media ( max-width : 767px) {
	
form#logonForm {
	margin-top: 50px;
	padding: 15px;
}

.form-signin {
	padding: 15px;
	margin: 0 auto;
}

.logonInput {
	margin: 5px auto;
}

#logonForm>p {
	font-size: 11pt;
}

#applicationMenu #buttons {
	line-height: 1.7;
}

#applicationMenu #buttons .bubble_text {
	font-style: italic;
}

.form-signin .form-control {
	border-color: #999;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.form-signin-heading {
	padding-bottom: 5px;
}
}

.form-scheme-heading {
	padding-top: 20px;
	text-align: center;
	font-size: 18px;
}

.form-signin-warning {
	color: grey; 
	font-style:italic; 
	padding-top: 5px; 
	text-align:center;
	font-size:11px;
}

.form-signin-security {
	padding-top: 20px;
}

.underline {
	text-decoration: underline;
}

.overview-step {
	display: inline-block;
	width: 22em;
	vertical-align: top;
	margin-right: 2em;
}

.overview-step img {
	max-width: 20em;
}

/* Some Bootstrap 4-like space logical styles */
/*Margin and Padding helpers*/
/*xs*/
.p-xs { padding: .25em; }
.p-x-xs { padding: 0 .25em; }
.p-y-xs { padding: .25em 0 ; }
.p-t-xs { padding-top: .25em; }
.p-r-xs { padding-right: .25em; }
.p-b-xs { padding-bottom: .25em; }
.p-l-xs { padding-left: .25em; }
.m-xs { margin: .25em; }
.m-x-xs { margin: 0 .25em; }
.m-y-xs { margin: .25em 0 ; }
.m-r-xs { margin-right: .25em; }
.m-l-xs { margin-left: .25em; }
.m-t-xs { margin-top: .25em; }
.m-b-xs { margin-bottom: .25em; }
/*sm*/
@media (min-width:768px){
/*sm*/
.p-sm { padding: .5em; }
.p-x-sm { padding: 0 .5em; }
.p-y-sm { padding: .5em 0 ; }
.p-t-sm { padding-top: .5em; }
.p-r-sm { padding-right: .5em; }
.p-b-sm { padding-bottom: .5em; }
.p-l-sm { padding-left: .5em; }
.m-sm { margin: .5em; }
.m-x-sm { margin: 0 .5em; }
.m-y-sm { margin: .5em 0 ; }
.m-t-sm { margin-top: .5em; }
.m-r-sm { margin-right: .5em; }
.m-b-sm { margin-bottom: .5em; }
.m-l-sm { margin-left: .5em; }
}

/*md*/
@media (min-width: 992px){
.p-md { padding: 1em; }
.p-x-md { padding: 0 1em; }
.p-y-md { padding: 1em 0; }
.p-t-md { padding-top: 1em; }
.p-r-md { padding-right: 1em; }
.p-b-md { padding-bottom: 1em; }
.p-l-md { padding-left: 1em; }
.m-md { margin: 1em; } 
.m-x-md { margin: 0 1em; }
.m-y-md { margin: 1em 0 ; }
.m-t-md { margin-top: 1em; }
.m-r-md { margin-right: 1em; }
.m-b-md { margin-bottom: 1em; }
.m-l-md { margin-left: 1em; }
}

/*lg*/
@media (min-width: 1200px){
.p-lg { padding: 1.5em; }
.p-x-lg { padding: 0 1.5em; }
.p-y-lg { padding: 1.5em 0; }
.p-t-lg { padding-top: 1.5em; }
.p-r-lg { padding-right: 1.5em; }
.p-b-lg { padding-bottom: 1.5em; }
.p-l-lg { padding-left: 1.5em; }
.m-lg { margin: 1.5em; }
.m-x-lg { margin: 0 1.5em; }
.m-y-lg { margin: 1.5em 0; }
.m-t-lg { margin-top: 1.5em; }
.m-r-lg { margin-right: 1.5em; }
.m-b-lg { margin-bottom: 1.5em; }
.m-l-lg { margin-left: 1.5em; }
}
/*xl*/
.p-xl { padding: 3em; }
.p-x-xl { padding: 0 3em; }
.p-y-xl { padding: 3em 0 ; }
.p-t-xl { padding-top: 3em; }
.p-r-xl { padding-right: 3em; }
.p-b-xl { padding-bottom: 3em; }
.p-l-xl { padding-left: 3em; }
.m-xl { margin: 3em; }
.m-x-xl { margin: 0 3em; }
.m-y-xl { margin: 3em 0; }
.m-t-xl { margin-top: 3em; }
.m-r-xl { margin-right: 3em; }
.m-b-xl { margin-bottom: 3em; }
.m-l-xl { margin-left: 3em; }