.table-dark.table-hover .po2-table-tbody .po2-table-tr:hover {
    /*background-color: rgba(39, 204, 188, 0.2);*/
    background-color: #c1e1de;
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #323232;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #4d4d4d;
    color: #29d2c2;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background:            #f8f9fa;
    background-image:      initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size:       initial;
    background-repeat-x:   initial;
    background-repeat-y:   initial;
    background-attachment: initial;
    background-origin:     initial;
    background-clip:       initial;
    background-color:      #5d5d5d;
    cursor:                pointer;
    color: #1a1a1a;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #f8f9fa;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #5d5d5d;
    color: #1a1a1a;
}

.bootstrap-datetimepicker-widget table td span:hover, .bootstrap-datetimepicker-widget table td i:hover {
    background: #f8f9fa;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #5d5d5d;
    color: #1a1a1a;
}

.bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table td i.active {
    background-color: #4d4d4d;
    color: #1a1a1a;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}


/* ==========================================================================
   Grid01
   ========================================================================== */

.po2-table-display-inherit {
    display: inherit !important;
}

.po2-table-body {
    overflow:                   auto;
    margin-bottom:              5px;
    /*border-radius: 20px;*/
    border-top-right-radius:    20px;
    border-bottom-right-radius: 20px;
    min-width:                  230px;
}

.po2-table-body-container {
    border-radius: 20px;
}

.po2-table-body-container.subtable {
    border-radius: 0 20px 20px 20px;
}

.po2-table {
    /*border-radius: 20px;*/
    background-color: #323232;
}

.po2-table.no-focus {
    opacity: 0.5;
}

.po2-table-paging {
}

.po2-table-paging-hide {
    display: none;
}

.po2-table-row-editmode {
    background-color: #8d8d8d !important;
}


/* ------------------------------------------- filter ------------------------------------------ */

.po2-table-functions-icons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.po2-table-functions-icon {
    margin-right: 5px;
}

.po2-table-functions-icon-refresh {
    margin-right: 5px;
    -webkit-animation: roll-180-0 1s;
    animation:         roll-180-0 1s;
    -webkit-transform: rotate(0);
    transform:         rotate(0);
}

.po2-table-functions-icon-refresh:hover {
    margin-right: 5px;
    -webkit-animation: roll-0-180 1s;
    animation:         roll-0-180 1s;
    -webkit-transform: rotate(180deg);
    transform:         rotate(180deg);
}

.po2-table-functions-icon-filter-collapsed {
    margin-right: 5px;
    -webkit-animation: roll-180-0 1s;
    animation:         roll-180-0 1s;
    -webkit-transform: rotate(0);
    transform:         rotate(0);
}

.po2-table-functions-icon-filter-expanded {
    margin-right: 5px;
    -webkit-animation: roll-0-180 1s;
    animation:         roll-0-180 1s;
    -webkit-transform: rotate(180deg);
    transform:         rotate(180deg);
}

/*.po2-table-functions-icon-filter-collapsed {*/
/*    margin-right: 5px;*/
/*    -webkit-animation: po2-table-functions-icon-filter-expanded-kf-360-0 0.3s ease-in-out;*/
/*    -moz-animation:    po2-table-functions-icon-filter-expanded-kf-360-0 0.3s ease-in-out;*/
/*    animation:         po2-table-functions-icon-filter-expanded-kf-360-0 0.3s ease-in-out;*/
/*}*/
/**/
/*.po2-table-functions-icon-filter-expanded {*/
/*    margin-right: 5px;*/
/*    -webkit-animation: po2-table-functions-icon-filter-expanded-kf-0-360 0.3s ease-in-out;*/
/*    -moz-animation:    po2-table-functions-icon-filter-expanded-kf-0-360 0.3s ease-in-out;*/
/*    animation:         po2-table-functions-icon-filter-expanded-kf-0-360 0.3s ease-in-out;*/
/*}*/
/**/
/*@-webkit-keyframes po2-table-functions-icon-filter-expanded-kf-0-360 {*/
/*    0% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(360deg);*/
/*    }*/
/*}*/
/**/
/*@-moz-keyframes po2-table-functions-icon-filter-expanded-kf-0-360 {*/
/*    0% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(360deg);*/
/*    }*/
/*}*/
/**/
/*@keyframes po2-table-functions-icon-filter-expanded-kf-0-360 {*/
/*    0% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(360deg);*/
/*    }*/
/*}*/
/**/
/*@-webkit-keyframes po2-table-functions-icon-filter-expanded-kf-360-0 {*/
/*    0% {*/
/*        transform: rotate(360deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/*}*/
/**/
/*@-moz-keyframes po2-table-functions-icon-filter-expanded-kf-360-0 {*/
/*    0% {*/
/*        transform: rotate(360deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/*}*/
/**/
/*@keyframes po2-table-functions-icon-filter-expanded-kf-360-0 {*/
/*    0% {*/
/*        transform: rotate(360deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/*}*/

.po2-table-functions-icon-filter-container {
    padding: 0;
    margin-bottom: 50px;
}

.po2-table-functions-icon-filter-button {
    margin-top: 10px;
    width: 200px;
}



/* ------------------------------------------- table ------------------------------------------- */

.po2-table .po2-table-thead .po2-table-th,
.po2-table .po2-table-thead .po2-table-tr {
    white-space: nowrap;
}

.po2-table .po2-table-tr {
    background-color: #adb5bd;
}

.po2-table .po2-table-tr.active {
    background-color: #27ccbc;
}

.table-dark.table-hover .po2-table-tbody .po2-table-tr.active:hover {
    background-color: #27ccbc;
}

.po2-table-header {
    /*background-color: #27ccbc;*/
}

.po2-table-header-control {
}

.po2-table-header-control.insert {
    background-color: #ff454c;
}

/* generell alle zeilen links */
.po2-table .po2-table-tr .po2-table-th,
.po2-table .po2-table-tr .po2-table-td {
    border: 1px solid #c2ccd6;
}

/* erste zeile */
.po2-table .po2-table-thead .po2-table-tr:first-child .po2-table-th,
.po2-table .po2-table-thead .po2-table-tr:first-child .po2-table-td {
    border-top:       0;
    /*background-color: #adb5bd;*/
    background-color: #27ccbc;
}

/* oberste zeile links */
.po2-table .po2-table-thead .po2-table-tr:first-child .po2-table-th:first-child,
.po2-table .po2-table-thead .po2-table-tr:first-child .po2-table-td:first-child {
    border-top-left-radius: 20px;
    border-left:            0;
    /*border-bottom: 1px solid #c2ccd6;*/
}

/* oberste zeile links */
.po2-table .po2-table-thead .po2-table-tr:first-child .po2-table-th.subtable:first-child {
    border-top-left-radius: 0;
    border-left:            0;
    /*border-bottom: 1px solid #c2ccd6;*/
}

/* oberste zeile rechts */
.po2-table .po2-table-thead .po2-table-tr:first-child .po2-table-th:last-child,
.po2-table .po2-table-thead .po2-table-tr:first-child .po2-table-td:last-child {
    border-top-right-radius: 20px;
    border-right:            0;
}

/* generell alle zeilen links */
.po2-table .po2-table-tr .po2-table-th:first-child,
.po2-table .po2-table-tr .po2-table-td:first-child {
    border-left: 0;
    /*border-right: 1px solid #c2ccd6;*/
}

/* generell alle zeilen rechts */
.po2-table .po2-table-tr .po2-table-th:last-child,
.po2-table .po2-table-tr .po2-table-td:last-child {
    /*border-left: 1px solid #c2ccd6;*/
    border-right: 0;
}

/* letzte zeile */
.po2-table .po2-table-tr:last-child .po2-table-th,
.po2-table .po2-table-tr:last-child .po2-table-td {
    border-bottom: 0;
}

/* unterste zeile links */
.po2-table .po2-table-tbody .po2-table-tr:last-child .po2-table-th:first-child,
.po2-table .po2-table-tbody .po2-table-tr:last-child .po2-table-td:first-child {
    border-bottom-left-radius: 20px;
    border-left:               0;
    /*border-bottom: 1px solid #c2ccd6;*/
}

/* unterste zeile rechts */
.po2-table .po2-table-tbody .po2-table-tr:last-child .po2-table-th:last-child,
.po2-table .po2-table-tbody .po2-table-tr:last-child .po2-table-td:last-child {
    border-bottom-right-radius: 20px;
    border-right:               0;
}

.po2-table-td.hide {
    display: none;
}

.po2-table-th.hide {
    display: none;
}

.po2-table-th-label {
    display: inline;
}

.po2-table-th-filter-icon {
    display: none;
    width:   20px;
    height:  20px;
    float:   right;
}

.po2-table-th-filter-icon.asc.visible {
    display: inline;
}

.po2-table-th-filter-icon.desc.visible {
    display: inline;
}

.po2-table-td.empty {
    text-align: center;
}

.po2-search-input {
    width: 100%;
}

.po2-table-edit-field-input:disabled {
    background-color: #8d8d8d;
    /*color:            #3a3a3a;*/
    cursor:           default;
    border-color:     #8d8d8d;
    border-style:     none;
}

/* ------------------------------------------- paging ------------------------------------------- */
.po2-table-body .page-link {
    color: #1a1a1a;
}

/* ------------------------------------------- fields ------------------------------------------- */
.po2-table-field {
    white-space: nowrap;
}

.po2-table-field.textarea {
    white-space: normal;
}

.po2-table-filter-field {
}

.po2-table-filter-field-input {
    width: 100%;
}

.po2-table-ext-field-icon {
    display: inline;
}

.po2-table-ext-field-icon-img {
    width:  20px;
    height: 20px;
}

.po2-table-ext-field-body {
    display: inline;
}

.po2-table-ext-field-body-a {
    display: inline;
}

.po2-table-edit-field-input {
    position: relative;
    width:    100%;
}

.po2-table-edit-field-input.gInputData.error {
    min-width:   300px;
    white-space: normal;
}

.page-link.select {
    height:           34px;
    background-color: #51ddd0;
}
/* ==========================================================================
   Grid01
   ========================================================================== */

.po2-form {
    width: 100%;
}

.po2-form-undo-icon {
    height:   0;
    position: relative;
    top:      -30px;
    left:     -38px;
    display:  none;
}

.po2-form-undo-icon.po2-form-hasChanges {
    display: block;
}

.po2-variables-nav-variablegroups-button.active.po2-form-hasChanges {
    background-color: #5d5d5d !important;
}

.po2-form-input {
    min-width: 400px;
}

.po2-form-input::placeholder {
    color: #323232;
    opacity: 1; /* Firefox */
}

.po2-form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #323232;
}

.po2-form-input::-ms-input-placeholder { /* Microsoft Edge */
    color: #323232;
}

.po2-form-input-checkbox {
    width:    100%;
    /*margin:   20px 100px;*/
    position: relative;
}

.po2-form-input-checkbox input {
    opacity: 0;
}

.po2-form-input-checkbox-input-body {
    height: 30px;
}

.po2-form-input-checkbox label {
    cursor:   pointer;
    position: absolute;
    width:    30px;
    height:   30px;
    top:      30px;
    left:     0;
    /*background: #eee;*/
    border:   1px solid rgba(39, 204, 188, 0.21);
}

.po2-form-input-checkbox label:after {
    opacity:      0.2;
    content:      '';
    position:     absolute;
    width:        25px;
    height:       15px;
    background:   transparent;
    top:          4px;
    left:         2px;
    border:       6px solid #27ccbc;
    border-top:   none;
    border-right: none;
    transform:    rotate(-50deg);
}

.po2-form-input-checkbox label:hover::after {
    opacity: 0.5;
}

.po2-form-input-checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.po2-form-input-down-icon {
    display: inline-flex;
    height:  40px;
}

.po2-form-input-down-icon-img {
    height: 35px;
}

.po2-form-input-field-filename {
    display: inline-flex;
}

.po2-form-input-container {
    width:    40px;
    height:   40px;
    overflow: hidden;
    position: absolute;
    cursor:   pointer;
}

.po2-form-input.file {
    opacity: 0;
    cursor:  pointer;
    height:  50px;
    width:   50px;
}

.po2-form-input-field {
    display: inline-flex;
}