.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;
    padding-top: 10px;
    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:#eee;
}

.tableLeafPublic > tbody > tr:nth-child(even) {
	background-color:#fff;
}
.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;
}