WIP add base styles for data tables

WIP add base styles for data tables

//Generated from: http://ui-grid.info/customizer/
//TODO (ASAP): REMOVE IDS IF POSSIBLE!!

#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
	content: " ";
	display: table;
}
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
	clear: both;
}
.ui-grid {
	border: 1px solid #ffffff;
	box-sizing: content-box;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.ui-grid-vertical-bar {
	position: absolute;
	right: 0;
	width: 0;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
	width: 1px;
}
.ui-grid-scrollbar-placeholder {
	background-color: transparent;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
	background-color: #ffffff;
}
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
	background-color: #ffffff;
}
.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
	right: -1px;
	width: 1px;
	background-color: #ffffff;
}
.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
	content: "";
	display: table;
}
.ui-grid-clearfix:after {
	clear: both;
}
.ui-grid-invisible {
	visibility: hidden;
}
.ui-grid-contents-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}
.ui-grid-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.ui-grid-top-panel-background {
	background: #f3f3f3;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, ), color-stop(1, #ffffff));
	background: -ms-linear-gradient(bottom, , #ffffff);
	background: -moz-linear-gradient(center bottom,  0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff, );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='', GradientType=0);
}
.ui-grid-header {
	border-bottom: 1px solid #ffffff;
	box-sizing: border-box;
}
.ui-grid-top-panel {
	position: relative;
	overflow: hidden;
	font-weight: bold;
	background: #f3f3f3;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, ), color-stop(1, #ffffff));
	background: -ms-linear-gradient(bottom, , #ffffff);
	background: -moz-linear-gradient(center bottom,  0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff, );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='', GradientType=0);
	-webkit-border-top-right-radius: -1px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: -1px;
	-moz-border-radius-topright: -1px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: -1px;
	border-top-right-radius: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: -1px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.ui-grid-header-viewport {
	overflow: hidden;
}
.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
	content: "";
	display: table;
	line-height: 0;
}
.ui-grid-header-canvas:after {
	clear: both;
}
.ui-grid-header-cell-wrapper {
	position: relative;
	display: table;
	box-sizing: border-box;
	height: 100%;
}
.ui-grid-header-cell-row {
	display: table-row;
	position: relative;
}
.ui-grid-header-cell {
	position: relative;
	box-sizing: border-box;
	background-color: inherit;
	border-right: 1px solid;
	border-color: #ffffff;
	display: table-cell;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 0;
}
.ui-grid-header-cell:last-child {
	border-right: 0;
}
.ui-grid-header-cell .sortable {
	cursor: pointer;
}
.ui-grid-header-cell .ui-grid-sort-priority-number {
	margin-left: -8px;
}
.ui-grid-header .ui-grid-vertical-bar {
	top: 0;
	bottom: 0;
}
.ui-grid-column-menu-button {
	position: absolute;
	right: 1px;
	top: 0;
}
.ui-grid-column-menu-button .ui-grid-icon-angle-down {
	vertical-align: sub;
}
.ui-grid-column-menu-button-last-col {
	margin-right: 25px;
}
.ui-grid-column-menu {
	position: absolute;
}
/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transition: all 0.05s linear;
	-moz-transition: all 0.05s linear;
	-o-transition: all 0.05s linear;
	transition: all 0.05s linear;
	display: block !important;
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transition: all 0.05s linear;
	-moz-transition: all 0.05s linear;
	-o-transition: all 0.05s linear;
	transition: all 0.05s linear;
	display: block !important;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.ui-grid-filter-container {
	padding: 4px 10px;
	position: relative;
}
.ui-grid-filter-container .ui-grid-filter-button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
	position: absolute;
	top: 50%;
	line-height: 32px;
	margin-top: -16px;
	right: 10px;
	opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
	opacity: 1;
}
.ui-grid-filter-container .ui-grid-filter-button-select {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
	position: absolute;
	top: 50%;
	line-height: 32px;
	margin-top: -16px;
	right: 0px;
	opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
	opacity: 1;
}
input[type="text"].ui-grid-filter-input {
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	border: 1px solid #ffffff;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input:hover {
	border: 1px solid #ffffff;
}
select.ui-grid-filter-select {
	padding: 0;
	margin: 0;
	border: 0;
	width: 90%;
	border: 1px solid #ffffff;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
select.ui-grid-filter-select:hover {
	border: 1px solid #ffffff;
}
.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
	width: 100%;
}
.ui-grid-render-container {
	position: inherit;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.ui-grid-render-container:focus {
	outline: none;
}
.ui-grid-viewport {
	min-height: 20px;
	position: relative;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.ui-grid-viewport:focus {
	outline: none !important;
}
.ui-grid-canvas {
	position: relative;
	padding-top: 1px;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
	background-color: #ffffff;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: #ffffff;
}
.ui-grid-row:last-child .ui-grid-cell {
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}
.ui-grid-no-row-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 10%;
	background: #f3f3f3;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, ), color-stop(1, #ffffff));
	background: -ms-linear-gradient(bottom, , #ffffff);
	background: -moz-linear-gradient(center bottom,  0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff, );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='', GradientType=0);
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ffffff;
	font-size: 2em;
	text-align: center;
}
.ui-grid-no-row-overlay > * {
	position: absolute;
	display: table;
	margin: auto 0;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.66;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-cell {
	overflow: hidden;
	float: left;
	background-color: inherit;
	border-right: 1px solid;
	border-color: #ffffff;
	box-sizing: border-box;
}
.ui-grid-cell:last-child {
	border-right: 0;
}
.ui-grid-cell-contents {
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 100%;
}
.ui-grid-cell-contents-hidden {
	visibility: hidden;
	width: 0;
	height: 0;
	display: none;
}
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	background-color: #f0f0ee;
	border-bottom: solid 1px #ffffff;
}
.ui-grid-footer-panel-background {
	background: #f3f3f3;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, ), color-stop(1, #ffffff));
	background: -ms-linear-gradient(bottom, , #ffffff);
	background: -moz-linear-gradient(center bottom,  0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff, );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='', GradientType=0);
}
.ui-grid-footer-panel {
	position: relative;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	overflow: hidden;
	font-weight: bold;
	background: #f3f3f3;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, ), color-stop(1, #ffffff));
	background: -ms-linear-gradient(bottom, , #ffffff);
	background: -moz-linear-gradient(center bottom,  0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff, );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='', GradientType=0);
	-webkit-border-top-right-radius: -1px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: -1px;
	-moz-border-radius-topright: -1px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: -1px;
	border-top-right-radius: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: -1px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.ui-grid-grid-footer {
	float: left;
	width: 100%;
}
.ui-grid-footer-viewport {
	overflow: hidden;
}
.ui-grid-footer-canvas {
	position: relative;
}
.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
	content: "";
	display: table;
	line-height: 0;
}
.ui-grid-footer-canvas:after {
	clear: both;
}
.ui-grid-footer-cell-wrapper {
	position: relative;
	display: table;
	box-sizing: border-box;
	height: 100%;
}
.ui-grid-footer-cell-row {
	display: table-row;
}
.ui-grid-footer-cell {
	overflow: hidden;
	background-color: inherit;
	border-right: 1px solid;
	border-color: #ffffff;
	box-sizing: border-box;
	display: table-cell;
}
.ui-grid-footer-cell:last-child {
	border-right: 0;
}
input[type="text"].ui-grid-filter-input {
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	border: 1px solid #ffffff;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input:hover {
	border: 1px solid #ffffff;
}
.ui-grid-menu-button {
	z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
	background: #f3f3f3;
	border: 1px solid #ffffff;
	cursor: pointer;
	height: 31px;
	font-weight: normal;
}
.ui-grid-menu-button .ui-grid-icon-container {
	margin-top: 3px;
}
.ui-grid-menu-button .ui-grid-menu {
	right: 0;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
	overflow: scroll;
	border: 1px solid #ffffff;
}
.ui-grid-menu {
	z-index: 2;
	position: absolute;
	padding: 0 10px 20px 10px;
	cursor: pointer;
	box-sizing: border-box;
}
.ui-grid-menu .ui-grid-menu-inner {
	background: #f3f3f3;
	border: 1px solid #ffffff;
	position: relative;
	white-space: nowrap;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
	position: absolute;
	right: 0px;
	top: 0px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 1px 1px;
	font-size: 10px;
	line-height: 1;
	border-radius: 2px;
	color: transparent;
	background-color: transparent;
	border-color: transparent;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
	color: #333333;
	text-decoration: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
	pointer-events: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
	color: transparent;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
	color: transparent;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
.open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
	color: transparent;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
.open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
.open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
.open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
	color: transparent;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
.open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
	background-image: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
	background-color: transparent;
	border-color: transparent;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
	color: transparent;
	background-color: transparent;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
	opacity: 0.75;
	color: black;
}
.ui-grid-menu .ui-grid-menu-inner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
	padding: 0px;
}
.ui-grid-menu .ui-grid-menu-inner ul li button {
	min-width: 100%;
	padding: 8px;
	text-align: left;
	background: transparent;
	border: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button:focus {
	-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
	-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
	background-color: #cecece;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
	border-bottom: 1px solid #ffffff;
}
.ui-grid-sortarrow {
	right: 5px;
	position: absolute;
	width: 20px;
	top: 0;
	bottom: 0;
	background-position: center;
}
.ui-grid-sortarrow.down {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
@font-face {
	font-family: 'ui-grid';
	src: url('ui-grid.eot');
	src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
	font-family: "ui-grid";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ui-grid-icon-blank::before {
	width: 1em;
	content: ' ';
}
/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
	float: right !important;
}
.ui-grid[dir=rtl] .ui-grid-column-menu-button {
	position: absolute;
	left: 1px;
	top: 0;
	right: inherit;
}
.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
	border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
	border-right: 1px solid #ffffff;
	border-left: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
	width: 0;
}
.ui-grid[dir=rtl] .ui-grid-menu-button {
	z-index: 2;
	position: absolute;
	left: 0;
	right: auto;
	background: #f3f3f3;
	border: 1px solid #ffffff;
	cursor: pointer;
	min-height: 27px;
	font-weight: normal;
}
.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
	left: 0;
	right: auto;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
	right: initial;
	left: 0;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
	right: initial;
	left: 10px;
}
/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
	-moz-animation: ui-grid-spin 2s infinite linear;
	-o-animation: ui-grid-spin 2s infinite linear;
	-webkit-animation: ui-grid-spin 2s infinite linear;
	animation: ui-grid-spin 2s infinite linear;
	display: inline-block;
}
@-moz-keyframes ui-grid-spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes ui-grid-spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-o-keyframes ui-grid-spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-ms-keyframes ui-grid-spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes ui-grid-spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.ui-grid-column-menu-button {
	outline: #f3f3f3;
}

error: pathspec 'app/components/common/styles/dataTable.less' did not match any file(s) known to git


kancl 22.9.2016, 15:58

kancl 22.9.2016, 15:58

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/czechcamus/albert5-cms.git/'


Using transition mixin

Using transition mixin

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/studiomotio/www1.git/'


Delete core.less

Delete core.less

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/miiiyamoto/jarsprout.git/'


update

update

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/iview/iview-doc.git/'


feat(jobCard): remove 2 lines limited of description

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/seekinternational/seek-asia-style-guide.git/'


remove empty footer space from single peptide page. Fixes #105

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/bmesuere/uni-test.git/'


added responsive css for less then 1014px

// PORTRAIT TABLET TO DEFAULT DESKTOP
// ----------------------------------

@media (max-width: 1024px) {

  // Fixed grid
  #grid > .core(42px, 20px);

  // Fluid grid
  #grid > .fluid(5.801104972%, 2.762430939%);

  // Input grid
  #grid > .input(42px, 20px);

  // No need to reset .thumbnails here since it's the same @gridGutterWidth

  #main-nav .navbar .navbar-inner {

    a.btn {
        font-size: 14px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .btn-group.extra-spacing{
        margin-left:8px;
        margin-right:8px;
    }
  }
}

error: pathspec 'less/responsive-1024px.less' did not match any file(s) known to git


css migrated from hodgepodge

css migrated from hodgepodge

/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 900px; /* 730px; */
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #e5e5e5;
  background-image: url(/assets/images/life_under_the_ocean-sm.jpg);
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

error: pathspec 'app/assets/stylesheets/main.less' did not match any file(s) known to git


Fix sync menu jumping up

Fix sync menu jumping up

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Atvaark/insomnia.git/'


[dashboard] forgot header less file

[dashboard] forgot header less file

.header {
    .navigate.dashboard{
        display: none;
    }
}

error: pathspec 'dashboard/style/less/header.less' did not match any file(s) known to git


update(avatars): SD-3613 Updated avatar in profile page

// users.less
// Styling for the superdesk users page (list, prevew, profile)
// ----------------------------------------------------------------------------------------
@import 'mixins.less';
@import 'variables.less';

.users {	//page styles
	.users-subnav {
		.multiple-action {
			margin-left: 30px;
			float: left;
		}
	}
}

.disabled-label {
	background: #c8a1a8;
	color: @white;
	font-size: 10px;
	.text-semibold();
	text-transform: uppercase;
	height: 13px;
	line-height: 13px;
	padding: 0 8px;
	.border-radius(2px);
	margin-left: 10px;
}

.admin-label {
	background-color: #fff;
	height: 12px;
	width: 12px;
	.border-radius(50%);
	position: absolute;
	top: 3px;
	left: 3px;
	box-shadow: 0 0 0 1px #fff;
	&.icon-settings{
	}
}

.users-table {	//main list styles

	border-top: 2px solid #d7d7d7;
	.table-header {
		background: #fff;
	}
	.table-title {
		height: 30px;
		font-size: 11px;
		color: #8a8a8a;
		line-height: 30px;
		.text-light();
		text-transform: uppercase;
	}
	.table-newest {
		margin: 0 0 30px;
		background: #fafdf6;
		border-top: 1px solid #d7d7d7;
	}
	.table-body {
		margin-top: -1px;
	}
	.table-body {
		background: #fff;
		border-top: 1px solid #d7d7d7;
	}
	.table-header, .table-newest, .table-body {

		> li {
			height: 40px;
			border-bottom: 1px solid #ebebeb;
			position: relative;
			.avatar {
					margin: 5px 5px 5px 8px;
			}
			> div:not(.tooltip) {
				float: left;
				height: 30px;
				padding: 5px;
				line-height: 30px;
				//column width
				&.chckbx {
					width: 25px;
					text-align: center;
					span {
						vertical-align: middle;
						margin: 0;
					}
				}
				@user-table-actions-width: 40px;
				&.row-wrapper {
					position: absolute;
					left: 60px;
					right: @user-table-actions-width+10;
					top: 5px;
					padding: 0;
					.box-sizing(border-box);
					> div {
						color: @sd-text;
						float: left;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						.box-sizing(border-box);
						padding: 0 5px;
						height: 30px;
						&.name {
							.text-semibold();
						}
						&.email {
							color: @sd-blue-text;
							.text-light();
						}
						&.created {font-size: 11px; color: @grayLight;}
						//user columns width
						&.name { width: 28%; }
						&.role { width: 16%; }
						&.username { width: 14%; }
						&.email { width: 30%; }
						&.created { width: 12%; }
					}
				}
				&.action {
					float: right;
					width: @user-table-actions-width;
					line-height: 18px !important;
				}
			}
			&.inactive .row-wrapper > div {
				color: lighten(@sd-text, 60%);
				&.email {
					color: lighten(@sd-blue-text, 30%);
				}
			}
		}
	}
	.table-header {
		> li > div, .name, .email, .created {
			color: #000 !important;
			font-size: 13px !important;
			.text-semibold() !important;
		}
		.sortable {
			i {
				margin: -2px 0 0 5px;
			}
			&:hover {
				cursor: pointer;
			}
		}
	}
	.table-body , .table-newest {
		> li {

			&.selected {
				background: #eff7fa;
			}
			&:hover {
				background: #f4f4f4;
				cursor: pointer;
			}

			> div {
				&.action {
					padding: 0;
					height: 40px;
					.item-functions {
						display: none;
						li {
							height: 40px;
							width: 40px;
							line-height: 40px;
							text-align: center;
							border-left: 1px solid #d8d8d8;
							span {
								display: none;
							}
							&:hover {
								background-color: #e8e8e8;
							}
						}
					}
				}
			}

			&:hover {
				> div.action .item-functions {
					display: block;
				}
			}

		}
	}
	.alert {
		height: auto !important;
		.border-radius(0px);
		border-width: 0 0 1px;

		&.alert-info {
			border-color: #bce8f1;
			&:hover {
				background: #d9edf7;
			}
		}

	}
}

/*
====================================================
	User detail pane
====================================================
*/

.user-details-pane {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	.box-sizing(border-box);

	::-webkit-scrollbar {
		border-left: 9px solid #fff;
		border-right: 1px solid #fff;
		width: 13px;
		background: #fff;
		&:hover {
			background: #e8e8e8;
		}
	}
	::-webkit-scrollbar-thumb {
		border-left: 8px solid #fff;
		background: #bbb;
		&:hover {
			background: #787878;
		}
	}

	.action-buttons-main {
		position: absolute;
		top: -70px;
		right: 12px;
		.transition(top ease 0.1s);
		background: #fff;
		&.show {
			top: -25px;
		}
	}

	.header-info {
		height: 82px;
		margin-bottom: 10px;

		h2 { //used as user's full name
			font-size: 20px;
			line-height: 20px;
			margin-bottom: 5px;
			padding-right: 46px;
		}
		h5 { //used as user's username
			font-size: 16px;
			font-weight: normal;
			line-height: 16px;
		}

		.active {
			position: absolute;
			top: 20px;
			right: 15px;
		}
		.user-roles {
			list-style-type: none;
			margin: 15px 0;
			padding: 0;
			li {
				display: inline-block;
				.border-radius(3px);
				padding: 2px 10px;
				background: #b2b2b2;
				color: #fff;
				font-size: 11px;
				margin-right: 3px;
			}
		}

	}
	.error-holder {
		height: 40px;
		margin: 0 -20px;
		.alert {
			padding: 10px 20px;
		}
	}

	.validation-error {
		color: #ab3434;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 0;
	}
	.validation-info {
		font-size: 11px;
		color: #888;
		.badge {

		}
	}
	// .stats-box {
	// 	position: relative;
	// 	margin-top: 20px;
	// 	&:before {
	// 		content: " ";
	// 		position: absolute;
	// 		height: 1px;
	// 		background: #919191;
	// 		top: 11px;
	// 		width: 100%;
	// 	}
	// 	header {
	// 		font-size: 11px;
	// 		font-weight: bold;
	// 		text-transform: uppercase;
	// 		float: left;
	// 		padding: 2px 5px 2px 0;
	// 		background: #fff;
	// 		position: relative;
	// 		z-index: 2;
	// 	}
	// 	.stats-list {
	// 		list-style-type: none;
	// 		padding: 0;
	// 		margin: 0;
	// 		padding-top: 25px;
	// 		li {
	// 			width: 100%;
	// 			.box-sizing(border-box);
	// 			height: 30px;
	// 			line-height: 30px;
	// 			border-bottom: 1px solid #f0f0f0;
	// 			padding: 0 5px;
	// 			.stat-num {
	// 				font-weight: bold;
	// 				font-size: 16px;
	// 				margin-right: 10px;
	// 				color: #262626;
	// 			}
	// 			.stat-text {
	// 				font-size: 12px;
	// 				text-transform: uppercase;
	// 				color: #262626;
	// 			}
	// 			&:first-child {
	// 				padding: 8px;
	// 				height: 46px;
	// 				background: #707070;
	// 				border: 0;
	// 				display: table;
	// 				.border-radius(3px);
	// 				.stat-num {
	// 					color:#fff;
	// 					font-size: 32px;
	// 					font-weight: normal;
	// 					display: table-cell;
	// 					vertical-align: middle;
	// 					padding-right: 15px;
	// 				}
	// 				.stat-text {
	// 					font-size: 12px;
	// 					color: #cdcdcd;
	// 					display: table-cell;
	// 					vertical-align: middle;
	// 					line-height: 15px;
	// 					padding-right: 10px;
	// 				}
	// 			}
	// 		}
	// 	}
	// 	&.stats-small {
	// 		width: 140px;
	// 		margin-top: 0;
	// 		&:before {
	// 			display: none;
	// 		}
	// 		.stats-list {
	// 			padding-top: 0;
	// 			li:first-child {
	// 				padding: 2px 5px;
	// 				height: 30px;
	// 				.stat-num {
	// 					font-size: 25px;
	// 				}
	// 				.stat-text {
	// 					font-size: 10px;
	// 					line-height: 12px;
	// 				}
	// 			}
	// 		}
	// 	}
	// 	&.stats-static {
	// 		position: absolute;
	// 		top:0;
	// 		right: 0;
	// 	}
	// }

	.profile-pic {
		width: 82px;
		height: 82px;
		float: left;
		margin-right: 20px;
		position: relative;
        .avatar {
            width: 100%;
            height: 100%;
            .border-radius(3px);
            background-image: url('../../images/avatar_200.png');
            &.initials {
                font-size: 32px;
                line-height: 82px;
            }
        }
		.change-photo {
			display: none;
			background-color: rgba(55,152,180,0.6);
			color: #fff;
			text-transform: uppercase;
			font-size: 9px;
			text-decoration: none;
			text-align: center;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
		}
		&:hover {
			.change-photo {
			display: block;
			}
		}
		.disabled-label {
			position: absolute;
			bottom: 15%;
			left: 40%;
			border: 1px solid #fff;
		}
	}

	.alert {
		.border-radius(0px);
	}

	.details-info {
		position: absolute;
		top:140px;
		bottom: 20px;
		overflow: auto;
		right: 20px;
		left: 20px;
		&.shifted {
			top: 170px;
		}
	}

	.ng-invalid-required {
		.required-info {
			display: inline-block !important;
		}
	}

	.password-popup {	//change password popup
		position: absolute;
		top: 150px;
		left: 130px;
		width: 260px;
		&.shifted {
			top: 170px;
		}
	}

	.user_type {
		input {
			.box-shadow(none);
			width: auto !important;
			margin-left: 3px !important;
		}
	}

	.user_role {
		select {
			width: 150px !important;
			margin-left: 3px !important;
		}
	}

} //end of user detail pane

/*
==============================================
Profile page styles
==============================================
*/

.profile-activity-container {
	position: absolute;
	left: 20px;
	right: 0;
	top: 0;
	bottom:  @scratchpad-closed + 20;
	padding: 20px 40px 0;
	background-color: @background-main;
	overflow-x: hidden;
	overflow-y: auto;

	&::-webkit-scrollbar {
			width:10px;
			border-left:0
		}
	&::-webkit-scrollbar-thumb {
		border-right: 2px solid @background-main;
		border-left: 0;
	}

	> .btn {
		margin: 10px 0 20px;
	}

	.profile-activity {
		height: 100%;
		.box-sizing(border-box);
		overflow: auto;
		max-width: 500px;
		.activity-header {
			height: 40px;
			border-bottom: 1px solid #ddd;
			h6 {
				line-height: 40px;
				font-weight: normal;
				font-size: 20px;
				color: #444;
				text-transform: none;
			}
		}

		.group-date {
			margin-top: 20px;
			margin-bottom: 16px;
			color: #888;
			font-size: 11px;
			.text-semibold();
			height: 1px;
		border-top: 1px solid #ddd;
		position: relative;
		.day {
				position: relative;
		top: -.9em;
		display: inline-block;
		background-color: @background-main;
			}
			.date {
				padding-left: 4px;
				padding-right: 4px;
				text-transform: lowercase;
				position: relative;
		top: -.9em;
		display: inline-block;
		background-color: @background-main;
			}
		}

		.activity-entry {
			border-bottom: 1px solid #ddd;
			background: #fff;
			margin-top: 4px;
			clear: left;

			.activity-figure {
				float: left;
			}

			.activity-date {
				color: #888;
				font-size: 11px;
				.text-semibold();
			}
		}
	}

	::-webkit-scrollbar {
		border-left: 9px solid @background-main;
		border-right: 1px solid @background-main;
		width: 13px;
		background: @background-main;
	}
	::-webkit-scrollbar-thumb {
		border-left: 8px solid @background-main;
	}
}

.user-profile-page {
	overflow: auto;
	.form-content {
		position: absolute;
		top: 0; left: 0; bottom: 0;
		width: 600px;
		background: #fff;
		border-right: 1px solid #ddd;
		.box-sizing(border-box);
		.box-shadow(0 0 5px 0 #e0e0e0);
		z-index: 2;
	}

	.user-details-pane {
		padding: 0;
		> header {
			height: 48px;
			.border-box();
			border-bottom: 1px solid #dfdfdf;
			.nav-tabs {
				padding: 0 10px;
			}
		}
		> .content {
			position: absolute;
			top: 48px;
			left: 0; right: 0; bottom: 0;
			padding: 20px 20px @scratchpad-closed;

			.inner-content {
				position: absolute;
				left: 20px; right: 20px; top: 20px;
				bottom: @scratchpad-closed + 20px;
				overflow: auto;
			}
		}
	}

    .profile-pic {
        width: 160px;
        height: 160px;
        .avatar {
            width: 160px;
            height: 160px;
            img {
                width: 160px;
                max-width: 160px;
            }
            &.initials {
                font-size: 62px;
                line-height: 160px;
            }
        }
    }

	.header-info {
		height: 160px;
	}
	.details-info, .password-popup {
		top:220px !important;
	}

	.other-content {
		position: absolute;
		top: 0; left: 600px; bottom: 0; right: 0;
		z-index: 1;
		background: @background-main;

		.tablist-container {
			width: 100%;
			.box-sizing(border-box);
			height: 38px;
			border-bottom: 1px solid #e5e5e5;
			background: #efefef;
			ul li {
				float: left;
				height: 38px;
				line-height: 38px;
				padding: 0 20px;
				border-right: 1px solid #dfdfdf;
				color: #218baa;
				&.active {
					background: @background-main;
				}
			}
		}

		.tabcontent-container {
			position: absolute;
			top: 38px;
			left: 0; right: 0; bottom: 0;
			overflow: auto;
			.profile-activity-container {
				left: 0;
				background: none;
				.activity.with-date .date span {
					background-color: @background-main !important;
				}
			}
		}
	}
}

.user-link {
	color: @sd-blue-text;
	&:hover {
		cursor: pointer;
	}
}
//
// User info popup
.user-popup {
	position: fixed;
	min-width: 240px;
	width: auto;
	height: 150px;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1001;
	background: #fff;
	border:1px solid #e0e0e0;
	.box-shadow(0 0 3px 0 rgba(0,0,0,0.15));

	.avatar-holder {
		.avatar {
			float: none;
			margin: 0 auto;
		}
		height: 64px;
		padding: 10px 20px;
	}
	.title {
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		font-size: 20px;
		text-align: center;
		text-transform: capitalize;
		.text-light();
	}
	.actions {
		text-transform: uppercase;
		text-align: center;
		font-size: 12px;
		a:hover {
			text-decoration: none;
		}
	}
}

// Preferences

.preferences  {
  	div .locators {
      float: right;
      input {
        text-transform: uppercase;
      }
	}

    div .dropdown {
      float: right;
      width: 200px;
      .line-input {
        text-align: left;
      }
    }

    input[type="checkbox"] {
        margin-right: 0.5em;
    }

    .dateline_preview {
      label {
        color: #333333;
        display: inline-block;
      }

      span {
        float: right;
      }
    }

    p, .actions {
        cursor: default;
    }

    .actions {
        a {
            cursor: pointer;
            color: #5ea9c8;
        }
    }
}

// users.less
// Styling for the superdesk users page (list, prevew, profile)
// ----------------------------------------------------------------------------------------
@import 'mixins.less';
@import 'variables.less';

.users {	//page styles
	.users-subnav {
		.multiple-action {
			margin-left: 30px;
			float: left;
		}
	}
}

.disabled-label {
	background: #c8a1a8;
	color: @white;
	font-size: 10px;
	.text-semibold();
	text-transform: uppercase;
	height: 13px;
	line-height: 13px;
	padding: 0 8px;
	.border-radius(2px);
	margin-left: 10px;
}

.admin-label {
	background-color: #fff;
	height: 12px;
	width: 12px;
	.border-radius(50%);
	position: absolute;
	top: 3px;
	left: 3px;
	box-shadow: 0 0 0 1px #fff;
	&.icon-settings{
	}
}

.users-table {	//main list styles

	border-top: 2px solid #d7d7d7;
	.table-header {
		background: #fff;
	}
	.table-title {
		height: 30px;
		font-size: 11px;
		color: #8a8a8a;
		line-height: 30px;
		.text-light();
		text-transform: uppercase;
	}
	.table-newest {
		margin: 0 0 30px;
		background: #fafdf6;
		border-top: 1px solid #d7d7d7;
	}
	.table-body {
		margin-top: -1px;
	}
	.table-body {
		background: #fff;
		border-top: 1px solid #d7d7d7;
	}
	.table-header, .table-newest, .table-body {

		> li {
			height: 40px;
			border-bottom: 1px solid #ebebeb;
			position: relative;
			.avatar {
					margin: 5px 5px 5px 8px;
			}
			> div:not(.tooltip) {
				float: left;
				height: 30px;
				padding: 5px;
				line-height: 30px;
				//column width
				&.chckbx {
					width: 25px;
					text-align: center;
					span {
						vertical-align: middle;
						margin: 0;
					}
				}
				@user-table-actions-width: 40px;
				&.row-wrapper {
					position: absolute;
					left: 60px;
					right: @user-table-actions-width+10;
					top: 5px;
					padding: 0;
					.box-sizing(border-box);
					> div {
						color: @sd-text;
						float: left;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						.box-sizing(border-box);
						padding: 0 5px;
						height: 30px;
						&.name {
							.text-semibold();
						}
						&.email {
							color: @sd-blue-text;
							.text-light();
						}
						&.created {font-size: 11px; color: @grayLight;}
						//user columns width
						&.name { width: 28%; }
						&.role { width: 16%; }
						&.username { width: 14%; }
						&.email { width: 30%; }
						&.created { width: 12%; }
					}
				}
				&.action {
					float: right;
					width: @user-table-actions-width;
					line-height: 18px !important;
				}
			}
			&.inactive .row-wrapper > div {
				color: lighten(@sd-text, 60%);
				&.email {
					color: lighten(@sd-blue-text, 30%);
				}
			}
		}
	}
	.table-header {
		> li > div, .name, .email, .created {
			color: #000 !important;
			font-size: 13px !important;
			.text-semibold() !important;
		}
		.sortable {
			i {
				margin: -2px 0 0 5px;
			}
			&:hover {
				cursor: pointer;
			}
		}
	}
	.table-body , .table-newest {
		> li {

			&.selected {
				background: #eff7fa;
			}
			&:hover {
				background: #f4f4f4;
				cursor: pointer;
			}

			> div {
				&.action {
					padding: 0;
					height: 40px;
					.item-functions {
						display: none;
						li {
							height: 40px;
							width: 40px;
							line-height: 40px;
							text-align: center;
							border-left: 1px solid #d8d8d8;
							span {
								display: none;
							}
							&:hover {
								background-color: #e8e8e8;
							}
						}
					}
				}
			}

			&:hover {
				> div.action .item-functions {
					display: block;
				}
			}

		}
	}
	.alert {
		height: auto !important;
		.border-radius(0px);
		border-width: 0 0 1px;

		&.alert-info {
			border-color: #bce8f1;
			&:hover {
				background: #d9edf7;
			}
		}

	}
}

/*
====================================================
	User detail pane
====================================================
*/

.user-details-pane {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	.box-sizing(border-box);

	::-webkit-scrollbar {
		border-left: 9px solid #fff;
		border-right: 1px solid #fff;
		width: 13px;
		background: #fff;
		&:hover {
			background: #e8e8e8;
		}
	}
	::-webkit-scrollbar-thumb {
		border-left: 8px solid #fff;
		background: #bbb;
		&:hover {
			background: #787878;
		}
	}

	.action-buttons-main {
		position: absolute;
		top: -70px;
		right: 12px;
		.transition(top ease 0.1s);
		background: #fff;
		&.show {
			top: -25px;
		}
	}

	.header-info {
		height: 82px;
		margin-bottom: 10px;

		h2 { //used as user's full name
			font-size: 20px;
			line-height: 20px;
			margin-bottom: 5px;
			padding-right: 46px;
		}
		h5 { //used as user's username
			font-size: 16px;
			font-weight: normal;
			line-height: 16px;
		}

		.active {
			position: absolute;
			top: 20px;
			right: 15px;
		}
		.user-roles {
			list-style-type: none;
			margin: 15px 0;
			padding: 0;
			li {
				display: inline-block;
				.border-radius(3px);
				padding: 2px 10px;
				background: #b2b2b2;
				color: #fff;
				font-size: 11px;
				margin-right: 3px;
			}
		}

	}
	.error-holder {
		height: 40px;
		margin: 0 -20px;
		.alert {
			padding: 10px 20px;
		}
	}

	.validation-error {
		color: #ab3434;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 0;
	}
	.validation-info {
		font-size: 11px;
		color: #888;
		.badge {

		}
	}
	// .stats-box {
	// 	position: relative;
	// 	margin-top: 20px;
	// 	&:before {
	// 		content: " ";
	// 		position: absolute;
	// 		height: 1px;
	// 		background: #919191;
	// 		top: 11px;
	// 		width: 100%;
	// 	}
	// 	header {
	// 		font-size: 11px;
	// 		font-weight: bold;
	// 		text-transform: uppercase;
	// 		float: left;
	// 		padding: 2px 5px 2px 0;
	// 		background: #fff;
	// 		position: relative;
	// 		z-index: 2;
	// 	}
	// 	.stats-list {
	// 		list-style-type: none;
	// 		padding: 0;
	// 		margin: 0;
	// 		padding-top: 25px;
	// 		li {
	// 			width: 100%;
	// 			.box-sizing(border-box);
	// 			height: 30px;
	// 			line-height: 30px;
	// 			border-bottom: 1px solid #f0f0f0;
	// 			padding: 0 5px;
	// 			.stat-num {
	// 				font-weight: bold;
	// 				font-size: 16px;
	// 				margin-right: 10px;
	// 				color: #262626;
	// 			}
	// 			.stat-text {
	// 				font-size: 12px;
	// 				text-transform: uppercase;
	// 				color: #262626;
	// 			}
	// 			&:first-child {
	// 				padding: 8px;
	// 				height: 46px;
	// 				background: #707070;
	// 				border: 0;
	// 				display: table;
	// 				.border-radius(3px);
	// 				.stat-num {
	// 					color:#fff;
	// 					font-size: 32px;
	// 					font-weight: normal;
	// 					display: table-cell;
	// 					vertical-align: middle;
	// 					padding-right: 15px;
	// 				}
	// 				.stat-text {
	// 					font-size: 12px;
	// 					color: #cdcdcd;
	// 					display: table-cell;
	// 					vertical-align: middle;
	// 					line-height: 15px;
	// 					padding-right: 10px;
	// 				}
	// 			}
	// 		}
	// 	}
	// 	&.stats-small {
	// 		width: 140px;
	// 		margin-top: 0;
	// 		&:before {
	// 			display: none;
	// 		}
	// 		.stats-list {
	// 			padding-top: 0;
	// 			li:first-child {
	// 				padding: 2px 5px;
	// 				height: 30px;
	// 				.stat-num {
	// 					font-size: 25px;
	// 				}
	// 				.stat-text {
	// 					font-size: 10px;
	// 					line-height: 12px;
	// 				}
	// 			}
	// 		}
	// 	}
	// 	&.stats-static {
	// 		position: absolute;
	// 		top:0;
	// 		right: 0;
	// 	}
	// }

	.profile-pic {
		width: 82px;
		height: 82px;
		float: left;
		margin-right: 20px;
		position: relative;
        .avatar {
            width: 100%;
            height: 100%;
            .border-radius(3px);
            background-image: url('../../images/avatar_200.png');
            &.initials {
                font-size: 32px;
                line-height: 82px;
            }
        }
		.change-photo {
			display: none;
			background-color: rgba(55,152,180,0.6);
			color: #fff;
			text-transform: uppercase;
			font-size: 9px;
			text-decoration: none;
			text-align: center;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
		}
		&:hover {
			.change-photo {
			display: block;
			}
		}
		.disabled-label {
			position: absolute;
			bottom: 15%;
			left: 40%;
			border: 1px solid #fff;
		}
	}

	.alert {
		.border-radius(0px);
	}

	.details-info {
		position: absolute;
		top:140px;
		bottom: 20px;
		overflow: auto;
		right: 20px;
		left: 20px;
		&.shifted {
			top: 170px;
		}
	}

	.ng-invalid-required {
		.required-info {
			display: inline-block !important;
		}
	}

	.password-popup {	//change password popup
		position: absolute;
		top: 150px;
		left: 130px;
		width: 260px;
		&.shifted {
			top: 170px;
		}
	}

	.user_type {
		input {
			.box-shadow(none);
			width: auto !important;
			margin-left: 3px !important;
		}
	}

	.user_role {
		select {
			width: 150px !important;
			margin-left: 3px !important;
		}
	}

} //end of user detail pane

/*
==============================================
Profile page styles
==============================================
*/

.profile-activity-container {
	position: absolute;
	left: 20px;
	right: 0;
	top: 0;
	bottom:  @scratchpad-closed + 20;
	padding: 20px 40px 0;
	background-color: @background-main;
	overflow-x: hidden;
	overflow-y: auto;

	&::-webkit-scrollbar {
			width:10px;
			border-left:0
		}
	&::-webkit-scrollbar-thumb {
		border-right: 2px solid @background-main;
		border-left: 0;
	}

	> .btn {
		margin: 10px 0 20px;
	}

	.profile-activity {
		height: 100%;
		.box-sizing(border-box);
		overflow: auto;
		max-width: 500px;
		.activity-header {
			height: 40px;
			border-bottom: 1px solid #ddd;
			h6 {
				line-height: 40px;
				font-weight: normal;
				font-size: 20px;
				color: #444;
				text-transform: none;
			}
		}

		.group-date {
			margin-top: 20px;
			margin-bottom: 16px;
			color: #888;
			font-size: 11px;
			.text-semibold();
			height: 1px;
		border-top: 1px solid #ddd;
		position: relative;
		.day {
				position: relative;
		top: -.9em;
		display: inline-block;
		background-color: @background-main;
			}
			.date {
				padding-left: 4px;
				padding-right: 4px;
				text-transform: lowercase;
				position: relative;
		top: -.9em;
		display: inline-block;
		background-color: @background-main;
			}
		}

		.activity-entry {
			border-bottom: 1px solid #ddd;
			background: #fff;
			margin-top: 4px;
			clear: left;

			.activity-figure {
				float: left;
			}

			.activity-date {
				color: #888;
				font-size: 11px;
				.text-semibold();
			}
		}
	}

	::-webkit-scrollbar {
		border-left: 9px solid @background-main;
		border-right: 1px solid @background-main;
		width: 13px;
		background: @background-main;
	}
	::-webkit-scrollbar-thumb {
		border-left: 8px solid @background-main;
	}
}

.user-profile-page {
	overflow: auto;
	.form-content {
		position: absolute;
		top: 0; left: 0; bottom: 0;
		width: 600px;
		background: #fff;
		border-right: 1px solid #ddd;
		.box-sizing(border-box);
		.box-shadow(0 0 5px 0 #e0e0e0);
		z-index: 2;
	}

	.user-details-pane {
		padding: 0;
		> header {
			height: 48px;
			.border-box();
			border-bottom: 1px solid #dfdfdf;
			.nav-tabs {
				padding: 0 10px;
			}
		}
		> .content {
			position: absolute;
			top: 48px;
			left: 0; right: 0; bottom: 0;
			padding: 20px 20px @scratchpad-closed;

			.inner-content {
				position: absolute;
				left: 20px; right: 20px; top: 20px;
				bottom: @scratchpad-closed + 20px;
				overflow: auto;
			}
		}
	}

	.profile-pic {
		width: 160px;
		height: 160px;
		figure {
			width: 160px;
			height: 160px;
			img {
				width: 160px;
				max-width: 160px;
			}
		}
	}

	.header-info {
		height: 160px;
	}
	.details-info, .password-popup {
		top:220px !important;
	}

	.other-content {
		position: absolute;
		top: 0; left: 600px; bottom: 0; right: 0;
		z-index: 1;
		background: @background-main;

		.tablist-container {
			width: 100%;
			.box-sizing(border-box);
			height: 38px;
			border-bottom: 1px solid #e5e5e5;
			background: #efefef;
			ul li {
				float: left;
				height: 38px;
				line-height: 38px;
				padding: 0 20px;
				border-right: 1px solid #dfdfdf;
				color: #218baa;
				&.active {
					background: @background-main;
				}
			}
		}

		.tabcontent-container {
			position: absolute;
			top: 38px;
			left: 0; right: 0; bottom: 0;
			overflow: auto;
			.profile-activity-container {
				left: 0;
				background: none;
				.activity.with-date .date span {
					background-color: @background-main !important;
				}
			}
		}
	}
}

.user-link {
	color: @sd-blue-text;
	&:hover {
		cursor: pointer;
	}
}
//
// User info popup
.user-popup {
	position: fixed;
	min-width: 240px;
	width: auto;
	height: 150px;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1001;
	background: #fff;
	border:1px solid #e0e0e0;
	.box-shadow(0 0 3px 0 rgba(0,0,0,0.15));

	.avatar-holder {
		.avatar {
			float: none;
			margin: 0 auto;
		}
		height: 64px;
		padding: 10px 20px;
	}
	.title {
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		font-size: 20px;
		text-align: center;
		text-transform: capitalize;
		.text-light();
	}
	.actions {
		text-transform: uppercase;
		text-align: center;
		font-size: 12px;
		a:hover {
			text-decoration: none;
		}
	}
}

// Preferences

.preferences  {
  	div .locators {
      float: right;
      input {
        text-transform: uppercase;
      }
	}

    div .dropdown {
      float: right;
      width: 200px;
      .line-input {
        text-align: left;
      }
    }

    input[type="checkbox"] {
        margin-right: 0.5em;
    }

    .dateline_preview {
      label {
        color: #333333;
        display: inline-block;
      }

      span {
        float: right;
      }
    }

    p, .actions {
        cursor: default;
    }

    .actions {
        a {
            cursor: pointer;
            color: #5ea9c8;
        }
    }
}


ansi blink

ansi blink

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/paul-krohn/rundeck.git/'


Remove box-shadow, opacity, and :hover for more FPS

If the cursor reseted over the job names, FPS was cut in half to render
the left border on scroll.

Removing box-shadow and moving opacity to background-color alpha layer
added 5-6 FPS scrolling in Chrome 31 on OS X.

.chronos {
  overflow: hidden;
}

/* Bootstrap overrides */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.chronos .app .span5 {
  overflow-y: auto;
  overflow-x: hidden;
}

.left {
  padding-left: 50px;
  width: 300px;
  height: 100%;
  position: fixed;
}

.left footer {
  position: absolute;
  bottom: 0;
  padding-bottom: 35px;
}

.left .width {
  width: 250px;
}

.left .nav-list {
  margin: 0;
  padding: 0;
  margin-top: 16px;
}

.left .nav-list > li {
  margin: 0;
  padding: 2px 0;
}

.nav-list .badge {
  margin-top: 1px;
  padding-top: 1px;
  background-color: rgba(255,255,255,0.2);
}

.left .nav-list > .divider {
  background-color: transparent;
  border-bottom-color: rgba(255,255,255,0.2);
}

.nav-list {
  margin-top: 15px;
}

.nav-list > li {
  margin-top: 1px;
}

.nav-list > li > a {
  padding: 3px 15px;
  color: rgba(255,255,255,0.9);
  opacity: 0.5;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  cursor: pointer;
}

.nav-list > li > a:hover {
  background-color: rgba(0,0,0,0.3);
}

.nav-list > .active > a {
  background-color: rgba(0,0,0,0.5);
}

.middle {
  padding-bottom: 100px;
}

.middle .invocation {
  text-align: right;
  padding-top: 12px;
  padding-right: 15px;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.results-header {
  background-color: white;
  text-transform: uppercase;
  color: rgba(0,0,0,0.6);
  line-height: 38px;
  opacity: 0.9;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  cursor: pointer;
  position: fixed;
  width: 40.42553191489362%;
  z-index: 3;
  top: 20px;
}

.results-header > .span6,
.results-header > .span8,
.results-header > .span2,
.results-header > .span1 {
  white-space: nowrap;
}

.results-header > .span6 span,
.results-header > .span8 span {
  padding-left: 7px;
}

.results-header .toggle {
  font-size: 8px;
  position: relative;
  top: -2px;
}

.results-header .toggle.hide {
  display: none;
}

.chronos-wrapper {
  background-color: #43697e;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chronos-wrapper-tranquility {
  background: #43697E url("/images/blurry-background3.jpg");
}

.chronos-wrapper-prowess {
  background: #A03B77 url("/images/blurry-background2.jpg");
}

.chronos-wrapper-serenity {
  background: #025E75 url("/images/blurry-background.jpg");
}

.app {
  width: 100%;
  height: 100%;
}

.box {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.box.dark {
  background-color: rgba(33,33,33,0.7);
}

.box.light {
  background-color: rgba(255,255,255,0.5);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
}

#logo {
  margin-top: 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: @russoFontFamily;
  font-size: 34px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

#logo:hover {
  color: white;
}

.middle [class*="span"] {
  min-height: auto;
}

.menu {
  padding: 20px 0 0 15px;
  position: relative;
}

.menu-footer {
  bottom: 10px;
  position: absolute;
  width: 100%;
}

.navbar {
  position: fixed;
  width: 98%;
  height: 140px;
  margin-top: -70px;
  margin-bottom: 35px;
}

.more {
  margin-top: 80px;
}

.listr {
  margin-left: 17% !Important;
}

.right-pane {
  padding: 20px 0 100px;
  overflow: scroll;
  height: 100%;
}

.job-detail .job-name {
  height: auto;
}

.job-detail-view .toggle {
  cursor: pointer;
  width: 60%;
  line-height: 2.5em;
  font-size: 1.3em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding-left: 7px;
  opacity: 0;
}

.bottom-row {
  margin-bottom: 25px;
}

.navbar-inner {
  padding-left: 0;
}

.navbar .nav.pull-right {
  margin-right: 0;
}

.clear-btn {
  background: none;
  box-shadow: none;
  text-shadow: none;
  color: rgba(255,255,255,0.5);
  font-weight: bold;
  border: 1px solid rgba(255,255,255,0.3);
}

.chronos .navbar-inner {
  background: none;
  border: none;
  box-shadow: none;
  padding-right: 0;
}

.left-wrapper {
  position: relative;
}

.left-lower-wrapper {
  height: 150px;
  width: 100%;
  color: rgba(255,255,255,0.5);
  border-top: 1px solid rgba(255,255,255,0.3);
}

.left-lower-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.left-lower-wrapper a {
  color: rgba(255,255,255,0.5);
  font-size: 11px;
}

.canvas {
  position: relative;
  padding-top: 50px;
  padding-bottom: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 150px;
  overflow:hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table2 {
  height: 2000px;
}

.new-job-form {
  background-color: white;
  width: 290px;
  height: 380px;
  display: inline-block;
  border-radius: 6px;
  padding: 5px 15px 15px;
}

.new-job-form h3 {
  text-align: left;
}

.new-job-form .top-block {
  height: 160px;
}

.new-job-form .create {
  width: 100%;
}

.lightbox {
  z-index: 9999;
}

.full {
  height: 150px;
  background: rgba(255,255,255,0.5);
}

.jobs {
  list-style-type: none;
  padding: 0;
  font-size: 23px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  overflow: scroll;
}

.jobs ul {
  margin: 5px 0 10px;
  list-style-type: none;
  height: 533px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.jobs li {
  padding: 10px 6px;
  border-top: 1px solid rgba(255,255,255,0.3);
}

.joblist {
  padding: 60px 0;
}

.item {
  cursor: pointer;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  margin-bottom: 1px;
}

.item.active {
  color: white;
  background-color: rgba(107,174,214,0.7);
}

.job-name {
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.job-name,
.last-run {
  padding: 0 7px;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
  position: relative;
}

.invocation {
  text-align: right;
}

.count {
  background-color: rgba(68, 109, 119, 0.8);
  display: inline-block;
  line-height: 1em;
  padding: 3px 9px;
  font-size: 15px;
  border-radius: 15px;
}

.count-success {
  background-color: rgba(70, 165, 70, 0.8);
}

.count-error {
  background-color: rgba(157, 38, 29, 0.8);
}

.invocationCount {
  position: absolute;
  z-index: 999;
  display: block;
  top: 12px;
  right: 0;
  background: #446D77;
  line-height: 1em;
  padding: 3px 7px;
  font-size: 15px;
  border-radius: 9px;
  color: rgba(255,255,255,0.5);
}

.details {
  background-color: rgba(255,255,255,0.8);
}

.job-details-wrapper {
  margin-right: 20px;
}

.job-details-wrapper .details-wrapper {
  display: block;
}

.job-details-wrapper .save,
.job-details-wrapper .create,
.job-details-wrapper .cancel {
  display: none;
  color: rgba(255,255,255,1);
}

.job-details-wrapper .break {
  display: none;
}

.job-details-wrapper .edit-job .edit,
.job-details-wrapper .edit-job .run,
.job-details-wrapper .edit-job .delete,
.job-details-wrapper .edit-job .create,
.job-details-wrapper .edit-job .duplicate,
.job-details-wrapper .edit-job .view-graph,
.job-details-wrapper .create-job .edit,
.job-details-wrapper .create-job .run,
.job-details-wrapper .create-job .delete,
.job-details-wrapper .create-job .duplicate,
.job-details-wrapper .create-job .view-graph,
.job-details-wrapper .edit-job.create-job .save {
  display: none;
}

.job-details-wrapper .edit-job .save,
.job-details-wrapper .edit-job .cancel,
.job-details-wrapper .edit-job .break {
  display: block;
}

.job-details-wrapper .create-job .create,
.job-details-wrapper .create-job .cancel,
.job-details-wrapper .create-job .break {
  display: block;
}

.job-details-wrapper.up .toggle {
  width: 70%;
  opacity: 1;
}

.job-details-wrapper.up .details-wrapper {
  display: none;
}

.job-details-wrapper.up .nav-item {
  display: none;
}

.job-details-wrapper.up .bottom-row {
  margin-bottom: 3px;
}

.lightbox-inner .content {
  display: inline-block;
}

.middle {
  position: relative;
}

.middle ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.middle ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.middle ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.3);
}
.middle ::-webkit-scrollbar-thumb:window-inactive {
  /*background: rgba(255,0,0,0.4); */
}

#templates {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.job-details-wrapper {
  margin-bottom: 5px;
}

.job-details-wrapper form {
  margin-bottom: 0;
}

.job-detail-view {
  height: 45px;
  background: rgba(0,0,0,0.5);
}

.hightlight {
  margin: 4px 0;
}

.job-detail-row {
  padding: 8px 0 7px;
  background: rgba(0,0,0,0.6);
  border-top: 1px solid rgba(0,0,0,0.2);
}

.job-detail {
  color: #fff;
}

.job-detail > div {
  padding: 0 7px;
}

.job-detail .pseudo-field,
.job-detail .field {
  display: none;
  padding: 2px 7px 3px;
}

.job-detail .field {
  width: 100%;
}

.job-details-wrapper .create-job .no-edit .cmd,
.job-details-wrapper .edit-job.create-job .no-edit .cmd,
.job-details-wrapper .edit-job .no-edit .display,
.job-details-wrapper .edit-job .job-detail .pseudo-field,
.job-details-wrapper .edit-job .job-detail .field {
  display: block;
}

.job-details-wrapper .edit-job .display,
.job-details-wrapper .create-job .no-edit .display,
.job-details-wrapper .edit-job .no-edit .cmd {
  display: none;
}

.job-detail .detail {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}

.cmd.small-input {
  width: 80%;
}

.job-details-wrapper .parents-wrapper {
  display: none;
}

.job-details-wrapper .create-job .parents-wrapper {
  display: block;
}

.job-detail-nav {
  overflow: hidden;
  height: 45px;
  margin-bottom: 0;
}

.job-detail-nav .nav-item {
  height: 35px;
  padding: 10px 15px 0;
  opacity: 0.2;
  cursor: pointer;
  border-right: 1px solid rgba(0,0,0,0.7);
}

.nav-item [class^="icon-"],
.nav-item [class*=" icon-"] {
  color: #fff;
}

.job-detail-nav .nav-item:hover {
  opacity: 0.4;
}

.job-detail-nav .close {
  color: rgba(255,255,255,0.8);
  border-left: 1px solid rgba(0,0,0,0.9);
  border-right: none;
}

.job-detail > .span3:first-child {
  padding-left: 7px;
}

.job-detail.top {
  background-color: rgba(0,0,0,0.8);
}

.job-detail-view h3 {
  font-size: 20px;
  text-transform: uppercase;
  padding: 0 7px;
  line-height: 1em;
  color: rgba(255,255,255,0.6);
}

.stat-menu {
  text-align: right;
  padding-left: 0;
  padding-right: 0;
}

.stat-menu > li {
  padding: 15px 0;
  border-top: 1px solid rgba(255,255,255,0.2);
}

.stat-menu > li:first-child {
  padding-top: 5px;
  border-top: none;
}

.stat-count {
  font-size: 60px;
  line-height: 1em;
  font-weight: 900;
  color: rgba(255,255,255,0.7);
}

.stat-label {
  text-transform: uppercase;
  font-size: 20px;
  color: rgba(0,0,0,0.4);
  margin-top: 1px;
}

.results {
  height: 100%;
  overflow: scroll;
}

.sched .small-input {
  float: left;
  width: 20%;
}

.sched .break {
  width: 10px;
  padding-top: 10px;
  text-align: center;
}

.job-detail h2 {
  text-transform: none;
  white-space: normal;
  word-wrap: break-word;
}

.chronos {
  overflow: hidden;
}

/* Bootstrap overrides */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.chronos .app .span5 {
  overflow-y: auto;
  overflow-x: hidden;
}

.left {
  padding-left: 50px;
  width: 300px;
  height: 100%;
  position: fixed;
}

.left footer {
  position: absolute;
  bottom: 0;
  padding-bottom: 35px;
}

.left .width {
  width: 250px;
}

.left .nav-list {
  margin: 0;
  padding: 0;
  margin-top: 16px;
}

.left .nav-list > li {
  margin: 0;
  padding: 2px 0;
}

.nav-list .badge {
  margin-top: 1px;
  padding-top: 1px;
  background-color: rgba(255,255,255,0.2);
}

.left .nav-list > .divider {
  background-color: transparent;
  border-bottom-color: rgba(255,255,255,0.2);
}

.nav-list {
  margin-top: 15px;
}

.nav-list > li {
  margin-top: 1px;
}

.nav-list > li > a {
  padding: 3px 15px;
  color: rgba(255,255,255,0.9);
  opacity: 0.5;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  cursor: pointer;
}

.nav-list > li > a:hover {
  background-color: rgba(0,0,0,0.3);
}

.nav-list > .active > a {
  background-color: rgba(0,0,0,0.5);
}

.middle {
  padding-bottom: 100px;
}

.middle .invocation {
  text-align: right;
  padding-top: 12px;
  padding-right: 15px;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.results-header {
  background-color: white;
  text-transform: uppercase;
  color: rgba(0,0,0,0.6);
  line-height: 38px;
  opacity: 0.9;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  cursor: pointer;
  position: fixed;
  width: 40.42553191489362%;
  z-index: 3;
  top: 20px;
}

.results-header > .span6,
.results-header > .span8,
.results-header > .span2,
.results-header > .span1 {
  white-space: nowrap;
}

.results-header > .span6 span,
.results-header > .span8 span {
  padding-left: 7px;
}

.results-header .toggle {
  font-size: 8px;
  position: relative;
  top: -2px;
}

.results-header .toggle.hide {
  display: none;
}

.chronos-wrapper {
  background-color: #43697e;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chronos-wrapper-tranquility {
  background: #43697E url("/images/blurry-background3.jpg");
}

.chronos-wrapper-prowess {
  background: #A03B77 url("/images/blurry-background2.jpg");
}

.chronos-wrapper-serenity {
  background: #025E75 url("/images/blurry-background.jpg");
}

.app {
  width: 100%;
  height: 100%;
}

.box {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.box.dark {
  background-color: rgba(33,33,33,0.7);
}

.box.light {
  background-color: rgba(255,255,255,0.5);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
}

#logo {
  margin-top: 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: @russoFontFamily;
  font-size: 34px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

#logo:hover {
  color: white;
}

.middle [class*="span"] {
  min-height: auto;
}

.menu {
  padding: 20px 0 0 15px;
  position: relative;
}

.menu-footer {
  bottom: 10px;
  position: absolute;
  width: 100%;
}

.navbar {
  position: fixed;
  width: 98%;
  height: 140px;
  margin-top: -70px;
  margin-bottom: 35px;
}

.more {
  margin-top: 80px;
}

.listr {
  margin-left: 17% !Important;
}

.right-pane {
  padding: 20px 0 100px;
  overflow: scroll;
  height: 100%;
}

.job-detail .job-name {
  height: auto;
}

.job-detail-view .toggle {
  cursor: pointer;
  width: 60%;
  line-height: 2.5em;
  font-size: 1.3em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding-left: 7px;
  opacity: 0;
}

.bottom-row {
  margin-bottom: 25px;
}

.navbar-inner {
  padding-left: 0;
}

.navbar .nav.pull-right {
  margin-right: 0;
}

.clear-btn {
  background: none;
  box-shadow: none;
  text-shadow: none;
  color: rgba(255,255,255,0.5);
  font-weight: bold;
  border: 1px solid rgba(255,255,255,0.3);
}

.chronos .navbar-inner {
  background: none;
  border: none;
  box-shadow: none;
  padding-right: 0;
}

.left-wrapper {
  position: relative;
}

.left-lower-wrapper {
  height: 150px;
  width: 100%;
  color: rgba(255,255,255,0.5);
  border-top: 1px solid rgba(255,255,255,0.3);
}

.left-lower-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.left-lower-wrapper a {
  color: rgba(255,255,255,0.5);
  font-size: 11px;
}

.canvas {
  position: relative;
  padding-top: 50px;
  padding-bottom: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 150px;
  overflow:hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table2 {
  height: 2000px;
}

.new-job-form {
  background-color: white;
  width: 290px;
  height: 380px;
  display: inline-block;
  border-radius: 6px;
  padding: 5px 15px 15px;
}

.new-job-form h3 {
  text-align: left;
}

.new-job-form .top-block {
  height: 160px;
}

.new-job-form .create {
  width: 100%;
}

.lightbox {
  z-index: 9999;
}

.full {
  height: 150px;
  background: rgba(255,255,255,0.5);
}

.jobs {
  list-style-type: none;
  padding: 0;
  font-size: 23px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  overflow: scroll;
}

.jobs ul {
  margin: 5px 0 10px;
  list-style-type: none;
  height: 533px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.jobs li {
  padding: 10px 6px;
  border-top: 1px solid rgba(255,255,255,0.3);
}

.joblist {
  padding: 60px 0;
}

.item {
  cursor: pointer;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  margin-bottom: 1px;
}

.item.active {
  color: white;
  background-color: rgba(107,174,214,0.7);
}

.job-name {
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.job-name,
.last-run {
  padding: 0 7px;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
  position: relative;
}

.job-name:hover {
  padding-left: 5px;
  border-left: 2px solid rgba(255, 255, 255, 0.7);
}

.invocation {
  text-align: right;
}

.count {
  display: inline-block;
  background: #446D77;
  line-height: 1em;
  padding: 3px 9px;
  font-size: 15px;
  color: rgba(255,255,255,0.6);
  border-radius: 15px;
  opacity: 0.7;
  box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
}

.count-success {
  background-color: rgb(70, 165, 70);
}

.count-error {
  background-color: rgb(157, 38, 29);
}

.invocationCount {
  position: absolute;
  z-index: 999;
  display: block;
  top: 12px;
  right: 0;
  background: #446D77;
  line-height: 1em;
  padding: 3px 7px;
  font-size: 15px;
  border-radius: 9px;
  color: rgba(255,255,255,0.5);
}

.details {
  background-color: rgba(255,255,255,0.8);
}

.job-details-wrapper {
  margin-right: 20px;
}

.job-details-wrapper .details-wrapper {
  display: block;
}

.job-details-wrapper .save,
.job-details-wrapper .create,
.job-details-wrapper .cancel {
  display: none;
  color: rgba(255,255,255,1);
}

.job-details-wrapper .break {
  display: none;
}

.job-details-wrapper .edit-job .edit,
.job-details-wrapper .edit-job .run,
.job-details-wrapper .edit-job .delete,
.job-details-wrapper .edit-job .create,
.job-details-wrapper .edit-job .duplicate,
.job-details-wrapper .edit-job .view-graph,
.job-details-wrapper .create-job .edit,
.job-details-wrapper .create-job .run,
.job-details-wrapper .create-job .delete,
.job-details-wrapper .create-job .duplicate,
.job-details-wrapper .create-job .view-graph,
.job-details-wrapper .edit-job.create-job .save {
  display: none;
}

.job-details-wrapper .edit-job .save,
.job-details-wrapper .edit-job .cancel,
.job-details-wrapper .edit-job .break {
  display: block;
}

.job-details-wrapper .create-job .create,
.job-details-wrapper .create-job .cancel,
.job-details-wrapper .create-job .break {
  display: block;
}

.job-details-wrapper.up .toggle {
  width: 70%;
  opacity: 1;
}

.job-details-wrapper.up .details-wrapper {
  display: none;
}

.job-details-wrapper.up .nav-item {
  display: none;
}

.job-details-wrapper.up .bottom-row {
  margin-bottom: 3px;
}

.lightbox-inner .content {
  display: inline-block;
}

.middle {
  position: relative;
}

.middle ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.middle ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.middle ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.3);
}
.middle ::-webkit-scrollbar-thumb:window-inactive {
  /*background: rgba(255,0,0,0.4); */
}

#templates {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.job-details-wrapper {
  margin-bottom: 5px;
}

.job-details-wrapper form {
  margin-bottom: 0;
}

.job-detail-view {
  height: 45px;
  background: rgba(0,0,0,0.5);
}

.hightlight {
  margin: 4px 0;
}

.job-detail-row {
  padding: 8px 0 7px;
  background: rgba(0,0,0,0.6);
  border-top: 1px solid rgba(0,0,0,0.2);
}

.job-detail {
  color: #fff;
}

.job-detail > div {
  padding: 0 7px;
}

.job-detail .pseudo-field,
.job-detail .field {
  display: none;
  padding: 2px 7px 3px;
}

.job-detail .field {
  width: 100%;
}

.job-details-wrapper .create-job .no-edit .cmd,
.job-details-wrapper .edit-job.create-job .no-edit .cmd,
.job-details-wrapper .edit-job .no-edit .display,
.job-details-wrapper .edit-job .job-detail .pseudo-field,
.job-details-wrapper .edit-job .job-detail .field {
  display: block;
}

.job-details-wrapper .edit-job .display,
.job-details-wrapper .create-job .no-edit .display,
.job-details-wrapper .edit-job .no-edit .cmd {
  display: none;
}

.job-detail .detail {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}

.cmd.small-input {
  width: 80%;
}

.job-details-wrapper .parents-wrapper {
  display: none;
}

.job-details-wrapper .create-job .parents-wrapper {
  display: block;
}

.job-detail-nav {
  overflow: hidden;
  height: 45px;
  margin-bottom: 0;
}

.job-detail-nav .nav-item {
  height: 35px;
  padding: 10px 15px 0;
  opacity: 0.2;
  cursor: pointer;
  border-right: 1px solid rgba(0,0,0,0.7);
}

.nav-item [class^="icon-"],
.nav-item [class*=" icon-"] {
  color: #fff;
}

.job-detail-nav .nav-item:hover {
  opacity: 0.4;
}

.job-detail-nav .close {
  color: rgba(255,255,255,0.8);
  border-left: 1px solid rgba(0,0,0,0.9);
  border-right: none;
}

.job-detail > .span3:first-child {
  padding-left: 7px;
}

.job-detail.top {
  background-color: rgba(0,0,0,0.8);
}

.job-detail-view h3 {
  font-size: 20px;
  text-transform: uppercase;
  padding: 0 7px;
  line-height: 1em;
  color: rgba(255,255,255,0.6);
}

.stat-menu {
  text-align: right;
  padding-left: 0;
  padding-right: 0;
}

.stat-menu > li {
  padding: 15px 0;
  border-top: 1px solid rgba(255,255,255,0.2);
}

.stat-menu > li:first-child {
  padding-top: 5px;
  border-top: none;
}

.stat-count {
  font-size: 60px;
  line-height: 1em;
  font-weight: 900;
  color: rgba(255,255,255,0.7);
}

.stat-label {
  text-transform: uppercase;
  font-size: 20px;
  color: rgba(0,0,0,0.4);
  margin-top: 1px;
}

.results {
  height: 100%;
  overflow: scroll;
}

.sched .small-input {
  float: left;
  width: 20%;
}

.sched .break {
  width: 10px;
  padding-top: 10px;
  text-align: center;
}

.job-detail h2 {
  text-transform: none;
  white-space: normal;
  word-wrap: break-word;
}


UPDATE: v4skin | kajona-overrides.less -> simplified the bulkedit styles

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/artemeon/core.git/'