@charset "utf-8";

.row[data-action='types']{
	font-size: 14px;
}

.row[data-action='types'] [type='text'].error{
	border-color: red;
}

/************************************************************************************
 *	Tabelle																			*
 ***********************************************************************************/
 
/* Navigation */

.row[data-action='types'] > div > .nav-tabs{
	margin-bottom: 20px;
}

.row[data-action='types'] > div > .nav-tabs li{
	padding-left: 10px;
}

.row[data-action='types'] > div > .nav-tabs > li > a{
	background-color: #eee;
	border: 1px solid rgba(0,0,0,.125);
	border-bottom: none;
	color: #777;
	cursor: pointer;
	font-weight: bold;
}
.row[data-action='types'] > div > .nav-tabs > li:first-child > a > .fa{width: 15px;}
.row[data-action='types'] > div > .nav-tabs > li:first-child > a.active > .fa-folder{display: none;}
.row[data-action='types'] > div > .nav-tabs > li:first-child > a:not(.active) > .fa-folder-open{display: none;}

.row[data-action='types'] > div > .nav-tabs a:not(.active),
.row[data-action='types'] > div > .nav-tabs i{
	cursor: pointer;
}

.row[data-action='types'] > div > .nav-tabs i.fa-plus{color: blue;}
.row[data-action='types'] > div > .nav-tabs i.fa-close{color: red;}
.row[data-action='types'] > div > .nav-tabs i.fa-minus{
	float: right;
	color: red;
	line-height: 24px;
	margin-left: 10px;
}

.row[data-action='types'] > div > .nav-tabs > li:first-child > a,
.row[data-action='types'] > div > .nav-tabs > li:first-child > a.active{
	background-color: #aaa;
	background-color: #888;
	color: #fff;	
}

.row[data-action='types'] > div > .nav-tabs > li > a.active{
	background-color: #ccc;
	background-color: #ddd;
	/*color: #212529;*/
}

.row[data-action='types'] > div > .nav-tabs > li > a.active:hover{
	cursor: default;
}


/* Ergebnis */

.row[data-action='types'] > div > div > div.result{
	float: left;
	margin: 6px 0px 0px 0px;
}

.row[data-action='types'] > div > div > .dropdown.count,
.row[data-action='types'] > div > div > .dropdown.state{
	float: right;
	margin: 0px 0px 20px 10px;
}


/* Tabelle */

.row[data-action='types'] table{
	clear: both;
	margin: 20px 0px;
	width: 100%;
}
 
.row[data-action='types'] th{border: 1px solid black; padding: 10px;}

.row[data-action='types'] th{background: #e5e5e5;}

.row[data-action='types'] th.name{width: 300px;}
.row[data-action='types'] th.desc{}
.row[data-action='types'] th.date{width: 160px; text-align: left; line-height: 36px;}
.row[data-action='types'] th.options{width: 120px; text-align: center;}

.row[data-action='types'] th > input{width: 100%; padding: 5px 10px; border-radius: 5px;}
.row[data-action='types'] th.name > input{width: 90%;}

.row[data-action='types'] th > i{float: right; margin: 8px 0px; font-size: 20px; cursor: pointer;}
.row[data-action='types'] th > i:hover{color: red;}
.row[data-action='types'] th > i.fa-sort{opacity: 0.5;}

.row[data-action='types'] th.date > div{width: 116px;}

.row[data-action='types'] td{
	vertical-align: middle;
	border-bottom: 1px solid silver;
	padding: 10px 15px;
}

.row[data-action='types'] tr.head + tr.body{display: none;}
.row[data-action='types'] tr.head.open{border-bottom: none;}
.row[data-action='types'] tr.head.open + tr.body{display: table-row;}
.row[data-action='types'] tr.head.deleted td.name{color: red;}

.row[data-action='types'] td.name{text-align: left;}
.row[data-action='types'] td.desc{text-align: left;}
.row[data-action='types'] td.date{text-align: left;}
.row[data-action='types'] td.options{text-align: center;}

.row[data-action='types'] td.options > i{color: grey; cursor: pointer; margin-right: 5px;}
.row[data-action='types'] td.options > i.fa-folder-open:hover{color: blue;}
.row[data-action='types'] td.options > i.fa-trash:hover{color: red;}
.row[data-action='types'] td.options > i.fa-pencil:hover{color: green;}

.row[data-action='types'] th.desc{display: none;}
.row[data-action='types'] td.desc{display: none;}
@media(min-width: 992px){
	.row[data-action='types'] th.desc{display: table-cell;}
	.row[data-action='types'] td.desc{display: table-cell;}
}


/* Dropdown Datums-Typ */

.dropdown.date li.selected{
	display: none;
}


/* Typen */


.row[data-action='types'] form div.wrapper-description,
.row[data-action='types'] form div.wrapper-assignments,
.row[data-action='types'] form div.wrapper-fields{
	margin-bottom: 20px;
	z-index: 2;
}

.row[data-action='types'] form div.wrapper-fields{
	z-index: 3;
}

.row[data-action='types'] form > .row > .col{
	display: flex;
	flex-wrap: wrap;
}

.row[data-action='types'] form > .row > .col > .card{
	/*margin-bottom: 20px;*/
	display: flex;
	flex-direction: column;
	width: 100%;
}

.row[data-action='types'] form div.card.assignements > .card-body{
	/*height: 128px;*/
}

.row[data-action='types'] form div.card.fields{
	height: 100%;
}

.row[data-action='types'] form div.card.fields > .card-body > .row{
	height: 100%;
}

.row[data-action='types'] form div.card:not(.actions) > .card-body{
	/*height: 386px;*/
}

.row[data-action='types'] form div.card .input-group{
	margin-bottom: 5px;
}

.row[data-action='types'] form div.card .input-group-prepend > span,
.row[data-action='types'] form div.card .input-group-append > span,
.row[data-action='types'] form div.card .input-group-append > div{
	width: 120px;
	text-align: right;
}

.row[data-action='types'] form div.card .input-group-prepend > .input-group-text{
	width: 120px;	
}

.row[data-action='types'] form div.wrapper-description .input-group-append > .input-group-text.check,
.row[data-action='types'] form div.wrapper-description .input-group-prepend > .input-group-text.check,
.row[data-action='types'] form div.wrapper-fields .input-group-append > .input-group-text.check,
.row[data-action='types'] form div.wrapper-fields .input-group-prepend > .input-group-text.check{
	width: auto;
}

.row[data-action='types'] form div.card .input-group [type='text'][readonly]{
	background: #fff;
	cursor: not-allowed;
}

.row[data-action='types'] form div.card .input-group [type='text'][readonly]::placeholder{
	color: rgb(128,128,128,0.6);
}

.row[data-action='types'] form div.card .input-group .input-group-text.check [type='checkbox']{display: none;}
.row[data-action='types'] form div.card .input-group .input-group-text.check [type='checkbox']:not(:checked) + i{margin-right: 1px;;}
.row[data-action='types'] form div.card .input-group .input-group-text.check [type='checkbox']:not(:checked) + i + i{display: none;}
.row[data-action='types'] form div.card .input-group .input-group-text.check [type='checkbox']:checked + i{display: none;}

.row[data-action='types'] form div.card .input-group > .form-control.blocked{
	color: rgb(128,128,128,0.6);
}

.row[data-action='types'] form div.card .input-group.field-config-options .input-group-append .fa-lock{
	color: red;
	margin-left: 1px;
	margin-right: 2px;
	cursor: not-allowed;
}

.row[data-action='types'] form div.card .input-group.field-config-options .input-group-append.blocked .fa:not(.fa-lock){display: none;}
.row[data-action='types'] form div.card .input-group.field-config-options .input-group-append:not(.blocked) .fa-lock{display: none;}

.row[data-action='types'] > form .assignments .card-body{
	/*height: 386px;*/
}

.input-group-prepend > .input-group-text,
.input-group-append > .input-group-text{
	width: auto;
}

.row[data-action='types'] .input-group.locked{
	position: relative;
	cursor: not-allowed;
}

.row[data-action='types'] .input-group i.fa-lock{
	color: red;
}

.row[data-action='types'] .input-group .fa-unlock-alt{
	color: green;
}

.row[data-action='types'] .input-group i.fa-exclamation{
	color: blue;
	margin-left: 2px;
	margin-right: 2px;
}

.row[data-action='types'] .input-group.locked i.fa,
.row[data-action='types'] .input-group.locked span.form-control{
	color: rgb(0,0,0,0.4);
}

.row[data-action='types'] .input-group:not(.locked) .input-group-append.lock{
	display: none;
}

.row[data-action='types'] .input-group.locked .input-group-append i{
	color: red;
}

.row[data-action='types'] .input-group-text > i.fa-square-o,
.row[data-action='types'] .input-group-text > i.fa-check-square{
	cursor: pointer;
}

.row[data-action='types'] .input-group.error [type='text'],
.row[data-action='types'] .input-group.error span.input-group-text{
	color: red;
}

.row[data-action='types']  textarea{
	/*
	min-height: 62px;
	height: 62px;
	*/
}

/************************************************************************************
 *	Felder																			*
 ***********************************************************************************/
 
/* Buttons */

.row[data-action='types'] .wrapper-fields ul.buttons{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.row[data-action='types'] .wrapper-fields ul.buttons li{
	position: relative;
	width: 100%;
	height: 40px;
	border: 1px solid silver;
	border-radius: 4px;
	line-height: 34px;
	text-align: center;
	margin: 0px;
	padding: 1px;
	list-style-type: none;
	margin-bottom: 10px;
	cursor: pointer;
}



.row[data-action='types'] .wrapper-fields ul.buttons + button:hover > i.fa-plus{
	color: green;
}

.row[data-action='types'] .wrapper-fields ul.buttons li.selected{
	padding: 0px;
	border: 2px solid skyblue;
	font-weight: bold;
}

.row[data-action='types'] .wrapper-fields ul.buttons li.removed{text-decoration: line-through;}

.row[data-action='types'] .wrapper-fields ul.buttons li .fa{
	position: absolute;
	font-size: 24px;
}

.row[data-action='types'] .wrapper-fields ul.buttons li .fa-arrows{top: 7px; left: 6px;}
.row[data-action='types'] .wrapper-fields ul.buttons li .fa-arrows:hover{color: blue;}
.row[data-action='types'] .wrapper-fields ul.buttons li.selected .fa-arrows{top: 6px; left: 5px;}

.row[data-action='types'] .wrapper-fields ul.buttons li .fa-trash{top: 7px; right: 6px;}
.row[data-action='types'] .wrapper-fields ul.buttons li .fa-trash:hover{color: red;}
.row[data-action='types'] .wrapper-fields ul.buttons li.selected .fa-trash{top: 6px; right: 5px;}
.row[data-action='types'] .wrapper-fields ul.buttons li.removed .fa-trash{display: none;}

.row[data-action='types'] .wrapper-fields ul.buttons li:not(.removed) .fa-undo{display: none;}
.row[data-action='types'] .wrapper-fields ul.buttons li .fa-undo{top: 7px; right: 28px;}
.row[data-action='types'] .wrapper-fields ul.buttons li .fa-undo:hover{color: green;}
.row[data-action='types'] .wrapper-fields ul.buttons li.selected .fa-undo{top: 6px; right: 27px;}

.row[data-action='types'] .wrapper-fields ul.buttons li:not(.removed) .fa-times{display: none;}
.row[data-action='types'] .wrapper-fields ul.buttons li .fa-times{top: 7px; right: 6px;}
.row[data-action='types'] .wrapper-fields ul.buttons li .fa-times:hover{color: red;}
.row[data-action='types'] .wrapper-fields ul.buttons li.selected .fa-times{top: 6px; right: 5px;}

.row[data-action='types'] .wrapper-fields .dropdown{
	border-radius: 0px;
	flex: auto;
}

.row[data-action='types'] .wrapper-fields .dropdown > span{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	height: 100%;
	line-height: 100%;
}

.row[data-action='types'] .wrapper-fields .dropdown.type > ul{
	overflow-y: scroll;
	max-height: 404px;
	min-height: 404px;
	height: 404px;
}

.row[data-action='types'] .wrapper-fields > .card > .card-body > .row > .col:first-child{
	/*
	overflow-y: scroll;
	*/
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	width: 100%;
	/* min-height: 440px; */
	/* height: 440px; */
	height: 100%;
	/*max-height: 100%;*/
	max-height: 740px;
	max-height: 100%;
}

.row[data-action='types'] .dropdown.type .fa-plus,
.row[data-action='types'] .dropdown.type .fa-minus,
.row[data-action='types'] .dropdown.type .fa-check-square,
.row[data-action='types'] .dropdown.type .fa-square-o{
	font-size: 14px;
	font-weight: normal;
	margin-right: 2px;
}

.row[data-action='types'] .dropdown.type .fa-plus{
	color: blue;
}

.row[data-action='types'] .dropdown.type .fa-minus{
	color: red;
}

.row[data-action='types'] .wrapper-fields .dropdown > span.open + ul > li{
	padding: 5px 0px;
}

.row[data-action='types'] .wrapper-fields .dropdown > span.open + ul > li > span{
	padding: 0px 10px;
}

.row[data-action='types'] .wrapper-fields .dropdown.type > span.open + ul li:not([data-type]):hover{
	color: #000;
	background: none;
	cursor: default;
}

.row[data-action='types'] .wrapper-fields .dropdown.type > span.open + ul li:not([data-type]) > ul{
	overflow: hidden;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.row[data-action='types'] .wrapper-fields .dropdown.type > span.open + ul li:not([data-type]) > ul > li{
	position: relative;
	padding: 5px 0px 5px 30px;
}

.row[data-action='types'] .wrapper-fields .dropdown.type > span.open + ul li:not([data-type]) > ul > li::before{
	font-family: fontawesome;
	content: "\f0da";
	position: absolute;
	top: 7px;
	left: 15px;
}

.row[data-action='types'] .wrapper-fields .dropdown.type > span.open + ul li:not([data-type]) > ul > li:hover{
	color: #fff;
	background: #5897fb;
	cursor: pointer;
}

.row[data-action='types'] .wrapper-fields [data-type='Type'] .dropdown:not(:last-child) > span{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.row[data-action='types'] .wrapper-fields [data-type='Type'] .dropdown + .dropdown > span{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 0px;
}

.row[data-action='types'] .wrapper-fields [data-type='Currency'] .dropdown ul li > span:first-child{
	display: inline-block;
	width: 30px;
	border-right: 1px dotted silver;
	margin-right: 3px;
}

.row[data-action='types'] .wrapper-fields [data-type='Currency'] .dropdown > span > span:first-child{
	display: inline-block;
	width: 23px;
	border-right: 1px dotted silver;
	margin-right: 11px;
}

.row[data-action='types'] [data-type='Boolean'] .fa{
	cursor: pointer;
}

.row[data-action='types'] .wrapper-fields [data-type='Color'] ::after,
.row[data-action='types'] .wrapper-fields [data-type='Color'] ::before{
	box-sizing: unset !important;
}

.row[data-action='types'] .wrapper-fields [data-type='Color'] > div > div:not(.input-group-prepend){
	border: 1px solid silver;
	flex: 1;
}

.row[data-action='types'] .wrapper-fields [data-type='Color'] > div > div:not(.input-group-prepend){
	border: none;
	box-shadow: unset;
}

.row[data-action='types'] .wrapper-fields [data-type='Color'] > div > div:not(.input-group-prepend) > div{
	z-index: 1;
}

.row[data-action='types'] [data-type='Boolean'] .fa-square-o + span + span{
	display: none;
}

.row[data-action='types'] [data-type='Boolean'] .fa-check-square + span{
	display: none;
}

.row[data-action='types'] [data-type='Boolean'] .fa-square-o{margin-right: 1px;}

.row[data-action='types'] [data-type='DateTime'] > div + input,
.row[data-action='types'] [data-type='DateTime'] > div + input + input{
	flex: 0.5;
}

.row[data-action='types'] [data-type='DateTime'] > div + input + input{
	border-left: none;
}

.row[data-action='types'] .wrapper-fields .fa-times{
	position: absolute;
	top: 11px;
	right: 10px;
}

.row[data-action='types'] .fa-times:hover{
	cursor: pointer;
	color: red;
}

.row[data-action='types'] .wrapper-fields > .card > .card-body > .row > .col.blocked:last-child{opacity: 0.4;}
.row[data-action='types'] .wrapper-fields > .card > .card-body > .row > .col:last-child > .lockwall{display: none;}
.row[data-action='types'] .wrapper-fields > .card > .card-body > .row > .col.blocked:last-child .lockwall{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	display: block;
	background: transparent;
	cursor: not-allowed;
	z-index: 200;
}