@font-face {
    font-family: 'Gilroy-Medium';
    src: url('/vsm/resources/fonts/36EB0E_0_0.eot');
    src: 
        url('/vsm/resources/fonts/36EB0E_0_0.eot?#iefix') format('embedded-opentype'), 
        url('/vsm/resources/fonts/36EB0E_0_0.woff2') format('woff2'), 
        url('/vsm/resources/fonts/36EB0E_0_0.woff') format('woff'), 
        url('/vsm/resources/fonts/36EB0E_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'Gilroy-Black';
    src: url('/vsm/resources/fonts/36EB0E_1_0.eot');
    src: 
        url('/vsm/resources/fonts/36EB0E_1_0.eot?#iefix') format('embedded-opentype'), 
        url('/vsm/resources/fonts/36EB0E_1_0.woff2') format('woff2'), 
        url('/vsm/resources/fonts/36EB0E_1_0.woff') format('woff'), 
        url('/vsm/resources/fonts/36EB0E_1_0.ttf') format('truetype');
}

body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #000000;
}

h1 {
    font-family: "Gilroy-Black", sans-serif;
    font-size: 200%;
}

h2 {
    font-family: "Gilroy-Black", sans-serif;
    font-size: 150%;
}

h3 {
    font-family: "Gilroy-Medium", sans-serif;
}

#login {
    margin-top: 10%;    
    width: 745px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #a8a8a8;
}

#loginTitleGrid {
    width: 745px;
}

#loginTitleGrid .title {
    text-align: left;
}

#loginTitleGrid .logo {
    text-align: right;
}

#loginTitleGrid tr, #loginTitleGrid td {
    border: none;
}

#loginForm\:loginGrid, #frmChPw\:ChPwGrid {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

#loginForm\:loginGrid td, #loginForm\:loginGrid tr, #frmChPw\:ChPwGrid td, #frmChPw\:ChPwGrid  tr {
    border: none;
}

#indexPage p {
    font-size: 92%;
}

#indexPage p#version {
    font-size: x-small;
}

div.content h2 {
    font-family: "Gilroy-Medium", sans-serif;
    font-size: x-large;
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 92%;
}

.ui-datatable tr.ui-state-highlight{
    background: #cccccc;
    color: grey;
    text-shadow: none;
}

div.content{
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    color: #4F4F4F;
    font-size: 120%;
    margin-top: 10px;
    padding: 10px;
    width: 1600px;
}

.ui-corner-top{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.centerwrapper {
    margin: 0 auto;
    width: 745px;
}

.centerwrapper-big {
    margin: 0 auto;
    width: 1500px;
}

.column-label{
    width: 200px;
}

.no_border .ui-datagrid-content, .no_border tr, .no_border td{
    border: none!important;
}

.r_block_icon{
    float: left;
    position: relative;
    left: -8px;
    top: -2px;
    width:20px;
}
.r_block_title{
    font-size: 15px;
    color: #4f4f4f;
    margin-left: -2px;

}
.p-grid-sdr{
    width: 257px;
    padding-top: 3px;
}

#menuBarHead{
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 10px;
}

#logoContainer{
    width:1550px;
    height:120px;
    margin-left:auto;
    margin-right:auto;    
}

#logoHead{
    top: 0px; 
    right: 0px;
    z-index: -1;
    float:right;
    margin-top:10px;
}

.ajax{
    width: 50px ! important;
}

.customerColumn{
    font-size: 90%;
}

td.customerColumn-center{
    font-size: 90%;
    text-align: center;
}

/* Wenn man die Icons ändern möchte, dann sollte man diese CSS-Klassen benutzen */
/*.ui-datatable .ui-row-editor .ui-icon-pencil {
    margin-left: 10px;
}*/
.ui-datatable .ui-row-editor .ui-icon-check {}
.ui-datatable .ui-row-editor .ui-icon-close {}
.ui-widget-header{
    background: none;
    border: none;
}

.userColumn{
    font-size: 90%;
}

td.userColumn-center{
    font-size: 90%;
    text-align: center;
}

.ui-button-icon-only .ui-button-text {
    padding: 0px;
}