*{
	box-sizing: border-box;
	margin:0;
	padding:0;
}
body{
	font-size:100%;
	font-family:"Verdana","Arial","sans-serif";
}
ul{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 1em;
}
ul li img+span{
	margin-left:0.5em;
}
ul li span.designselected{
	color:#FFFFFF;
	background-color:#991636;
}
.notdisplay{
	display:none;
}
button,input,textarea{
	padding:0.2em;
}
button{
	cursor:pointer;
}
button>img{
	height:2em;
}
#header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	padding:0.1em;
	background-color:#991636;;
	color:#FFFFFF;
	margin-bottom:0.1em;
}
#header div {
	margin-left:0.5em;
}
#content{
	position:fixed;
	bottom:0em;
	left:0;
	right:0;
	background-color:#fef2c9;
}

div.overflowy{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow-y: scroll;
}

.options{
	position:absolute;
	left:0;
	right:0;
	top:2em;
	bottom:0;
	padding:0;
	margin:0;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	align-items: stretch;
}
.options-title{
	font-size:120%;
	font-weight: bold;
	padding-left:0.5em;
}
.options button{
	font-size:150%;
	font-weight: bold;
	padding:0.5em;flex:1 1 auto;
	border-radius:1em;
	border:none;
	box-shadow: none;
	margin:0.2em;
}
.options button:nth-child(odd){
	background-color:#fad563;
}
.options button:nth-child(even){
	background-color:#fde89d;
}
.options button:hover{
	background-color:#fcc023;
	color:#FFFFFF;
}
table.grid{
	border-collapse:collapse;
}
table.grid td,table.grid th{
	border:0.1em solid #FF9912;
	padding:0.1em;
}
table.grid tbody tr:nth-child(odd){
	background-color:#fde89d;
}
table.grid tbody tr:nth-child(even){
	background-color:#fad563;
}
table.grid tbody tr:hover{
	background-color:#fcc023;
}
table.grid thead th,table.grid tfoot th{
	background-color:#ED9912;
	font-weight: bold;
	color:#FFFFFF;
}
table.grid thead th{
	text-align:center;
}

table.form tr,table.form td,table.form th{
	background-color:#FFFFFF;
	color:#000000;
	padding:0.5em;
}
table.form thead tr:last-child th{
	text-align:left;
}
table.form tbody td:first-child{
	text-align:right;
}
table.form tbody td:last-child{
	text-align:left;
}

input,select,textarea,button{
	font-size: 1em;
}
select[disabled="disabled"],input[disabled="disabled"]{
	text-align:center;
}
input,textarea{
	box-shadow:none;
	outline:0;
	border:0 solid;
}
input:valid,textarea:valid{
	border-bottom:0.1em solid green;
}
input:invalid,textarea:invalid{
	border-bottom:0.1em solid red;
}
button:focus{
	border-color:#fcc023;
}
.menubutton{
	padding:2em;
}
.fullwidth{
	width:100%;
}
.tabs{
	margin:0.1em 0;
	overflow:auto;
}
.tab{
	float:left;
	background-color:#fad563;
	margin:0.5em 0.1em 0em 0em;
	padding:0.1em 0.3em 0.1em 0.3em;
	border-radius:0.5em 0.5em 0 0; 
	cursor: pointer;
}
.tabselected{
	color:#ffffff;
	background-color:#ED9912;
	margin:0.1em 0.1em 0em 0em;
	padding:0.5em 0.3em 0.1em 0.3em;
}
.tabcontent{
	border-top:0.1em solid #15767b;
	padding:0.1em 0 0 0;
}
.tab:hover{
	background-color:#fcc023;
	color:#000000;
}
.fx{
	display:flex;
	flex-direction: row;
}
.fxg{
	flex-grow:1;
}
.fxc{
	align-items: center;
}
.fxjc{
	justify-content: center;
}
.fxw{
	flex-wrap: wrap;
}
.error{
	color:red;
}
.info{
	color:#9a9c98;
}
.mask{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-color:#000000;
	opacity:0.5;
}
.modalbox{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items: center;
}

.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 25em;
    background-color: #15767b;
    color: #fff;
    text-align: center;
    padding: 0.5em 0;
    border-radius: 1em;
    border:0.3em solid #fff;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: -50%;
    left: 130%;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.taleft{
	text-align: left;
}
.taright{
	text-align: right;
}
.tacenter{
	text-align: center;
}
table.criteres{
	margin-bottom:0.5em;
}
a.nocolor{
	color:inherit;
}
.hilite{
	border:0.2em solid red;
}


div.actions{
	margin:0 0 0em 0em;
	padding:0.5em;
	float:left;
}
div.actions button.action{
	margin:0 0.5em 0em 0em;
	padding:0.5em;
	border-radius: 0.5em;
	float:left;
	height:5em;
	width:5em;
	background-color:#cbcfcb;
}

div.actions button.action img{
	height:100%;
	width:100%;
}


div.choice{
	margin:0 0 0.5em 0em;
	padding:0.5em;
	float:left;
}
div.choice-title{
	margin:0 0 0.1em 0.2em;
}
div.choice div.choice-option{
	background-color:#CBCFCB;
	border:#c1c13e 0.1em solid;
	display:inline-block;
	padding:0.5em;
	margin:0;
}
div.choice div.choice-options div.choice-option:first-child{
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
div.choice div.choice-options div.choice-option:last-child{
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}
div.choice div.choice-option.choice-option-selected{
	background-color:#F39C12;
	color:#FFFFFF;
}


#divwait{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color: #F39C12;
	opacity:0.3;
	display:none;
}

#wait{
	position:fixed;
	left:50%;
	top:50%;
	display:none;
}


div.list{
}
div.list-title{
	font-size:120%;
	font-weight: bold;
	margin-bottom:0.5em;
	padding-left:0.5em;
}
div.list-option{
	border-top:0.1em black solid;
	background-color:#fddd46;
}
div.list-option:last-child{
	border-bottom:0.1em black solid;
}
div.list-option:nth-child(even){
	background-color:#fde89d;
}
div.list-option input.list-check{
	float:left;
}
div.list-option div.list-option-content{
	float:left;
	padding-left:1em;
}
.clear{
	clear:both;
	margin:0;
	height:0;
	padding:0;
}
div.list input.list-checkall{
	display:inline-block;
	margin-right:1.5em;
}


form.card{
}
div.card-title{
	font-size:120%;
	font-weight: bold;
	margin-bottom:0.5em;
	padding-left:0.5em;
}

div.card-grid{
	padding-left:0.5em;
}
#design{
	background-color:#fef2c9;
	padding:1em;
	position:relative;
}
#designtree{
}
#designproperties{
	position:fixed;
	top:8.5em;
	right:2em;
	margin:0 1em 1em 1em;
}
#designproperties textarea{
	width:30em;
	height:100px;
}
ul.tree, ul.tree ul {
	list-style-type: none;
	background: url(?what=allinone&allinone=media/vline.png) repeat-y;
	margin: 0;
	padding: 0;
	padding-left: 7px;
}

ul.tree ul {
	padding-left: 7px;
}

ul.tree li {
	margin: 0;
	padding: 0 12px;
	background: url(?what=allinone&allinone=media/node.png) no-repeat;
}

ul.tree li:last-child {
	background: #fef2c9 url(?what=allinone&allinone=media/lastnode.png) no-repeat;
}

ul.tree li>img{
	position: absolute;
	margin-top: 4px;
	margin-left: -20px;
	vertical-align: sub;
}

ul.tree li span>img{
	vertical-align: middle;
	padding-left: 3px;
	padding-right:5px;
}

ul.tree li span{
	margin-left: 0px;
	padding-right: 3px;
	padding-bottom: 2px;
}

ul.tree li span:hover{
	background-color: #DCEDFF;
}

ul.tree li span.node_selected{
	background-color: #CEFFCE;
}
div.treepopup{
	position:absolute;
	float:left;
}
ul.menu *{
	padding:0;
	margin:0;
}
ul.menu,ul.menu ul{
	background-color: #DCEDFF;
	padding:0;
	margin:0;
	list-style-type: none;
	border: 0.1em solid green;
	border-radius: 0.5em;
	position: relative;
}
ul.menu li{
	position: relative;
}

ul.menu li a{
	padding: 0.1em 0.5em;
	display: block;
	text-decoration: none;
	color: #000000;
	white-space: nowrap;
}

ul.menu li a:hover{
	background-color: #007ee9;
	color:#ffffff;
}

ul.menu li:hover > ul{
	display: block;
}

ul.menu li > ul{
	overflow: visible;
	position: absolute;
	left: 90%;
	top:0;
	display: none;
}

input[readonly],select[readonly],textarea[readonly]{
	background-color: #ffd799;
}
.importsalarieE{
	background-color:#05dbfa;
	color:#000000;
}
.importsalarieN{
	background-color:#a6fc7c;
	color:#000000;
}
.importsalarieI{
	background-color:#fe9f98;
	color:#000000;
}
div#userbuttons{
	float:left;
	margin-left:2em;
}
div#search{
	float:left;
	margin-left:1em;
}