/*******************************************************************************
                    Common styles
********************************************************************************/
div {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin: 0;
    padding: 0;
}
/*******************************************************************************
                    Tables
********************************************************************************/
.table tr th div {
    position: relative;
}
.table tr th[class*="sort"] div:after {
    content   : ' ';
    display : block;
    position: absolute;
    z-index : 100;
    margin  : 0;
    padding : 0;
    top     : 50%;
}
.table tr th.sortasc div:after {
    border-left      : 8px solid transparent;
    border-right   : 8px solid transparent;
    border-top : 8px solid black;
    right   : -5px;
    margin-top  : -5px;
    cursor: pointer;
}
.table tr th.sortdesc div:after {
    border-left      : 8px solid transparent;
    border-right   : 8px solid transparent;
    border-bottom : 8px solid black;
    right   : -5px;
    margin-top  : -5px;
    cursor: pointer;
}
.table .actions a.btn {
    padding: 0px 3px;
}
.table td.buttons {
    text-align: right;
    padding-right: 10px;
    min-width: 50px;
}
.table td.buttons a.btn {
    display: inline-block;
    padding: 0px 3px;
}
.with-filters > div {
    display: inline-block;
    vertical-align: top;
}
.with-filters > div.filters-form-container {
    width: 20%;
    float: left;
    padding: 3px;
}
.with-filters > div.grid-container {
    width: 80%;
}

.table ul.grid-values-enumeration {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.table ul.grid-values-enumeration li {
    display: inline-block;
    font-size: 0.8em;
    border-radius: 3px;
    border: 1px solid #DDDDDD;
    padding: 2px 5px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td .grid-values-enumeration li {
    background-color: #FFFFFF;
}
.table-striped > tbody > tr:nth-child(2n+2) > td .grid-values-enumeration li {
    background-color: #F9F9F9;
}

.grid-toggle-field-label {
    padding-left: 3px;
}

/*******************************************************************************
                    Dialogs
********************************************************************************/
.ui-dialog-titlebar button.ui-dialog-titlebar-close {
    color: #222222;
}

ul.ui-autocomplete {
    z-index: 1100;
}

/*******************************************************************************
                    Forms
********************************************************************************/
form[role="form"] .form-group input[type="checkbox"] {
    float: left;
    margin-top: 2px;
    margin-right: 3px;
}