tr.deleted-row
{

    background-color: rgba(255, 127, 80, 0.3) !important;
    opacity: 0.5;
}


td.center
{
    text-align:         center;
}

td.textright
{
    text-align:         right;
}

td.options
{
    width:25px;
    text-align:center;
}

td.options .content-checkbox
{
    position:relative;
    top:-2px;
    left:5px;
}

td.options .content-checkbox-stand-alone
{
    left:14px;
}

div.pagination .first
{
    background:        url( /skins/base/images/first.png ) no-repeat top left
}

a.right
{
    background:         url( /skins/base/images/next.png ) no-repeat
}

div.pagination .next, .transfert-right
{
    background:        url( /skins/base/images/next.png ) no-repeat top left
}

a.left
{
    background:         url( /skins/base/images/previous.png ) no-repeat
}

div.pagination .previous, .transfert-left
{
    background:        url( /skins/base/images/previous.png ) no-repeat top left
}

div.pagination .last
{
    background:        url( /skins/base/images/last.png ) no-repeat top left
}

/* Pagination Begin */

div.pagination
{
    clear:              both;
    width:              auto;
    padding:            0;
    margin:             0;
    border:             none;
    height: 30px;
}

.pagination-current
{
    color: 				#000000;
    font-weight:        bold;
    text-decoration:    underline;
}

div.pagination .first,
div.pagination .previous,
div.pagination .next,
div.pagination .last,
.transfert-right,
.transfert-left
{
    width:              16px;
    height:             14px;
    display:            block;
    position:           relative;
    top:                1px;
}

div.pagination .first
{
    background:         url( /skins/base/images/first.png ) no-repeat	top left;
}

a.right
{
    background:         url( /skins/base/images/next.png ) no-repeat;
}

div.pagination .next, .transfert-right
{
    background:         url( /skins/base/images/next.png ) no-repeat top left;
}

a.left
{
    background:         url( /skins/base/images/previous.png ) no-repeat;
}

div.pagination .previous, .transfert-left
{
    background:         url( /skins/base/images/previous.png ) no-repeat top left;
}

div.pagination .last
{
    background:         url( /skins/base/images/last.png ) no-repeat top left;
}

a.order span.order-span-anchor{
    text-decoration: underline;
}

a.order.order-none::after{
    content: "\A▼";
    white-space: pre; /* or pre-wrap */
    visibility: hidden;
    font-size: 10px;
    line-height: 8px;
}

a.order.order-none:hover::after{
    visibility: visible;
}

a.order.order-desc::after{
    content: "\A▼";
    white-space: pre; /* or pre-wrap */
    font-size: 10px;
    line-height: 8px;
}

a.order.order-desc:hover::after{
    visibility: hidden;
}

a.order.order-asc::after{
    content: "\A▲";
    white-space: pre; /* or pre-wrap */
    font-size: 10px;
    line-height: 8px;
}

a.order.order-asc:hover::after{
    content: "\A▼";
}

td.validation-button{
    white-space: nowrap;
}

.styled-table {
    border-collapse: collapse;
    margin: 0px auto;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    line-height: 18px;
    width: 98%;
}

.styled-table thead {
    border-bottom: 2px solid #797979;
}

.styled-table thead tr {
    background-color: #60c0cd4f;
    color: #ffffff;
    text-align: left;
}

.styled-table td {
    padding: 1px 3px;
}
.styled-table th{
    text-align: center;
    vertical-align: top;
    padding: 3px 3px 1px 3px;
}

.styled-table.styled-table-left th {
    text-align: left;
}

.styled-table th.center{
    text-align: center;
}

.styled-table th.textright {
    text-align: right;
}

.styled-table th a, .styled-table th{
    color: black;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #60c0cd;
}


.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #60c0cd;
}

.styled-table tbody tr:hover {
    background-color: rgba(204, 204, 204, 0.5);
}
/*
.styled-table .slip-badge {
    width: 100%;
    display: inline-block;
    padding: .25em .4em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
*/

.styled-table .slip-badge,
.styled-table .sh-role-badge,
.styled-table .project-badge,
.styled-table .hq-doc-badge,
.styled-table .reporting-badge {
    font-size:12px;
    display: block;
    padding: 7px 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    min-width: 110px;
    margin: 0px 0px;
    position: relative;
}

.styled-table .slip-badge {
    white-space: normal;
}

.styled-table .hq-doc-badge {
    margin-top:5px;
}

.styled-table .sh-role-badge-confirmed,
.styled-table .slip-badge-closed,
.styled-table .project-badge-finished,
.styled-table .hq-doc-received,
.styled-table .reporting-badge-pending {
    color: #fff;
    background-color: #28a745;
}

.styled-table .reporting-badge-pending-corrected {
    color: #fff;
    background-color: #285ba7;
}

.styled-table .slip-badge-transfer{
    color: #000;
    background-color: #48d368;
}

.styled-table .slip-badge-open,
.styled-table .project-badge-opened,
.styled-table .reporting-badge-closed,
.styled-table .rehabilitation-site-state-closed,
.styled-table .stakeholder-badge-closed {
    color: #000;
    background-color: #AAAAAA;
}


.styled-table .slip-badge-transit,
.styled-table .sh-role-badge-pending,
.styled-table .project-badge-completed,
.styled-table .reporting-badge-corrected
{
    color: #212529;
    background-color: #ffc107;
}

.styled-table .slip-badge-incomplete, .styled-table .slip-badge-cancelled, .styled-table .project-badge-canceled{
    color: #fff;
    background-color: #000000;
}

.styled-table .slip-badge-transit-cancel {
    color: #fff;
    background-color: rebeccapurple;
}

.styled-table .slip-badge-refused,
.styled-table .sh-role-badge-refused,
.styled-table .hq-doc-missing,
.styled-table .reporting-badge-new {
    color: #FFF;
    background-color: #de5353;
}

.styled-table .project-badge-started {
    background-color: #e38005;
}

.styled-table .project-badge-attested {
    background-color: #3c72f5;
    color: #ffffff;
}

.styled-table .slip-badge.slip-badge-attestra {
    background-image: url('/skins/base/images/icons/attestation.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 3px;
}

.styled-table .slip-badge .slip-badge-inline-anchor{
    position: absolute;
    right: 3px;
    top: 3px;
}

.styled-table .slip-badge .slip-badge-inline-anchor.slip-refused-return{
    cursor: context-menu;
}

.styled-table .slip-badge .slip-badge-inline-anchor img{
    width: 20px;
    height: 20px;
}

.styled-table .slip-badge .slip-badge-inline-anchor.slip-refused-return img{
    opacity: 0.5;
}


.styled-table .styled-table-col-100px{
    max-width: 100px;
}

.styled-table .styled-table-col-slip-status{
    min-width: 125px;
}

.lister-control-top{
    margin-left: 10px;
}

.pagination-container{
    height:18px;
    text-align: center;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}

div.pagination-button
{
    margin-left: 15px;
    float: left;
    height: 40px;
}

.table-lister-action{
    margin-bottom: -7px !important;
    width: 30px;
    height: 30px;
}

.styled-table .content-checkbox label.input-label {
    padding: 11px 0px;

}

.styled-table td.slip-icon
{
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 16px !important;
    background-color: transparent;
}

.styled-table td.slip-icon.slip-transit
{
    background-image: url( /skins/base/images/icons/arrow-step-over.png );
}

.styled-table td.slip-icon.slip-returned
{
    background-image: url( /skins/base/images/icons/arrow-return-180.png );
}

.styled-table td.slip-icon.slip-redirected
{
    background-image: url( /skins/base/images/icons/arrow-skip.png );
}

.styled-table td.slip-icon.slip-is-split
{
    background-image: url( /skins/base/images/icons/arrow-out.png );
}

.styled-table td.slip-icon.slip-is-merged
{
    background-image: url( /skins/base/images/icons/box.png );
}

.styled-table td.slip-icon.slip-is-parent-merged
{
    background-image: url( /skins/base/images/icons/arrow-in.png );
}

.styled-table td.slip-icon.slip-is-parent-split
{
    background-image: url( /skins/base/images/icons/arrow-split.png );
}

.styled-table td.group-spacer {
    width:0px;
    padding:0;
}

.styled-table tr.row-group1 {
    border-bottom: 1px solid #60c0cd;
}

.styled-table tr.row-group1.first td {
    border-top: 6px solid #60c0cd;
}

.styled-table tr.row-group1 td.group-spacer {
    background-image: linear-gradient(to right, #60c0cd 10px, transparent 10px);
    min-width:10px;
}


.styled-table tr.row-group2 {
    border-bottom: 1px solid #959FA9;
}

.styled-table tr.row-group2.first td {
    border-top: 6px solid #959FA9;
}

.styled-table tr.row-group2 td.group-spacer {
    background-image: linear-gradient(to right, #959FA9 10px, transparent 10px);
    min-width:10px;
}

div.pagination-button a.default{
    height: 25px;
    padding: 4px 15px;
    min-width: 100px;
}