﻿/***
*   Grid.Mvc stylesheet http://gridmvc.codeplex.com/
*   This file contains default styles for Grid.Mvc.
*/
/* Grid */
table.grid-table { margin: 0; }
    table.grid-table .grid-wrap { padding: 0; position: relative; }
    table.grid-table .grid-empty-text { color: #666; }

    /* Grid headers */
    table.grid-table .grid-header {
        position: relative; 
        background-color: #374249;
        color: white;
        font-family: 'Helvetica';
        font-weight: normal;
        font-size: 14px;
        padding-left: 10px;
        height: 50px;
        vertical-align: middle;
    }
        table.grid-table .grid-header:last-child{ border-right: none;}
        table.grid-table .grid-header .sorted-asc .grid-sort-arrow:after { content: " \2193"; }
        table.grid-table .grid-header .sorted-desc .grid-sort-arrow:after { content: " \2191"; }
        table.grid-table .grid-header > .grid-header-title { width: 100%; margin-right: 15px; white-space: nowrap; }


    table.grid-table .grid-header-title span {
        border-left: 1px solid #5a6369;
        padding-left: 20px;
        display: block;
        height: 20px;
        line-height: 20px; 
    }

        table.grid-table thead th:first-child .grid-header-title span {
            border:none;
    }

    /* Grid body */
        table.grid-table tbody td {
        padding-left: 30px;
    }
    table.grid-table tr.grid-row-selected td { background: #4888C2 !important; color: white; }
    table.grid-table tr.grid-row-selected a { color: white; }

    table.grid-table tr.grid-row td.grid-cell { vertical-align: middle !important; }

/* Grid filtering */
input.grid-filter-input { padding: 4px; font-size: 13px; }
table.grid-table .grid-filter { position: relative; margin-top: 2px; float: right; width: 15px; height: 15px; }
table.grid-table .grid-filter-btn { cursor: pointer; display: block; width: 15px; height: 15px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfxJREFUeNpiNHfyZoABGXFRB2srDXUVCPfGzTsHjh578vI1XAGzjKIakOLkYEuNCi8tyr18+dqBw0fPXLh4+849MVHR6ooixj9/b9+//+fPX6AyJojSzvoaaWnJ6KTMK9eui4qIfPv+48KNW0vWbQyKSQJaBZQFqoGaHeHnw8vLvWb95mkTu+VlZf/9/ZMUH2Okq3X8zNnvP37tO3Lc2sxITEj40vWbDJ6BEf///4+KTwOShSVVQG9A0IIFS3fv3gdhQ9QASebkxKS7d+4DnXj9+s31O/bAPXT15s3CnIyDBw9/+vrt+89frAwMHGzsTCZGBhevXAU67vipMwxIAOiGs2fPc3FyQLhANYb6OiBfvnn37unT5wrysgyoQEFBAc4GquHj42X69OmziJDQ3kOH01MTgeENl/ZxduDl47n14DGEC1QDVMmspqGrpa628+BRPg4OYHgDQ5fp//9AL/f4uMhv334oSkueu3wZGNg+rs7XbtxiOnv5cnx8lBA/7/RFy/JLKoHGhAT63rn3IDIxPS4jB8hdt2QeUBaoBqiSERhAMUH+QF/WtPcyYANApUVZacBUAIwskC/XbtvOx8ffUlkMiTBkABQBKgXKAtVA4xLorANHjwJjq7W+CuJuPh4uWQkJFzsboMj+A0cmzZkHDFCgakaS0iBAgAEAQpjt4HQgIkQAAAAASUVORK5CYII=') no-repeat; }
    table.grid-table .grid-filter-btn.filtered { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhRJREFUeNpskk9IFHEUx3/vtzPb7tqO4CSpu9OOq7RZKpTQ/0MoGP07CF4MWTEIC4pA8hB171K3oEMUGeEhqluXoEuFG+IaIR6SMGVdinRZHGuc3fnNvN4022bR9/L7vd/7/N7M+70vHOg+xariis20Mip+FARDZjnmGtW8VFlBKkH7d9GkSEsRvgBoI8gCtxXEUTqR8SNDQVQg3ryTUAMPU+WG8FRnS01nKl62iuvr3wK4EuGfLZa0UN8CecZcj7Z5GzL5SKpw786thKa5jjg3NLivY3dmOiuEHWTLApoAonQZ9vf0r4jeNvXdi2f3R8euT8588H/tYvpsLNZ44+Zt2iOEiamXXnIHtFp56UT3wfHxiSpKevjkaVfX3vj2eq8p3CAGeQMvoSrD6q5Ua2Zqmm3ShlXOZt9HwiE/JKbkqtx7NzTz+S96QmN/S9f1P2+LpstkzpntQuTV6zcj54f97/o63XMsqmydX8z5ITFEBna0dthYt1acV0KhsdHLIByO2Hfy+FB6wDSt5ljjzOysEE4ZkkFe5OB+XbMT1PXdRxNXrl6jMv19Zz4tLA4Mj6QvXKLw+eMHlCWGSKDJ23wPTbsGM+x/qquN5ox2zwXunNclDdZB+QccoqH+y4JEKGW94Vd8gkKBSRtSBdFLrpBgteoTQyQ8n7CKT34XQyHjnCrlyIOmm/x14nlQld5u9uBPAQYAwErhMF41t+IAAAAASUVORK5CYII=') no-repeat; }
table.grid-table .grid-filter-buttons { padding: 0; }
table.grid-table .grid-filter-datepicker { font-size: 12px; }
    table.grid-table .grid-filter-datepicker table td { padding: 1px!important; }
    table.grid-table .grid-filter-datepicker .ui-datepicker { width: auto; }
table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear { white-space: nowrap; padding-left: 23px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg=='); background-position: 3px center; background-repeat: no-repeat; }
table.grid-table .grid-filter-choose.choose-selected { background-color: white!important; cursor: default; color: #999; }
table.grid-table .grid-popup-additional { padding: 3px 0 0 0; }

/* POP-UP */
.grid-dropdown { font-weight: normal; left: -102px; top: 16px!important; min-width: 180px; }
.grid-dropdown-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAl0lEQVQoU42PMQuFMAyE6xN5gpOjjsIb/P9/o3O3zh27dY25kIPq8DBwmLT35WoQkUEVOmGec84CaW2q7+N+AdCD6M9SisQYTei1jsfyCeCu+vjFVGs1AN++94DRfUOfuNLoKUiyRC5y2F5I8NdaM4P/l0EswvBorQTnfxBhLMRih+2pklIy+eEtjQPu6MNZwIBNbwteMBd5X4ZGHcwL3QAAAABJRU5ErkJggg==") no-repeat; height: 8px; left: 99px; position: absolute; top: -8px; width: 14px; }
.grid-dropdown-inner { padding: 5px 7px; }
.grid-dropdown ul.menu-list { list-style-type: none; margin: 3px 0 0 0; padding: 0; }
    .grid-dropdown ul.menu-list li a { text-decoration: none; background-position: 6px center; background-repeat: no-repeat; display: block; padding: 4px 5px; }
        .grid-dropdown ul.menu-list li a:hover { background-color: #EEE; text-decoration: none; }
