@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");

:root {
	--primary-background-color: #2466F7;
	--primary-foreground-color: #FFFFFF;

	--primary-background-color-lighter: #E9EFFE;
	--primary-foreground-color-lighter: #333333;

	--secondary-background-color: #FF8983;
	--secondary-foreground-color: #FFFFFF;

	--secondary-background-color-lighter: #FF8983;
	--secondary-foreground-color-lighter: #FFFFFF;

	--primary-font-family: "Jost", sans-serif;

	/* inputs */
	--primary-button-background-color: #FF8983;
	--primary-button-foreground-color: #000000;

	--disabled-button-background-color: #FFADA9;
	--disabled-button-foreground-color: #AAAAAA;

	--button-border-radius: 0.2rem;
	--input-border-radius: 0.2rem;
}

body
{
	font-family: var(--primary-font-family);
	font-size: 14px;
	letter-spacing: 0.5px;
}

header
{
	background: var(--primary-background-color);
}

header img
{
	content: url("/templates/lobpa/images/lobpa-transp-neg.png");
	height: 40px;
}

.container-fluid .grid-stack .grid-stack-item
{
	border: none;
}

.axp_box_content
{
	border-width: 0;
	padding: 0.1em 1.5em 0.2em 1.5em;
}

.axp_box_head
{
	background-color: var(--primary-background-color-lighter);
	color: var(--primary-foreground-color-lighter);
}

.axp_box_head_title
{
	border-left-width: 0;
}

tr.axp_box_head + tr > td.axp_box_content
{
	padding: 0.8rem;
}

/* NAVIGATION STYLES
***********************************************************/

nav
{
	margin: 10;
	color: #000000;
}

nav > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.4rem;
}

nav ul li
{
	margin: 1px;
	padding: 0 0 0.5rem 0;
	list-style: none;
}

nav ul li a:link,
nav ul li a:active,
nav ul li a:visited,
nav ul li a:hover
{
	color: #2466f7;
	background: none;
	margin: 0;
	padding: .2rem .4rem;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border-radius: 0.2rem;
	padding: 0.2rem;
	margin-top: -0.2rem;
}

nav ul li.selected
{
	color: #FFFFFF;
	background: none;
}

nav ul li.selected a:link,
nav ul li.selected a:active,
nav ul li.selected a:visited
{
	background: #2466f7;
	color: #FFFFFF;
}

/* LIST STYLES
***********************************************************/

.list0,
a.list0:link,
a.list0:visited,
a.list0:active,
a.list0:hover,
.list1,
a.list1:link,
a.list1:visited,
a.list1:active,
a.list1:hover
{
}

.list0
{
	background: #F1F2F2;
}

.list1
{
	background: transparent;
}

tr.list0 td,
tr.list1 td
{
	padding: 5px 0;
}

.atitle
{
}

.abigtitle
{
}

.adesc,
a.adesc:link,
a.adesc:visited,
a.adesc:active,
a.adesc:hover
{
	color: var(--primary-background-color);
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
}

.adesc
{
	padding: 0.2em 0;
}

.adesc.header {
	background-color: var(--primary-background-color-lighter);
	color: var(--primary-foreground-color-lighter);
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.adata
{
}

.nowidth,
.adata.nowidth
{
}

.alist,
a.alist:link,
a.alist:visited,
a.alist:active,
a.alist:hover
{
	text-decoration: none;
	font-weight: bold;
}

.alist > div {
	border: 0;
	border-radius: 0.2em;
	text-shadow: none;
	padding: 0.5em 0.7em;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 5px;
}

.alist
{
	text-decoration: none;
	font-weight: 600;
	display: block;
}

a.preview-link:link,
a.preview-link:visited,
a.preview-link:active,
a.preview-link:hover
{
}

table hr {
	margin: 0.3em auto 0.3em auto;
	border: 0;
	height: 1px;
	background-color: #F1F2F2;
}

/* INPUT STYLES
***********************************************************/

/* buttons */

input[type=button],
input[type=submit],
input[type=button].button,
input[type=submit].button,
button
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: var(--primary-button-background-color);
	background-color: var(--primary-button-background-color);
	filter: none;
	border-color: var(--primary-button-background-color);
	color: var(--primary-button-foreground-color);
	text-shadow: none;
	-moz-border-radius: var(--button-border-radius);
	-webkit-border-radius: var(--button-border-radius);
	border-radius: var(--button-border-radius);
	border-width: 0;
	border-style: solid;
	display: inline-block;
	cursor: pointer;
	padding: 0.3rem 0.8rem;
	margin: 0.2rem;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	height: auto;
}

input[type=button]:hover,
input[type=submit]:active,
input[type=button].button:hover,
input[type=submit].button:active,
button:active
{
	position: relative;
	top: inherit;
}

input[type=button]:hover,
input[type=submit]:hover,
input[type=button].button:hover,
input[type=submit].button:hover,
button:hover
{
	background: var(--primary-button-background-color);
	background-color: var(--primary-button-background-color);
	filter: none;
}

input[type=button]:disabled,
input[type=submit]:disabled,
input[type=button].button:disabled,
input[type=submit].button:disabled,
button:disabled,
.stampclockTable input:disabled
{
	color: var(--disabled-button-foreground-color) !important;
	background: var(--disabled-button-background-color);
	text-shadow: none;
	cursor: not-allowed;
}

/*
input[type=button].forwardButton,
input[type=submit].forwardButton,
button.forwardButton
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #B3E1B3), color-stop(1, #83D083));
	background: -moz-linear-gradient(top, #B3E1B3 5%, #83D083 100%);
	background: -webkit-linear-gradient(top, #B3E1B3 5%, #83D083 100%);
	background: -o-linear-gradient(top, #B3E1B3 5%, #83D083 100%);
	background: -ms-linear-gradient(top, #B3E1B3 5%, #83D083 100%);
	background: linear-gradient(to bottom, #B3E1B3 5%, #83D083 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3E1B3', endColorstr='#83D083',GradientType=0);
	background-color: #B3E1B3;
	color: #555555;
	text-shadow: 0px 1px 0px #AAFFAA;
}

input[type=button].forwardButton:hover,
input[type=submit].forwardButton:hover,
button.forwardButton:hover
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #83D083), color-stop(1, #B3E1B3));
	background: -moz-linear-gradient(top, #83D083 5%, #B3E1B3 100%);
	background: -webkit-linear-gradient(top, #83D083 5%, #B3E1B3 100%);
	background: -o-linear-gradient(top, #83D083 5%, #B3E1B3 100%);
	background: -ms-linear-gradient(top, #83D083 5%, #B3E1B3 100%);
	background: linear-gradient(to bottom, #83D083 5%, #B3E1B3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83D083', endColorstr='#B3E1B3',GradientType=0);
	background-color: #B7E5B7;
}

input[type=button].positiveActionButton,
input[type=submit].positiveActionButton,
button.positiveActionButton
{
	filter: none;
	background: #63666A;
	background-color: #63666A;
	color: #FFFFFF;
	text-shadow: none;
	box-shadow: none;
	border: solid 2px #63666A;
}

input[type=button].positiveActionButton:hover,
input[type=submit].positiveActionButton:hover,
button.positiveActionButton:hover
{
	background: #63666A;
	background-color: #63666A;
	filter: none;
	border-color: #47494c;
}

input[type=button].negativeActionButton,
input[type=submit].negativeActionButton,
button.negativeActionButton
{
	filter: none;
	background: #DE2420;
	background-color: #DE2420;
	color: #FFFFFF;
	text-shadow: none;
	box-shadow: none;
	border: solid 2px #DE2420;
}

input[type=button].negativeActionButton:hover,
input[type=submit].negativeActionButton:hover,
button.negativeActionButton:hover
{
	background: #DE2420;
	background-color: #DE2420;
	filter: none;
	border-color: #881614;
}*/

/* text input */

input[type=text],
input[type=password],
.clickToEdit,
textarea,
select
{
	background: #F1F2F2;
	filter: none;
	background-color: #F1F2F2;
	text-shadow: none;
	color: #000000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	padding: 0.2rem;
	text-decoration: none;
	text-shadow: none;
	height: auto;
	margin: 0.2rem 0;
}

textarea
{
	height: 200px;
}


input[type=text].invalidInput,
input[type=password].invalidInput,
.clickToEdit.invalidInput,
textarea.invalidInput,
select.invalidInput
{
	filter: none;
	background: #FFA8A8;
	background-color: #FFA8A8;
}

option:hover
{
	background-color: #C4C4C4;
}

input[type=text]:disabled,
input[type=password]:disabled,
.clickToEdit:disabled,
textarea:disabled,
select:disabled
{
	background: #E0E0E0;
	filter: none;
	color: #777777;
	cursor: not-allowed;
}

/* select2 */

.select2-container--axp .select2-selection--single
{
	background: #ededed;
	border: 0px solid;
	padding: 0.2em;
}

.select2-selection [role=textbox] {
	color: #333;
	background-color: #ececec;
	border: 0px solid;
	border-color: #c9cbcc;
	font-size: 80%;
	padding-right: 0;
}
/*.select2-selection [title~=Ikke] {
	color: #888;
	font-weight: normal;
	background: #e3e4e5;
	border: 0;
	padding: 1px;
}*/

.select2-container {
	font-weight: normal;
}

.select2-selection__placeholder {
	font-weight: normal;
}

/* stampclock buttons */

.stampclockTable .stampclockButton[name="axp_stampclock_start"]
{
	background-color: #D6E3BC;
	background: #D6E3BC;
	text-shadow: none;
}

.stampclockTable .stampclockButton[name="axp_stampclock_start"]:hover
{
	background-color: #D6E3BC;
	background: #D6E3BC;
	text-shadow: none;
}

.stampclockTable .stampclockButton[name="axp_stampclock_end"]
{
	background-color: #D99594;
	background: #D99594;
	text-shadow: none;
}

.stampclockTable .stampclockButton[name="axp_stampclock_end"]:hover
{
	background-color: #D99594;
	background: #D99594;
	text-shadow: none;
}

.stampclockTable .stampclockButton[name="axp_stampclock_pausestart"]
{
	background-color: #95B3D7;
	background: #95B3D7;
	text-shadow: none;
}

.stampclockTable .stampclockButton[name="axp_stampclock_pausestart"]:hover
{
	background-color: #95B3D7;
	background: #95B3D7;
	text-shadow: none;
}

.stampclockTable .stampclockButton[name="axp_stampclock_pauseend"]
{
	background-color: #FABF8F;
	background: #FABF8F;
	text-shadow: none;
}

.stampclockTable .stampclockButton[name="axp_stampclock_pauseend"]:hover
{
	background-color: #FABF8F;
	background: #FABF8F;
	text-shadow: none;
}

/* MODULE STYLES
***********************************************************/

/* shift plant */

table.prettygrey td
{
	border-color: #c9cbcc;
}

.weekheader
{
	background-color: rgba(36, 102, 247, 0.1);
	font-weight: normal;
	font-size: 90%;
}

.weekheader strong
{
	font-family: "Jost", sans-serif;
}

.prettygrey > tbody > tr:last-child
{
	font-weight: bold;
}

.prettygrey > tbody > tr:last-child > td
{
	background-color: rgba(36, 102, 247, 0.1);
	padding: 0.3em 0.3em 0em 0.3em;
	border-top: 0;
}

.prettygrey > tbody > tr:nth-last-child(2) > td,
.prettygrey > tbody > tr:nth-last-child(3) > td
{
	font-size: 90%;
	background-color: white;
	padding: 0em 0.3em;
	border-top: 0;
	border-bottom: 0;
}

.booking
{
	display: block;
	margin-bottom: 0;
	border-radius: 0;
	border: 0;
	font-size: 80%;
}

table.noborder
{
	margin: 0.2em;
	border: none;
}

.nopadding,
table.prettygrey td.nopadding
{
	border: 0;
}

.prettygrey tr:nth-child(1)
{
	text-align: center;
}

.prettygrey tr:nth-child(1) .weekheader
{
	background-color: white;
	border: 1px solid white;
	border-bottom: 5px solid #bcbfc0;
}

.prettygrey tr:nth-child(1) a:link:nth-last-child(1)
{
	display: inline-block;
	background: none;
	background-color: rgba(255, 137, 131, 0.6);
	color: #333333;
	border: 0;
	border-radius: 0.2em;
	font-size: 0.8em;
	white-space: nowrap;
	text-shadow: none;
	padding: 0.1em 0.6em;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 1em auto auto auto;
	text-decoration: none;
	margin-bottom: 0.5em;
	margin-left: 0.8em;
}

.prettygrey tr:nth-child(1) a:link:nth-last-child(1):after
{
	content: "Ny vagt";
	text-transform: uppercase;
}

.prettygrey tr:nth-child(1) img
{
	display: none;
	margin: 8px auto 0 auto;
}

/* widget */

.widget_line {
	background-color: #FFF3F2;
	color: #333333;
}

.widget_line a {
	color: #333333;
}

.navigation-icon-signableDocuments::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url('126-bell.svg');
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position-x: right;
	background-position-y: center;
	cursor: default;
	position: absolute;
	right: 2px;
	top: 4px;
	-webkit-animation: none;
	animation: none;
	pointer-events: none;
}

.navigation-icon-signableDocuments:hover::after {
	background-image: url('126-bell.svg');
}

.cc-lgrayrb span,
.cc-lgraytrb span {
	min-width: 15px;
	display: inline-block;
}