@charset "UTF-8";

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, textarea,
dl, dt, dd, ol, ul, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	/*outline: 0;*/
	padding: 0;
	/*vertical-align: top;*/
	/*font-family:arial;*/
	font-family: "Arial", sans-serif;
	cursor:default;
	font-size:12px;
}

span {
	font-size: 1em;
}

html, body {
    background-color: #dedede;
    /*font-family:arial,verdana,helvetica,sans-serif;*/
	position: relative;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

body::-webkit-scrollbar {
	display: none;
}

div, ul {
	position: relative;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

div::-webkit-scrollbar {
	display: none;
}

ul::-webkit-scrollbar {
	display: none;
}

.unmarkable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

b {
	font-size: 1.5em;
	font-weight: 500;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


#wrapper {
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    background-color: #efefef;
    /*display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content:flex-start;*/
}

#maindiv {
    /*flex: 1 80%;*/
    position: absolute;
    top:0;
	bottom:0;
    left:6.7vmin;
	right: 0;
    min-height: 100vh;
	background-color: #E7EDF3;
	/*background-color: #a5bed2;*/
    /*background-color: #8ba4b8;*/
    /*float:right;*/
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-content:center;
	/*box-shadow: -5px 0px 9px -6px;*/
	/*box-shadow: inset 0px 0px 10px 0px black;*/
	overflow: hidden;
}

#workdiv {
    position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content:center;
    /*background-color: #8ba4b8;*/
    /*background-color: #ff0000;*/
}

#workdiv.dark {
	background-color: #343434;
}

#mainlist {
	flex:1 100 300px;
	/*position: absolute;
	top:0;
	bottom:0;*/
	/*width:300px;
	min-width: 300px;*/
	/*maxheight:100%;*/
	/*background-color: #E7EDF3;*/
	background-color: #343434;
	/*border-right:2px solid #343434;*/
	display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-content:center;
	margin:4vmin;
	margin-right:0;
	border-radius: 1vmin;
}

.mainlist_header {
	flex:1;
	position: relative;
	/*background-color: #728b9f;
	color:#ffffff;*/
	/*background-color: rgba(12, 37, 57, 0.6);*/
	background-color: rgba(255, 255, 255, 0.1);
	color:#ffffff;
	font-size: 2.5vmin;
	padding:1.5vmin;

	border-radius: 1vmin 1vmin 0 0;
}

.mainlist_subheader {
	flex:1;
	position: relative;
	/*background-color: #9CADBB;*/
	/*background-color: rgba(12, 37, 57, 0.8);*/
	background-color: rgba(255, 255, 255, 0.2);
	color:#ffffff;
	font-size: 1.8vmin;
	letter-spacing: 0.1vmin;
	padding:0.8vmin 1.5vmin;
	text-transform: uppercase;
}

.mainlist_item {
	/*background-color: rgba(12, 37, 57, 0.1);*/
	background-color: rgba(255, 255, 255, 0.4);
	/*background-color: #f1ffff;*/
	font-size: 1.8vmin;
	padding:0.8vmin 1.5vmin;
}

.mainlist_item.disabled {
	color:#bcbcbc;
}

.mainlist_items {
	flex: 90;
	position: relative;
	-ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
	overflow-y: auto;
	background-color: rgba(255, 255, 255, 0.2);
}

.mainlist_items::-webkit-scrollbar {
  display: none;
}

.mainlist_ul {
	position: relative;
	list-style-type: none;
}
.mainlist_item:nth-child(2n) {
	/*background-color: #d8f1ff;*/
	/*background-color: rgba(12, 37, 57, 0.5);*/
	background-color: rgba(255, 255, 255, 0.3);
	/*color:#ffffff;*/
}

.mainlist_footer {
	flex:1;
	/*background-color: #728b9f;
	color:#ffffff;*/
	background-color: rgba(255, 255, 255, 0.1);
	/*border-top:2px solid #0c2539;*/
	color:#ffffff;
	font-size: 2vmin;
	padding:1.5vmin;
	bottom:0;
	left:0;
	right:0;

	border-radius: 0 0 1vmin 1vmin;
}

/*
button {
	cursor: pointer;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: center;
	margin: 1.5vmin;
	border:2px solid red;
	border-radius: 0.5vmin;
	overflow: visible;
	padding: 0.8vmin 1.5vmin;
	font-size: 1.5vmin;
	text-align: left;
	color: #ffffff;
	background-color: #0c2539;
}
*/

.irsSimpleDDL {
		cursor: pointer;
		display: flex;
	    flex-flow: row nowrap;
	    justify-content: flex-start;
	    align-content: center;
		/*border:2px solid #0c2539;*/ /*#728b9f;*/
		border-radius: 0.5vmin;
		overflow: visible;
		background-color: transparent;
}

.irsSimpleDDL.buildin {
	margin: 1.5vmin;
	/*border:2px solid #0c2539;*/ /*#728b9f;*/
	border-radius: 0.5vmin;
}

.irsSimpleDDL_Holder {
		background-color: rgba(255,255,255, 0.4);
		border-radius: 0.5vmin;
		margin: 1vmin 2vmin;

}

.SpecialInput_1_MainHolder .irsSimpleDDL {
	margin: 0;
	border: none;
	border-radius: 0;
	flex:auto;
}

.irsSimpleDDLLabel {
	flex:1;
	cursor: default;
	padding: 0.8vmin 1.5vmin;
	font-size: 1.5vmin;
	text-align: left;
	color: #ffffff;
	/*background-color: #0c2539;*/
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0.5vmin 0 0 0.5vmin;
	/*color:#0c2539;
	background-color: #8ba4b8;*/
	/*border:2px solid #565656;
	border-radius: 0.8vmin;*/
}

.irsSimpleDDL.buildin .irsSimpleDDLLabel {
	border-radius: 0;
}

.SpecialInput_1_MainHolder .irsSimpleDDLLabel {
	flex:none;
}

.irsSimpleDDLNavigator {
	position: absolute;
	top:0;
	right:0;
	width:1vmin;
	cursor: default;
	padding: 1vmin 2vmin;

	font-size: 2vmin;
	text-align: left;
	color: #ffffff;
	background-color: #0c2539;
}
.irsSimpleDDLContent {
	flex: 6;
	position: relative;
	cursor: text;
	margin: 0;
	font-size: 2vmin;
	text-align: left;
	color:#0c2539;
	border: 0;
	/*border-left: 2vmin solid #728b9f;*/
	border-radius: 0;
	background-color: transparent;
	overflow: visible;
	padding: 0;
}

.irsSimpleDDL.buildin .irsSimpleDDLContent {
	padding: 1vmin 2vmin;
	flex:6;
}

.irsSimpleDDLItems {
	position: absolute;
	width:100%;
	/*left: -2px;
	top: -2px;
	right: -2px;*/
	/*border:2px solid #0c2539;*/ /*#728b9f;*/
	border-radius: 0 0.5vmin 0.5vmin 0;
	overflow: hidden;
	z-index: 1000;
}

.irsSimpleDDL.buildin .irsSimpleDDLItems {
	width: auto;
}

.SpecialInput_1_MainHolder .irsSimpleDDLItems {
	left: 0;
	top: 0;
	right: 0;
	/*border:2px solid #0c2539;*/ /*#728b9f;*/
	border-radius: 0;
}

.irsSimpleDDLItem {
	position: relative;
	flex:6;
	cursor: pointer;
	padding: 0.8vmin 1.5vmin;
	margin: 0;
	font-size: 1.5vmin;
	text-align: left;
	/*color:#0c2539;*/
	color:#000000;
	border: 0;
	/*border-left: 2vmin solid #728b9f;*/
	border-radius: 0;
	background-color: #8ba4b8;
	overflow: hidden;
}

/*
.SpecialInput_1_MainHolder .irsSimpleDDLItem:first-of-type {
	border-right: 0;
}
*/

/*
.SpecialInput_1_MainHolder .irsSimpleDDLItem:nth-of-type(2)  {
	border-top:2px solid #0c2539;
}*/

.irsSimpleDDLItem.DDLValue {
	background-color: transparent;
}

/*
.SpecialInput_1_MainHolder .irsSimpleDDLItem.DDLValue{
	background-color: #0c2539;
	color: #ffffff;
}*/

.irsSimpleDDLItem.active {
	display: flex;
}

.irsSimpleDDLItem.hidden {
	display: none;
}

.irsSimpleDDLItem.active:hover {
	background-color: #728b9f;
}

.irsSimpleLTL {
	cursor: pointer;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;
	margin: 1.5vmin;
	/*border:2px solid #0c2539;*/ /*#728b9f;*/
	background-color: rgba(255,255,255, 0.2);
	border-radius: 0.5vmin;
	overflow: hidden;
	max-height: 70vmin;
}

.irsSimpleLTL_List {
	flex:10;
	position: relative;
}

.irsSimpleLTL_Mid {
	flex:1;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	/*background-color: #0c2539;*/ /*#728b9f;*/
	background-color: rgba(0,0,0, 0.4);
	color: #ffffff;
	font-size: 4vmin;
	padding:0;
}

.irsSimpleLTL_Header {
	cursor: default;
	padding: 1vmin 2vmin;
	font-size: 2vmin;
	text-align: left;
	/*background-color: #0c2539;*/
	background-color: rgba(0,0,0, 0.4);
	color: #ffffff;
}

.irsSimpleLTL_ListContent {
	position: relative;
	height: 100%;
	overflow: auto;
}

.irsSimpleLTL_ListItem {
	padding: 1vmin 2vmin;
	font-size: 1.8vmin;
	text-align: left;
	color: #000000; /*#0c2539;*/
	cursor: pointer;
	background-color: rgba(255,255,255, 0.3);
}

.irsSimpleLTL_ListItem:nth-child(2n) {
	background-color: rgba(255,255,255, 0.2);
}

.useabel {
	cursor: pointer;
}

.useabel:hover {
	background-color: #0c2539;
	color:#ffffff;
}

.il_button {
	height:2em;
	width:2em;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2em;
	float:right;
}

.il_button.add {
	background-image: url('add.svg');
}

#iospace {
	flex:100 1 auto;
	position: relative;
	overflow: auto;
	-ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
	/*box-shadow: inset 5px 10px 10px -10px black;*/
}

#iospace::-webkit-scrollbar {
	display: none;
}

#iospace.centered {
	display: flex;
    flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	overflow: auto;
	-ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#io_alert {
	display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content:center;
	height: 100%;
}

#io_inneralert {
	font-size: 5vmin;
	color:#000000;
	margin:auto;
}

.io_header {
	position: relative;
	font-size: 4vmin;
	line-height: 0.7;
	text-align: left;
	color:#728b9f;
	/*color:#8ba4b8;*/
	font-weight: bold;
	margin: 4vmin 2vmin;
	padding-left: 0;
	/*text-transform: uppercase;*/
}

.io_group {
	position: relative;
	/*background-color: #ff0000;*/
	margin:4vmin;
	border-radius: 1vmin;
	/*display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content:flex-start;
	align-items: stretch;*/
	/*background-color: #898989;*/
	background-color: rgba(255, 255, 255, 0.2);
}

/*
.io_group::before {
	content:'';
	position: absolute;
	height:5px;
	width:100%;
	top: -1vmin;
	border-radius: 5px;
}*/

.io_groupsubheader {
	position: relative;
	font-size: 2.5vmin;
	text-align: left;
	/*color:#728b9f;*/
	/*color:#8ba4b8;*/
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(255, 255, 255, 0.2);
	/*font-weight: bold;*/
	/*margin-left:2vmin;*/
	/*margin-top: 3vmin;*/
	padding: 1vmin 2vmin;
	/*width:100%;*/
	/*text-transform: uppercase;*/
}

.io_groupheader {
	position: relative;
	font-size: 2.5vmin;
	text-align: left;
	/*border-bottom: 1vmin solid #8ba4b8;*/
	border:0;
	/*color:#728b9f;*/
	/*color:#8ba4b8;*/
	color: #ffffff;
	/*font-weight: bold;*/
	margin-left:0;
	padding: 1.5vmin;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 1vmin 1vmin 0 0;
	/*text-transform: uppercase;*/
}

#headeretc {
    position: absolute;
    top:0;
    left:0;
    right:0;
	background-color: #565656;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content:center;
}

#headerlogo {
	display: none;
}

#headernonlogo {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content:center;
	width:100%;
}

#headermenu {
	display: none;
}

#menuicon {
    cursor: pointer;
    position: relative;
    top:0;
    bottom:0;
    margin:0;
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    /*width:3.5rem;*/
    /*background-color: #0c2539;*/
    background-image: url('menu.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2.1rem 2.1rem;
}

#menuiconlabel {
    display:block;
    margin-left: 3.5rem;
    color:#ffffff;
    font-size: 1.5rem;
    padding: 1rem 0.7rem 1rem 0rem;
    letter-spacing: 0.2rem;
}

#headerlogout{
    cursor: pointer;
    position: relative;
    top:0;
    bottom:0;
    width:3.5rem;
    background-color: #0c2539;
    background-image: url('logout.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

#headerholder {
    flex:2 1 auto;
    position:relative;
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: flex-start;
	padding: 1rem 2rem;
}

#headerprelabel {
    color:#ffffff;
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
}

#headerbreak {
    color:#ffffff;
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
	display: none;
}

#headerlabel {
    color:#ffffff;
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
}

#headerinfos {
    flex:2 1 auto;
    position:relative;
    /*background-color: #0c2539;*/
    color:#ffffff;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    letter-spacing: 0.2rem;
	text-align: right;
	display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
}

@media all and (max-width: 1000px) {
	#headerinfos {
		display: none;
	}

	.hideonmobile {
		display: none;
	}

	#headerholder {
	    flex-flow: column nowrap;
		justify-content: center;
	    align-content: center;
	}

}

#menudiv {
    min-width: 5vmin;
    margin:0;
    padding: 0;
    position:fixed;
	top:0;
	left:0;
	/*width:5vmin;*/
	bottom: 0;
	background-color:#565656;
	/*padding:0.5vmin;*/
	/*box-shadow: inset -4px 1px 9px -6px;*/
    float:left;
	display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-content:flex-start;
}

#firstmenu {
	min-width: 5vmin;
	width:100%;
    margin:0;
    padding: 0;
}

#secmenu {
	min-width: 5vmin;
	width:100%;
    margin:0;
    padding: 0;
}

.menupoint {
    /*border-top: 1px solid #343434;*/
    cursor:pointer;
	display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-content:flex-start;
	background-color:#565656;
}

.mp_content {
	cursor:pointer;
	flex:1 1 auto;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0.3vmin 0.6vmin;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content:center;
	align-items:stretch;
}

.mp_content.hidden {
    display: none;
}

.menupoint .submenu {
    display: none;
}

.menupoint.hidden {
    display: none;
}

.menupoint.hidden .mp_content {
    display: none;
}

#savebutton.disabled .mp_icon{
    background-color: transparent;
	filter: brightness(50%);
	/*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/
}

.menupoint.break {
    height:3px;
	margin:0;
	background-color: #343434;
	display: none;
}

.menupoint .menupoint .mp_content {
	padding: 0;
}

.menupoint .submenu .open {
    display: block;
}

/*
.menupoint .menupoint {
    display: none;
}

.menupoint .menupoint .open{
    display: block;
}
*/

.menupoint .mp_icon {
	flex: 1 0 5.5vmin;
    cursor: pointer;
    position: relative;
	max-width: 5.5vmin;
    width: 5.5vmin;
	height: 5.5vmin;
    /*background-color: #0c2539;*/
	color:#ffffff;
	font-size: 1.8vmin;
	/*line-height: 2vmin;*/
	vertical-align: middle;
	margin: auto 0;
	padding: 0;
	text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 3.5vmin 3.5vmin;
	text-transform: uppercase;
	display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
	background-color: rgba(0,0,0, 0.2);
	border-radius: 0.5vmin

}

.menupoint .mp_icon.irs {
    background-image: url('logo_nbg.svg');
	/*background-size: 80%;*/
}

.menupoint .mp_icon.menu {
    background-image: url('menu.svg');
	/*background-size: 80%;*/
}

.menupoint .mp_icon.mas {
    background-image: url('mas.svg');
	/*background-size: 80%;*/
}

.menupoint .mp_icon.config {
    background-image: url('config3.svg');
	/*background-size: 80%;*/
}

.menupoint .mp_icon.save {
    background-image: url('save.svg');
	/*background-size: 80%;*/
}

.menupoint .mp_icon.logout {
    background-image: url('logout.svg');
	/*background-size: 80%;*/
}

.menupoint .mp_icon.back {
    background-image: url('arrow_back.svg');
	background-size: 60%;
}

.menupoint .mp_icon.next {
    background-image: url('arrow_back.svg');
	-webkit transform: rotate(180deg);
	transform: rotate(180deg);
	background-size: 60%;
}

.menupoint .mp_label {
	cursor:pointer;
	flex: 10 0 auto;
	position: relative;
	color:#ffffff;
    font-size: 1.8vmin;
	letter-spacing: 0.05vmin;
    /*padding:0.7rem 1rem 0.7rem 1rem;*/
	padding:1vmin 2vmin;
	vertical-align: middle;
	text-align: left;
	margin: auto 0;
	right:0;
	display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
}

.menupoint .mp_content:hover {
    background-color: #0c2539;
    color:#ffffff;
}

.menupoint.disabled .mp_content:hover {
    background-color: #343434;
}

.menupoint .mp_label:hover {
    /*background-color: #0c2539;*/
    /*color:#ffffff;*/
}

.menupoint .menupoint .mp_label {
    background-color: rgba(12,37,57,0.2);
}

.menupoint .menupoint .mp_label:hover {
    background-color: #0c2539;
    color:#ffffff;
}

.menupoint .menupoint .menupoint .mp_label {
    background-color: rgba(12,37,57,0.4);
}

.menupoint .menupoint .menupoint .mp_label:hover {
    background-color: #0c2539;
    color:#ffffff;
}

.menupoint .menupoint .menupoint .menupoint .mp_label {
    background-color: rgba(12,37,57,0.6);
    color:#ffffff;
}

.menupoint .menupoint .menupoint .menupoint .mp_label:hover {
    background-color: #0c2539;
    color:#ffffff;
}

.menupoint:first-of-type {
    border:0;
}

.irsSimpleInput {
	cursor: pointer;
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
	margin: 1vmin 2vmin;
	/*border:2px solid #0c2539;*/ /*#728b9f;*/
	background-color: rgba(255,255,255, 0.4);
	border-radius: 0.5vmin;
	overflow: hidden;
}

.irsSimpleInput_label {
	flex:1;
	cursor: default;
	padding: 1vmin 1.5vmin;
	font-size: 1.5vmin;
	text-align: left;
	color: #ffffff;
	/*background-color: #0c2539;*/
	background-color: rgba(0,0,0, 0.5);
	/*color:#0c2539;
	background-color: #8ba4b8;*/
	/*border:2px solid #565656;
	border-radius: 0.8vmin;*/
}

.irsSimpleInput_input {
	position: relative;
	flex:6;
	cursor: text;
	padding: 0.8vmin 1.5vmin;
	margin: 0;
	font-size: 1.5vmin;
	text-align: left;
	/*color:#0c2539;*/
	color: black;
	border: 0;
	/*border-left: 2vmin solid #728b9f;*/
	border-radius: 0;
	background-color: transparent;
	overflow: hidden;
}

.SpecialInput_1_MainHolder .irsSimpleInput_input{
	flex:none;
}

.irsSimpleInput_input:focus {
	/*border:none;*/
	/*border-left: 2vmin solid #728b9f;*/
	background-color: #ffffff;
}

.irsSimpleInput_input.error {
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	background-color: transparent; /*#75d13f;*/
	animation-timing-function: linear;
	animation-name: anim;
	/*background-color: #b80611;*/
}

.iSIError {
	display: none;
	position: absolute;
	right:0;
	cursor: default;
	padding: 0.5vmin 1.5vmin;
	font-size: 1.5vmin;
	margin: 0.5vmin;
	margin-right: 0.5vmin;
	text-align: right;
	color: #ffffff;
	/*background-color: #e50000;*/
	border-radius: 0.5vmin;
	/*color:#0c2539;
	background-color: #8ba4b8;*/
	/*border:2px solid #565656;
	border-radius: 0.8vmin;*/
}
.iSIError.error {
	display: block;
}

@keyframes anim {
  to {
    background-color: #e50000;
    /*border-color: #75D13F;
    border-right-width: 4.8em;*/
  }
}

/*
@keyframes anim-half {
  50% {
    background-color: #e50000;
    border-color: #75D13F;
    border-right-width: 4.8em;
  }
}*/

.jnswitch {
	/*flex:2 2 45%;*/
	cursor: default;;
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
	margin: 2vmin;
}

.jnswitch_button {
	cursor: pointer;
	/*border:2px solid #0c2539;*/
	/*border:2px solid #728b9f;*/
	border-radius:0.5vmin;
	width:12vmin;
	overflow: hidden;
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
	/*background-color: #b80611;*/
	/*background-color: #0c2539;*/
	/*background-color: rgba(255,255,255, 0.4);*/
	background-color: #ababab;
	/*background-color: #3F586C;*/
	float: right;
	margin-right: 1.5vmin;
}

.jnswitch_button.changed {
	/*background-color: #3F586C;*/
	background-color: #ababab;
}

.jnswitch_button:hover {
	/*background-color: #3F586C;*/
	background-color: #ababab;
}

.jnswitch_button.ja {
	/*background-color: #6ab805;*/
}

.jnswitch_button.ja.changed {
	/*background-color: #3F586C;*/ /*#6ab805;*/
	background-color: #ababab;
}


.jnswitch_button.ja:hover {
	/*background-color: #3F586C;*/
	background-color: #ababab;
}

.jnswitch_label {
	cursor: default;
	padding: 0.8vmin;
	font-size: 1.8vmin;
	text-align: left;
	/*color:#0c2539;*/
	color:#ffffff;
}

.jnswitch_ja {
	cursor: pointer;
	flex:1 1 50%;
	padding: 0.8vmin;
	font-size: 1.5vmin;
	font-weight: bold;
	text-align: center;
	/*background-color: #a5bed2;*/
	/*background-color: rgba(0, 0, 0, 0.4);*/
	background-color: #454545;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	/*border:2px solid #565656;*/
	/*color:#728b9f;*/
	/*color:#232323;*/
	color:#787878;
	font-weight: normal;
	border-radius:0.3vmin;
	box-shadow: 0px 0px 10px 0px black;
	vertical-align: middle;
	display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
}

.jnswitch_ja.on {
	background-color: transparent;
	border: none;
	border-radius:0;
	box-shadow: none;
	/*background-color: #3F586C;*/
	background-color: #ababab;
	color:#ffffff;
	font-weight: bold;
}

.jnswitch_nein {
	cursor: pointer;
	flex:1 1 50%;
	padding: 0.8vmin;
	font-size: 1.5vmin;
	color:#ffffff;
	/*background-color: #184a73;*/
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
}

.jnswitch_nein.off {
	background-color: #454545; /*#a5bed2;*/
	/*border:2px solid #565656;*/
	/*color: #232323;*/ /*#728b9f;*/
	color:#787878;
	font-weight: normal;
	border-radius:0.3vmin;
	box-shadow: 0px 0px 10px 0px black;
}


.SpecialInput_1_MainHolder {
	cursor: pointer;
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
	margin: 1.5vmin;
	/*border:2px solid #0c2539;*/ /*#728b9f;*/
	border-radius: 0.5vmin;
	background-color: rgba(255,255,255, 0.4);
}

.SpecialInput_1_DDHolder {
	flex:auto;
	/*background-color: #0c2539;
	border-right: 2px solid #a5bed2;
	color:#ffffff;*/
}

.SpecialInput_1_DDValue {
	/*flex:1;*/
	cursor: default;
	/*
	padding: 1vmin 2vmin;
	font-size: 2vmin;
	text-align: left;
	color: #ffffff;
	background-color: #0c2539;
	white-space: nowrap;
	*/
}

/*
.SpecialInput_1_DDOptions {
	position:absolute;
	display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-content: center;
	z-index: 1000;
}

.SpecialInput_1_DDOption {
	flex:1;
	cursor: pointer;
	padding: 1vmin 2vmin;
	font-size: 2vmin;
	text-align: left;
	color: #ffffff;
	background-color: #184A73;
}

.SpecialInput_1_DDOption:hover {
	background-color: #6ab805;
}
*/

.SpecialInput_1_Label {
	/*flex:1;*/
	cursor: default;
	padding: 0.8vmin 1.5vmin;
	font-size: 1.5vmin;
	text-align: left;
	color: #ffffff;
	/*background-color: #0c2539;*/
	background-color: rgba(0, 0, 0, 0.5);
}

.SpecialInput_1_Button {
	/*flex:1;*/
	cursor: pointer;
	padding: 0.8vmin 1.5vmin;
	font-size: 1.5vmin;
	text-align: center;
	color: #ffffff;
	/*background-color: #0c2539;*/
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0 0.5vmin 0.5vmin 0;
}

.SpecialInput_1_Button:hover {
	background-color: #184A73;
}

/*
#savebutton {
	cursor: pointer;
	position:fixed;
	bottom: 4vmin;
	right: 4vmin;
	min-width:8vmin;
	width:8vmin;
	height:8vmin;
	border-radius: 0.5vmin;
	background-color:#0c2539;
	box-shadow: 0px 0px 10px 0px black;
	transition: all 0.2s;
	background-position: 2vmin center;
    background-repeat: no-repeat;
    background-size: 4vmin 4vmin;
	background-image: url('save.svg');
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
	overflow: hidden;
}

#savebutton.disabled {
	background-color:#a5bed2;
	box-shadow: 0px 0px 10px 0px #ababab;
}

#savebutton:hover {
	box-shadow: 0px 0px 10px 0px black;
	transition: all 0.2s;
	width:auto;
}
*/
button {
	cursor: pointer;
	min-width:6vmin;
	height:6vmin;
	padding: 1.5vmin;
	border-radius: 0.5vmin;
	background-color: rgba(0,0,0, 0.5); /*#0c2539;*/
	/*box-shadow: 0px 0px 10px 0px #ababab;*/
	/*display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: stretch;*/
	overflow: hidden;
	color:#ffffff;
	font-size: 3vmin;
	line-height: 3vmin;
	/*border: solid 1px red;*/
	border:none;
	/*margin: 1.5vmin;*/
	/*margin:4vmin;*/
}

button.disabled {
	background-color:#a5bed2;
	/*box-shadow: 0px 0px 10px 0px #ababab;*/
}

button:hover {
	background-color:#0c2539;
	/*box-shadow: 0px 0px 10px 0px black;*/
	/*
	transition: all 0.2s;
	width:auto;
	*/
}

#sb_label {
	display: block;
	position: relative;
	font-size: 4vmin;
	color:#ffffff;
	left:8vmin;
	margin: auto 0;
	margin-right: 10vmin;
}

#sb_label.hidden {
	/*display: none;*/

}

/* ##########################################################################################################*/
/* ### Dienstplan ###########################################################################################*/
/* ##########################################################################################################*/

.dp_table {
	position: relative;
	border-collapse: separate;
	border-spacing: 1px;
	margin:20px;
}

.dp_column {
	position: relative;
}

.dp_row {
	position: relative;
}

.dp_row.we {
	/*background-color: rgba(0, 0, 0, 0.1);*/
	background-color: rgba(12, 37, 57, 0.2);
}

.dp_row.ft {
	/*background-color: rgba(0, 0, 0, 0.1);*/
	background-color: rgba(12, 37, 57, 0.1);
}

.dp_cell {
	min-width: 100px;
	height:28px;
	padding: 3px;
	background-color: rgba(12, 37, 57, 0.1);
	color: #0c2539;
	font-size: 16px;
	text-align: center;

	/*
	border-radius: 5px;
	background-color: #8ba4b8;
	color:#ffffff;
	font-size: 1.8rem;
	text-align: center;
	*/
}

.dp_cell.header {
	/*
	background-color: rgba(12, 37, 57, 0.5);
	color: #ffffff;
	letter-spacing: 1px;
	padding-top: 7px;
	padding-bottom: 7px;
	*/

	background-color: rgba(12, 37, 57, 0.5);
	color: #ffffff;
	/*color: #0c2539;*/
	/*font-weight: bold;*/
	letter-spacing: 1px;
	padding-left: 7px;
	padding-right: 7px;
	width:auto;
	min-width:128px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-weight: 500;
}

.dp_cell.data {
	cursor: pointer;
}

.dp_cell.pseudo:after {
	cursor: default;
	position: absolute;
	content:'';
	right:0px;
	top:0px;
	bottom: 0px;
	left:0px;
	background-color: rgba(255,255,255, 0.6);
	/*background: repeating-linear-gradient(
	  90deg,
	  rgba(255,255,255, 0.6),
	  rgba(255,255,255, 0.6) 10px,
	  rgba(255,255,255, 0) 10px,
	  rgba(255,255,255, 0) 15px
	);*/
}

/* ##########################################################################################################*/
/* ### Besetzungsplan #######################################################################################*/
/* ##########################################################################################################*/

.bp_table {
	position: relative;
	border-collapse: separate;
	border-spacing: 1px;
	margin:20px;
}

.bp_column {
	position: relative;
}

.bp_row {
	position: relative;
}

.bp_row.data:hover {
	background-color: rgba(12, 37, 57, 0.4);
}

.bp_cell {
	/*font-family: sans-serif;*/
	user-select: none;
	position: relative;
	cursor: default;
	width:42px;
	height:28px;
	/*padding: 6px 9px;*/
	padding: 3px;
	/*border:5px solid #a5bed2;*/
	/*border:1px solid transparent;*/
	/*border-radius: 2px;*/
	background-color: rgba(12, 37, 57, 0.1);
	color: #0c2539;
	font-size: 16px;
	text-align: center;
	z-index: 100;
	/*overflow: hidden;*/
}

.bp_cell.editable {
	cursor: pointer;
}

.bp_cell.header {
	background-color: rgba(12, 37, 57, 0.5);
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 1px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.bp_cell.rowheader {
	background-color: rgba(12, 37, 57, 0.5);
	color: #ffffff;
	/*color: #0c2539;*/
	/*font-weight: bold;*/
	letter-spacing: 1px;
	padding-left: 7px;
	padding-right: 7px;
	width:auto;
	min-width:128px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	font-weight: 500;
}

.bp_cell.weekend {
	background-color: rgba(129, 192, 27, 0.6);
}

.bp_cell.feiertag {
	background-color: rgba(129, 192, 27, 0.8);
}


.bp_cell.marked {
	position: relative;
	background-color: transparent;
}


.bp_cell.marked:before {
	position: absolute;
	content:'';
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: -1;
	background-color: rgba(255,0,0,0.4);
}

/*
.bp_cell.data:hover {
	border-color: black;
}*/



.bp_cell.hovered {
	position: relative;
	background-color: transparent;
}


.bp_cell.hovered:before {
	position: absolute;
	content:'';
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: -1;
	background-color: rgba(0,0,0,0.4);
}

.bp_cell.marked.hovered:before {
	position: absolute;
	content:'';
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: -1;
	background-color: rgba(150,0,0,0.4);
}

.bp_cell.wunsch {
	color:#ababab;
}


.bp_cell.abwesend {
	color:#ffffff;
	background-color: rgba(12, 37, 57, 0.7);
}

.bp_cell.dienst {
	font-size: 8px;
	/*color:#ffffff;
	background-color: rgba(12, 37, 57, 0.7);*/
	color:#0c2539;
	font-weight: bold;
}

.bp_cell.dienst::first-line {
	font-size: 14px;
}

.bp_cell.bperror {
	color:#ff0000;
	background-color: rgba(12, 37, 57, 0.7);
}

 .cellmarker:after{
	 position: absolute;
	 content:'';
	 right:0px;
	 top:0px;
	 width:8px;
	 height:8px;
	 padding: 0;
	 margin:0;
	 z-index: 101;
	 border: 0;
	 background-image: url('/iRS3_2023/bluemarker.svg');
	 background-size: 8px;
	 background-position: right top;
	 background-repeat: no-repeat;
 }

 .cellmarker.white:after{
	 background-image: url('/iRS3_2023/whitemarker.svg');
 }

 .cellmarker.green:after{
	 background-image: url('/iRS3_2023/greenmarker.svg');
 }

 .cellmarker.red:after{
	background-image: url('/iRS3_2023/redmarker.svg');
 }

.bp_cell.pseudo:after {
	cursor: default;
	position: absolute;
	content:'';
	right:0px;
	top:0px;
	bottom: 0px;
	left:0px;
	background-color: rgba(255,255,255, 0.6);
	/*background: repeating-linear-gradient(
	  90deg,
	  rgba(255,255,255, 0.6),
	  rgba(255,255,255, 0.6) 10px,
	  rgba(255,255,255, 0) 10px,
	  rgba(255,255,255, 0) 15px
	);*/
}

#popup_vbase {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;

}

#popup_hbase {
	position: relative;
	top:0;
	bottom:0;
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-content: center;
	background-color: transparent;
	z-index: 1001;
}

#popup_window {
	min-width: 200px;
	max-height: 60vh;
	background-color: #565656;
	border:2px solid #343434;
	border-radius: 2px;
	box-shadow: 0 0 5px #565656;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-content: center;
	align-items: stretch;
	z-index: 1002;
	overflow: hidden;
}

#popup_header {
	background-color: #343434;
	color:#ffffff;
	font-size: 1rem;
    padding: 1rem;
    letter-spacing: 0.2rem;
	text-align: center;
}

#popup_header::first-line {
	font-size: 1.5rem;
	line-height: 2rem;
}

.popup_button {
	cursor: pointer;
	background-color: #343434;
	color:#ffffff;
	font-size: 1.5rem;
    padding: 1rem;
    letter-spacing: 0.2rem;
	text-align: center;
	border-bottom: 1px solid #232323;
}

.popup_button:last-of-type {
	border:none;
}

.popup_button:hover {
	background-color: #728b9f;
	color:#ffffff;
}

#popup_content {
	color:#ffffff;
	font-size: 1rem;
    padding: 0;
	margin: 0;
    letter-spacing: 0.2rem;
	overflow-y: auto;
}

.popup_input {
	left:0;
	right:0;
	min-width: 30vw;
	color:#232323;
	font-size: 1.5rem;
	padding: 1rem;
	letter-spacing: 0.2rem;
}

.popup_list {
	list-style-type: none;
}

.popup_listitem {
	cursor: pointer;
	color:#ffffff;
	font-size: 1.5rem;
    padding: 1rem 1.2rem;
    letter-spacing: 0.2rem;
	border-top: 1px solid #343434;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: center;
	text-align: center;
}

.popup_listitem:first-of-type {
	border-top: none;
}

.popup_listitem:nth-child(2n) {
	background-color: rgba(0,0,0,0.2);
}

.popup_listitem:hover {
	background-color: #728b9f;
}

.pp_listcomment {
	cursor: pointer;
	color:#ffffff;
	width:1.5rem;
	font-size: 1.5rem;
	background-color: rgba(0,0,0,0.2);
	margin: -1rem -1.2rem;
	margin-left: 1.2rem;
	padding: 1rem 1.2rem;
	padding-right: 1rem;
	background-image: url('comment.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	text-align: center;
	z-index: 1100;
}

.pp_listcomment:hover {
	background-color: rgba(0,0,0,0.4);
}

#r_menu {
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
	background-color:#ffffff;
	/*border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	*/
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 5px #565656;
	min-width: 10px;
	min-height: 10px;
}

#r_menu.hidden {
	display:none;
}

.r_menu_mp {
	color: #343434;
	font-size: 1.5rem;
    padding: 0.5rem 1.5rem;
    letter-spacing: 0.2rem;
	text-align: left;
	border-bottom:1px solid #343434;
	margin: 0;
	cursor: pointer;
}

.r_menu_mp:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.r_menu_mp:last-of-type {
	border-bottom:none;
}