/**
 * --- CSS Generator (c)2016 minso.se ---
 * Generator: Researchweb 3.5.0, see http://www.minso.se
 * Page: (0) www.researchweb.org - Informationsystem | Link: 
 * Font: () Arial, Helvetica, sans-serif
 */

/*** --- rwss.css --- ***
 * @copyright (C)2001-2020 minso.se
 */

:root {
  --bs-body-font-family: 'Inter', 'Open Sans', sans-serif !important;
  --bs-body-font-size: 0.9rem;
  --bs-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.15);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-color: rgb(var(--bs-primary));
  --bs-primary: rgb(var(--bs-primary-rgb));
  --bs-link-hover-color: rgb(var(--bs-primary-emphasis-rgb));
  --bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.25);
}


.list-group-item.active {
  background-color: inherit !important;
  color: inherit !important;
  font-weight: 600;
}

.btn-primary {
  --bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), 0.75);
  --bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), 0.75);
}

@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    border-right: 1px solid var(--bs-navbar-vertical-border-color);
    bottom: 0;
    display: block;
    max-width: 16.25rem;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    margin-top: 69px;
  }
}

@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg~.content {
    margin-left: 16.25rem;
  }
}

.navbar-vertical~.content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}

nav form {
  display: inline;
}

nav .search {
  width: 0;
  transition: all 0.2s ease;
}

nav .search:focus {
  width: 200px;
  border: 0px !important;
  box-shadow: none !important;
  padding: 0 0 0 15px;
}

#content {
  min-height: 80vh;
}

.box-shadow {
  box-shadow: var(--bs-box-shadow);
}

/* loader */
.htmx-indicator {
  height: 4px;
  width: 100%;
  --c: no-repeat linear-gradient(rgba(var(--bs-primary-rgb), 1) 0 0);
  background: var(--c), var(--c), rgba(var(--bs-primary-rgb), 0.15);
  background-size: 60% 100%;
  animation: l16 3s infinite;
  margin-bottom: 5px;
}

@keyframes l16 {
  0% {
    background-position: -150% 0, -150% 0
  }

  66% {
    background-position: 250% 0, -150% 0
  }

  100% {
    background-position: 250% 0, 250% 0
  }
}

/* For manual setting of required fields, not using pseudo :required */
.required ~ .form-label::after, .required .form-label::after {
  content: "*";
  color: var(--bs-danger);
  padding: 0 .2rem;
  font-weight: normal;
}

.form-switch .form-check-input {
  height:1.2rem !important; width:2rem !important;
}

/* For exporting tables to xlsx */
table:hover .tableexport-caption {
	opacity: 1;
}

.tableexport-caption {
	position: absolute;
	top: -12px;
	right: -12px;
	opacity: 0;
	transition: all 0.2s ease;
}

table.exportxlsx {
	position: relative;
}

.xlsx {
	float: right;
	font-size: 0;
	background-color: #1D7044;
	padding: 20px;
	border: 0;
	border-radius: 24px;
	background-image: url('/module/common/picture/ci_xlsx_logo_white_100dp_1x.png');
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}

.xlsx:hover {
	cursor: pointer;
	background-color: #2D8054;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
}

/* img & svg */

img,
svg {
  max-width: 100%;
  height: auto;
}

/* forms */

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}


input:required~.form-label::after {
  content: "*";
  color: var(--bs-danger);
  padding: 0 .2rem;
  font-weight: normal;
}

ins {
  color: var(--bs-success-text-emphasis);
  padding: 0.25rem 0.25rem;
  line-height: 2em;
  background-color: rgba(var(--bs-success-rgb), 0.2);
  text-decoration: none;
  border-radius: var(--bs-border-radius);
}

del {
  color: var(--bs-danger-text-emphasis);
  padding: 0.25rem 0.25rem;
  line-height: 2em;
  background-color: rgba(var(--bs-danger-rgb), 0.2);
  text-decoration: none;
  border-radius: var(--bs-border-radius);
}

/* navs */

/* fix for how we use .nav in .row */
.row>* {
  padding-left: calc(var(--bs-gutter-x) * .5) !important;
}

.dropdown-toggle-split::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.5 1.5L5 5L1.5 1.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  width: 10px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 50%;
  margin-left: -0.25rem;
}

.navbar-brand img {
  height: 25px;
}

.nav-link {
  color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1));
  --bs-nav-link-font-weight: 600;
  --bs-nav-link-font-size: 0.9rem;
}

.nav-pills .nav-link {
  background-color: var(--bs-primary-bg-subtle);
  margin-right: 0.25rem;
  color: var(--bs-link-hover-color);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
header,
.text-bg-primary {
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.sticky-top:not(header) {
  top: 95px;
}

.nav-link.dropdown-item:focus,
.nav-link.dropdown-item:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.05);
  color: rgb(var(--bs-primary-rgb));
}

/* backwards compatibility for tablists */
.tablist,
.notebook ul {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  --bs-nav-pills-link-active-color: #fff;
  list-style: none;
  --bs-nav-link-font-weight: 500;
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
}

.tablist div a,
.notebook .notetab a {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  border: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  border-radius: var(--bs-nav-pills-border-radius);
  background-color: var(--bs-primary-bg-subtle);
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
}

.tablist div.active a,
.notebook .activenotetab a {
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
  color: var(--bs-nav-pills-link-active-color);
}

/* icons */

.bs-icon {
  font-size: 1em;
}

.btn .bs-icon {
  margin: 0 0.25rem 0 0;
}

/* hero */

.hero.cris {
  background-image: url('data:image/svg+xml,<svg width="800" height="400" xmlns="http://www.w3.org/2000/svg"><title>Drawing</title><defs><linearGradient id="svg_6" x1="0" y1="0" x2="1" y2="0" spreadMethod="pad"><stop stop-color="%2397c7f4" stop-opacity="0.98047" offset="0"/><stop stop-color="%23334ccc" stop-opacity="0.98438" offset="1"/></linearGradient><linearGradient id="svg_7" x1="0" y1="0" x2="1" y2="0" spreadMethod="pad"><stop stop-color="%2397c7f4" stop-opacity="0.98047" offset="0"/><stop stop-color="%23337bce" stop-opacity="0.98047" offset="1"/></linearGradient><filter id="f1" x="0" y="0" xmlns="http://www.w3.org/2000/svg"><feGaussianBlur in="SourceGraphic" stdDeviation="25" /></filter></defs><g><title>Layer 1</title><path id="svg_1" d="m74,3.75c-11,22 -22,49 -22,48.25c0,0.75 14,52.75 14,52c0,0.75 76,1.75 76,1c0,0.75 142,-68.25 142,-69c0,0.75 32,-44.25 32,-44c0,-0.25 50,1.75 50,2c0,-0.25 20,95.75 20,95.75c0,0 -74,111 -74,110.25c0,0.75 -62,-89.25 -62,-90c0,0.75 -70,96.75 -70,96c0,0.75 -104,-12.25 -104,-13c0,0.75 -84,-81.25 -84,-82c0,0.75 -4,-135.25 -4,-135.25c0,0 97,6 86,28z" opacity="NaN" fill-opacity="0.34" stroke-width="0" stroke="%23000" fill="url(%23svg_6)" filter="url(%23f1)"/><path transform="translate(3, 1)" id="svg_5" d="m804,354.75l-23,27.25l-42,-5l-45,-102l-91,130l-63,0l-45,-26l3,24l173,54l161,-15l-28,-87.25z" opacity="NaN" fill-opacity="0.14" stroke-width="0" stroke="%23000" fill="url(%23svg_7)" filter="url(%23f1)"/></g></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 20vh 0 !important;
  margin: -123px 0 0;
}

/* cards */ 

.card.text-bg-dark .card-img {
  transition: all 0.2s ease;
}

.card.text-bg-dark:hover .card-img {
  opacity:0.5;
}

/* buttons */

.btn {
  --bs-btn-font-weight: 500;
  --bs-btn-active-border-color: var(--bs-primary-border-subtle);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
}

/* typography */

h1 {
  color: var(--bs-link-hover-color);
}

h1,
h2,
h3,
h4 {
  font-weight: 600;
}

b,
strong {
  font-weight: bold;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.2rem;
  margin-bottom: 0.7rem;
}

.fs-7 {
  font-size: 0.95em;
}

.fs-8 {
  font-size: 0.90em;
}

.fs-9 {
  font-size: 0.85em;
}

/* timeline */
.tl-label {
  position: relative;
}

.tl-label::before {
  content: "";
  position: absolute;
  left: 111px;
  width: 3px;
  top: 4px;
  bottom: 0;
  background-color: #efefef;
}

.tl-label .time {
  width: 111px;
  position: relative;
}

.tl-label .tl-badge {
  flex-shrink: 0;
  background: #fff;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  margin-top: 4px;
  margin-left: -.5rem;
  padding: 3px !important;
  border: 6px solid #fff !important;
}

/* Hide native spinners for numeric inputs */
input[type='number'].no-spin::-webkit-outer-spin-button,
input[type='number'].no-spin::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

input[type='number'].no-spin {
	-webkit-appearance: textfield !important;
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

/* Highlight out-of-range and invalid numeric input values */
input[type='number'].no-spin:out-of-range,
input[type='number'].no-spin:invalid {
	border-color: var(--bs-danger, #dc3545) !important;
}

input[type='number'].no-spin:focus:out-of-range,
input[type='number'].no-spin:focus:invalid {
	border-color: var(--bs-danger, #dc3545) !important;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}


/* Chevron on collapse triggers (Bootstrap updates aria-expanded) */
.rw-collapse-chevron {
	transition: transform 0.2s ease;
}

.btn[data-bs-toggle='collapse'][aria-expanded='true'] .rw-collapse-chevron {
	transform: rotate(-180deg);
}

/* Floating label placeholder emulation for custom dropdown buttons */
.form-floating > .form-select.is-empty ~ label {
  opacity: 1;
  transform: none;
}

/*** --- end of rwss.css --- ***/
/** screen end **/
/** end of CSS **/