/**
 * orb v1.0.9, Pivot grid javascript library.
 *
 * Copyright (c) 2014-2015 Najmeddine Nouri <devnajm@gmail.com>.
 *
 * @version v1.0.9
 * @link http://nnajm.github.io/orb/
 * @license MIT
 */

.orb-container {
    overflow: hidden
}

.orb {
    border-spacing: 0;
    border-collapse: separate;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    padding: 0
}

    .orb td {
        border-right-style: none;
        border-left-style: none;
        border-bottom-style: none;
        vertical-align: top
    }

    .orb > tbody > tr > td {
        padding: 0 !important;
        border-top: none !important
    }

    .orb .inner-table {
        border-spacing: 0;
        border-collapse: separate
    }

        .orb .inner-table > tbody > tr > td {
            padding: 14px 7px
        }

        .orb .inner-table.upper-buttons {
            width: 100%
        }

            .orb .inner-table.upper-buttons > tbody > tr > td {
                padding: 7px 4px
            }

    .orb .inner-table-container {
        overflow-y: hidden;
        overflow-x: hidden;
        width: 100%;
        height: 100%
    }

    .orb .av-flds {
        border: none
    }

    .orb .flds-grp-cap {
        width: 45px;
        white-space: nowrap;
        border: none
    }

        .orb .flds-grp-cap div {
            float: left;
            font-weight: 700;
            margin-right: 9px;
            padding: 6px 0 0
        }

    .orb .empty {
        white-space: nowrap;
        border: none
    }

    .orb .header > div {
        min-height: 16px
    }

    .orb .header-gt, .orb .header-st {
        font-weight: 700
    }

    .orb .header > div > div {
        float: left;
        white-space: nowrap
    }

    .orb .header-row.header-gt-exp, .orb .header-row.header-st-exp div {
        padding-left: 8px
    }

    .orb .cell > div {
        min-height: 16px
    }

    .orb .cell-data {
        float: right;
        white-space: nowrap
    }

    .orb .cell-hidden {
        display: none
    }

    .orb .fld-btn {
        float: left;
        font-weight: 400;
        text-align: center;
        cursor: pointer
    }

        .orb .fld-btn .caption {
            padding-right: 3px
        }

        .orb .fld-btn .filter {
            padding-left: 3px;
            vertical-align: top
        }

        .orb .fld-btn .sort-indicator {
            height: 8px;
            margin-top: 5px;
            width: 10px
        }

        .orb .fld-btn .sort-asc {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAJUlEQVQImWNggIL/UMCADv7//1/+////cnRBFAATDMSGMVTDAADcOEqN5KtuRQAAAABJRU5ErkJggg==) no-repeat
        }

        .orb .fld-btn .sort-desc {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAJklEQVQImXXKuQ0AAAiAQFZ0GsfH1vhcQgc+UOMKgHV3aqrJNO8CnJdKjfkCkMUAAAAASUVORK5CYII=) no-repeat
        }

        .orb .fld-btn .fltr-btn {
            width: 11px;
            height: 11px
        }

        .orb .fld-btn .fltr-btn-active, .orb .fld-btn:hover .fltr-btn {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAMUlEQVQYlWP4//9/I7GYgSzFDHgAVsX/sQCsirFpQFaI1c0wDegKB0AxeihQFs7EYAAT8WYwzt7jxgAAAABJRU5ErkJggg==) no-repeat
        }

    .orb.fltr-cntnr {
        position: fixed;
        background-color: #fff;
        font-size: 90%;
        width: 301px;
        height: 223px;
        padding: 3px
    }

        .orb.fltr-cntnr .fltr-val {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        .orb.fltr-cntnr .fltr-chkbox {
            width: 16px
        }

    .orb .fltr-scntnr {
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 2px
    }

        .orb .fltr-scntnr .srchbox-col input {
            width: 100%;
            border: none
        }

        .orb .fltr-scntnr .srchop-col {
            width: 105px;
            vertical-align: middle
        }

            .orb .fltr-scntnr .srchop-col .orb-select {
                border: none
            }

                .orb .fltr-scntnr .srchop-col .orb-select div {
                    text-align: left
                }

        .orb .fltr-scntnr .srchtyp-col {
            width: 18px;
            text-align: center;
            font-weight: 700;
            cursor: pointer
        }

        .orb .fltr-scntnr .srchclear-btn {
            width: 14px;
            text-align: center;
            font-weight: 700;
            cursor: pointer;
            float: right
        }

        .orb .fltr-scntnr .srchtyp-col-hidden {
            width: 0;
            color: #fff;
            overflow: hidden;
            cursor: auto;
            border: none !important
        }

        .orb .fltr-scntnr .cnfrm-btn-col {
            padding-top: 5px
        }

        .orb .fltr-scntnr .fltr-vals-col {
            vertical-align: top;
            padding-bottom: 3px
        }

        .orb .fltr-scntnr .fltr-vals-tbl {
            table-layout: fixed;
            width: 100%;
            height: 154px;
            display: block;
            overflow-x: hidden;
            overflow-y: auto
        }

        .orb .fltr-scntnr .resize-col {
            vertical-align: bottom
        }

            .orb .fltr-scntnr .resize-col div {
                float: right;
                width: 16px;
                height: 16px;
                margin-bottom: 0;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAQklEQVQ4jWNgGJngxo0b/2GYIgMOHz5MvgGHDx8m3wD6AmwBRlIgYgswkgIRW4AN4kAkNsBwBiKxAYYzEIkNMGQxAOs9ug3E3qdjAAAAAElFTkSuQmCC) no-repeat;
                cursor: se-resize
            }

    .orb .hdr-val {
        border: none
    }

        .orb .hdr-val div {
            white-space: nowrap
        }

    .orb div.hdr-val {
        float: left
    }

    .orb .drp-trgt {
        float: left;
        width: 100%;
        margin-right: 17px;
        padding: 1px 0;
        min-height: 24px
    }

    .orb .drp-trgt-empty {
        width: 51px
    }

    .orb .drp-indic {
        float: left;
        width: 2px;
        margin-top: 0;
        margin-left: 3px;
        margin-right: 3px
    }

    .orb .drp-indic-first {
        margin-left: 0
    }

    .orb .drp-indic-last {
        margin-right: 0
    }

.orb-btn {
    font-weight: 400;
    text-align: center;
    margin-right: 3px;
    cursor: pointer
}

.orb-tgl-btn {
    border: none
}

    .orb-tgl-btn div {
        float: left;
        width: 16px;
        height: 16px;
        margin-right: 7px;
        border-radius: 11px;
        cursor: pointer
    }

.orb-tgl-btn-right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4jWNgGAX4QB0UU2zAMDCEIgMGTjOyAaOAAAAA6dUK1fxYl1IAAAAASUVORK5CYII=) no-repeat
}

.orb-tgl-btn-down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJ0lEQVQ4jWNgGAWDE9RBMbHiOBXWERAj2hCSNeMyhCxAkeZRQCQAAFO3CtUd1w9cAAAAAElFTkSuQmCC) no-repeat
}

.orb-scrollthumb {
    position: absolute;
    cursor: pointer
}

.orb-h-scrollbar {
    position: relative;
    height: 16px
}

    .orb-h-scrollbar .orb-scrollthumb {
        margin: 3px 0;
        height: 10px;
        top: 0
    }

.orb-v-scrollbar {
    position: relative;
    width: 16px
}

    .orb-v-scrollbar .orb-scrollthumb {
        margin: 0 3px;
        width: 10px;
        left: 0
    }

.orb-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: auto;
    margin-left: 0;
    background-color: rgba(128,128,128,.71)
}

.orb-overlay-hidden {
    display: none
}

.orb-overlay-visible {
    display: block
}

.orb-dialog {
    position: absolute;
    z-index: 5
}

.orb-dialog-body {
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.orb-dialog-header {
    font-weight: 700;
    font-size: 140%;
    line-height: 31px;
    height: 35px
}

    .orb-dialog-header div.button-close {
        float: right;
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAL0lEQVQ4jWNgGAXYwH8oJlYcp8L/BMSINoRkzbgMIRlQ1Xay/Y9PjKABxIqPeAAAu7wn2cXtRawAAAAASUVORK5CYII=) no-repeat;
        border-radius: 11px;
        cursor: pointer
    }

.orb-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

    .orb-table td, .orb-table th {
        padding: 1px 3px
    }

.orb-toolbar {
    border: none;
    height: 34px;
    padding: 3px;
    margin-bottom: 17px;
    width: 100%
}

    .orb-toolbar .theme-item {
        float: left;
        width: 16px;
        height: 16px;
        margin-right: 3px;
        border: 1px dashed #d3d3d3
    }

.orb-tlbr-btn {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 3px;
    cursor: pointer
}

    .orb-tlbr-btn.export-xls {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACPUlEQVRIie2U30tUQRTHj24/iCXaUhZ6rCSM7HK3jYWdvfd8B7GHgiAfLjNXWBIpcVeEIFA0r82eWQtfgiACQxJpQ/DFPyWC/qBedsGHWsXtwaAvzMMcvvP9cA6HIfqvM6U4jp8y8ysioiAI8lprx8wqDMMCM3tmvnHUHwRBHkATwAet9UdmnjwOcB3AATNPxnFsAeyWy+XzSqkigEOl1MRRP4C61nqHmUvMXKpWq2PHdgGgDmBba90B8JCIqA/ghda6w8wlIsqdaExhGBYAHGqtO71HfwJ0vVsADgFs12q1ByfpIAGwC+AgjmP0A/RUrVbHALwFsN83vFKpjADYZ+bHzPwMwG4QBPkeIIqiSClVVEoViSgXRdHtIAjyRJTr+vsDtNYvAXwiolx3izrMPNcDHD1KqSIzv+7du97+W3QahWFYqFQqI389+MxryDk37r1vO+dGp6en76RpupWm6WiWZXe99++dc6MDEZxzF0Rk3nv/ptFoXDXGPLfW+tnZ2YKIzInIu+Xl5cuDQq6JyKaItJrN5pi1dtNau9loNG5261vOueJAkNXV1RERaXnvdxYWForGmFaapnuLi4u9+telpaWLg3QRttvt7865KWPMfWvtD2utFpGy9/6niMSDhI977z9vbGw8SdM0MMZ8McY8yrLsnojsOeemiGjoVOHr6+u3uiGT9Xp9wlr7bWZmhtfW1iZardZBlmW1JElO9oP+TkmS5FZWVq44584R0XCSJJeIaJiIhgYK/uf0C2PO19xvrfDzAAAAAElFTkSuQmCC) no-repeat
    }

    .orb-tlbr-btn.expand-all {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAPUlEQVRIiWNgGAWjwN7efj2xmOYOGTwWkBMsJFtAqrrBbwEhscFrAbERO3h9QDcLKFE3MBYMigJuFAwNAACmIGOJfkqFOgAAAABJRU5ErkJggg==) no-repeat
    }

    .orb-tlbr-btn.collapse-all {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAOUlEQVRIiWNgGAWjwN7efj2xmOYOGTwWkBMsJFtAqrpRC2hnAbERO3h9MGgsIAnQxYJBUcCNgqEBAOSPXdlyxPR0AAAAAElFTkSuQmCC) no-repeat
    }

    .orb-tlbr-btn.grndtotal-visible {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAvElEQVRIie2UsQrCQBBEU1pJWgnI2QiCxRXCccnezv6E4E/4JYJVsBJCQEgj5BdtTpAQgpAtgmZg23nL7M0lyaz/FhE5AOehGQUIIZwAtEMzbQARbUXkAaAVkbv3Phtl2CfvfQagihvXzLxTh1hrUxEpI6QpiuKgDnHOLZn5EuN6qkOIaA2giYDSWpuqmXfuUIUQVmrm3fyZeaNmboxZALi+c1d/QQCOH6W69X0Vo7rxTZPzPN9PFzDrN/QCrYZ210VL04MAAAAASUVORK5CYII=) no-repeat
    }

    .orb-tlbr-btn.grndtotal-hidden {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABgElEQVRIie2UsUtCQRzHDxpd3IMgiCCot7qc9/v6HoJLiIfomwNb1M1BcBFbjMO7e0MNEUggBCW4CAUNLo3tDbZU5N/R4guJEH3WUn3hN93x+XDHfY+x//ztWGsTxpjqvFlJoLX2rbWDeRPuBRAnoioA/1sFjuPEhBAHRHRFRAMiugIQX0jQ6XS2gyDoTWHnWuv1cM1xnBgAH0BvCv4YIYRc5hTr1truVHLRarX2iGifiLqfwUR0DGB3YXgYY0xca31Sq9Xui8XiUzqdHn0Ca855YmlwGM55wnXds2w2O5ZSTqSUb1PJqRDCZYytRQID2CUiTUQDz/Nuc7ncq5Ryks/nHzOZjL8KeEsIcRReged5N1LK50Kh8FIul0fNZnMjEphzvgGgPnu/qVRqKKUcVyqVB6XUtVJqMxI8mUwSgP4sHMCgVCrdtdvtobW2b4zZiQRn7KOJlzOCaqPROAwLFQTB6VdfxWw3FpH4AOpCiE3GFmuyUmr5dx/mxwX/+R15B6rZEUoUtw7HAAAAAElFTkSuQmCC) no-repeat
    }

    .orb-tlbr-btn.subtotals-visible {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAuElEQVRIie2RPQoCMRCFA2m2tLIeb5A6xXsgeAkbYUvBarGyXLC3tNoj5Io2WZCQxJ9MIbgPXhWYLzOfMUv+LwB6AGOmgxZgJBkyvWsBhjhwIrkDsI31KgAR6UieI+QqIp3K4CSW5ClCbs651fOjiqe4yUQyADgkgGZPdj4TgIsxxiaANk8kjzUHTZ4A7OffAdh479dzM1sWPdUApfuGwiZZTxqAqqfmvPLUlA88fQ1429NvApao5gHLCpRjOV2CBgAAAABJRU5ErkJggg==) no-repeat
    }

    .orb-tlbr-btn.subtotals-hidden {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABy0lEQVRIie1UsWrbUBQVmEAgS6ZCl0L2okVTi/XulXA3o+EhGREexAQPdrCnEIjdRaYQDM/2fa90CR0MpVAIAXcohRZa+gGFBjIkQ8bW35HlKaiqJbeQIdAcONvVPe+cw5Vl3eP/AxHtKqVeLOH+rQiYZfM8tdbHZd8h4iYA9BAxXiWwb5bOxuPxMyLyicifTCZPl83btr3BGNsFgBMAmAPACSJuFgokSbKulDowrz5KkmS9aDEixoj41iy+IWOMl7qIoqhCRD3jRBPRzYscx1lrtVqac34WBMFllo1G4ysiPi5dnnMyM052LMuqMMZ8ADgOguCSc75IKYS46vf731b19JuDNCYieg4ATxDxVRpBvV4/55wv4ji+aDabB1LKWllPf0AptaeUmg8Gg9ee573MZ+x53pt2uz2bTqfvy3paCq319nA4/CyEOKvVap983/+Y0hQaOY6zVtZTIarV6iMhxJdsvpzzRRiGP7vd7nfbtjey80t6KobruoCIp9kCwzD81el0foxGow9KqXl2Pt9TFEWVUgFzie8yWfdc131YNJ/29E8dmMM5ZIxtlc1prbfTa5dSbkkpH6T8K6FVKPpf5WO8uwL3uFVcA7jfNSqQhQcHAAAAAElFTkSuQmCC) no-repeat
    }

    .orb-tlbr-btn .orb-select div {
        padding: 0 10px
    }

    .orb-tlbr-btn .orb-select .orb-tgl-btn-down {
        padding: 0 16px 0 4px
    }

.orb-tlbr-lbl {
    float: left;
    height: 26px;
    line-height: 26px;
    margin-right: 3px;
    font-weight: 700
}

.orb-tlbr-sep {
    float: left;
    height: 26px;
    width: 1px;
    margin-right: 5px
}

.orb-select > div {
    text-align: center;
    cursor: pointer;
    font-style: italic;
    background-position: right
}

.orb-select ul {
    position: fixed;
    display: none;
    list-style: none;
    padding: 0 3px;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    z-index: 101
}

    .orb-select ul li {
        clear: both;
        float: left;
        width: 100%;
        padding: 3px
    }

.orb-bootstrap .table .av-flds {
    border-bottom: 1px solid #ddd !important
}

.orb-bootstrap .table .cell, .orb-bootstrap .table .header {
    border-top: 1px solid #ddd
}

.orb-bootstrap .table .fld-btn .fltr-btn {
    border-radius: 4px
}

.orb-bootstrap .table .fld-btn:hover .fltr-btn {
    background-color: #555
}

.orb-bootstrap .table .fld-btn .fltr-btn-active, .orb-bootstrap .table .fld-btn .fltr-btn:hover {
    background-color: #999
}

.orb-bootstrap .table .drp-trgt {
    height: 31px
}

.orb-bootstrap .table .drp-trgt-over {
    background-color: #f7f7f7
}

.orb-bootstrap .table .drp-indic {
    height: 28px
}

.orb-bootstrap .table .drp-indic-over {
    background-color: #aaa
}

.orb-bootstrap.fltr-cntnr {
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px #ddd
}

.orb-bootstrap .fltr-scntnr .srchbox-col, .orb-bootstrap .fltr-scntnr .srchop-col, .orb-bootstrap .fltr-scntnr .srchtyp-col {
    border: 1px solid #ddd
}

    .orb-bootstrap .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid #ccc
    }

.orb-bootstrap .fltr-scntnr .srchtyp-col-active {
    background-color: #ddd;
    border: 1px solid #ccc
}

.orb-bootstrap .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #ddd
}

.orb-bootstrap .orb-toolbar {
    border: 1px solid #ddd
}

.orb-bootstrap .orb-tlbr-btn {
    border: 1px solid #fff
}

    .orb-bootstrap .orb-tlbr-btn:hover {
        border: 1px solid #ccc
    }

.orb-bootstrap .orb-tlbr-sep {
    border-right: 1px solid #ddd
}

.orb-bootstrap .orb-select, .orb-bootstrap .orb-select ul {
    border: 1px solid #ddd
}

    .orb-bootstrap .orb-select ul li:hover {
        background-color: #eee
    }

.orb-bootstrap.orb-overlay .modal-dialog {
    width: auto
}

.orb-bootstrap.orb-overlay .modal-content {
    background-color: #fff;
    padding: 7px 13px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px
}

.orb-bootstrap.orb-overlay .modal-header {
    border: none;
    height: auto
}

.orb-red .orb {
    color: #000
}

    .orb-red .orb .av-flds {
        border-bottom: 1px solid #e395a3 !important
    }

    .orb-red .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-red .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #e395a3;
        border-left: 1px solid #f6dfe3
    }

    .orb-red .orb .cell-gt, .orb-red .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #e395a3
    }

    .orb-red .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-red .orb .cell-topmost {
        border-top: none !important
    }

    .orb-red .orb .header {
        background-color: #f9e9ec;
        color: #000
    }

    .orb-red .orb .header-gt, .orb-red .orb .header-st {
        color: #000;
        background-color: #f9e9ec
    }

    .orb-red .orb .header-leftmost {
        border-left: none !important
    }

    .orb-red .orb .header-row, .orb-red .orb .header-row-gt, .orb-red .orb .header-row-st {
        border-top: 1px solid #e395a3
    }

    .orb-red .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-red .orb .header-col, .orb-red .orb .header-col-gt, .orb-red .orb .header-col-st {
        border-left: 1px solid #e395a3
    }

    .orb-red .orb .columns-cntr {
        border: 1px solid #e395a3;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-red .orb .rows-cntr {
        border: 1px solid #e395a3;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-red .orb .data-cntr {
        border: 1px solid #e395a3;
        border-radius: 0 0 4px
    }

    .orb-red .orb .fld-btn {
        background-color: #c72c48;
        color: #fff;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-red .orb .fld-btn:hover {
            background-color: rgba(199,44,72,.7)
        }

            .orb-red .orb .fld-btn:hover .fltr-btn {
                background-color: #c72c48
            }

        .orb-red .orb .fld-btn .fltr-btn-active, .orb-red .orb .fld-btn .fltr-btn:hover {
            background-color: #d76b7e
        }

    .orb-red .orb .drp-trgt {
        height: 27px
    }

    .orb-red .orb .drp-trgt-over {
        background-color: #fcf4f5
    }

    .orb-red .orb .drp-trgt-empty {
        border: 1px dashed #e395a3
    }

    .orb-red .orb .drp-indic {
        height: 25px
    }

    .orb-red .orb .drp-indic-over {
        background-color: #e395a3
    }

.orb-red.fltr-cntnr {
    border: 1px solid #e395a3;
    box-shadow: 0 5px 15px #7a7a7a
}

.orb-red .fltr-scntnr .srchbox-col, .orb-red .fltr-scntnr .srchop-col, .orb-red .fltr-scntnr .srchtyp-col {
    border: 1px solid #e395a3
}

    .orb-red .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(199,44,72,.7)
    }

.orb-red .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(199,44,72,.7);
    color: #fff;
    border: 1px solid rgba(199,44,72,.7)
}

.orb-red .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #e395a3
}

.orb-red .orb-btn {
    padding: 1px 4px;
    background-color: #c72c48;
    color: #fff;
    border: none
}

    .orb-red .orb-btn:hover {
        background-color: rgba(199,44,72,.7)
    }

.orb-red .orb-tgl-btn div:hover {
    background-color: #e395a3
}

.orb-red .orb-toolbar {
    background-color: #f9e9ec;
    border: 1px solid #e395a3
}

.orb-red .orb-tlbr-btn {
    border: 1px solid #f9e9ec
}

    .orb-red .orb-tlbr-btn:hover {
        border: 1px solid #c72c48
    }

.orb-red .orb-tlbr-sep {
    border-right: 1px solid #e395a3
}

.orb-red .orb-select, .orb-red .orb-select ul {
    border: 1px solid #e395a3
}

    .orb-red .orb-select ul li:hover {
        background-color: rgba(199,44,72,.7)
    }

.orb-red .orb-scrollthumb {
    background-color: #f9e9ec;
    border: 1px solid #e395a3;
    border-radius: 3px
}

.orb-red .orb-scrollthumb-hover {
    background-color: #e395a3
}

.orb-red.orb-overlay {
    background-color: rgba(122,122,122,.45)
}

.orb-red .orb-dialog {
    background-color: #fff;
    border: 1px solid #7a7a7a;
    box-shadow: 0 5px 15px #7a7a7a;
    padding: 7px 13px
}

.orb-red .orb-dialog-header {
    background-color: #fff
}

    .orb-red .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-red .orb-dialog-header .button-close:hover {
            background-color: #e395a3
        }

.orb-red .orb-table td, .orb-red .orb-table th {
    border-top: 1px solid #e395a3
}

.orb-red .orb-table th {
    background-color: #c72c48;
    color: #fff;
    border: 1px solid #e395a3;
    font-weight: 700
}

.orb-blue .orb {
    color: #000
}

    .orb-blue .orb .av-flds {
        border-bottom: 1px solid #addfee !important
    }

    .orb-blue .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-blue .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #addfee;
        border-left: 1px solid #e6f5fa
    }

    .orb-blue .orb .cell-gt, .orb-blue .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #addfee
    }

    .orb-blue .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-blue .orb .cell-topmost {
        border-top: none !important
    }

    .orb-blue .orb .header {
        background-color: #eef8fb;
        color: #000
    }

    .orb-blue .orb .header-gt, .orb-blue .orb .header-st {
        color: #000;
        background-color: #eef8fb
    }

    .orb-blue .orb .header-leftmost {
        border-left: none !important
    }

    .orb-blue .orb .header-row, .orb-blue .orb .header-row-gt, .orb-blue .orb .header-row-st {
        border-top: 1px solid #addfee
    }

    .orb-blue .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-blue .orb .header-col, .orb-blue .orb .header-col-gt, .orb-blue .orb .header-col-st {
        border-left: 1px solid #addfee
    }

    .orb-blue .orb .columns-cntr {
        border: 1px solid #addfee;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-blue .orb .rows-cntr {
        border: 1px solid #addfee;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-blue .orb .data-cntr {
        border: 1px solid #addfee;
        border-radius: 0 0 4px
    }

    .orb-blue .orb .fld-btn {
        background-color: #5bc0de;
        color: #fff;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-blue .orb .fld-btn:hover {
            background-color: rgba(91,192,222,.7)
        }

            .orb-blue .orb .fld-btn:hover .fltr-btn {
                background-color: #5bc0de
            }

        .orb-blue .orb .fld-btn .fltr-btn-active, .orb-blue .orb .fld-btn .fltr-btn:hover {
            background-color: #8cd2e7
        }

    .orb-blue .orb .drp-trgt {
        height: 27px
    }

    .orb-blue .orb .drp-trgt-over {
        background-color: #f6fbfd
    }

    .orb-blue .orb .drp-trgt-empty {
        border: 1px dashed #addfee
    }

    .orb-blue .orb .drp-indic {
        height: 25px
    }

    .orb-blue .orb .drp-indic-over {
        background-color: #addfee
    }

.orb-blue.fltr-cntnr {
    border: 1px solid #addfee;
    box-shadow: 0 5px 15px #9d9d9d
}

.orb-blue .fltr-scntnr .srchbox-col, .orb-blue .fltr-scntnr .srchop-col, .orb-blue .fltr-scntnr .srchtyp-col {
    border: 1px solid #addfee
}

    .orb-blue .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(91,192,222,.7)
    }

.orb-blue .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(91,192,222,.7);
    color: #fff;
    border: 1px solid rgba(91,192,222,.7)
}

.orb-blue .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #addfee
}

.orb-blue .orb-btn {
    padding: 1px 4px;
    background-color: #5bc0de;
    color: #fff;
    border: none
}

    .orb-blue .orb-btn:hover {
        background-color: rgba(91,192,222,.7)
    }

.orb-blue .orb-tgl-btn div:hover {
    background-color: #addfee
}

.orb-blue .orb-toolbar {
    background-color: #eef8fb;
    border: 1px solid #addfee
}

.orb-blue .orb-tlbr-btn {
    border: 1px solid #eef8fb
}

    .orb-blue .orb-tlbr-btn:hover {
        border: 1px solid #5bc0de
    }

.orb-blue .orb-tlbr-sep {
    border-right: 1px solid #addfee
}

.orb-blue .orb-select, .orb-blue .orb-select ul {
    border: 1px solid #addfee
}

    .orb-blue .orb-select ul li:hover {
        background-color: rgba(91,192,222,.7)
    }

.orb-blue .orb-scrollthumb {
    background-color: #eef8fb;
    border: 1px solid #addfee;
    border-radius: 3px
}

.orb-blue .orb-scrollthumb-hover {
    background-color: #addfee
}

.orb-blue.orb-overlay {
    background-color: rgba(157,157,157,.45)
}

.orb-blue .orb-dialog {
    background-color: #fff;
    border: 1px solid #9d9d9d;
    box-shadow: 0 5px 15px #9d9d9d;
    padding: 7px 13px
}

.orb-blue .orb-dialog-header {
    background-color: #fff
}

    .orb-blue .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-blue .orb-dialog-header .button-close:hover {
            background-color: #addfee
        }

.orb-blue .orb-table td, .orb-blue .orb-table th {
    border-top: 1px solid #addfee
}

.orb-blue .orb-table th {
    background-color: #5bc0de;
    color: #fff;
    border: 1px solid #addfee;
    font-weight: 700
}

.orb-green .orb {
    color: #000
}

    .orb-green .orb .av-flds {
        border-bottom: 1px solid #9fda8b !important
    }

    .orb-green .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-green .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #9fda8b;
        border-left: 1px solid #e2f4dc
    }

    .orb-green .orb .cell-gt, .orb-green .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #9fda8b
    }

    .orb-green .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-green .orb .cell-topmost {
        border-top: none !important
    }

    .orb-green .orb .header {
        background-color: #ebf7e7;
        color: #000
    }

    .orb-green .orb .header-gt, .orb-green .orb .header-st {
        color: #000;
        background-color: #ebf7e7
    }

    .orb-green .orb .header-leftmost {
        border-left: none !important
    }

    .orb-green .orb .header-row, .orb-green .orb .header-row-gt, .orb-green .orb .header-row-st {
        border-top: 1px solid #9fda8b
    }

    .orb-green .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-green .orb .header-col, .orb-green .orb .header-col-gt, .orb-green .orb .header-col-st {
        border-left: 1px solid #9fda8b
    }

    .orb-green .orb .columns-cntr {
        border: 1px solid #9fda8b;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-green .orb .rows-cntr {
        border: 1px solid #9fda8b;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-green .orb .data-cntr {
        border: 1px solid #9fda8b;
        border-radius: 0 0 4px
    }

    .orb-green .orb .fld-btn {
        background-color: #3fb618;
        color: #fff;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-green .orb .fld-btn:hover {
            background-color: rgba(63,182,24,.7)
        }

            .orb-green .orb .fld-btn:hover .fltr-btn {
                background-color: #3fb618
            }

        .orb-green .orb .fld-btn .fltr-btn-active, .orb-green .orb .fld-btn .fltr-btn:hover {
            background-color: #78cb5d
        }

    .orb-green .orb .drp-trgt {
        height: 27px
    }

    .orb-green .orb .drp-trgt-over {
        background-color: #f5fbf3
    }

    .orb-green .orb .drp-trgt-empty {
        border: 1px dashed #9fda8b
    }

    .orb-green .orb .drp-indic {
        height: 25px
    }

    .orb-green .orb .drp-indic-over {
        background-color: #9fda8b
    }

.orb-green.fltr-cntnr {
    border: 1px solid #9fda8b;
    box-shadow: 0 5px 15px #676767
}

.orb-green .fltr-scntnr .srchbox-col, .orb-green .fltr-scntnr .srchop-col, .orb-green .fltr-scntnr .srchtyp-col {
    border: 1px solid #9fda8b
}

    .orb-green .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(63,182,24,.7)
    }

.orb-green .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(63,182,24,.7);
    color: #fff;
    border: 1px solid rgba(63,182,24,.7)
}

.orb-green .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #9fda8b
}

.orb-green .orb-btn {
    padding: 1px 4px;
    background-color: #3fb618;
    color: #fff;
    border: none
}

    .orb-green .orb-btn:hover {
        background-color: rgba(63,182,24,.7)
    }

.orb-green .orb-tgl-btn div:hover {
    background-color: #9fda8b
}

.orb-green .orb-toolbar {
    background-color: #ebf7e7;
    border: 1px solid #9fda8b
}

.orb-green .orb-tlbr-btn {
    border: 1px solid #ebf7e7
}

    .orb-green .orb-tlbr-btn:hover {
        border: 1px solid #3fb618
    }

.orb-green .orb-tlbr-sep {
    border-right: 1px solid #9fda8b
}

.orb-green .orb-select, .orb-green .orb-select ul {
    border: 1px solid #9fda8b
}

    .orb-green .orb-select ul li:hover {
        background-color: rgba(63,182,24,.7)
    }

.orb-green .orb-scrollthumb {
    background-color: #ebf7e7;
    border: 1px solid #9fda8b;
    border-radius: 3px
}

.orb-green .orb-scrollthumb-hover {
    background-color: #9fda8b
}

.orb-green.orb-overlay {
    background-color: rgba(103,103,103,.45)
}

.orb-green .orb-dialog {
    background-color: #fff;
    border: 1px solid #676767;
    box-shadow: 0 5px 15px #676767;
    padding: 7px 13px
}

.orb-green .orb-dialog-header {
    background-color: #fff
}

    .orb-green .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-green .orb-dialog-header .button-close:hover {
            background-color: #9fda8b
        }

.orb-green .orb-table td, .orb-green .orb-table th {
    border-top: 1px solid #9fda8b
}

.orb-green .orb-table th {
    background-color: #3fb618;
    color: #fff;
    border: 1px solid #9fda8b;
    font-weight: 700
}

.orb-orange .orb {
    color: #000
}

    .orb-orange .orb .av-flds {
        border-bottom: 1px solid #efb48c !important
    }

    .orb-orange .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-orange .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #efb48c;
        border-left: 1px solid #fae8dc
    }

    .orb-orange .orb .cell-gt, .orb-orange .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #efb48c
    }

    .orb-orange .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-orange .orb .cell-topmost {
        border-top: none !important
    }

    .orb-orange .orb .header {
        background-color: #fbf0e8;
        color: #000
    }

    .orb-orange .orb .header-gt, .orb-orange .orb .header-st {
        color: #000;
        background-color: #fbf0e8
    }

    .orb-orange .orb .header-leftmost {
        border-left: none !important
    }

    .orb-orange .orb .header-row, .orb-orange .orb .header-row-gt, .orb-orange .orb .header-row-st {
        border-top: 1px solid #efb48c
    }

    .orb-orange .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-orange .orb .header-col, .orb-orange .orb .header-col-gt, .orb-orange .orb .header-col-st {
        border-left: 1px solid #efb48c
    }

    .orb-orange .orb .columns-cntr {
        border: 1px solid #efb48c;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-orange .orb .rows-cntr {
        border: 1px solid #efb48c;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-orange .orb .data-cntr {
        border: 1px solid #efb48c;
        border-radius: 0 0 4px
    }

    .orb-orange .orb .fld-btn {
        background-color: #df691a;
        color: #fff;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-orange .orb .fld-btn:hover {
            background-color: rgba(223,105,26,.7)
        }

            .orb-orange .orb .fld-btn:hover .fltr-btn {
                background-color: #df691a
            }

        .orb-orange .orb .fld-btn .fltr-btn-active, .orb-orange .orb .fld-btn .fltr-btn:hover {
            background-color: #e8965e
        }

    .orb-orange .orb .drp-trgt {
        height: 27px
    }

    .orb-orange .orb .drp-trgt-over {
        background-color: #fdf7f3
    }

    .orb-orange .orb .drp-trgt-empty {
        border: 1px dashed #efb48c
    }

    .orb-orange .orb .drp-indic {
        height: 25px
    }

    .orb-orange .orb .drp-indic-over {
        background-color: #efb48c
    }

.orb-orange.fltr-cntnr {
    border: 1px solid #efb48c;
    box-shadow: 0 5px 15px #7d7d7d
}

.orb-orange .fltr-scntnr .srchbox-col, .orb-orange .fltr-scntnr .srchop-col, .orb-orange .fltr-scntnr .srchtyp-col {
    border: 1px solid #efb48c
}

    .orb-orange .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(223,105,26,.7)
    }

.orb-orange .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(223,105,26,.7);
    color: #fff;
    border: 1px solid rgba(223,105,26,.7)
}

.orb-orange .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #efb48c
}

.orb-orange .orb-btn {
    padding: 1px 4px;
    background-color: #df691a;
    color: #fff;
    border: none
}

    .orb-orange .orb-btn:hover {
        background-color: rgba(223,105,26,.7)
    }

.orb-orange .orb-tgl-btn div:hover {
    background-color: #efb48c
}

.orb-orange .orb-toolbar {
    background-color: #fbf0e8;
    border: 1px solid #efb48c
}

.orb-orange .orb-tlbr-btn {
    border: 1px solid #fbf0e8
}

    .orb-orange .orb-tlbr-btn:hover {
        border: 1px solid #df691a
    }

.orb-orange .orb-tlbr-sep {
    border-right: 1px solid #efb48c
}

.orb-orange .orb-select, .orb-orange .orb-select ul {
    border: 1px solid #efb48c
}

    .orb-orange .orb-select ul li:hover {
        background-color: rgba(223,105,26,.7)
    }

.orb-orange .orb-scrollthumb {
    background-color: #fbf0e8;
    border: 1px solid #efb48c;
    border-radius: 3px
}

.orb-orange .orb-scrollthumb-hover {
    background-color: #efb48c
}

.orb-orange.orb-overlay {
    background-color: rgba(125,125,125,.45)
}

.orb-orange .orb-dialog {
    background-color: #fff;
    border: 1px solid #7d7d7d;
    box-shadow: 0 5px 15px #7d7d7d;
    padding: 7px 13px
}

.orb-orange .orb-dialog-header {
    background-color: #fff
}

    .orb-orange .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-orange .orb-dialog-header .button-close:hover {
            background-color: #efb48c
        }

.orb-orange .orb-table td, .orb-orange .orb-table th {
    border-top: 1px solid #efb48c
}

.orb-orange .orb-table th {
    background-color: #df691a;
    color: #fff;
    border: 1px solid #efb48c;
    font-weight: 700
}

.orb-flower .orb {
    color: #000
}

    .orb-flower .orb .av-flds {
        border-bottom: 1px solid #d3a4e3 !important
    }

    .orb-flower .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-flower .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #d3a4e3;
        border-left: 1px solid #f1e3f6
    }

    .orb-flower .orb .cell-gt, .orb-flower .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #d3a4e3
    }

    .orb-flower .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-flower .orb .cell-topmost {
        border-top: none !important
    }

    .orb-flower .orb .header {
        background-color: #f6ecf9;
        color: #000
    }

    .orb-flower .orb .header-gt, .orb-flower .orb .header-st {
        color: #000;
        background-color: #f6ecf9
    }

    .orb-flower .orb .header-leftmost {
        border-left: none !important
    }

    .orb-flower .orb .header-row, .orb-flower .orb .header-row-gt, .orb-flower .orb .header-row-st {
        border-top: 1px solid #d3a4e3
    }

    .orb-flower .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-flower .orb .header-col, .orb-flower .orb .header-col-gt, .orb-flower .orb .header-col-st {
        border-left: 1px solid #d3a4e3
    }

    .orb-flower .orb .columns-cntr {
        border: 1px solid #d3a4e3;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-flower .orb .rows-cntr {
        border: 1px solid #d3a4e3;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-flower .orb .data-cntr {
        border: 1px solid #d3a4e3;
        border-radius: 0 0 4px
    }

    .orb-flower .orb .fld-btn {
        background-color: #a74ac7;
        color: #fff;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-flower .orb .fld-btn:hover {
            background-color: rgba(167,74,199,.7)
        }

            .orb-flower .orb .fld-btn:hover .fltr-btn {
                background-color: #a74ac7
            }

        .orb-flower .orb .fld-btn .fltr-btn-active, .orb-flower .orb .fld-btn .fltr-btn:hover {
            background-color: #c180d7
        }

    .orb-flower .orb .drp-trgt {
        height: 27px
    }

    .orb-flower .orb .drp-trgt-over {
        background-color: #faf5fc
    }

    .orb-flower .orb .drp-trgt-empty {
        border: 1px dashed #d3a4e3
    }

    .orb-flower .orb .drp-indic {
        height: 25px
    }

    .orb-flower .orb .drp-indic-over {
        background-color: #d3a4e3
    }

.orb-flower.fltr-cntnr {
    border: 1px solid #d3a4e3;
    box-shadow: 0 5px 15px #898989
}

.orb-flower .fltr-scntnr .srchbox-col, .orb-flower .fltr-scntnr .srchop-col, .orb-flower .fltr-scntnr .srchtyp-col {
    border: 1px solid #d3a4e3
}

    .orb-flower .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(167,74,199,.7)
    }

.orb-flower .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(167,74,199,.7);
    color: #fff;
    border: 1px solid rgba(167,74,199,.7)
}

.orb-flower .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #d3a4e3
}

.orb-flower .orb-btn {
    padding: 1px 4px;
    background-color: #a74ac7;
    color: #fff;
    border: none
}

    .orb-flower .orb-btn:hover {
        background-color: rgba(167,74,199,.7)
    }

.orb-flower .orb-tgl-btn div:hover {
    background-color: #d3a4e3
}

.orb-flower .orb-toolbar {
    background-color: #f6ecf9;
    border: 1px solid #d3a4e3
}

.orb-flower .orb-tlbr-btn {
    border: 1px solid #f6ecf9
}

    .orb-flower .orb-tlbr-btn:hover {
        border: 1px solid #a74ac7
    }

.orb-flower .orb-tlbr-sep {
    border-right: 1px solid #d3a4e3
}

.orb-flower .orb-select, .orb-flower .orb-select ul {
    border: 1px solid #d3a4e3
}

    .orb-flower .orb-select ul li:hover {
        background-color: rgba(167,74,199,.7)
    }

.orb-flower .orb-scrollthumb {
    background-color: #f6ecf9;
    border: 1px solid #d3a4e3;
    border-radius: 3px
}

.orb-flower .orb-scrollthumb-hover {
    background-color: #d3a4e3
}

.orb-flower.orb-overlay {
    background-color: rgba(137,137,137,.45)
}

.orb-flower .orb-dialog {
    background-color: #fff;
    border: 1px solid #898989;
    box-shadow: 0 5px 15px #898989;
    padding: 7px 13px
}

.orb-flower .orb-dialog-header {
    background-color: #fff
}

    .orb-flower .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-flower .orb-dialog-header .button-close:hover {
            background-color: #d3a4e3
        }

.orb-flower .orb-table td, .orb-flower .orb-table th {
    border-top: 1px solid #d3a4e3
}

.orb-flower .orb-table th {
    background-color: #a74ac7;
    color: #fff;
    border: 1px solid #d3a4e3;
    font-weight: 700
}

.orb-gray .orb {
    color: #000
}

    .orb-gray .orb .av-flds {
        border-bottom: 1px solid #bfbfbf !important
    }

    .orb-gray .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-gray .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #ebebeb
    }

    .orb-gray .orb .cell-gt, .orb-gray .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #bfbfbf
    }

    .orb-gray .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-gray .orb .cell-topmost {
        border-top: none !important
    }

    .orb-gray .orb .header {
        background-color: #f2f2f2;
        color: #000
    }

    .orb-gray .orb .header-gt, .orb-gray .orb .header-st {
        color: #000;
        background-color: #f2f2f2
    }

    .orb-gray .orb .header-leftmost {
        border-left: none !important
    }

    .orb-gray .orb .header-row, .orb-gray .orb .header-row-gt, .orb-gray .orb .header-row-st {
        border-top: 1px solid #bfbfbf
    }

    .orb-gray .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-gray .orb .header-col, .orb-gray .orb .header-col-gt, .orb-gray .orb .header-col-st {
        border-left: 1px solid #bfbfbf
    }

    .orb-gray .orb .columns-cntr {
        border: 1px solid #bfbfbf;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-gray .orb .rows-cntr {
        border: 1px solid #bfbfbf;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-gray .orb .data-cntr {
        border: 1px solid #bfbfbf;
        border-radius: 0 0 4px
    }

    .orb-gray .orb .fld-btn {
        background-color: gray;
        color: #fff;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-gray .orb .fld-btn:hover {
            background-color: rgba(128,128,128,.7)
        }

            .orb-gray .orb .fld-btn:hover .fltr-btn {
                background-color: gray
            }

        .orb-gray .orb .fld-btn .fltr-btn-active, .orb-gray .orb .fld-btn .fltr-btn:hover {
            background-color: #a6a6a6
        }

    .orb-gray .orb .drp-trgt {
        height: 27px
    }

    .orb-gray .orb .drp-trgt-over {
        background-color: #f8f8f8
    }

    .orb-gray .orb .drp-trgt-empty {
        border: 1px dashed #bfbfbf
    }

    .orb-gray .orb .drp-indic {
        height: 25px
    }

    .orb-gray .orb .drp-indic-over {
        background-color: #bfbfbf
    }

.orb-gray.fltr-cntnr {
    border: 1px solid #bfbfbf;
    box-shadow: 0 5px 15px gray
}

.orb-gray .fltr-scntnr .srchbox-col, .orb-gray .fltr-scntnr .srchop-col, .orb-gray .fltr-scntnr .srchtyp-col {
    border: 1px solid #bfbfbf
}

    .orb-gray .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(128,128,128,.7)
    }

.orb-gray .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(128,128,128,.7);
    color: #fff;
    border: 1px solid rgba(128,128,128,.7)
}

.orb-gray .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #bfbfbf
}

.orb-gray .orb-btn {
    padding: 1px 4px;
    background-color: gray;
    color: #fff;
    border: none
}

    .orb-gray .orb-btn:hover {
        background-color: rgba(128,128,128,.7)
    }

.orb-gray .orb-tgl-btn div:hover {
    background-color: #bfbfbf
}

.orb-gray .orb-toolbar {
    background-color: #f2f2f2;
    border: 1px solid #bfbfbf
}

.orb-gray .orb-tlbr-btn {
    border: 1px solid #f2f2f2
}

    .orb-gray .orb-tlbr-btn:hover {
        border: 1px solid gray
    }

.orb-gray .orb-tlbr-sep {
    border-right: 1px solid #bfbfbf
}

.orb-gray .orb-select, .orb-gray .orb-select ul {
    border: 1px solid #bfbfbf
}

    .orb-gray .orb-select ul li:hover {
        background-color: rgba(128,128,128,.7)
    }

.orb-gray .orb-scrollthumb {
    background-color: #f2f2f2;
    border: 1px solid #bfbfbf;
    border-radius: 3px
}

.orb-gray .orb-scrollthumb-hover {
    background-color: #bfbfbf
}

.orb-gray.orb-overlay {
    background-color: rgba(128,128,128,.45)
}

.orb-gray .orb-dialog {
    background-color: #fff;
    border: 1px solid gray;
    box-shadow: 0 5px 15px gray;
    padding: 7px 13px
}

.orb-gray .orb-dialog-header {
    background-color: #fff
}

    .orb-gray .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-gray .orb-dialog-header .button-close:hover {
            background-color: #bfbfbf
        }

.orb-gray .orb-table td, .orb-gray .orb-table th {
    border-top: 1px solid #bfbfbf
}

.orb-gray .orb-table th {
    background-color: gray;
    color: #fff;
    border: 1px solid #bfbfbf;
    font-weight: 700
}

.orb-black .orb {
    color: #000
}

    .orb-black .orb .av-flds {
        border-bottom: 1px solid #7f7f7f !important
    }

    .orb-black .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-black .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #7f7f7f;
        border-left: 1px solid #d8d8d8
    }

    .orb-black .orb .cell-gt, .orb-black .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #7f7f7f
    }

    .orb-black .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-black .orb .cell-topmost {
        border-top: none !important
    }

    .orb-black .orb .header {
        background-color: #e5e5e5;
        color: #000
    }

    .orb-black .orb .header-gt, .orb-black .orb .header-st {
        color: #000;
        background-color: #e5e5e5
    }

    .orb-black .orb .header-leftmost {
        border-left: none !important
    }

    .orb-black .orb .header-row, .orb-black .orb .header-row-gt, .orb-black .orb .header-row-st {
        border-top: 1px solid #7f7f7f
    }

    .orb-black .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-black .orb .header-col, .orb-black .orb .header-col-gt, .orb-black .orb .header-col-st {
        border-left: 1px solid #7f7f7f
    }

    .orb-black .orb .columns-cntr {
        border: 1px solid #7f7f7f;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-black .orb .rows-cntr {
        border: 1px solid #7f7f7f;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-black .orb .data-cntr {
        border: 1px solid #7f7f7f;
        border-radius: 0 0 4px
    }

    .orb-black .orb .fld-btn {
        background-color: #000;
        color: #fff;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-black .orb .fld-btn:hover {
            background-color: rgba(0,0,0,.7)
        }

            .orb-black .orb .fld-btn:hover .fltr-btn {
                background-color: #000
            }

        .orb-black .orb .fld-btn .fltr-btn-active, .orb-black .orb .fld-btn .fltr-btn:hover {
            background-color: #4c4c4c
        }

    .orb-black .orb .drp-trgt {
        height: 27px
    }

    .orb-black .orb .drp-trgt-over {
        background-color: #f2f2f2
    }

    .orb-black .orb .drp-trgt-empty {
        border: 1px dashed #7f7f7f
    }

    .orb-black .orb .drp-indic {
        height: 25px
    }

    .orb-black .orb .drp-indic-over {
        background-color: #7f7f7f
    }

.orb-black.fltr-cntnr {
    border: 1px solid #7f7f7f;
    box-shadow: 0 5px 15px #000
}

.orb-black .fltr-scntnr .srchbox-col, .orb-black .fltr-scntnr .srchop-col, .orb-black .fltr-scntnr .srchtyp-col {
    border: 1px solid #7f7f7f
}

    .orb-black .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(0,0,0,.7)
    }

.orb-black .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(0,0,0,.7);
    color: #fff;
    border: 1px solid rgba(0,0,0,.7)
}

.orb-black .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #7f7f7f
}

.orb-black .orb-btn {
    padding: 1px 4px;
    background-color: #000;
    color: #fff;
    border: none
}

    .orb-black .orb-btn:hover {
        background-color: rgba(0,0,0,.7)
    }

.orb-black .orb-tgl-btn div:hover {
    background-color: #7f7f7f
}

.orb-black .orb-toolbar {
    background-color: #e5e5e5;
    border: 1px solid #7f7f7f
}

.orb-black .orb-tlbr-btn {
    border: 1px solid #e5e5e5
}

    .orb-black .orb-tlbr-btn:hover {
        border: 1px solid #000
    }

.orb-black .orb-tlbr-sep {
    border-right: 1px solid #7f7f7f
}

.orb-black .orb-select, .orb-black .orb-select ul {
    border: 1px solid #7f7f7f
}

    .orb-black .orb-select ul li:hover {
        background-color: rgba(0,0,0,.7)
    }

.orb-black .orb-scrollthumb {
    background-color: #e5e5e5;
    border: 1px solid #7f7f7f;
    border-radius: 3px
}

.orb-black .orb-scrollthumb-hover {
    background-color: #7f7f7f
}

.orb-black.orb-overlay {
    background-color: rgba(0,0,0,.45)
}

.orb-black .orb-dialog {
    background-color: #fff;
    border: 1px solid #000;
    box-shadow: 0 5px 15px #000;
    padding: 7px 13px
}

.orb-black .orb-dialog-header {
    background-color: #fff
}

    .orb-black .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-black .orb-dialog-header .button-close:hover {
            background-color: #7f7f7f
        }

.orb-black .orb-table td, .orb-black .orb-table th {
    border-top: 1px solid #7f7f7f
}

.orb-black .orb-table th {
    background-color: #000;
    color: #fff;
    border: 1px solid #7f7f7f;
    font-weight: 700
}

.orb-white .orb {
    color: #000
}

    .orb-white .orb .av-flds {
        border-bottom: 1px solid #d9d9d9 !important
    }

    .orb-white .orb .flds-grp-cap div {
        color: #ccc
    }

    .orb-white .orb .cell {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #d9d9d9;
        border-left: 1px solid #e6e6e6
    }

    .orb-white .orb .cell-gt, .orb-white .orb .cell-st {
        background-color: #fff;
        color: #000;
        border-top: 1px solid #d9d9d9
    }

    .orb-white .orb .cell-leftmost {
        border-left: none !important
    }

    .orb-white .orb .cell-topmost {
        border-top: none !important
    }

    .orb-white .orb .header {
        background-color: #fff;
        color: #000
    }

    .orb-white .orb .header-gt, .orb-white .orb .header-st {
        color: #000;
        background-color: #fff
    }

    .orb-white .orb .header-leftmost {
        border-left: none !important
    }

    .orb-white .orb .header-row, .orb-white .orb .header-row-gt, .orb-white .orb .header-row-st {
        border-top: 1px solid #d9d9d9
    }

    .orb-white .orb .header-row-nofields {
        border-top: none !important
    }

    .orb-white .orb .header-col, .orb-white .orb .header-col-gt, .orb-white .orb .header-col-st {
        border-left: 1px solid #d9d9d9
    }

    .orb-white .orb .columns-cntr {
        border: 1px solid #d9d9d9;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

    .orb-white .orb .rows-cntr {
        border: 1px solid #d9d9d9;
        border-right: none;
        border-radius: 4px 0 0 4px
    }

    .orb-white .orb .data-cntr {
        border: 1px solid #d9d9d9;
        border-radius: 0 0 4px
    }

    .orb-white .orb .fld-btn {
        background-color: #fff;
        color: #000;
        font-weight: 700;
        height: 25px;
        border: none;
        border-radius: 4px;
        padding: 4px 5px
    }

        .orb-white .orb .fld-btn:hover {
            background-color: rgba(128,128,128,.1)
        }

            .orb-white .orb .fld-btn:hover .fltr-btn {
                background-color: #555
            }

        .orb-white .orb .fld-btn .fltr-btn-active, .orb-white .orb .fld-btn .fltr-btn:hover {
            background-color: #999
        }

    .orb-white .orb .drp-trgt {
        height: 27px
    }

    .orb-white .orb .drp-trgt-over {
        background-color: #fff
    }

    .orb-white .orb .drp-trgt-empty {
        border: 1px dashed #d9d9d9
    }

    .orb-white .orb .drp-indic {
        height: 25px
    }

    .orb-white .orb .drp-indic-over {
        background-color: #d9d9d9
    }

.orb-white.fltr-cntnr {
    border: 1px solid #d9d9d9;
    box-shadow: 0 5px 15px #d9d9d9
}

.orb-white .fltr-scntnr .srchbox-col, .orb-white .fltr-scntnr .srchop-col, .orb-white .fltr-scntnr .srchtyp-col {
    border: 1px solid #d9d9d9
}

    .orb-white .fltr-scntnr .srchtyp-col:hover {
        border: 1px solid rgba(128,128,128,.1)
    }

.orb-white .fltr-scntnr .srchtyp-col-active {
    background-color: rgba(128,128,128,.1);
    color: #000;
    border: 1px solid rgba(128,128,128,.1)
}

.orb-white .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #d9d9d9
}

.orb-white .orb-btn {
    padding: 1px 4px;
    background-color: #fff;
    color: #000;
    border: none
}

    .orb-white .orb-btn:hover {
        background-color: rgba(128,128,128,.1)
    }

.orb-white .orb-tgl-btn div:hover {
    background-color: #d9d9d9
}

.orb-white .orb-toolbar {
    background-color: #fff;
    border: 1px solid #d9d9d9
}

.orb-white .orb-tlbr-btn {
    border: 1px solid #fff
}

    .orb-white .orb-tlbr-btn:hover {
        border: 1px solid gray
    }

.orb-white .orb-tlbr-sep {
    border-right: 1px solid #d9d9d9
}

.orb-white .orb-select, .orb-white .orb-select ul {
    border: 1px solid #d9d9d9
}

    .orb-white .orb-select ul li:hover {
        background-color: rgba(128,128,128,.1)
    }

.orb-white .orb-scrollthumb {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px
}

.orb-white .orb-scrollthumb-hover {
    background-color: #d9d9d9
}

.orb-white.orb-overlay {
    background-color: rgba(0,0,0,.25)
}

.orb-white .orb-dialog {
    background-color: #fff;
    border: 1px solid gray;
    box-shadow: 0 5px 15px gray;
    padding: 7px 13px
}

.orb-white .orb-dialog-header {
    background-color: #fff
}

    .orb-white .orb-dialog-header .button-close {
        background-color: #fff;
        margin: 5px 3px 1px 1px
    }

        .orb-white .orb-dialog-header .button-close:hover {
            background-color: #d9d9d9
        }

.orb-white .orb-table td, .orb-white .orb-table th {
    border-top: 1px solid #d9d9d9
}

.orb-white .orb-table th {
    background-color: #fff;
    color: #000;
    border: 1px solid #d9d9d9;
    font-weight: 700
}