@charset "utf-8";
/* CSS Document */
@media screen {
	/* Body */
	body {
		background-color: #003c78;
		font-size: 0.9rem;
	}

	/* Header */
	.gris_main_header h1 {
		font-size: 4rem;
		font-weight: 100;
		color: #696969;
	}
	
	/* Main navigation */
	#gris_main_navigation {
		background: linear-gradient(50deg, #642878 0%, #003c78 100%);
	}

	#gris_main_container{
		background-color: white;
	}

	footer{
		border-top: 10px solid #d20064;
		background-color: #003c78;
	}

	/* Column offset for sticky-top */
	.gris_col_offset{
		top:3rem;
	}

	.nav-link {
		color: white;
	}

	.nav-link:hover {
		color: #bcd5ec;
	}	
	
	/* Dialog Z-Index */
	.ui-dialog {
		z-index: 3000
	}

	/* Logo */
	.gris_logo img{
		height: 3rem
	}

	/* Hide dialoges initially */
	.gris_hide {
		display: none;
	}

	/* Circle */
	.gris_circle {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		font-size: 11px;
		line-height: 18px;
		text-align: center;
		margin: 3px 0.25rem !important;
	  }

	/* Sortables */
	.gris_is_external_0{
		border-left: 0.8em solid #003c78;
	}
	
	/* Tables */
	table tbody a{
		word-wrap: anywhere;
	}

	table caption{
		font-size: 1.25rem;
		caption-side: top;
	}

	table td{
		word-wrap: break-word;
	}

	table td p{
		margin:0;
	}

	/* Filechoser */
	.gris_filechooser input,
	#gris_submit_image,
	#gris_submit_cv,
	#gris_submit_fulltext,
	#gris_submit_publist,
	[id^=gris_submit_faq],
	[id^=gris_submit_hinweise],
	[id^=gris_submit_handbuch] {
		display: none;
	}

	/* Forms */
	label{
		font-weight: bold;
	}

	/* Buttons */
	.gris_disabled{
		cursor:default;
	}

	.gris_disabled:hover{
		color: var(--bs-btn-color);
		background-color: var(--bs-btn-bg);
		border-color: var(--bs-btn-border-color);
	}

	/* Colors */
	.gris_light_gray{
		background-color: #ededed;
	}

	/* Citations */
	.gris_resource_citation,
	.gris_project_citation {
		text-decoration: none;
	}

	/* Icons */
	.gris_icon{
		width: 2rem;
	}

	.w-70{
		width: 70%;
	}

	/* Tooltips */

	/* based on	bs-wojs_tooltips.css Released under MIT license
	   V2.0.0 2023 by Thorsten Willert based on https://medium.com/free-code-camp/a-step-by-step-guide-to-making-pure-css-tooltips-3d5a3e237346
	*/

	/* bootstrap theme switch "global" */
	[data-bs-theme="dark"] :not([style]).tooltips::after {
		background: #fff;
		color: #000;
	}
	[data-bs-theme="dark"] .tooltips::before {
		border-color: #fff transparent transparent transparent;
	}
	[data-bs-theme="light"] :not([style]).tooltips::after {
		background: #000;
		color: #fff;
	}
	[data-bs-theme="light"] .tooltips::before {
		border-color: #000 transparent transparent transparent;
	}
	.tooltips[style*="--tooltip-background"].tooltips::after{
		background: var(--tooltip-background);
	}
	.tooltips[style*="--tooltip-textcolor"].tooltips::after{
		color: var(--tooltip-textcolor);
	}

	/* arrows */
	.tooltips::before {
		position: absolute;
		left: 50%;
		top: -6px;

		border-style: solid;
		border-width: 7px 7px 0 7px;
		border-color: #000 transparent transparent transparent;

		content: "";
		opacity: 0;
		transition: opacity .2s .2s ease;

		transform: translateX(-50%);
		z-index: 99;
	}

	.tooltips[data-placement='left']::before{
		left: 0%;
		top: 50%;
		margin-left: -12px;
		transform:translateY(-50%) rotate(-90deg)
	}
	.tooltips[data-placement='top']::before{
		left: 50%;
	}
	.tooltips[data-placement='bottom']::before{
		top: 100%;
		margin-top: 8px;
		transform: translateX(-50%) translateY(-100%) rotate(-180deg)
	}
	.tooltips[data-placement='right']::before{
		left: 100%;
		top: 50%;
		margin-left: 1px;
		transform:translateY(-50%) rotate(90deg)
	}

	/* tooltip */
	.tooltips::after {
		position: absolute;
		left: 50%;
		top: -6px;
		min-width: 8em;
		max-width: 300%;
		padding: .3em .6em;

		border-radius:  calc( var(--bs-border-radius) * 0.75);

		background: #000;
		color: #fff;

		content: attr(data-title);
		font-size: smaller;
		text-align: center;
		vertical-align: baseline;

		overflow: hidden;
		text-overflow: ellipsis;
		white-space: pre;

		opacity: 0;
		transition: opacity .2s .2s ease;

		transform: translateX(-50%) translateY(-100%);
		z-index: 99;
		pointer-events: none;
	}

	.tooltips[data-placement='left']::after{
		left: 0%;
		top: 50%;
		margin-left: -8px;
		transform: translateX(-100%) translateY(-50%);
	}

	.tooltips[data-placement='top']::after{
		left: 50%;
	}

	.tooltips[data-placement='bottom']::after{
		top: 100%;
		margin-top: 8px;
		transform: translateX(-50%) translateY(0%);
	}
	.tooltips[data-placement='right']::after{
		left: 100%;
		top: 50%;
		margin-left: 11px;
		transform: translateX(0%) translateY(-50%);
	}

	/* animation */
	.tooltips:hover::after,
	.tooltips:hover::before {
	opacity: 1;
	transition: opacity .5s .3s ease;
	}

	/* break long tooltips */
	@media (max-width: 479px) {
		.tooltips::after {
			min-width: 20ch;
			max-height: 10rem;
			hyphens: auto; /* lang must be set e g. <html lang="de-DE"> */
			overflow: hidden;
			white-space: normal;
		}
	}

	/* End of tooltips css */

	/* wysihtml editor */
	[data-wysihtml-command], [data-wysihtml-action] {
		position: relative;
		list-style: none;
		display: inline-block;
		cursor: pointer;
		height: 2rem;
		width: 2rem;
	}
	[data-wysihtml-command]:hover, [data-wysihtml-action]:hover {
		border-radius: calc(0.375rem - 1px);
		border: 1px solid #c5c5c5;
		background: #ededed;
	}
	[data-wysihtml-command]:after, [data-wysihtml-action]:after {
		content: "";
		background-image: url(icons/wysihtml_icons.svg);
		background-size: 320px 32px;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	[data-wysihtml-command="bold"]:after {
		background-position: 0 center;
	}
	[data-wysihtml-command="italic"]:after {
		background-position: -32px center;
	}
	[data-wysihtml-command="formatBlock"][data-wysihtml-command-value="p"]:after {
		background-position: -288px center;
	}
	[data-wysihtml-command="formatBlock"][data-wysihtml-command-value="h1"]:after {
		background-position: -64px center;
	}
	[data-wysihtml-command="formatBlock"][data-wysihtml-command-value="h2"]:after {
		background-position: -96px center;
	}
	[data-wysihtml-command="insertUnorderedList"]:after {
		background-position: -128px center;
	}
	[data-wysihtml-command="insertOrderedList"]:after {
		background-position: -160px center;
	}
	[data-wysihtml-command="createLink"]:after {
		background-position: -224px center;
	}
	[data-wysihtml-command="removeLink"]:after {
		background-position: -256px center;
	}
	[data-wysihtml-action="change_view"]:after {
		background-position: -192px center;
	}
	.wysihtml-action-active, .wysihtml-command-active {
		background-color: #ff6100;
		border-radius: calc(0.375rem - 1px);
	}
	.wysihtml-commands-disabled [data-wysihtml-command], .wysihtml-commands-disabled .fore-color {
		opacity: 0.4;
		cursor: default;
		background-image: none !important;
	}
	[data-wysihtml-dialog] {
		padding: 0.7rem 0.5rem;
	}

	.gris_editor_dialogue input{
		width:20rem;
	}
	
	/* Anchorific */
	.anchorific {
		overflow-x: hidden;
		position: static;
		max-height: 30rem;
	}

	.anchorific ul {
		padding: 0;
		margin: 0;
		width: auto;
		position: relative;
	}
	.anchorific ul li {
		list-style-type: none;
		margin: 0;
		display: block;
		width: 100%;
	}
	
	.anchorific ul li:hover {
		background: transparent;
	}
	.anchorific ul li a {
		float: left;
		width: 100%;
		color: #fff;
		font-weight: bold;
		background: #003c78;
		padding: 0.5rem;
		margin-bottom: 0.7rem;
		line-height: 1rem;
		text-decoration: none;
	}
	.anchorific ul li a:hover {
		text-decoration: underline;
	}
	.anchorific ul li ul li {
		margin: 0 0 0 1rem;
	}
	.anchorific ul li ul a {
		color: #003c78;
		padding: 0;
		background: transparent;
	}
	.anchorific ul li ul a:hover {
		background: transparent;
	}

	.anchorific ul li ul ul li {
		list-style-type: none;
	}
	.anchorific ul li ul ul li a {
		font-weight: normal;
	}

	/* JSTree */

	.jstree-anchor {
		/*enable wrapping*/
		white-space : normal !important;
		/*ensure lower nodes move down*/
		height : auto !important;
		/*offset icon width*/
		padding-right : 24px;
	}

	.jstree-default .jstree-anchor{
		width: 100%;
	}

	.jstree-default .jstree-wholerow-clicked {
		background: var(--bs-primary);
	}

	#gris_restype_mapping_chooser > .jstree-wholerow-ul .jstree-clicked {
		color: var(--bs-white);
	}

	/* Hide checkboxes for groups */
	[id^="group"] > .jstree-checkbox {
		display: none;
	}

	/* Prettify linebreaks */
	.jstree-icon {
		float:left;
	}
	.jstree-anchor span {
		display: block;
		margin-left: 24px;
	}
	.jstree-default .jstree-ellipsis .jstree-anchor {
		width:calc(100% - 24px);
	  }

	/* DataTables */
	.pagination .disabled a{
		pointer-events: none;
		color: #999;
	}

	#gris_worklist_institute p{
		padding: 0;
	}

	#gris_worklist_institute .ym-button{
		margin:0;
	}

	table.dataTable > tbody > tr.selected a{
		color: #fff;
	}

	/* CSS for IDA tables */
	.ida_table tr.ida_custom_config {
		background-color: #b3ff99 !important;
	}
	.ida_table tr.attribute_configured {
		background-color: #b3ff99 !important;
	}
	.ida_table tr:hover td,
	.ida_table tr:hover {
		background-color: #eee;
	}
	.ida_table tr.group,
	.ida_table tr.group:hover td {
		background-color: #ddd !important;
	}
	.ida_table tr.deactivated_step {
		background-color: #ccc !important;
	}
	.ida_table tr.subtable:hover table td {
		background-color: revert;
	}
	.ida_table tr.subtable:hover table th {
		background-color: #aaa;
	}
	.button_send_step {
		float: right;
	}

	.gris_info span{
		margin-left: 0;
	}

	/* Bootstrap Individualisierungen */

	/* Icongröße in der Login-Box */
	#login .alert i[class^="bi-"],
	#ida_login_form .alert i[class^="bi-"]{
		font-size: 2em;
		line-height: 1;
	}

	/* Mouseover für Edit-Icon */
	i.bi-pencil-fill:hover{
		cursor: pointer;
	}

	/* Kein Margin für Checkbox Anzeige im Internet */
	#gris_show_person_show {
		margin-bottom: 0 !important;
	}

	/* JQuery Anpassungen für Bootstrap */

	.ui-widget-content a {
		color: var(--bs-link-color);
	}

	.ui-widget-content a.btn {
		color: var(--bs-btn-color);
	}	

	.ui-widget {
		font-family: var(--bs-body-font-family);
	}

	.ui-widget .accordion-button {
		font-size: 1rem;
	}

	/* Hover effect for competence search */
	#gris_competence_hitlist li:hover {
		background-color:#cacaca;
	}

	/* Fokuseffekt für Elemente */
	.gris_false_focus {
		color: var(--bs-body-color);
		background-color: var(--bs-body-bg);
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
	}

	/* Andere Farbe für aktive Tabellenzeilen */
	.table-active {
		--bs-table-color-state: var(--bs-white);
		--bs-table-bg-state: var(--bs-primary);
	}
	
	/* Temporary substitution for Bootstrap < 5.3 */
	:root {
		--bs-form-invalid-border-color:red;
	}
	.form-control:invalid, .form-select:invalid {
		border-color: var(--bs-form-invalid-border-color);
		padding-right: calc(1.5em + .75rem);
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right calc(.375em + .1875rem) center;
		background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	}

	textarea.form-control:invalid {
		padding-right: calc(1.5em + .75rem);
		background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
	}

	select.form-control:invalid {
		padding-right: calc(1.5em + .75rem);
		background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
	}	

	.form-control:invalid:focus {
		border-color: var(--bs-form-invalid-border-color);
		box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
	}

	/* Hide disabled fields in form editor (individual mandatory fields) */
	[id^=gris_mandatory_]:disabled{
		display: none;
	}

	/* Navigation boxes in Resources and History */
	#gris_history_container a.list-group-item.list-group-item-action.disabled,
	#gris_resource_container a.list-group-item.list-group-item-action.disabled {
		font-weight: bold;
		padding-left: 6px;
	}

	#gris_history_event_button_new{
		border-top: calc(var(--bs-list-group-border-width)*3) solid var(--bs-list-group-border-color);
	}
	/* Brackets always viewable*/
	.gris_search_bracket select { 
		min-width:55px; }
	.gris_search_bracket select:focus {
		width:auto; }

	/* Log viewer */
	table.dataTable > tbody > tr.gris_log_success,
	.btn-check:checked + .gris_log_success{
		background-color: palegreen;
	}
	table.dataTable > tbody > tr.gris_log_update_user,
	.btn-check:checked + .gris_log_update_user{
		background-color: greenyellow;
	}	
	table.dataTable > tbody > tr.gris_log_notice,
	.btn-check:checked + .gris_log_notice{
		background-color: whitesmoke;
		color: darkslategray
	}
	table.dataTable > tbody > tr.gris_log_warning,
	.btn-check:checked + .gris_log_warning{
		background-color: sandybrown;
	}
	table.dataTable > tbody > tr.gris_log_error,
	.btn-check:checked + .gris_log_error{
		background-color: crimson;
		color: white;
		border-color: black;
	}
	table.dataTable > tbody > tr.gris_log_db,
	table.dataTable > tbody > tr.gris_log_update,
	table.dataTable > tbody > tr.gris_log_db_update,
	table.dataTable > tbody > tr.gris_log_db_insert,
	table.dataTable > tbody > tr.gris_log_db_delete,
	.btn-check:checked + .gris_log_db,
	.btn-check:checked + .gris_log_update,
	.btn-check:checked + .gris_log_db_update,
	.btn-check:checked + .gris_log_db_insert,
	.btn-check:checked + .gris_log_db_delete{
		background-color: lightsteelblue;
	}
	table.dataTable > tbody > tr.gris_log_check,
	table.dataTable > tbody > tr.gris_log_check_rights,
	.btn-check:checked + .gris_log_check,
	.btn-check:checked + .gris_log_check_rights{
		background-color: SkyBlue;
	}	
	table.dataTable > tbody > tr.gris_log_ldap_state,
	table.dataTable > tbody > tr.gris_log_ldap,
	.btn-check:checked + .gris_log_ldap_state,
	.btn-check:checked + .gris_log_ldap{
		background-color: darkorchid;
		color: white;
		border-color: black;
	}
	table.dataTable > tbody > tr.gris_log_file_upload,
	table.dataTable > tbody > tr.gris_log_file_delete,
	table.dataTable > tbody > tr.gris_log_image_resize,
	.btn-check:checked + .gris_log_file_upload,	
	.btn-check:checked + .gris_log_file_delete,	
	.btn-check:checked + .gris_log_image_resize{
		background-color: lightpink;		
	}	

}