.nkgrid-wrapper {
    overflow-x: auto;
}

table.nkgrid .nkgrid-indent {
    width: 16px;
    height: 16px;
    font-size: 15px;
    display: inline-block;
    position: relative;
}

table.nkgrid .nkgrid-expander {
    width: 16px;
    height: 16px;
    font-size: 15px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

table.nkgrid .nkgrid-childheader {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #cdcdcd;
    box-shadow: 0 0 1px #fff;
}

    table.nkgrid .nkgrid-childheader th {
        text-align: center;
        background-color: #D9F1E7;
        color: #333;
    }

table.nkgrid {
    border-collapse: collapse;
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
    background: #fff;
    min-width: 736px;
}

    table.nkgrid td, table.nkgrid th {
        padding: 8px;
        text-align: left;
        border-right: 1px dashed #cce8dc;
    }

    table.nkgrid tr td:last-child, table.nkgrid tr th:last-child {
        border-right: 0 none;
    }

    table.nkgrid td.err {
        background-color: #e992b9;
        color: #fff;
        font-size: 0.75em;
        text-align: center;
        line-height: 1;
    }

    table.nkgrid th {
        background-color: #31bc86;
        font-weight: normal;
        color: #fff;
        white-space: nowrap;
        font-family: 'UTMSwissCondensedBold';
    }

    table.nkgrid thead {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

        table.nkgrid thead th {
            text-transform: uppercase;
            text-align: center;
        }

    /*table.nkgrid tbody th {
        background-color: #2ea879;
    }*/

    table.nkgrid tbody tr:nth-child(2n-1) {
        background-color: #f5f5f5;
        transition: all .125s ease-in-out;
    }

    table.nkgrid tbody tr:hover {
        background-color: rgba(129,208,177,.25);
    }

/* For appearance */
.sticky-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 0;
    width: 100%;
}

    .sticky-wrap .sticky-thead,
    .sticky-wrap .sticky-col,
    .sticky-wrap .sticky-intersect {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .125s ease-in-out;
        z-index: 50;
        width: auto; /* Prevent table from stretching to full size */
    }

    .sticky-wrap .sticky-thead {
        box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
        z-index: 100;
        width: 100%; /* Force stretch */
    }

    .sticky-wrap .sticky-intersect {
        opacity: 1;
        z-index: 150;
    }

        .sticky-wrap .sticky-intersect th {
            background-color: #666;
            color: #eee;
        }

/*.sticky-wrap td,
    .sticky-wrap th {
        box-sizing: border-box;
    }*/

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

table.nkgrid .td span, table.nkgrid .th span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

table.nkgrid td.nk-paging-area a {
    color: #666;
}

table.nkgrid tbody,
table.nkgrid tfoot {
    box-shadow: 0 0 2px rgba(51, 51, 51, 0.1);
}

    table.nkgrid tfoot th {
        background-color: #d9f1e7;
        border-right: 0 none;
        color: #333;
    }

        table.nkgrid tfoot th:last-child {
            width: 150px;
            max-width: 150px;
        }

table.nkgrid .col-actions {
    width: 65px;
    padding: 5px 0 0;
    text-align: right;
}

table.nkgrid .col-actions-3btn {
    width: 90px;
}

table.nkgrid .col-actions-1btn {
    width: 40px;
}

table.nkgrid .col-actions .btn-edit, table.nkgrid .col-actions .btn-delete, table.nkgrid .col-actions .btn-sms, table.nkgrid .col-actions .btn-calendar {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 7px;
    cursor: pointer;
}

table.nkgrid .col-actions .btn-delete {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH4AQKBgIf+x7kQwAAA5RJREFUOMt1k89v1UUUxT935vteiYGmYAhEGzGtCxNd9NHEheIClwYSCCmJG4gLN7rwb2HLyrK04cfCX4nG/gXwjCs10lCgCgHaStMH733n3uNivpiycJKbzEwyZ8459x7bPnsWYAa4BFwAfpb0aUrpbiklGzhANgPApWw5uyLeSCl9BZwErgBfAtvJpWnB5Q6sAB8B14r7HCm5IIeEJIqUi5l7xJyZXevACnBBcLlI041Jl5CWojLJgBssmrQS0nngNmbZKztPMJ/ga+B4SHvfLGXYtUenT0c2c0kZM0MSZg40SMOAs8C6JAyOpZSuAwOkFrMGAAkzC5dS2i5lNSIaJCkCSSiiUUSRNEC6EdLRkI4CNxQxUIRLahRhigBJEZG3S1lt7ozHF6Pfv3Eo50WDoipBnZQAFgy+s8pkQdWaRF0y8IBm0/3mvba92Ajub7TtOUnXD+Y8MGgFPeOlNaD+og7MtAdsy334oJRzwP10KOf8qG3X708mS5ul3Aqph+QRoZCIKkcREd2ZiBBShNRslnJro22XHrft+oxZTod7PZ/v9/Nvo9HtuxV0GBGZ6iWKMEm16hkqaN4sZXhvMln6YzS6/Wa/nw/1ep6yxOGm8Q+np/NoMln78/nzU7vuw5AsJO0p/mMs2W7EcG08PjUuZe39AwfywabxJNFE22LAjMQH+/cTEbRmhARgXXUW1r2AKeC9qSlSSuyWUpkDKbmjiCwzf+Y+18I3SAPVxf+UkAZj6dtRKXPJzE3KJpHcLAuciHmkFUmDqHNGVB9fNEXqGqXqoUtakLQSEfN0SUtyd9yPdWDHI6KVlKJrQEggGVLqPiBqo1LU4T+u+vaYJE8uzQquqsqsCahdfSHNNt2HT9yH1Pu9VjSSiqSBIq6G+2yTYFmwSA162tMAR2q2In656/5xAZTz9wdTWsCs8HKiHFg0WE4T6SQRHhFJknVSXRHNlvvwYcQZhwdFevB3xJkt9+GLrEfNsnVz6xPpZHrqvtzWiwh3dSlpttxv/eW+9LiU9VfN8tGU8uNS1jfcl7bca6IqESF5656fui/nE0eOrE6n9FYP3s1mHlKzLd3ciDi/1rZrb/f7eSZnP9A0moL867NnT5qUfurBiSl4PYEXqdmRVn5v28/zZ7Oz4+fSj6302iRisAOrDyM+GbnfeWffvjydkgM0ZrySkg7nnB9OJptjsx+AhXHE/I50ZSfiiymzf/4Fpp9j5bIYlC0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDQtMTBUMDY6MDI6MzEtMDQ6MDCzlbQTAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTA0LTEwVDA2OjAyOjMxLTA0OjAwwsgMrwAAAABJRU5ErkJggg==');
}

table.nkgrid .col-actions .btn-edit {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH4AQKBgIejBnU1QAABGtJREFUOMt91O1r1WUYB/Dvdd+/+3fO2Tmb2466zVzDsZpprQ1HGxoUGokkqO/CF0VaEfkQFgXzRQiRRgaCWdOogcoKGUpCFGEP2IsiJF21LLSpKM2z6R7O2fGc38N9X1cvBENTrz/gwwXX9/oS7jLl0wcxsnIXmoffI9BSGVmx4i1i7lFKbfWA3dm6uiCXy2kFMAARAHQnrNj/INJrh1BoT1FxuEJKT3St8ccmj+jKKlaAIqIvFNFWEfk9YqaStQIA6nZY6dOFKF5rQGF0hDBYkurpqy2Znu293NYGOzUFa61jkZXMfAxE6zNKmdZkErWJBOlbsWv9CwAA2pRhxo8rPTwgGNr3Ic2Z22WeeonZeOROn1YSBBaelwGwKgYK2pgfNZG+CTzf24q07yDC0Jo8ZYuOwsnn7LUrb0R/f6mj0iX4S5+B6VhMbvgsudFcDCIPRCch8m1s7c3gjrWzQKRAytPGSzhhXuBsuDeM7czYWmcvn6Dg/DGo+xahYtULTpUj345cOsHTxZfLZ86UOZv97yjTB1sBAEppqli8RsJfvknYYOqzOIrWlMuBFREdx5ZIYlHakGtdj9T8teXUWPwsGANsoKsXdbob4NW+FqSSPsrTeUqmUgLlbbJxtLtcDiwA7ZyDtTF8PwEAiEoFCrKPvjPj+697otQcde9HI3xp2bLrG+b3t0CYQaTI84wIpN1ZezwISlXMwkRKhWEoWmsyxuMossoJfpj90/ST4w9nwkQhxKwdeRAAdfbnIxib/y6CzEIYT0ngyLBz70dRWOUcO8/zFDMLEcH3fXaOFbMrsItfyS2ikB5YqeT1UeQu/AkAIBG5HpfPlyvOn2Vo/+0oCLaGYcC+7xNAFAQBEglfALgwjD1mt5GIPiDlKWdDZhg0bxkFAHhEhMl9tZrgHEDLHVVsCmOC9jwyxqBUKsP3DbTWNooiA8iAtfbjwnQR2doaISJo2BtJUaXpcfKT1UgX8kg8tvc1V9NWKeG4rahII7YOWisxxnfOsWGWc8y8TSkdZmtrNDOLCBDGcgMka61CHLGIraNU5VfR5IUO+9seJ+cOqTBiGD8JZqY4jmLn3PMADgAwwhwDwNzNV276NGWtpZg0rEpmbVCq0pX3wu/eTnhkJ5nKBpArs3MWIug3Rh9QinR9zWistUK+JLh1SEQ8ABaQxwEaCIPyTMfCopOM/BlEJ3d60cXv/nJxsETC8QlKzCRmJwDQuHnsf6B39OhRyufz8DxvdnNzc3VnZycbpVwQlE2UbHRh27ah0G95kbp7JhJjQ4T+hwTV9bhnY+62tUfz5s0zpVIpNsZsyGaze1avXm3XrVvnpdPpPwqF/Ce5fy7uD4JgoqEiTzMGtwgAzNlw+Y6lrDKZDNXX16OmpmZ2GIbo6+s7d/jw4Vc9Ty9vaKjb1XJ/emqBPaTeXPK0XL1YgK1pv1vJg7q6upS1lovF4nalVHVTU9O2U6dOjfX29qK7u1tPTExIpqqKmxob8evgINo7Ou4K/gvn7lMsu5qojgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNC0xMFQwNjowMjozMC0wNDowMBXiv6cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDQtMTBUMDY6MDI6MzAtMDQ6MDBkvwcbAAAAAElFTkSuQmCC');
}

table.nkgrid .col-actions .btn-sms {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH4AsSBBYimaFDyAAABDJJREFUOMtlVVtoXFUUXevceyfzYDKTTh6mKYWksaWmgpAqiPXDhIoIUj8iNvVDURAVioKi9qNSK0WQ6E9VBL9E6IMGUdTPSKGtWGxsPxpppamPvieTZJJJZnJfZ/mRO63F/bPPz9ln7bXXXocbvjmNJIxWGrr23qvq/uCLToTBsFfqGJFxBgmslSQAN2DtZFydG5fjTFw/8Hp53d6DZEuGACwAsPfQcchvMDOwFZdf3m569hwcMfnCXpADBASAALBaDyApAJT0u11a3F/9+tPxjnfHbPDnRTDVIvYeOs5o6rycvg1Zp9S+z7Sk3wRgIMUgTYKeSVaSLQAHgLWB/7GW6vviuXrd6cqTz0v4imT/t79+hJb0W5ACko4kQ5KS1MwJQgKShFigCHkKg7HpHVvfHpbELRd81M+d3ukU2g4DCJOXm8juCkNAAnwrGAIZQxsKMQAvri2MZjY/cIT935/thDE/0ZgBSTGA/yFzSJLQchgDJLsznp7szKPVdfjJpXKUdR3XSlM2iobcaPbWsNvVMwAgTlpt8gQCcI3hirVYDmJsas1gqDOP0a4cNxYyGj1zFY6hk9wd0OL8sOuWukYSxs0djgCHZAxgPoiwIZfC030d3NFdwL2uhYzB+eWYv1XrcFfHbgDAKZZGXLruoCSQhBJ4BLkYxepKe3ylt11P9bRxY85TrVrFvFy2F3I6Nn0NkRUdrk5eEmDMoAugO5EDSYoSMi7xUm8ndq0vYV02BQQ+rt4sI5vNor3QiqUwxonKEmIA7t2y6naTQiQA34rbu/L4cEsP2ls8AkCtVuPcwiIK+Tzzra0AgB9vLvBGI0TK8HaxhCkakNclQYAcAhdrvk5UllAPQlVm51CZr6KQz6NYaNWqaICJcg0LYSy3qchE8AKuG4XBZFIdLokrdZ+vnbuCzy5cJYMVFIttKBZaEVrRIXm2Wsf5hTrSjqF0Z4gAQBtPmnDm1rgkQIqtpBZDpY3BdzMN/VEPEYe+ImthVsnXyUoN08u+0oaySBBKsQCEszPjrlvqnAAwlZhBbAEnbYC/fcsfZuqIy8v8JZjF7v4OPrwmh5OVZXg0BFd7JGkBuJCmnLbSBO+7GKB+5tROb037YUlBIkHHJhsSSQqsmDZUMeWiEVv6sW3utSRFJFPxYnU0e//WI2Zoo4e/nnvsqF1pjJFMAYgBxKZpKSSzzupqz/kRfKsmbxZADDJl/ZWxy88+enTz5jScct82Bk5BXrF4ysnlUsbztgFwBNj/EE6SNGRTcJakA4DwV8bi2cq+3JYHw/JMQANDlR7fzrahJxrTzzyyJ5yr7JI0lbgOJDUNVrfPgCNpKl6Y23XpjRf25AYfarj9myhI7Dv2811fwM39u3XP+5932pXGsNfRNUIvNQhpbaK1G4qiyWj21jgz2Yl/3nmxvP7AlzSZ7O0v4F+aUS9d1adZMgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0xMS0xOFQwNDoyMjozNC0wNTowMEnf2egAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMTEtMThUMDQ6MjI6MzQtMDU6MDA4gmFUAAAAAElFTkSuQmCC');
}

table.nkgrid .col-actions .btn-calendar {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH4AsSBRMwFq2s8gAAA49JREFUOMutVE1oXFUYPee++97kZxKS5l+LttpJmqhYi9pqtSCtKAqCFLpQwepCEVcuXAi6K+iiC8GNuCriD4jiQtSgYhUXEY2lC02aTEyqaJqZTkitM5Pk/dzj4s2bzrhx412eezn3nPOde/nGXftwcqWMR+4/ylMfv21mPvxyGMbgyDMPV9Zuu9t44bbQspIgx9FzM+6rNz8ZNCAOPnqk/PLxJ90X33ytF64dBLOD02e+8wAkAH5sgHcA8B64796klfC/zvHB8Rs5vfirUDgaLOSLD1VOnX43oYkmX3n21XBguItJ4loJ5XkmqJTq8yffeslzzh968cTj45z8DGenw2NTBdrXC2M23jMWycbH8vWhd86trcIBHROd3a9RApnqkFLnlOC68vjz4h+JEcyugaGPfu7eeoJj97xvAWv7DRkYg8RwoiZnqheWtoyUqyduuyMVlcUiACSgeuK4tbxonTFh5FxuhJgwnkHsHG1iDLZAyMl53T249cynBAC/pzcQ2eBpsQzC7+nFLd9+Dgiw+R5EkiMN5BGW65VMhvEI7EytUVtVCBBJQoAkgSAAeSR3phlQ21U4iQJAENY89TxaLKVZETIAJICkBIHppWpizXMEmy4I6z39XJsl09gRUlKX5oYGP1owAaD7VyhWlfXmFK31MHe+CN+3GhsZxtz5Iqb2FrS6VgYAXDN6FbtYKiOKYk3tLSCOk2YbLH0/u5/wDGxHBzxrSd+H39kp+j5tLgcAou8zw7xch+TFlGfTMDLCTCpJSMDY6AgMgSAIsHvXdQiCAMPDgwDasZGhASgdVlMdAJissM45kcTc/AIWl1ZUq2/q+x/Oolbf1GJxWYvFZbRhSyv4ZX5Bxphm6VPLDXaScM7hpskJkGAQBDp45350d3VyvHADACgXBGhie3ZLApxz7QrbJmyI1bUSSpfWEYYhVy78jjAMUS5XUC5X2rDSpXWsrpXSmrYqbD4updOPohgQ5JwQhhGck6I4bsQiZVgcx4iiSGTaS5q0SLZW30ScJCBp8l2d2L/v5lBOdJIOHzoA5xwHBvrTSyQePnRAzjnu2NEvYxhVa/VcrV43EmA9D3Z29ie3sXEZvm9nCuPjV3ry+d50QGDjVaTy1WizskZIxjO56t/VK8WlpZk4itHX3+fY+jWdfu+D2/v6+q+PkyTm1X8r61XLD5G+UuN59q/LG7+deOz4bDbY/339A2lQ4zL7AonZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTExLTE4VDA1OjE5OjQ4LTA1OjAwOC7+9gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0xMS0xOFQwNToxOTo0OC0wNTowMElzRkoAAAAASUVORK5CYII=');
}

table.nkgrid .clchk {
    width: 27px;
    text-align: center;
}

    table.nkgrid .clchk .icheckbox_square-blue,
    table.nkgrid .clchk .iradio_square-blue {
        cursor: default;
    }

table.nkgrid .clcenter {
    text-align: center;
}