/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
   Globale Einstellungen
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: Arial;
    font-size: small;
    background: white;
    margin-bottom: 60px;
}

img {
    border: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
   Universalheader für alle Seiten
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.navbar-nav > .active > a {
    opacity: .6;
}

.navbar-inverse {
    background: #555555;
}

table.header_table {
    width: 100%;
}

.userinfo {
    padding-right: 30px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.footer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
   Buttons
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.btn-standard {
    border-radius: .25rem !important;
}

.btn-blue {
    background: #00497b;
    color: #ffffff;
}

.btn-blue:hover {
    background: #005e9f;
    color: #ffffff;
}

.btn-green {
    background: #007b49;
    color: #ffffff;
}

.btn-green:hover {
    background: #009f5e;
    color: #ffffff;
}


.btn-status-green {
    background: #006f3c !important;
    color: lightgray !important;
    font-size: smaller !important;
    opacity: 1 !important;
}

.btn-status-red {
    background: #bf212f !important;
    color: lightgray !important;
    font-size: smaller !important;
    opacity: 1 !important;
}

.btn-status-yellow {
    background: #f9a73e !important;
    color: black !important;
    font-size: smaller !important;
    opacity: 1 !important;
}

.btn-status-orange {
    background: #dd7016 !important;
    color: black !important;
    font-size: smaller !important;
    opacity: 1 !important;
}

.btn-status-blue {
    background: #264b96 !important;
    color: lightgray !important;
    font-size: smaller !important;
    opacity: 1 !important;
}

.btn-status-grey {
    background: #dadada !important;
    color: black !important;
    font-size: smaller !important;
    opacity: 1 !important;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
   Anmeldeseite
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#logon {
    background-color: transparent;
    font-size: medium;
    width: 100%;
    position: absolute;
    top: 3%;
    left: 0%;
    padding: 20px;
    overflow: auto;
    text-align: center;
    font-family: Arial;
    background-repeat: no-repeat;
}

table.logon_table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: small;
}

    table.logon_table td {
        width: 50%
    }

.blur {
    border: 1px transparent;
    outline: none;
}

.blurlogon {
    border: 1px solid #cccccc;
    outline: none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vbottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.vpadtop {
    padding-top: 20px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
  Devexpress Gridview
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important;
}

.table page-item active {
    background-color: #f00 !important;
}

.panel-top {
    padding-bottom: 5px;
}

.table th a {
    color: #000;
}

.panel-top input {
    font-size: small !important;
}

.btn-link {
    color: #000;
}

    .btn-link hover {
        color: #000;
    }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
   Anpassungen für DevExpress
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.form-control {
    font-size: 13px;
    color: #000;
}

.dropdown-item {
    font-size: 13px;
}

.card-header {
    font-weight: bold;
}

.dxrd-preview .dxrd-right-panel-collapse, .dxrd-preview .dxrd-right-panel, .dxrd-preview .dxrd-right-tabs {
    display: none
}

.delicon {
    color:#000 !important;
}

.delicon-orange {
    color: #ffa500 !important;
}

.delicon-red {
    color: #ff0000 !important;
}

.delicon-yellow {
    color: #ffff00 !important;
}

.delicon-green {
    color: #008000 !important;
}

.transparent {
    background-color: transparent !important;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
   Seitenlock für Bearbeitungszeit
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    padding-top: 20%;
    filter: alpha(opacity=90);
    opacity: 0.03;
}