/* here you can put your own css to customize and override the theme */

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.pagination {
    position: relative;
    top: -15px;
    float: right;
}

span.required{
    /*color: #e02222;*/
    color: #a94442;
    font-size: 12px;
    padding-left: 2px;
}



/*ROW SORTER*/

/*table.sorting-table {cursor: ns-resize; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);}
table thead th {background-color: #ccc; padding: 5px 8px;}
table td {background-color: #ddd; padding: 5px 8px;}*/
table tr:nth-child(even).sorting-row td {background-color: #8b8;}
table tr:nth-child(odd).sorting-row td {background-color: #8b8;}
table tr:nth-child(even) td.sorter {/*background-color: #f80;*/ width: 10px; cursor: move;}
table tr:nth-child(odd) td.sorter {/*background-color: #f80;*/ width: 10px; cursor: move;}
table tr.nodrag td.sorter {cursor: default; background-color: #ddd;}
.sort-handler {float: right; background-color: #f80; width: 14px; height: 14px; margin: 2px 0 0 6px; cursor: move;}

table.sorting-table tbody tr:not(.sorting-row) td {opacity: 0.2;}



#loaderDiv {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: white;
    opacity: .6;
}

.ajax-loader {
    position: absolute;
    left: 45%;
    top: 45%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px; /* -1 * image height / 2 */
    display: block;
}

.portlet.box > .portlet-body.special{
    overflow: visible;
}

.portlet.box > .portlet-body.special:after{
    content:" ";
    display: block;
    clear: both;
    height: 1px;
}


.row.special{
    overflow: visible;
}

.row.special:after{
    content:" ";
    display: block;
    clear: both;
    height: 1px;
}

.special{
    overflow: visible;
}

.special:after{
    content:" ";
    display: block;
    clear: both;
    height: 1px;
}

.wrapper-special{
    position: relative;
}
.wrapper-special .wrapper-child{
    position: absolute;
}