.home header {
	background: url("/img/downtown_cleveland.jpg");
}


.home .home-image {
	padding-top: 50px;
}

.home .home-links {
	text-align: right;
	color: #ffffff;
	font-family: "Arial Black", sans-serif;
	font-size: 48px;
	padding: 1rem;
	padding-top: 15rem;
	height: 28rem;
}

.home .home-links a {
	color: #ffffff;
}

.home .home-links a:hover {
	color: #00FF00;
}

.home .home-form {
	padding: 1rem;
	height: 28rem;
	padding-top: 15rem;
}

.home footer {
	background-color: #0169A6;
	color: #ffffff;
	padding: 1rem;
	height: 10rem;
}

.page-footer {
	/*position: absolute;*/
	bottom: auto;
	/*padding: 1rem;*/
	padding: 5px 0 7px 1.5rem;
	/*padding-left: 2rem;*/
}

html {
	height: auto;
	/*box-sizing: border-box;*/
}

body {
	/*position: relative;*/
	/*margin: 0;*/
	/*padding-bottom: 6rem;*/
	/*min-height: 100%;*/
}

#main {
	/*bottom: 50vh;*/
}


div.message {
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 1rem 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    top: 15px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 50px;
    line-height: 2.5em;
    box-radius: 5px;
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 11px 16px 14px 7px;
    color: #C3232D;
    content: "x";
}
div.message.hidden {
    height: 0;
}

a {
	text-decoration: underline;
}

.jarviswidget-color-blue header {
	background: #006D9E;
}


.smart-style-7 #logo img {
	width: 155px;
}

.fixed-navigation nav > ul {
	width: 107%;
}

.consol-status {
	border-radius: 3px;
	width: 70px;
	margin-right: 2px;
	padding: 4px 5px;
	display: inline-block;
	min-width: 10px;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
}


/* ------------ breadcrumb test CSS ----------------- */
/* https://bootsnipp.com/snippets/XMjR2#comments */

.order_breadcrumb {
    padding: 0px;
    background: transparent;
    list-style: none;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 4px;
}

.order_breadcrumb>li {
    display: table-cell;
    vertical-align: top;
    width: 1%;
}

.order_breadcrumb>li+li:before {
    padding: 0;
}

.order_breadcrumb li a {
    color: white;
    text-decoration: none;
    padding: 2px 0 2px 25px;
    position: relative;
    display: inline-block;
    width: calc( 100% - 10px );
    background-color: hsla(0, 0%, 83%, 1);
    text-align: center;
    text-transform: capitalize;
	font-size: 12px;
}

.order_breadcrumb li.completed a {
    background: brown;
    background: hsl(83, 57%, 45%);
}

.order_breadcrumb li.completed a:after {
    border-left: 20px solid hsl(83, 57%, 45%);
}

.order_breadcrumb li.active a {
    background: #ffc33b;
}

.order_breadcrumb li.active a:after {
    border-left: 20px solid #ffc33b;
}

.order_breadcrumb li.warn a {
    background: hsl(5, 53%, 45%);
}

.order_breadcrumb li.warn a:after {
    border-left: 20px solid hsl(4, 57%, 45%);
}

.order_breadcrumb li:first-child a {
    padding-left: 10px;
}

.order_breadcrumb li:last-of-type a {
    width: calc( 100% - 10px );
}

.order_breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 20px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.order_breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 20px solid hsla(0, 0%, 83%, 1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}


.bredcrumb_small_label {
	display: none;
}

@media (max-width: 768px) {
	.order_breadcrumb li a {
	    padding-left: 1px;
		padding-right: 1px;
	}
	.breadcrumb_large_label {
		display: none;
	}
	.bredcrumb_small_label {
		display: inline;
	}

	.consol-status {
		width: auto;
	}

	.page-footer {
		/*display: none;*/
	}

}


/* ------------ breadcrumb test CSS END ----------------- */



.consol_compact tbody tr td {
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
}