/***
*   Grid.Mvc stylesheet http://gridmvc.codeplex.com/
*   This file contains default styles for Grid.Mvc.
*/
/* Grid */


.remove-filter {
    height: 35px !important;
    background-color: white !important;
    color: #333 !important;
}

table.grid-table {
    margin: 0;
}

table.table-hover .grid-wrap {
    padding: 0;
    position: relative;
    display: block;
}

table.table-hover .grid-empty-text {
    color: #666;
}

/* Grid headers */
table.table-hover .grid-header {
    position: relative;
    padding-left: 17px !important;
}

    table.table-hover .grid-header .sorted-asc .grid-sort-arrow:after {
        content: " \2193";
    }

    table.table-hover .grid-header .sorted-desc .grid-sort-arrow:after {
        content: " \2191";
    }

    table.table-hover .grid-header > .grid-header-title {
        width: 100%;
        margin-right: 15px;
        white-space: nowrap;
    }

.grid-header-title a {
    font-weight: 400 !important;
    color: #7E8391 !important;
    font-size: 12px;
}

.grid-header-title span {
    font-weight: 400 !important;
    color: #7E8391 !important;
}

.grid-cell {
    font-weight: 400;
    color: #464C5F;
    font-size: 14px;
}

    .grid-cell[data-name='TypeIcon'] {
        text-align: center;
    }
/* Grid body */
table.grid-table tr.grid-row-selected td {
    background: #4888C2 !important;
    color: white;
}

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

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

table.table-hover .grid-filter {
    position: relative;
    margin-top: 2px;
    margin-right: 10px;
    float: left;
    width: 10px;
    height: 12px;
    z-index: 1;
}

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

    table.table-hover .grid-filter-btn.filtered {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFNjkJSU/E8MZvj//78DMRhkoj+6bizYH2SiiIeHx2FjY+P/2DBIDqSGAQSOHTtmYWZm9hldEUgMJAdWBAJAHSzt7e056ApBYiA5qDIIAAoIhIaGroYpArFBYlBpVLB3715DmEIQGyqMCUDWwBRiWIkOYAqhXNwApMjX13c7lIsbgBQBrdWAcqGAgQEAdOGTrvsYKXIAAAAASUVORK5CYII=') no-repeat;
    }

table.table-hover .grid-filter-buttons {
    padding: 0;
}

table.table-hover .grid-filter-datepicker {
    font-size: 12px;
}

    table.table-hover .grid-filter-datepicker table td {
        padding: 1px !important;
    }

    table.table-hover .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: -23px;
    top: 16px !important;
    min-width: 180px;
    position: absolute;
}

.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: 20px;
    position: absolute;
    top: -9px;
    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;
        }
.wizard > .content .table .grid-wrap {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.modal-body .table .grid-wrap {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.modal-body .grid-header-title > .checkbox {
    margin-bottom: 0px !important;
}
/*.tas-filter {
    background: url("../fonts/ikon_sheet.svg") -100px -420px;
    height: 30px;
    width: 30px;
}*/

.md-filter-color {
    background-color: #F27A1A;
    color: white;
}

.tag-container {
    margin-top: 10px;
}

.tm-tag {
    margin-right: 8px;
    padding: 4px 8px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    border: 0;
    border-radius: 1px;
    box-shadow: none;
    background: #AAA;
}

    .tm-tag .tm-tag-remove {
        color: #FFF;
        opacity: 0.6;
        font-size: 13px;
        font-weight: 400;
        padding: 0 3px;
    }

        .tm-tag .tm-tag-remove:hover {
            color: #FFF;
            opacity: 1;
        }

    .tm-tag.tm-tag-primary {
        color: #FFF;
        background-color: #00B4FC;
    }

    .tm-tag.tm-tag-info {
        color: #FFF;
        background-color: #5dbde0;
    }

    .tm-tag.tm-tag-success {
        color: #FFF;
        background-color: #95DD38;
    }

    .tm-tag.tm-tag-warning {
        color: #FFF;
        background-color: #f8c969;
    }

    .tm-tag.tm-tag-danger {
        color: #FFF;
        background-color: #FF6C5A;
    }

    .tm-tag.tm-tag-alert {
        color: #FFF;
        background-color: #b09ae4;
    }

    .tm-tag.tm-tag-system {
        color: #FFF;
        background-color: #50ccad;
    }

.m-t-10 {
    margin-top: 10px;
}

.tag-success {
    background-color: transparent !important;
    color: #797979 !important;
    border-left: 5px solid #95DD38;
    display: inline-block;
    margin-top: 3px;
    font-weight: 500;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.tag-primary {
    background-color: transparent;
    color: #797979 !important;
    border-left: 5px solid #00B4FC;
    display: inline-block;
    margin-top: 3px;
    font-weight: 500;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}


.tag-danger {
    background-color: transparent !important;
    color: #797979 !important;
    border-left: 5px solid #FF6C5A;
    display: inline-block;
    margin-top: 3px;
    font-weight: 500;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.tag-purple {
    background-color: transparent !important;
    color: #797979 !important;
    border-left: 5px solid #F27A1A;
    display: inline-block;
    margin-top: 3px;
    font-weight: 500;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.grid-cell > button {
    /*vertical-align: middle!important;*/
    /*text-align: center*/
    margin-left: 20px;
}

.grid-pager {
    /*margin-top: 100px;*/
    padding-left: 30px;
    padding-right: 30px;
}

.grid-mvc {
    /*margin-top: 50px;*/
}


.grid-header {
    margin-left: 0px !important;
}
.wizard > .content .table .grid-wrap .table, .wizard > .content .table .grid-wrap table.table {
    background-color: #e6e6e6;
    margin-bottom: 0;
}
.wizard > .content .table .grid-wrap > .table-responsive {
    background-color: #e6e6e6;
}

.wizard > .content > .body ul > li {
    display: block;
    line-height: 30px;
    margin: 0;
}

.pagination > li {
    float: left;
    margin-top: 10px !important;
}