html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&display=swap');


/*https://icofont.com/icons*/
@font-face {
	font-family: Icofont;
	src: url( '/res/templates/ea/res/icofont.woff2');
  }
.icon{
    font-family: 'Icofont',Icofont,'icofont',icofont;
    font-weight: 100!important;
}



.text-align-left{
    text-align: left!important;
}
.text-align-center{
    text-align: center!important;
}
.text-align-right{
    text-align: right!important;
}

html{
    font-family: 'Hind', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #666666;
}
input,
textarea,
button{
    font-family: 'Hind', sans-serif;
    font-weight: 500;
    color: #666666;
    font-size: 1.0rem;
}
input:focus{
    background-color: yellow;
}


body {
    display: block;
	position: relative;
    
    min-width: 900px;
    min-height: 1000px;

    background-color: #ffffff;
}




.body-fixed{
	overflow: hidden;/**/
    /*position: fixed;/**/
}

.modal-parent{
	position: fixed;
	z-index: 2000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.75);
    /*visibility: collapse;*/
    display: none;
}

.modal-parent main{
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
    margin: 4.0em;
    padding: 0px;
	/*padding: 2.0em;*/
	background-color: #ffffff;
}
.modal-parent main iframe{
	background-color:#ffffff;
	width: 100%;
	height: 100%;
}







header{
    position: fixed;
    display: block;
    left: 0px;
    top:0px;
    right: 0px;
    width: 100%;
    min-width: 900px;
    z-index: 1000;
    /*background-color: white;/**/
}








.application-bar{
    display: block;
    background-color: #006cce;
    font-size: 1.0rem;
    height: 2.75em;
    line-height: 2.75em;
    color: #ffffff;
}
.application-bar::after{
    content: "";
    clear: both;
    display: block;
}




.application-bar .control{
    display: inline-block;
    height: 2.75em;
    line-height: 2.75em;
    padding-left: 1.0em;
    padding-right: 1.0em;
}




.application-bar .application-menu{
    float: left;
    font-weight: 500;
}
.application-bar .application-menu:hover{
    cursor: pointer;
    background-color: #757575;
}
.application-bar .application-menu .icon{
    margin-right: 1.0rem;
}




.application-bar .user-info{
    float: right;
}
.application-bar .user-info:hover{
    cursor: pointer;
    background-color: #757575;
}
.application-bar .user-info .icon{
    margin-left: 1.0rem;
}





nav {
    position: fixed;
    visibility: visible;
    display: block;
    left: 0px;
    top: 2.75em;;
    right: 0px;
    bottom: 0px;
    background-color: rgb(0, 0, 0, 0.5);
    z-index: 2000;

}
.nav-hidden{
    display: none;
    visibility: collapse;
}

nav ul{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    padding-top: 0px;
    min-width: 15.0rem;
    background-color: #ffffff;
    z-index: 2001;
}
nav li {
    display: block;
}

nav .icon{
    margin-right: 0.5em;
}

nav h2{
    margin-top: 2.0em;
    display: block;
    padding: 1.0em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

nav a,
nav a:hover,
nav a:active,
nav a:visited {
    display: block;
    text-decoration: none;
    color:#006cce;
    background-color: transparent;
    padding: 1.0em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
nav a:hover{
    background-color: #006cce;
    color: white;
}

nav hr{
    margin-left: 1.0em;
    margin-right: 1.0em;
    border-style: solid;
    border-width: 1px;
    border-color: #b4b4b4;
    color: #b4b4b4;
}



.functions-bar{
    font-size: 1.0rem;
    display: block;
    height: 2.75em;
    line-height: 2.75em;
    background-color:#e7e7e7;
}
.functions-bar::after{
    content: "";
    clear: both;
    display: block;
}

.functions-bar .functions-left{
    float: left;
}

.functions-bar .functions-right{
    float: right;
}


.functions-bar ul {
    display: inline;
}
.functions-bar ul::after{
    content: "";
    clear: both;
    display: block;
}

.functions-bar ul li{
    display: inline-block;
    float: left;
    height: 2.75em;
    line-height: 2.75em;
    padding-left: 1.0em;
    padding-right: 1.0em;
}
.functions-bar ul li:hover{
    background-color: #b4b4b4;
    cursor: pointer;
}

.functions-bar ul li .icon{
    margin-right: 0.5em;
    color: #006cce;
}



.document-title{
    display: block;
    font-size: 1.0rem;
    height: 3.0em;
    line-height: 3.0em;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2.5rem;
    padding-top: 1.5rem;
    padding-bottom: 0px;
}
.document-title::after{
    content: "";
    clear: both;
    display: block;
}

header .document-title h1{
    display: block;
    font-size: 1.5em;
    margin: 0px;
}










main{
    padding: 2.5rem;
    font-size: 1.0rem;
    background-color: #ffffff;
}








main section {
    position: relative;
    display: block;
    margin-top: 2.5em;
}
main section::after{
    content: '';
    clear: both;
    display: block;
}

main section:first-child{
    margin-top: 0px;
}



.section-header{
    display: block;
}

.section-header .section-title{
    float: left!important;
}

.section-header .section-search{
    display: inline;
    float: right;
}



main section h1{
    display: block;
    font-size: 1.5em;
    margin-bottom: 1.0em;
}


main section h2{
    display: block;
    font-size: 1.3em;
    margin-bottom: 1.0em;
}

main section h1:first-child,
main section h2:first-child{
    margin-top: 0px;
}




main section table{
    display: table;
    width: 100%;
}

main section table th,
main section table td {
    height: 1.5em;
    line-height: 1.5em;
    padding: 0.25em;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
}
main section table th{
    font-weight: 400;
}
main section table thead tr,
main section table tfoot tr {
    background-color: #e7e7e7;
}


main section table tbody tr{
    background-color: #ffffff;
}
main section table tbody tr:hover{
    background-color: yellow!important;
    cursor: pointer;
}

main section table tbody tr:nth-child(even){
    background-color: #f9f9f9;
}

main section .section-pagination{
    display: block;
    background-color: #e7e7e7;
    padding: 0.5em;
}
main section .section-pagination:after{
    content: '';
    display: block;
    clear: both;
}

main section .section-pagination .pagination-select{
    float: right;
}


main section form {
    display: block;
    width: 100%;
}

main section form .row {
    display: table;
    width: 100%;
}


main section form .row h3{
    display: block;
    font-size: 1.0em;
    margin: 0.0em;
    margin-top: 1.5em;
    margin-bottom: 1.0em;
}

main section form .row .component {
    width: 100%;
    display: table-cell;
    /*padding: 1.0em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;*/
    background-color: #f5f5f5; 
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    border-left-width: 0px;
    border-top-width: 0px;
}


main section form .row .component .left{
    float: left;
}
main section form .row .component .right{
    float: right;
}

main section form .row .component .element {
    display: block;
    box-sizing: border-box;
    margin: 0.75em;
    /*
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    */
}

main section form .row .component label {
    vertical-align: middle;
}
main section form .row .component label:empty{
	display: none;
	visibility: collapse;
}

main section form .row .component .title-label{
    font-weight: 100;
}

main section form .row .component .value-label,
main section form .row .component li{
    font-weight: 500;
}

main section form .row .component .title-label{
    color: #9e9e9e;
}
main section form .row .component .error-label{
    color: red;
}
main section form .row .component .hint-label{
    font-weight: 100;
    font-style: italic;
    color: #aaaaaa;
    
}

main section form .row .component .checkbox-label{
    line-height: 1.75em;
}


main section form .row .component input[type=checkbox] + label,
main section form .row .component input[type=radio] + label {
    font-weight: 100;
} 
main section form .row .component input[type=checkbox]:checked + label,
main section form .row .component input[type=radio]:checked + label {
    font-weight: 500;
} 



main section form .row .component input,
main section form .row .component textarea{
    background-color: #ffffff;
    border-style:solid;
    border-width: 1px;
    border-color: #cccccc00;
    border: none;
}
main section form .row .component input[type=text]{
    width: 100%;
}
main section form .row .component input[type=text]:focus{
    background-color: yellow;
}
main section form .row .component select{
    width: 100%;
    padding: 0.25em;
}

main section form .row .component textarea{
    width: 100%;
}

main section form .row .component button {
    padding: 0.5em;
    border: none;
    min-width: 7em;
    margin: 1.0em;
}

main section form .row .component .save{
    background-color: green;
    color: white;
}


.element ul,
main section form .element ul,
main section form .element .vertical ul,
main section form .element .horizontal ul,
main section form .row .component ul,
main section form .row .component .vertical ul,
main section form .row .component .horizontal ul{
    list-style: disc!important;
}
main section form .row .component ul li {
    margin-left: 1.5em;
    line-height: 1.75em;
}





main section form .row .component .vertical .control{
    display: block;/**/
}

main section form .row .component .horizontal .control{
    display: inline-block !important;
    margin-right: 1.0em !important;
}


/*
main section form .row .component .vertical li{

}
*/

main section form .row .component .horizontal li{
    display: inline-block;
    margin-right: 1.0em;
}
main section form .row .component .horizontal li:before{
    content: "";
    display: list-item;
    position: absolute;
}


main section form .fixed-button-row{
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
}
main section form .fixed-button-row .component{
    background-color: rgba(255, 255, 255, 0.8)!important;
}
main section form .fixed-button-row-compensate{
    visibility: hidden;
}




.login-form {
    /*
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: red;
    */
    display: block;
    /* background-color: red;/**/
    text-align: center;
}
.login-form:after{
    content: '';
    display: block;
    clear: both;
}

.login-form h1{
    font-weight: 400;
    font-size: 1.25em;
}
.login-form .login-panel{
    text-align: left;
    /*background-color: green;/**/
    margin-top: 3.0em;
    padding: 5.0em;
    width: 20.0em;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-color: #f5f5f5;
}
.login-form .login-panel:after{
    content: '';
    display: block;
    clear: both;
}

.login-form .login-panel .row{
    display: block;
    margin-top: 1.0em;
}
.login-form .login-panel .row:after{
    content: '';
    display: block;
    clear: both;
}

.login-form .login-panel label {
    display: block;
    line-height: 1.5em;
}
.login-form .login-panel input{
    width: 100%;
}
.login-form .login-panel .error-label{
    color: red;
}
.login-form .login-panel .error-label:empty{
    display: none;
    visibility: collapse;
}
.login-form .login-panel button {
    float: right;
    padding: 0.5em;
    border: none;
    min-width: 7em;
    background-color: #006cce;
    color: #ffffff;
}



.revision-view { 
    display: block;
    background-color:green;
}

.revision-view-item{
    background-color: #e7e7e7;
    margin-bottom: 0.15em;
}

.revision-view-item h3{
    display: block;
    padding: 0.5em;
    font-weight: bold;
}
.revision-view-item a {
    display: block;
    padding: 0.5em;
}

.revision-view-item a:hover{
    background-color: yellow;
}

.revision-view::after{
    content: '';
    display: block;
    clear: both;
}



.w1{
    width: 8.3333%!important;
}

.w2 {
    width: 16.6666%!important;
}

.w3{
    width: 25%!important;
}

.w4{
    width: 33.3333%!important;
}

.w5{
    width: 41.7%
}

.w6{
    width: 50%!important;
}
.w12{
    width: 100%!important;
}