/* print */

@page  {
    size: auto;   /* auto is the initial value */

    /* this affects the margin in the printer settings */
    margin: 5mm 5mm 5mm 5mm;
}


@media screen {
	.printheader, .printfooter, .print {
		display: none;
	}
	.newpage {
		clear: both;
	}
}
@media print {

	footer, .navbar, .noprint {
		display:none;
	}

	.newpage {
		margin-top:30px;
		page-break-before: always;
		clear:both;
	}

	body {
		zoom: 0.7;
	}

	.graph {
		display: block;
		clear:both;
		margin-top:20px;
		margin-bottom:20px;
	}

	div.printheader {
		width:930px;
		margin-top: -40px;
	}

	div.printheader table {
		width:100%;
		text-align: center;
		vertical-align: center;
	}
	td.printheader-left {
		width:200px;
	}
	td.printheader-center {
		font-size:24px;
	}
	td.printheader-right {
		font-size:24px;
		width:20px;
	}

	div.print-title {
		display: block;
		margin-top:50%;
		margin-bottom:50%;
		page-break-after: always;
		font-size:24px;
		text-align: center;
		text-transform: uppercase;
	}

	div.printfooter {
		text-align: right;
		padding-bottom:30px;
		position:fixed;
		bottom:0;
	}

	th.date {
		width:200px!important;
	}

	.dynamic-status-final, .dynamic-status-final a {
		opacity: 1.0!important;
		color:#ddd!important;
	}

	a[href]:after {
		content:""!important;
	}


}

h2 {
	font-size:16px;
	text-transform: uppercase;
}

h4 {
	font-size:14px;
	text-transform: uppercase;
}

.logo_end {
	margin-top:50%;
	text-align:center;
	font-size:16px;
}

.onlyprint {
	display:none;
}

.separator {
	clear:both;
}

/* regex --------------------------------------*/

span.hostname {
	border-bottom:1px dotted green;
}

span.ip-addr {
	border-bottom:1px dotted red;
}

span.hash {
	border-bottom:1px dotted blue;
}

.tooltip li {
	list-style: none;
}

.tooltip ul {
	margin:0;
}


/* Upload -------------------------------------*/

.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
	margin-top: -1px !important;
}

#details-files table {
	margin-bottom: 10px;
}

#details-files input {
	height: 18px;
	width: 100%;
}

form.icon {
	display: inline;
}

button.icon {
	margin: 0;
	/*color: black;*/
	color: var(--bs-dark-text-emphasis);
	padding: 0;
	margin-top: -1px;
}

div.upload {
	display:none;
	position:relative;
	border: 1px dashed #888;
	width: 200px;
	margin:5px;
	height: 100px;
	border-radius: 10px;
}

div.upload input {
	opacity:0;
	height:100% !important;
	width:100%;
	z-index:50;
	position:relative;
}

div.upload span {
	position:absolute;
	font-size: 20px;
	font-weight: bold;
	color:#DDD;
	top:40px;
	left:55px;
}


/* Search  ------------------------------------*/

.search-results {
	margin-top:-5px;
	margin-bottom:20px;
}

.icon-search {
	margin: 3px 9px 0 5px;
}

/* Navbar  --------------------------------------*/

#header-collapse {
	padding: 4px 5px;
}

.table-responsive {
	border: none;
}

/* Main  --------------------------------------*/

body {
	font-size: 12px;
	line-height: 20px;
	padding-top: 60px;
	padding-bottom: 40px;
}

table.fixed {
	table-layout: fixed;
	overflow-wrap: break-word;
}

table.fixed td {
	width: auto;
}

.icon-column {
	width: 25px;
	text-align: center;
}

.date-column {
	width: 100px;
}

.nav .caret {
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}

input.search {
	background-color:black;
	color:#DDD;
	border:1px solid #333;
}


#push, #footer {
	height:60px;
}

footer {
	background-color:#EEE;
	padding:2px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}

footer div {
	color:#555;
	font-size:10px;
	margin:0 auto;
	width:560px;
}

.container {
	min-height: 100%;
	height: auto !important;

}

.usergreet {
	float:right;
	color:#999;
	padding:10px 15px 10px;
}

.usergreet a {
	color:#999;
}

a .glyphicon {
	color: black;
}

a, 
button.nav-link, 
.btn-link,
button.bi {
	color: var(--bs-info-text-emphasis);
	text-decoration-line: none;
}

a:hover, 
button.nav-link:hover, 
.btn-link:hover {
	text-decoration-line: underline;
}

.btn-default {
	border-color: var(--bs-info-text-emphasis);
}

.btn-default:hover {
	background-color: var(--bs-info-text-emphasis);
	text-decoration-line: none;
	color: var(--bs-light);
}


/* Detail -------------------------------------*/

#addComment label {
	padding-top: 3px;
	display: block;
}

#sendEmail .form-horizontal .control-group {
 margin-bottom: 0px;
}

#sendEmail input[type="text"] {
	padding: 1px 3px
}

#tab_comments p {
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

/* Email Modal */

#sendEmail input {
	width:98%;
}

#sendEmail .form-horizontal .controls {
	margin-left: 50px;
}

#sendEmail .form-horizontal .control-label {
	width: 40px;
}

/* break long words in artifacts */
.artifacts {
	word-wrap: break-word;
}

table .artifacts {
	max-width:1000px;
}

.comment-date {
	width: 120px;
}

.side-tables {
	width:47%;
	float:left;
}

.artifacts-table .head {
	text-align: right;
	width: 100px;
}

.artifacts-table a.multiple {
	color:rgb(235, 34, 34);
}

h1.float {
	float:left;
}

#incident-properties {
	margin-top: -20px;
	margin-left: calc(var(--bs-gutter-x) * -0.5);
	margin-right: calc(var(--bs-gutter-x) * -0.5)
}

#incident-properties .minitable {
	margin: 0;
	width: auto;
}

#incident-sidebar {
	margin-top: 30px;
}

.minitable .slim td {
	border-top:none;
	vertical-align: middle;
	line-height: 1;
}

.minitable .delim {
	border-right: 1px solid; 
	padding-right: 15px;
}

.minitable .head {
	font-weight: bold;
	padding-left: 15px;
}

div.widget {
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px;
}

div.widget h4.widget {
	padding-left: 10px;
	background-color: #EBFAFF;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	margin-left: -11px;
	margin-top: -11px;
	margin-right: -11px;
	margin-bottom: 5px;
	border: 1px solid LightSkyBlue;
	border-radius: 3px 3px 0 0;
}

div#description h4.widget {
	background-color: LightSkyBlue;
	border-color: #337ab7;
}

div#attributes input {
	width: 90%;
}

div#attributes select {
	width: auto;
}

div#main_tabs {
	margin-top: 10px;
	font-weight: bold;
}

#details-container {
	margin-bottom: 55px;
}

#details-actions-all {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0px;
	z-index: 1035;
}

@media (min-width: 768px) {
	#details-actions-all {
		bottom: 24px;
	}
}

#details-actions,
.details-actions-supmenu {
	padding-left: 15px;
	padding-right: 15px;
}

#details-actions ul,
.details-actions-supmenu ul {
	margin: 0;
}

#details-actions {
	background-color: LightSkyBlue;
}

.details-actions-supmenu {
	border-bottom: 1px solid #337ab7;
	background-color: #98DFFB;
}

#details-actions li,
.details-actions-supmenu li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
}

#details-actions .glyphicon,
.details-actions-supmenu .glyphicon {
	color: white;
	margin-right: 5px;
}

#details-actions a,
.details-actions-supmenu a {
	color: #2269a6;
	text-decoration: none;
}

#details-actions a:hover,
.details-actions-supmenu a:hover {
	color: white;
	text-decoration: none;
}

#details-actions a:hover>.glyphicon,
.details-actions-supmenu a:hover>.glyphicon {
	color: #2269a6;
}

#add-comment-line:hover td {
	background-color: none;
}

/* Index --------------------------------------*/

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 99% !important;
}

tr .icon-star-empty {
	opacity: 0.3;
}


.label, .badge {
	font-size: 11.84px;
}
.table th {
	border-top:0;
}

tr.dynamic-status-final {
	opacity: 0.3
}

.incident_display tr.dynamic-status td  {
	color: #f00;
	background-color:#fdd;
	font-weight:bold;
}

.incident_display tr.dynamic-status td a {
	color: rgb(31, 105, 121)!important;
}

td.incident_date_column {
	width: 85px;
}

.nothing_to_show {
	margin-bottom: 15px;
}

/* New incident -------------------------------*/

.labels-ontop label {
	display: block;
}

.collapse.in {
	overflow: visible;
}

div#concerned_business_lines {
	min-width: 200px;
}

.aligned-with-stack {
	margin-top: 30px !important;
}

.header h1{
	margin-top: 0;
}

.help-inline
{
	clear:both;
}

legend.border-bottom {
	padding-bottom: 7px;
}

/* Adapt select2 to be compatible with bootstrap light themes -------------------------------------*/

.select2-search-choice {
	background-image: linear-gradient(to bottom, #DEE7F8, #DEE7F8) !important;
}

body .select2-container--bootstrap-5 .select2-selection {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
}

body
    .select2-container--bootstrap-5.select2-container--focus
    .select2-selection,
body
    .select2-container--bootstrap-5.select2-container--open
    .select2-selection {
    border-color: var(--bs-link-hover-color);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
body .select2-container--bootstrap-5 .select2-dropdown {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-link-hover-color);
}
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-search
    .select2-search__field {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
}
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-search
    .select2-search__field:focus {
    border-color: var(--bs-link-hover-color);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option.select2-results__message {
    color: #6c757d;
}
[data-bs-theme=dark] body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option.select2-results__option--highlighted {
    color: var(--bs-body-color);
    background-color: var(--bs-light-bg-subtle) !important;
}
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option.select2-results__option--selected,
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option[aria-selected="true"]:not(
        .select2-results__option--highlighted
    ) {
    color: var(--bs-body-color);
    background-color: var(--bs-dark-bg-subtle);
}
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option.select2-results__option--disabled,
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option[aria-disabled="true"] {
    color: #6c757d;
}
body
    .select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option[role="group"]
    .select2-results__group {
    color: #6c757d;
}
body
    .select2-container--bootstrap-5
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--bs-body-color);
}
body
    .select2-container--bootstrap-5
    .select2-selection--single
    .select2-selection__rendered
    .select2-selection__placeholder {
    color: #6c757d;
}
body
    .select2-container--bootstrap-5
    .select2-selection--multiple
    .select2-selection__rendered
    .select2-selection__choice {
    color: var(--bs-body-color);
    border: var(--bs-border-width) solid var(--bs-border-color);
}

body
    .select2-container--bootstrap-5.select2-container--disabled
    .select2-selection,
body
    .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus
    .select2-selection {
    color: #6c757d;
    background-color: var(--bs-light-bg-subtle);
    border-color: var(--bs-dark-bg-subtle);
}
.is-valid + body .select2-container--bootstrap-5 .select2-selection,
.was-validated
    select:valid
    + body
    .select2-container--bootstrap-5
    .select2-selection {
    border-color: #198754;
}
.is-valid
    + body
    .select2-container--bootstrap-5.select2-container--focus
    .select2-selection,
.is-valid
    + body
    .select2-container--bootstrap-5.select2-container--open
    .select2-selection,
.was-validated
    select:valid
    + body
    .select2-container--bootstrap-5.select2-container--focus
    .select2-selection,
.was-validated
    select:valid
    + body
    .select2-container--bootstrap-5.select2-container--open
    .select2-selection {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.is-invalid + body .select2-container--bootstrap-5 .select2-selection,
.was-validated
    select:invalid
    + body
    .select2-container--bootstrap-5
    .select2-selection {
    border-color: #dc3545;
}
.is-invalid
    + body
    .select2-container--bootstrap-5.select2-container--focus
    .select2-selection,
.is-invalid
    + body
    .select2-container--bootstrap-5.select2-container--open
    .select2-selection,
.was-validated
    select:invalid
    + body
    .select2-container--bootstrap-5.select2-container--focus
    .select2-selection,
.was-validated
    select:invalid
    + body
    .select2-container--bootstrap-5.select2-container--open
    .select2-selection {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* Dashboard -------------------------------------*/

.tabs {
	padding-top: 20px;
}


/* Easy MDE / CodeMirror CSS */

.CodeMirror {
    height: 300px !important;
	padding-bottom: 27em !important;
}

.editor-toolbar .table {
    width: auto;
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}



/* Custom CSS to make EasyMDE play nice with Bootstrap colors */

.EasyMDEContainer .CodeMirror {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color)!important;
    background-color: var(--bs-body-bg);
}
.EasyMDEContainer .cm-s-easymde .CodeMirror-cursor {
    border-color: var(--bs-body-color)!important;
}

.CodeMirror-cursor {
    border-left:1px solid var(--bs-body-color)!important;
    border-right:none;width:0;
}

.EasyMDEContainer .editor-toolbar > * {
    border-color: var(--bs-body-bg)!important;
}

.editor-toolbar {
    border-top: 1px solid var(--bs-border-color)!important;
    border-left: 1px solid var(--bs-border-color)!important;
    border-right: 1px solid var(--bs-border-color)!important;
}

.editor-toolbar i.separator {
    border-left: 1px solid var(--bs-border-color)!important;
    border-right: 1px solid var(--bs-border-color)!important;
}

.EasyMDEContainer .editor-toolbar > .active, .editor-toolbar > button:hover, .editor-preview pre, .cm-s-easymde .cm-comment {
    background-color: var(--bs-body-bg)!important;
}

.EasyMDEContainer .CodeMirror-fullscreen {
    background: var(--bs-body-bg);
}
.editor-toolbar.fullscreen {
    background: var(--bs-body-bg);
}

.editor-preview {
    background: var(--bs-body-bg)!important;
}

.editor-preview-side {
    border-color: var(--bs-border-color)!important;
}

.CodeMirror-selected {
    background: var(--bs-secondary-bg)!important;
}

.CodeMirror-focused .CodeMirror-selected {
    background: var(--bs-secondary-bg)!important;
}

.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background:var(--bs-secondary-bg)!important
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background:var(--bs-secondary-bg)!important
}

.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
    background: var(--bs-secondary-bg)!important
}

/* Tooltip -------------------------------------*/

.tooltip {
  --bs-tooltip-color: var(--bs-body-color)!important;
  --bs-tooltip-bg: var(--bs-secondary-bg)!important;
}

.tooltip-inner {
	color: var(--bs-body-color)!important;
}

.tooltip ul {
	padding-left: 0px;
}

.btn-xs {
	font-size: .875em;
}

.badge-success {
	color: var(--bs-success-text-emphasis);
	background-color: var(--bs-success-bg-subtle);
	border-color: var(--bs-success-border-subtle);
}

.badge-danger {
	color: var(--bs-danger-text-emphasis);
	background-color: var(--bs-danger-bg-subtle);
	border-color: var(--bs-danger-border-subtle);
}

.badge-warning {
	color: var(--bs-warning-text-emphasis);
	background-color: var(--bs-warning-bg-subtle);
	border-color: var(--bs-warning-border-subtle);
}

.badge-info {
	color: var(--bs-info-text-emphasis);
	background-color: var(--bs-info-bg-subtle);
	border-color: var(--bs-info-border-subtle);
}

.badge-primary {
	color: var(--bs-primary-text-emphasis);
	background-color: var(--bs-primary-bg-subtle);
	border-color: var(--bs-primary-border-subtle);
}