/***
*   Grid.Mvc stylesheet http://gridmvc.codeplex.com/
*   This file contains default styles for Grid.Mvc.
*/
/* Grid */
table.grid-table {
    margin: 0;
    border: #ccc 1px;
    border-style:ridge;
    
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 1.42857143;
color: #333;
}

    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;
        align-items: center;
        vertical-align: top;
        align-self: center;
        color: white;
        background-color: #C7D3A9;
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 #fff;
        -ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 #fff;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 white;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 white;
    }

        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;
        }

    /* Grid body */
    table.grid-table tr.grid-row-selected td {
        background-color: #E1E1E1;
       
         -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 #fff;
        -ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 #fff;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 white;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 white;
    }

       table.grid-table tr.grid-row td {
        
        font-size: 1em;
        font-family:Calibri;
      
    }


    table.grid-table tr.grid-row-selected a {
        color: blue;
    }

    
     table.grid-table td.grid-cell {
       word-break: break-all;
}

/* Grid filtering */
input.grid-filter-input {
    padding: 4px;
    font-size: 0.85em;
}

table.grid-table .grid-filter {
    position: relative;
    align-items: flex-start;
    margin-top: 2px;
    float: left;
    width: 10px;
    height: 12px;
}

table.grid-table .grid-filter-btn {
    cursor: pointer;
    display: block;
    width: 10px;
    height: 12px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFNjkJSU/E8MZvj//78DMRhkoj+6bizYH2SiiIeHx2FjY+P/2DBIDqSGAQSOHTtmYWZm9hldEUgMJAdWBAJAHSzt7e056ApBYiA5qDIIAAoIhIaGroYpArFBYlBpVLB3715DmEIQGyqMCUDWwBRiWIkOYAqhXNwApMjX13c7lIsbgBQBrdWAcqGAgQEAdOGTrvsYKXIAAAAASUVORK5CYII=') no-repeat;
}

    table.grid-table .grid-filter-btn.filtered {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJNJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2ZhZmb2GV0RSAwkB1YEAkAdLO3t7TnoCkFiIDmoMggACgiEhoauhikCsUFiUGlUsHfvXkOYQhAbKowJQNbAFGJYiQ5gCqFc3ACkyNfXdzuUixuAFAGt1YByoYCBAQAUDanUpFB4UQAAAABJRU5ErkJggg==') 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;
        font-size: 0.85em;
    }

    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;
        }

        
  .rowEdit {
         background: no-repeat url(/Images/edit.jpg) 0 0;
         height: 15px;
         width: 20px;
         overflow: hidden;
         float: left;
         border: none;
         display: inline;
     }

     .rowDelete {
         background: no-repeat url(/Images/delete.png) 0 0;
         height: 15px;
         width: 20px;
         overflow: hidden;
         float: left;
         border: none;
         display: inline;
     }