/**
 * custom.css
 *
 * Overrides of composite default demo css.
 *
 * @author: kutzi
 * @date: 20191210
 */

/* body */

body {
	background-color: #f9f9f9; /* dynapac light grey */
	background-image: none;
	
	font-family: Calibri, "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.container-mid-content {
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
	background-color: white;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}

.container-head-content {
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}


/* header */

header {
	color: white;
	background-color: #B11116; /* dynapac red */
}


/* header logo */
.logo {
	background-image: url("../img/logo_long.svg");
	background-size: 14rem 4rem;
	min-width: 14rem;
	min-height: 4rem;
	margin-right: 0rem;
}

/* breadcrumb spacing */
.breadcrumbs li {
	margin-left: 0.75rem;
}

.breadcrumbs li a {
	color: white;
	text-transform: uppercase;
}

.breadcrumbs li a:hover {
	color: #efd0d2; /* dynapac light red */
	border-bottom: 1.5px solid #efd0d2; /* dynapac light red */
}

/* breadcrumb separators */
.breadcrumbs li + li:before {
    font-family: "Font Awesome\ 5 Free";
	content: "\f054";
	font-weight: 900;
	margin-right: 0.5rem;
}

/* reverse in small breadcrumbs */
.breadcrumbs-sm li + li:before {
	content: "\f053";
}

.header-nav li a {
	color: white;
	text-transform: uppercase;
}

.header-nav li a:hover {
	color: #efd0d2; /* dynapac light red */
	border-bottom: 1.5px solid #efd0d2; /* dynapac light red */
}

/* footer */

footer {
	color: #cccaca; /* dynapac light grey text */
	background-color: #515050; /* dynapac dark grey */
}

footer a {
	color: #cccaca; /* dynapac light grey text */
	text-decoration: none;
}

footer a:hover {
	color: #cccaca; /* dynapac light grey text */
	text-decoration: none;
}

/* ticket state */

.ticketStateText {
	font-size: 1.4rem;
}

.ticketState .ticketStateText {
	margin-top: 5%;
}

.circle.FINISHED i {
	margin-top: 15%;
}

/* tables */

/*thead {
	background-color: #bababa;
}*/

/*.tickets-table-ticket-id {
	width: 200px;
}*/

/* end of custom.css */