﻿/* ==========================================================================
   DAP admin classic: Search in classic mode
   v 1.1 minor changes
   v 1.2 paging added
   v 1.3 search lup via characterset
   v 1.4 isHist/isHidden add
   v 1.5 hist.svg
   v 1.6 isExtranet + isIntranet
   ========================================================================== */
.searchMaster {
    padding: 20px 5px 10px 10px;
}

.searchPanel .searchHit {
    color: #0B7DBB;
}

    .searchPanel .searchHit.isNone {
        color: lightcoral;
    }

    .searchPanel .searchHit.isHidden {
        color: grey;
    }

    .searchPanel .searchHit.isIntranet {
        color: orangered;
    }

    .searchPanel .searchHit.isExtranet {
        color: dodgerblue;
    }

    .searchPanel .searchHit.isInternet {
        color: green;
    }

    .searchPanel .searchHit.isDeleted {
        color: red;
    }

/*    .searchPanel .searchHit.isHist {
        display: block;
    }
*/
        .searchPanel .searchHit.isHist::after {
            content: '';
            background-image: url('../images/hist.svg');
            background-repeat: no-repeat;
            padding-right: 20px;
            background-position: center;
            background-size: 50%;
        }

    .searchPanel .searchHit.isHidden::after {
        content: '';
        background-image: url('../images/hidden.ico');
        background-repeat: no-repeat;
        padding-right: 20px;
        background-position: center;
        background-size: 16px;
    }

.searchPanel td.col1 {
    white-space: nowrap;
}

.searchMaster #BackGrid {
    margin: 10px;
}

#status {
    margin-top: 10px;
}

a[href="#"] {
    cursor: not-allowed;
}

.searchMaster .form-search {
    border-top: none;
    white-space: nowrap;
}

    .searchMaster .form-search > i {
        color: #C1C4C5;
        position: relative;
        left: 26px;
        top: 13px;
    }

input.searchTxt {
    padding-left: 31px;
}

.searchWindow {
    display: flex;
}

/* crumbs */
/* Simple scalable breadcrumb by - http://red-team-design.com/css3-breadcrumbs/
------------------------------------------------------------------*/
#crumbs {
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*background: #eee;*/
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    overflow: hidden;
    width: 100%;
}

    #crumbs li {
        float: left;
        margin: 1px 0;
        padding: 1px 0 0 1px;
        line-height: 1.4em;
    }

    #crumbs a {
        padding: .7em 1em .7em 2em;
        float: left;
        text-decoration: none;
        color: #444;
        position: relative;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        background-color: #ddd;
        background-image: linear-gradient(to right, #f5f5f5, #ddd);
    }

    #crumbs li:first-child a {
        padding-left: 1em;
        border-radius: 5px 0 0 5px;
    }

    #crumbs a:hover {
        background: #fff;
    }

    #crumbs a::after,
    #crumbs a::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-top: 1.5em solid transparent;
        border-bottom: 1.5em solid transparent;
        border-left: 1em solid;
        right: -1em;
    }

    #crumbs a::after {
        z-index: 2;
        border-left-color: #ddd;
    }

    #crumbs a::before {
        border-left-color: #ccc;
        right: -1.1em;
        z-index: 1;
    }

    #crumbs a:hover::after {
        border-left-color: #fff;
        padding-left: 1px;
    }

    #crumbs .current,
    #crumbs .current:hover {
        font-weight: bold;
        background: none;
    }

        #crumbs .current::after,
        #crumbs .current::before {
            content: normal;
        }

/* table pager */
#GridView1 > tbody > tr.paging > td > table > tbody > tr > td {
    padding-left: 16px;
}

table .searchicon {
    top: 8px;
    left: 26px;
}