.visible {
    opacity: 1.0;
}

.expanding {
    width: 100%;
    height: 100%;
}

.colorFemale {
    color: #ea0a8e;
}

.colorMale {
    color: #00a0d1;
}

.colorUnknowSex {
    color: #f0ad4e;
}

.tableWrapper {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 15px 0 0;
}

.tableInner {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.sectionTable {
    width: 100%;
    margin: 0 0 0 -1px;
    border-collapse: collapse;
}

.sectionTable > thead > tr > th {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-family: arial;
    font-size: 10px;
    background-color: #fefefe;
    font-weight: normal;
    white-space: nowrap;
    max-width: 300px;
}

.sectionTable > thead > tr > th > p {
    position: absolute;
    top: 0px;
    color: #aaa;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
    min-width: 40px;
}

.sectionTable > tbody > tr > td {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
    max-height: 50px;
    white-space: nowrap;
}

.sectionTable > tbody > tr > td > span {
    text-align: left;
    text-overflow: ellipsis;
    max-width: 300px;
}

.sectionTable > tbody > tr.rowActive > td {
}

.breakable {
    word-break: keep-all;
    white-space: pre-line;
    text-overflow: ellipsis;
}

.actionIcon {
    font-size: 20px;
}

.tableColDisplay {
    min-width: 10px;
}

.sectionTable th.actionButton {
    text-align: center;
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    color: #838383;
}

.sectionTable td.actionButton {
    text-align: center;
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    color: #838383;
}

.actionButton {
    font-size: 24px;
    color: #838383;
    position: relative;
}

.none {
    color: #ccc;
}

.neutral {
    color: #0062A0;
}

.done {
    color: #00751B;
}

.warn {
    color: #ED0000;
}

.star {
    color: #FFD24D;
}

.actionIconMedium {
    font-size: 16px;
    color: black;
}

.actionButtonMedium:hover .actionIconMedium {
    /*color:white;*/
    transition: color 0.25s;
    cursor: pointer;
}

.statusButtonText {
    position: absolute;
    font-size: 9px;
    z-index: 10;
    background-color: #00751B;
    padding: .1em .2em;
    border-radius: 4px;
    margin-left: 20px;
    margin-top: 18px;
}

.statusButtonTextLeft {
    position: absolute;
    font-size: 9px;
    z-index: 10;
    padding: .1em .2em;
    border-radius: 4px;
    margin-left: 0px;
    margin-top: 18px;
}

.statusButtonTextGray {
    background-color: #636363;
}

.statusButtonTextBlue {
    background-color: #2292a7;
}

.imagesStatusButtonSeen {
    position: absolute;
    font-size: 9px;
    z-index: 10;
    background-color: #ff3333;
    padding: .1em .2em;
    border-radius: 4px;
    margin-left: 20px;
    margin-top: 18px;
}

.imagesStatusButtonCount {
    position: absolute;
    font-size: 9px;
    z-index: 10;
    background-color: #00a0d1;
    padding: .1em .2em;
    border-radius: 4px;
    margin-left: -5px;
    margin-top: 18px;
}

.imagesStatusButtonSeen.archive {
    margin-left: 25px;
    margin-top: 25px;
}

.imagesStatusButtonCount.archive {
    margin-left: -7px;
    margin-top: 25px;
}

.statusText {
    color: white;
}

.statusButton {
    position: absolute;
    padding-left: 16px;
    padding-top: 16px;
    font-size: 12px;
    z-index: 10;
    min-width: 12px;
    max-width: 12px;
    width: 12px;
}

.iconSmallRotate {
    -webkit-animation: animRotate 2s infinite ease;
    -moz-animation: animRotate 2s infinite ease;
    -o-animation: animRotate 2s infinite ease;
    position: absolute;
}

.iconRotate {
    -webkit-animation: animRotate 2s infinite ease;
    -moz-animation: animRotate 2s infinite ease;
    -o-animation: animRotate 2s infinite ease;
}

.statusIcon {
    color: #00751B;
}

.statusIconSuccess, .statusIconSuccess:before {
    color: #40A800;
}

.label-success {
    background-color: #40A800;
}

.statusIconDanger, .statusIconDanger:before {
    color: #ef4423;
}

.statusIconWarning, .statusIconWarning:before {
    color: #ff8700;
}

.label-warning {
    background-color: #ff8700;
}

.statusIconInfo, .statusIconInfo:before {
    color: #00a0d1;
}

.statusIconBlack {
    color: #000000;
}

.actionButton:hover {
    cursor: pointer;
}

.actionButton:hover .actionIcon {
    color: black;
    transition: color 0.25s;
}

.actionButton:hover .none {
    color: #ccc;
    cursor: default;
}

.actionButtonSmall {
    color: #ddd;
    padding: .6em .5em;
}

.actionIconSmall {
    font-size: 12px;
}

.actionButtonSmall:hover .actionIconSmall {
    color: white;
    transition: color 0.25s;
    cursor: pointer;
}

.icon-text-box {
    white-space: nowrap;
    display: inline-block;
    font-size: 8px;
    /*padding:.6em .5em;
    position:relative;*/
}

.action-icon-titlebar {
    font-size: 16px;
}

.actionButtonSmall:hover .action-icon-titlebar {
    color: white;
    transition: color 0.25s;
    cursor: pointer;
}

.row-start {
    width: 14px;
    min-width: 14px;
    max-width: 14px;
}

.row-start:hover {
    /*background-color:blue;*/
}

.actionButtonMedium {
    color: #ddd;
    text-align: center;
    width: 32px;
    max-width: 32px;
    min-width: 32px;
}

.sectionTable > tbody > tr:nth-child(odd).noBackground, .sectionTable > tbody > tr:nth-child(odd):hover.noBackground {
    background-color: rgba(0, 0, 0, 0.0);
}

.sectionTable > tbody > tr:nth-child(even).noBackground, .sectionTable > tbody > tr:nth-child(even):hover.noBackground {
    background-color: rgba(0, 0, 0, 0.0);
}

.sectionTable > tbody > tr:nth-child(odd):hover td, .sectionTable > tbody > tr:nth-child(even):hover td {
    background-color: #D8ECEC;
    transition: background-color 0.25s;
}

.sectionTable > tbody > tr:nth-child(odd) {
    background-color: #eee;
}

.sectionTable > tbody > tr:nth-child(even) {
    background-color: #fff;
}

.sectionTable > tbody > tr:nth-child(odd).rowActive, .sectionTable > tbody > tr:nth-child(even).rowActive {
    background-color: #CFE0F1;
    transition: background-color 0.25s;
}

.sectionTable > tbody > tr:nth-child(odd).rowActive:hover td, .sectionTable > tbody > tr:nth-child(even).rowActive:hover td {
    background-color: #D8ECEC;
    transition: background-color 0.25s;
}

/*.sectionTable > tbody > tr:nth-child(odd).rowSelected, .sectionTable > tbody > tr:nth-child(even).rowSelected {
        background-color: #CFE0F1;
        transition: background-color 0.25s;
}*/

/*.sectionTable > tbody > tr:nth-child(odd).rowSelected, .sectionTable > tbody > tr:nth-child(even).rowSelected {
        background-color: #CFE0F1;
        transition: background-color 0.25s;
}*/

.smallTextTable {
    font-size: 10px;
}

.selectedItem {
    background-color: #D8ECEC;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}

/* table v2 */

.tablev2Table > tbody > tr {
    border-top: 1px solid transparent;
}

.tablev2Table > tbody > tr:nth-child(odd):hover td,
.tablev2Table > tbody > tr:nth-child(even):hover td {
    border-top: 1px solid #004b63 !important;
    border-bottom: 1px solid #004b63 !important;
}

.tablev2Table > tbody > tr:nth-child(odd) {
    background-color: #eee;
    color: #004B63;
}

.tablev2Table > tbody > tr:nth-child(even) {
    background-color: #fff;
    color: #004B63;
}

.tablev2Table > tbody > tr.rowLowerPriority,
.tablev2Table > tbody > tr.rowLowerPriority:hover {
    background-color: #d0fdd1 !important;
}

.tablev2Table > tbody > tr.rowLowPriority,
.tablev2Table > tbody > tr.rowLowPriority:hover {
    background-color: #cce5ea !important;
}

.tablev2Table > tbody > tr.rowHighPriority {
    background-color: #ecc58cd1 !important;
}

.tablev2Table > tbody > tr.rowHighPriority:hover {
    background-color: #efd3abd1 !important;
}

.tablev2Table > tbody > tr.rowHigherPriority {
    background-color: #eab7b7 !important;
}

.tablev2Table > tbody > tr.rowActive {
    border-top: 2px solid #004b63 !important;
    border-bottom: 2px solid #004b63 !important;
}

.tablev2Table td[id^="worklistIcon-priority"] {
    text-align: center;
}

.tablev2Table span.icon-normal-priority {
    color: #aaaaaa !important;
    font-size: .7em !important;
}


.tablev2Section {
    position: relative;
    width: 100%;
    float: left;
    padding: 10px 0 0;
}

.tablev2Section.positioned {
    position: absolute;
}

.tablev2Container {
    overflow-y: auto;
    overflow-x: hidden;
}

.tablev2Table {
    width: 100%;
    margin: 0 0 0 -1px;
    border-collapse: collapse;
}

.tablev2Table > thead > tr > th {
    height: 20px;
    line-height: normal;
    padding-top: 0;
    padding-bottom: 10;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: arial;
    font-size: 12px;
    background-color: #004b63;
    font-weight: lighter;
    white-space: nowrap;
    color: #fff;
    line-height: normal;
    top: 0;
    text-align: center;

}

.tablev2Table > thead > tr > th > div {
    position: absolute;
    color: #aaa;
    top: 0;
    line-height: normal;
    color: #aaa;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tablev2Table > tbody > tr > td {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 50px;
    white-space: nowrap;
    color: #004B63;
}

.tablev2Table > tbody > tr > td > span {
    text-align: left;
    text-overflow: ellipsis;
}

.tablev2ThShort {
    width: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
    margin-top: 8px;
}

.table-hover > tbody > tr:hover > td {
    background-color: #dcead8 !important;
}

.table-hover > tbody > tr.selected:hover > td {
    background-color: #d24d1e !important;
    color: #fff !important;
}

.table-hover > tbody > tr.selected > td {
    background-color: #d0643e !important;
    color: #fff !important;
}

.table-hover > thead > tr > th {
    height: 20px;
    line-height: normal;
    padding-top: 5;
    padding-bottom: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: arial;
    font-size: 12px;
    background-color: #004b63;
    font-weight: lighter;
    white-space: nowrap;
    color: #fff;
    line-height: normal;
    top: 0;
    text-align: left;
}

table.dataTable thead tr th.sorting_asc {
    background-image: url("../images/sort_asc.png");
}

table.dataTable thead tr th.sorting_desc {
    background-image: url("../images/sort_desc.png");
}

/* table leaf collection public  */

.tableLeafPublic > tbody > tr:nth-child(odd).noBackground, .tableLeafPublic > tbody > tr:nth-child(even):hover.noBackground {
    background-color: rgba(0, 0, 0, 0.0);
}

.tableLeafPublic > tbody > tr:nth-child(odd):hover td, .tableLeafPublic > tbody > tr:nth-child(even):hover td {
    background-color: #D8ECEC;
    transition: background-color 0.25s;
}

.tableLeafPublic > tbody > tr:nth-child(odd).rowActive, .tableLeafPublic > tbody > tr:nth-child(even).rowActive {
    background-color: #CFE0F1;
    transition: background-color 0.25s;
}

.tableLeafPublic > tbody > tr:nth-child(odd) {
    background-color: #b9b9b9;
}

.tableLeafPublic > tbody > tr:nth-child(even) {
    background-color: #939393;
}

.tableLeafPublic > thead > tr > th {
    height: 20px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #004b63;
    font-weight: lighter;
    white-space: nowrap;
    color: #fff;
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7;
    color: black;
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    color: black;
}

.modal-content-panel .panel {
    color: black !important;
}

.modal-content-panel .panel label {
    color: black !important;
}

.table-invoice tbody td {
    padding: 4px 5px;
}