/* 
    Created on : 05.10.2019, 11:42:00
    Author     : Ralf
*/

/* =============================================================
   GENERAL STYLES
 ============================================================ */

body {
    font-family: Tahoma, Verdana, sans-serif  !important;
    font-size:12px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    margin: 0;
}

h1,h2,h3,h4 {
    font-family: 'Open Sans', sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    margin: 10px 20px;
}

.h2 {
    font-size: 23px;
    margin-left: 10px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h5, .h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}

.intelli {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    margin-right: 40px;
}

.ui-paginator, .ui-paginator span {
    text-align: left !important;
    padding-left: 5px !important;
    background-color: #FFC900 !important;
    color: #333 !important;
    border-top: 0px solid #c8c8c8 !important;
}

.ui-paginator, .ui-paginator span {
    margin-top: -3px !important;
}

.ui-datatable-header {
    background-color: #FFC900 !important;
    border-bottom: 0px solid #c8c8c8 !important;
    line-height: 0.429 !important;
}

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: #acb0b3;
    color: #333 !important;
}

.ui-column-filter{
     display: none !important;
}

.ui-g {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
    float: left;
    box-sizing: border-box;
    padding: 0.0em;
}

.ui-h-1 {
    float: left;
    box-sizing: border-box;
    padding: 0.15em;
    display: flex;
}

.ui-h-2, .ui-h-3, .ui-h-4, .ui-h-5, .ui-h-6, .ui-h-7, .ui-h-8, .ui-h-9, .ui-h-10, .ui-h-11, .ui-h-12 {
    float: left;
    box-sizing: border-box;
    padding: 0.15em;
    display: inline-grid;
}

.ui-h-1 input[type=checkbox], .ui-h-2 input[type=checkbox], .ui-h-3 input[type=checkbox], .ui-h-4 input[type=checkbox] {
    min-height: 6.8mm;
    margin-top: -2px;
}

.ui-outputlabel {
    align-items: center;
    display: flex;
}

.ui-g-1, .ui-h-1 {
    width: 8.33333333%;
}

.ui-g-2, .ui-h-2 {
    width: 16.66666667%;
}

.ui-g-3, .ui-h-3 {
    width: 25%;
}

.ui-g-4, .ui-h-4 {
    width: 33.33333333%;
}

.ui-g-5, .ui-h-5 {
    width: 41.66666667%;
}

.ui-g-6, .ui-h-6 {
    width: 50%;
}

.ui-g-7, .ui-h-7 {
    width: 58.33333333%;
}

.ui-g-8, .ui-h-8 {
    width: 66.66666667%;
}

.ui-g-9, .ui-h-9 {
    width: 75%;
}

.ui-g-10, .ui-h-10 {
    width: 83.33333333%;
}

.ui-g-11, .ui-h-11 {
    width: 91.66666667%;
}

.ui-g-12, .ui-h-12 {
    width: 100%;
}

.ui-dialog-titlebar, .ui-dialog-titlebar .ui-icon {
    visibility: hidden !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
}

.ui-tabs .ui-tabs-nav a {
    color: #333 !important;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-header {
    list-style: none !important;
    position: static !important;
    margin: 0 0.214em 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    display: inline-block !important;
    vertical-align: top !important;
    float: none !important;
    padding: 0 !important;
    border: 1px solid #c8c8c8 !important;
    border-bottom-color: rgb(200, 200, 200) !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    background-color: #f4f4f4 !important;
    font-weight: 700 !important;
    top: 0 !important;
    -moz-transition: background-color 0.3s !important;
    -o-transition: background-color 0.3s !important;
    -webkit-transition: background-color 0.3s !important;
    transition: background-color 0.3s !important;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none !important;
    float: left !important;
    position: relative !important;
    margin: 0 .2em 0px 0 !important;
    padding: 0px !important;
    white-space: nowrap !important;
    background-color: #E0E0E0;
    border: 1px solid #A8A8A8;
}

.ui-state-active {
    background-color: #fff !important;
    border: 1px solid #c8c8c8 !important;
    border-bottom: 1px solid #fff !important;
}

.ui-corner-top, .ui-corner-all, .ui-inputfield, .ui-corner-bottom {
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.ui-panel-content {
    border-top-color: rgb(200, 200, 200) !important;
    border-top-style: solid !important;
    border-top-width: 1px !important;
    padding: 1.571em 1em !important;
}

.ui-button {
    background-color: #959b9f !important;
    border: 1px solid #959b9f !important;
    border-radius: 0px !important;
}

.ui-datatable tbody td {
    padding: 0px 0px 0px 8px !important;
}

.ui-datatable thead th {
    background-color: #F2F1EE !important;
}

.ui-panel-titlebar {
    background-color: #FFC900 !important;
}

.ui-toolbar {
    background-color: #f2f1ee !important;
}

.ui-selectonemenu {
    width: 100% !important;
    min-width: 150px !important;
}

.head {
    text-align: left;
    background-color: #F2F2F2;
    font-size: 8pt;
    padding: 4px 0px 0px 5px;
    margin-bottom: 5px;
    min-height: 15px;
    vertical-align: middle;
    border-right: solid 1px #ccc;
}

.data {
    font-size: 8pt;
    font-weight: bold;
    padding: 0px 0px 0px 5px;
    margin-bottom: 5px;
    min-height: 25px;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.selectBox {
    padding: .429em 0;
    border: 1px solid #a6a6a6;
    outline: 0 none;
    font-size: 1em;
}

.paneltop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 20px;
}

.infodelete {
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: 10px;
    font-size: large;
}

.panelbutton, .buttondelete {
    margin: 2px;
}

.buttondelete {
    margin: 0 10px 10px 10px;
    display: flex;
    justify-content: space-between;
}

.panelbutton {
    border: 1px solid #A8A8A8;
    background-color: #F0F0F0;
    display: inline-block;
}

.import {
    border: 0;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
}

.panelbuttonpanel {
    padding: 0 !important;
}

.panelbuttonpanel .ui-panel-content {
    padding: 0 !important;
}

.panelbutton button, .buttondelete button{
    color: #333 !important;
    background-color: #F0F0F0 !important;
}

.panelbutton button{
    margin-right: 0px !important;
    border: 1px solid #F0F0F0 !important;
}

.panelbutton button:hover, .buttondelete button:hover {
    background-color: #CBCBCB !important;
    border: 0.1em solid #A8A8A8 !important;
}

.panelbutton button:focus, .buttondelete button:focus {
    outline: 0px !important;
    outline-offset: 0px  !important;
}

.funktionbutton button {
    background-color: #E0E0E0;
    color: #333 !important;
    border: 1px solid #c8c8c8 !important;
    border-bottom: 1px solid #fff !important;
    margin: 0 .2em 0px 0 !important;
    padding: 0px !important;
    white-space: nowrap !important;
}

.funktionbutton button:focus, .funktionbutton button:active {
    background-color: #fff !important;
}

.loginContent {
    font-size: 20px;
    padding-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.loginBox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginUser, .loginPass {
    padding: 20px;
    
}

.loginButton {
    margin-top: 10px;
}

.loginButton button {
    font-size: 14px !important;
}

.loginIMG {
    float: right;
}

.menuBox {
    padding: 0px 30px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.contentBox {
    padding: 0px 30px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.contentFlex {
    display: inline-flex;
}

.paneldis {
    display: inline-block;
    min-height: 0px;
}

.search-button {
    margin-left: -4px !important;
    margin-right: 15px !important;
    overflow: hidden !important;
}

.waitLoader {
    text-align: left;
    background: #fff;
    max-width: 30%;
}

.waitLoader image, .waitLoader img {
    text-align: center;
    width: 40px;
}

.loaderMsg img {;
    padding-right: 10px
}

.loader {
    vertical-align: middle;
}

.loaderError {
    color: #C52D23;
}

.loaderMsg {
    position: relative;
    padding: 25px 15px 15px 15px;
    display: flex;
    font-weight: bold;
}

.loaderHeader {
    padding-top: 25px;
}