/* all brand color stuff goes at top! */

.brand_color {
	/* color: #0078ff !important; */
	color: #00aaff !important;
}

html {
	background: rgba(220,220,220, 1);
}
body {
    color: #333;
	background: rgba(220,220,220, 1);
	height: 100%;
	display: block;
}
/* special elements */
endpoint {
	background-color: #fcf8e3;
	padding: 2px 5px;
}
parameter {
	background-color: #f5f5f5;
	padding: 2px 5px;
	color: #555;
}

.background_gradient {
	
}
.r8_brand img{
	height: 40px;
}

/* navbar */
.navbar-header .icon-bar {
	background-color: #00aaff !important;
    border-radius: 1px;
}
.navbar {
	margin-bottom: 0;
	background: rgba(240,240,240, 1);
}
.navbar-header .navbar-toggle:focus, .navbar-header .navbar-toggle:hover {
}
.navbar-header .navbar-toggle {
    border-color: rgba(0,0,0,0);
}
.navbar-toggle {
    display: inline-block;
}
.navbar .container-fluid {
    border-bottom: 1px solid grey;
}
.nav-sidebar > li:hover {
	cursor: pointer;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
	color: #fff;
	background-color: #428bca;
}
a>.badge {
    background-color: #aaa;
}
.active>a>.badge {
    background-color: #fff;
	color: #aaa;
}

.sidebar {
    position: fixed;
    top: 52px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 10px 20px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid rgb(150,150,150);
	background: rgba(240,240,240, 1);
}
.nav-sidebar {
    margin-right: -21px;
    margin-bottom: 20px;
    margin-left: -20px;
}

/* containers */
.r8_body_container {
	padding-left: 0px;
	padding-right: 0px;
}

.r8_main_container {
	height: 100%;
	padding-top: 52px;
}
.r8_search_container {
	float: right;
	margin-right: 8px;
	display: none;
}
.r8_brand {
	padding: 5px 0 0 15px;
}
.r8_settings_btn_container {
	height: 52px;
}
.panel_section {
	padding: 20px 5px 5px;
}
.panel_notes {
	margin-bottom: 8px;	
}
pre .string {
	color: red;
}
pre .number {
	color: blue;
}
pre .boolean {
	color: blue;
}
pre .null {
	color: grey;
}
pre .key {
	color: purple;
}



/* utilities */
*:focus{outline: 0 !important;}
.flip {
	-moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1); 
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.invert {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";	
}
.heavy {
	font-weight: 700;
}
.pointer_decoration:hover {
	cursor: pointer;
	text-decoration: underline;
}
.pointer:hover {
	cursor: pointer;
	text-decoration: none;
}
	
.side_window {
	margin-top: -100vh;
	position: relative;
	height: 100%;
	padding-right: 0px;
	float: left;
	z-index: 501;
    padding-top: 52px;
}
.spacer {
	visibility: hidden;
}
.invisible {
	visibility: hidden;
}
.pad_left {
	margin-left: 10px;
}
.full_width {
	width: 100%;
}
.margin_top_1 {
	margin-top: 1px;
}
.margin_top_5 {
	margin-top: 5px;
}
.margin_top_10 {
	margin-top: 10px;
}
.margin_top_15 {
	margin-top: 15px;
}
.margin_top_20 {
	margin-top: 20px;
}
.margin_top_25 {
	margin-top: 25px;
}
.margin_top_30 {
	margin-top: 30px;
}
.margin_top_35 {
	margin-top: 35px;
}
.margin_top_40 {
	margin-top: 40px;
}
.margin_right_5 {
	margin-right: 5px;
}
.margin_right_8 {
	margin-right: 8px;
}
.margin_bottom_5 {
	margin-bottom: 5px;
}
.margin_0 {
	margin: 0;
}
.padding_5 {
	padding: 5px;
}
.padding_8 {
	padding: 8px;
}
.padding_10 {
	padding: 10px;
}
.padding_15 {
	padding: 15px;
}
.pad_right_10 {
	padding-right: 10px;
}
.capitalize {
	text-transform: capitalize;
}
.two_row_textarea {
	min-height: 108px;
}
.four_row_textarea {
	min-height: 216px;
}
.black {
	background: black;
}
.ticket_topic {
	font-size: 12px;
	max-height: 20px;
	overflow: hidden;
}
.cap_height {
	height: 100%;
}

.copy {
	position: static;
	bottom: 0;
	left: 0;
	padding: 22px;
	color: #555;
}
.copy a {
	color: #555;
	text-decoration: none;
}

.fade {
	opacity:1;
}

.fade.ng-enter {
	transition:0.5s linear all;
	opacity:0;
}
.fade.ng-enter.ng-enter-active {
	opacity:1;
}
.fade.ng-leave {
	transition:0.5s linear all;
	opacity:1;
}
.fade.ng-leave.ng-leave-active {
	opacity:0;
}

.fadeIn.ng-enter {
	transition:0.5s linear all;
	opacity:0;
}
.fadeIn.ng-enter.ng-enter-active {
	opacity:1;
}
.fadeIn.ng-hide {
	display: none;
}

.center {
    margin: 0px auto;
}
.center-text {
	text-align: center;
}
/* bootstrap overrides */
.progress {
	height: 3px;
	margin-bottom: 0;
}

.vertical-align {
    display: flex;
    align-items: center;
}



.pulse-info {
	color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
	animation: pulse-info 3.7s infinite;
}
.pulse-info:hover {
	color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-info {
	0% {
		-webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
		color: rgba(255, 255, 255, 1);
	}
	70% {
		-webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
	}
	100% {
		-webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
		color: rgba(255, 255, 255, 1);
	}
}
@keyframes pulse-info {
	0% {
		-moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
		box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
		color: rgba(255, 255, 255, 1);
	}
	70% {
		-moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
		box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
	}
	100% {
		-moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
		box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
		color: rgba(255, 255, 255, 1);
	}
}