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

/* body and font */

/*
@font-face { font-family: 'geogrotesque_boldregular'; 
src: url("../fonts/Geogrotesque/geo-bd-webfont.eot"); 
src: url("../fonts/Geogrotesque/geo-bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque/geo-bd-webfont.woff") format("woff"), url("../fonts/Geogrotesque/geo-bd-webfont.ttf") format("truetype"), url("../fonts/Geogrotesque/geo-bd-webfont.svg#geogrotesque_boldregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geogrotesque_lightregular'; 
src: url("../fonts/Geogrotesque/geo-lg-webfont.eot"); 
src: url("../fonts/Geogrotesque/geo-lg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque/geo-lg-webfont.woff") format("woff"), url("../fonts/Geogrotesque/geo-lg-webfont.ttf") format("truetype"), url("../fonts/Geogrotesque/geo-lg-webfont.svg#geogrotesque_lightregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geogrotesque_mediumregular'; 
src: url("../fonts/Geogrotesque/geo-md-webfont.eot"); 
src: url("../fonts/Geogrotesque/geo-md-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque/geo-md-webfont.woff") format("woff"), url("../fonts/Geogrotesque/geo-md-webfont.ttf") format("truetype"), url("../fonts/Geogrotesque/geo-md-webfont.svg#geogrotesque_mediumregular") format("svg"); font-weight: normal; font-style: normal; }
*/
@font-face { font-family: 'geogrotesque_regularregular'; 
src: url("../fonts/Geogrotesque/geo-rg-webfont.eot"); 
src: url("../fonts/Geogrotesque/geo-rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque/geo-rg-webfont.woff") format("woff"), url("../fonts/Geogrotesque/geo-rg-webfont.ttf") format("truetype"), url("../fonts/Geogrotesque/geo-rg-webfont.svg#geogrotesque_regularregular") format("svg"); font-weight: normal; font-style: normal; }
/*
@font-face { font-family: 'geogrotesque_semiboldregular'; 
src: url("../fonts/Geogrotesque/geo-sb-webfont.eot"); 
src: url("../fonts/Geogrotesque/geo-sb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque/geo-sb-webfont.woff") format("woff"), url("../fonts/Geogrotesque/geo-sb-webfont.ttf") format("truetype"), url("../fonts/Geogrotesque/geo-sb-webfont.svg#geogrotesque_semiboldregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geogrotesque_thinregular'; 
src: url("../fonts/Geogrotesque/geo-th-webfont.eot"); 
src: url("../fonts/Geogrotesque/geo-th-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque/geo-th-webfont.woff") format("woff"), url("../fonts/Geogrotesque/geo-th-webfont.ttf") format("truetype"), url("../fonts/Geogrotesque/geo-th-webfont.svg#geogrotesque_thinregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geogrotesque_ultralightRg'; 
src: url("../fonts/Geogrotesque/geo-ul-webfont.eot"); 
src: url("../fonts/Geogrotesque/geo-ul-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque/geo-ul-webfont.woff") format("woff"), url("../fonts/Geogrotesque/geo-ul-webfont.ttf") format("truetype"), url("../fonts/Geogrotesque/geo-ul-webfont.svg#geogrotesque_ultralightRg") format("svg"); font-weight: normal; font-style: normal; }
*/

body {
  font-family: "geogrotesque_regularregular", Arial;
  color: #4A4E54; /* hatz dark grey */
  font-size: 15px;
  background-image: none;
}

/* layout */

/*header {
	position: fixed;
	z-index: 9000;
	top: 0;
	left: 0;
	width: 100%;
}

.container-mid-content {
	margin-top: 70px;
}*/

/* header */

header {
	border-bottom: 1px solid #EEE; /* hatz light header border */
}

header .navbar {
	background-color: #FFF; /* hatz white */
}

.breadcrumbs {
	color: #bfc0c3; /* hatz light grey */
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.navbar-container {
	color: white;
	margin-left: 1rem;
}

.navbar-logo-container {
	text-align: left;
}

.logo {
	background-image: url("../img/logo.svg");
	background-size: 65px 57px;
	width: 65px;
	height: 57px;
	margin-top: 0.5rem;
	
	/* position: absolute;
	z-index: 9999;
	top: 0.5rem;
	right: 10rem; */
	
	border-style: solid;
	border-width: 1px;
	border-color: #FFF; /* hatz white */
}

.application-name {
	color: white;
}

.app-version-string {
	color: #5c5f5e;
}

.navbar hr {
	color: #5c5f5e;
	border-color: #5c5f5e;
	margin: 0px;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.navbar .info {
	color: white;
	font-weight: normal;
}

.navbar {
	padding: 0px;
}

.header-menu-right {
	padding-right: 1.5rem;
}

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

.breadcrumbs li a {
	color: #bfc0c3; /* hatz light grey */
	font-weight: normal;
	-webkit-transition:all 0.65s ease-in-out;
	transition:all 0.65s ease-in-out;
}

.header-menu-right li a {
	color: #bfc0c3; /* hatz light grey */
	font-weight: normal;
	-webkit-transition:all 0.65s ease-in-out;
	transition:all 0.65s ease-in-out;
}

.breadcrumbs li a:hover {
	color: #4A4E54; /* hatz dark grey */
}

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

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

/* navigation */

.side-menu-col {
	background-color: #252928; /* hatz dark grey background */	
}

.side-menu-col .nav-item a {
	color: white;
	font-weight: normal;
}

.side-menu-col .nav-item a:hover {
	color: white;
	background-color: black;
	font-weight: normal;
}

.nav-item a>i {
	display: inline-block;
	visibility: hidden;
}

.nav-item a:hover>i {
	visibility: hidden;
}

.nav-item-selected a>i {
	visibility: visible;
}

.nav-item-selected a:hover>i {
	visibility: visible;
}

.nav-item-box {
	width: 5px;
	background-color: #008bd2;
	visibility: hidden;
}

.nav-item-selected .nav-item-box {
	visibility: visible;
}

.navbar-toggler {
	color: white;
}

.nav-item-unfolded {
	display: none;
}

.sub-navbar-label-selected .nav-item-folded {
	display: none;
}

.sub-navbar-label-selected .nav-item-unfolded {
	display: inline-block;
}

/* footer */

footer {
	color: #4A4E54; /* hatz dark grey text */
	background-color: #E5E5E5; /* hatz light grey */
	
	border-top-color: #CCC; /* hatz grey */
	border-top-style: solid;
	border-top-width: 1px;
}

footer a {
	color: #4A4E54; /* hatz dark grey text */
	text-decoration: none;
}

footer a:hover {
	color: #4A4E54; /* hatz dark grey text */
	text-decoration: none;
}

/* tables */

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

.table thead th {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

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

/* Change p margin-bottom in editor */
.note-editor .note-editing-area .note-editable p {
               margin-bottom: 0;
}

/* Change p margin-bottom in viewing replies */
.card-body .deepl-text-to-translate p {
               margin-bottom: 0;
}

.text-output p {
               margin-bottom: 0;
}

.mandatory-advice {
	margin-top: 15px;
}

.bg-primary {
	color: white;
}

#time-analysis-tab .bootstrap-select.show-tick .dropdown-menu li a span.text {
	max-width: 87%;
	text-overflow: ellipsis;
	overflow: hidden;
}

#time-analysis-tab .dropdown-menu.show {
	width: 100% !important;
	min-width: auto !important;
	max-width: 240px !important;
	overflow-x: hidden;
}

#time-analysis-tab .dropdown-item {
	padding-left: 3px;
	padding-right: 15px;
}