/*---NBCC Document Repository Project 
    Style for the Admin Master page
    Jerson Useche July 27, 2021 

    Quick colour references:
    #829600; --- NBCC Green 
    #eaab00; --- NBCC Yellow
    #007599; --- NBCC Blue 
---*/

/*--- Navbar---*/
.navbar .navbar-nav .nav-link {
    float: none;
    color: #FFF;
    padding: 2rem 2.5rem 0.2rem 2.0rem;
}

.navbar .nav-item.active .nav-link,
.navbar .nav-item:hover .nav-link,
.navbar .nav-item:visited .nav-link {
    color: #eaab00; /*--NBCC Yellow --*/
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #FFF;
}

.navbar-light .navbar-nav .nav-link.active,
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 2.0rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

/*--- The Hamburger Toggle --*/
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    background-color: transparent;
}


.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b; /*--- dropdown menu hover ---*/
    text-decoration: none;
    background-color: #CCC; /*-- light grey --*/
}

.collapse navbar-collapse {
    background-color: #829600; /*--- NBCC Green --*/
}


.login-bar {
    background-color: #829600; /*--- NBCC Green --*/
    height: 31px;
    padding: 0px 15px 0px 15px;
    color: #FFF;
    text-align: right;
    width: 100%;
    line-height: 27px;
    font-size: 0.8rem;
}


/*--- Login / Login Error Message ---*/
btn btn-default btn-block {
    border-color: #d3d3d3;
    width: 80%;
    margin-left: 10%;
}

.loginErrorMsg {
    color: red;
}



/* Set black background color, white text and some padding */
footer {
    background-color: #212529;
    color: white;
    padding: 15px;
}



/*--- Home Page Gridview ---*/
table.homePageGrids {
    border-style: none;
}

    table.homePageGrids tr {
        border: none;
        border-style: none;
    }

    table.homePageGrids th {
        font-weight: bold;
        font-size: 1.1em;
        border: none;
        border-bottom: 1px solid;
        border-collapse: collapse;
        pointer-events: none;
    }

    table.homePageGrids td {
        font-size: 1em;
        padding: 0.6em;
        border-style: none;
        vertical-align: middle;
    }

        table.homePageGrids td:nth-child(1) {
            border-style: none;
            width: 70%;
        }

        table.homePageGrids td:nth-child(2) {
            border-style: none;
            width: 25%;
        }

        table.homePageGrids td:nth-child(3) {
            border-style: none;
        }




/*--- List Document Gridview ---*/

table.ListDocPageGrids th {
    background-color: #f0f0f0 !important;
    border: none !important;
}
    /*--- This is the heading of hgrid in ListDocuments page ---*/
    table.ListDocPageGrids th a {
        color: #007599; /*--- NBCC Blue ---*/
    }

table.ListDocPageGrids td {
    vertical-align: middle;
}

    table.ListDocPageGrids td:nth-child(1) {
        text-align: center;
    }

    table.ListDocPageGrids td:nth-child(2) {
    }

    table.ListDocPageGrids td:nth-child(3) {
        text-align: center;
    }

    table.ListDocPageGrids td:nth-child(4) {
    }

    table.ListDocPageGrids td:nth-child(5) {
    }

    table.ListDocPageGrids td:nth-child(6) {
        text-align: center;
    }

    table.ListDocPageGrids td:nth-child(7) {
    }
    /*---  this is the column with the View button ---*/
    table.ListDocPageGrids td:nth-child(8) {
        width: 2%;
    }

table.ListDocPageGrids th:nth-child(1) {
    text-align: center;
}

table.ListDocPageGrids th:nth-child(3) {
    text-align: center;
}

table.ListDocPageGrids th:nth-child(6) {
    text-align: center;
}

/*---Buttons ---*/
.btn:hover {
    background-color: #929292; /*--- Grey shade on button hover ---*/
    color: #FFF;
}

.btn {
    border-color: #d3d3d3;
}


/*---Buttons in HomePage, ListDocuments ---*/


.buttonsInGridView {
    /*border-color:orangered;
    background-color: #eaab00;*/
    border-color: #d3d3d3;
}

.buttonsInGridCreate {
    border-color: #d3d3d3;
    background-color: #007599; /*--- NBCC Blue ---*/
    color: #FFF;
}

.buttonsAddInAddDocs {
    border-color: #d3d3d3;
    background-color: #007599; /*--- NBCC Blue ---*/
    color: #FFF;
    float: right;
}

/*--- Disabled Buttons change bootstrap class to other delivered by .Net ---*/
.aspNetDisabled {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #d3d3d3;
}
/*---This is the Users VIEW button --- */
#MainContent_GridViewAdministration_btnViewDoc_3 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #d3d3d3;
}


/*--- Disabled Buttons ---*/

.buttonsInGridView.disabled, .buttonsInGridView:disabled {
    background-color: #efefef;
    border-color: #8c8c8c;
    color: #000000;
    opacity: .65;
    cursor: not-allowed;
    pointer-events: all !important;
}

.buttonsInGridCreate.disabled, .buttonsInGridCreate:disabled {
    background-color: #efefef;
    border-color: #8c8c8c;
    color: #000000;
    opacity: .65;
    cursor: not-allowed;
    pointer-events: all !important;
}

.buttonsAddInAddDocs.disabled, .buttonsAddInAddDocs:disabled {
    background-color: #efefef;
    border-color: #8c8c8c;
    color: #000000;
    opacity: .65;
    cursor: not-allowed;
    pointer-events: all !important;
}

.btn.disabled, .btn:disabled {
    background-color: #efefef;
    border-color: #8c8c8c;
    color: #000000;
    opacity: .65;
    cursor: not-allowed;
    pointer-events: all !important;
}

table.ListDivisionPageGrids th {
    background-color: #f0f0f0 !important;
    border: none !important;
}
    /*--- This is the heading of hgrid in ListDivisions page ---*/
    table.ListDivisionPageGrids th a {
        color: #007599; /*--- NBCC Blue ---*/
    }

table.ListDivisionPageGrids td {
    vertical-align: middle;
}

    table.ListDivisionPageGrids td:nth-child(1) {
        text-align: center;
    }

    table.ListDivisionPageGrids td:nth-child(2) {
    }

    table.ListDivisionPageGrids td:nth-child(3) {
        text-align: center;
    }

    table.ListDivisionPageGrids td:nth-child(4) {
    }

table.ListDivisionPageGrids th:nth-child(1) {
    text-align: center;
}

table.ListDivisionPageGrids th:nth-child(3) {
    text-align: center;
}


table.ListAudiencePageGrids th {
    background-color: #f0f0f0 !important;
    border: none !important;
}
    /*--- This is the heading of hgrid in ListDivisions page ---*/
    table.ListAudiencePageGrids th a {
        color: #007599; /*--- NBCC Blue ---*/
    }

table.ListAudiencePageGrids td {
    vertical-align: middle;
}

    table.ListAudiencePageGrids td:nth-child(1) {
        text-align: center;
    }

    table.ListAudiencePageGrids td:nth-child(2) {
    }

    table.ListAudiencePageGrids td:nth-child(3) {
    }

table.ListAudiencePageGrids th:nth-child(1) {
    text-align: center;
}


table.ListKeyAreaPageGrids th {
    background-color: #f0f0f0 !important;
    border: none !important;
}
    /*--- This is the heading of hgrid in ListDivisions page ---*/
    table.ListKeyAreaPageGrids th a {
        color: #007599; /*--- NBCC Blue ---*/
    }

table.ListKeyAreaPageGrids td {
    vertical-align: middle;
}

    table.ListKeyAreaPageGrids td:nth-child(1) {
        text-align: center;
    }

    table.ListKeyAreaPageGrids td:nth-child(2) {
    }

    table.ListKeyAreaPageGrids td:nth-child(3) {
    }

    table.ListKeyAreaPageGrids td:nth-child(4) {
    }

table.ListKeyAreaPageGrids th:nth-child(1) {
    text-align: center;
}


table.ListUserPageUsers th {
    background-color: #f0f0f0 !important;
    border: none !important;
}

    /*--- This is the heading of hgrid in ListDivisions page ---*/
    table.ListUserPageUsers th a {
        color: #007599; /*--- NBCC Blue ---*/
    }

table.ListUserPageUsers td {
    vertical-align: middle;
}

    table.ListUserPageUsers td:nth-child(1) {
    }

    table.ListUserPageUsers td[colspan]:nth-child(1) {
        width: 100%;
        text-align: center;
    }

    table.ListUserPageUsers td:nth-child(2) {
    }

    table.ListUserPageUsers td:nth-child(3) {
        text-align: center;
    }

    table.ListUserPageUsers td:nth-child(4) {
        text-align: center;
    }

    table.ListUserPageUsers td:nth-child(5) {
        text-align: center;
    }

    table.ListUserPageUsers td:nth-child(6) {
        text-align: center;
    }

    table.ListUserPageUsers td:nth-child(7) {
        text-align: center;
    }

    table.ListUserPageUsers td:nth-child(8) {
    }

table.ListUserPageUsers th:nth-child(3) {
    text-align: center;
}

table.ListUserPageUsers th:nth-child(4) {
    text-align: center;
}

table.ListUserPageUsers th:nth-child(5) {
    text-align: center;
}

table.ListUserPageUsers th:nth-child(6) {
    text-align: center;
}

table.ListUserPageUsers th:nth-child(7) {
    text-align: center;
}

.userAccessLink {
    color: #FFFFFF;
    text-decoration: none;
}

    .userAccessLink:hover {
        color: #eaab00;
        text-decoration: none;
    }

.hiddenCol {
    display: none;
}

table.ListRelDocs {
    width: 100%;
}

    table.ListRelDocs td {
        vertical-align: middle;
    }

        table.ListRelDocs td:nth-child(1) {
            width: 15%;
            text-align: center;
        }

        table.ListRelDocs td:nth-child(2) {
            width: 50%;
        }

        table.ListRelDocs td:nth-child(3) {
            width: 15%;
        }

        table.ListRelDocs td:nth-child(4) {
            width: 15%;
            text-align: center;
        }

        table.ListRelDocs td:nth-child(5) {
            width: 5%;
        }

    table.ListRelDocs th {
        vertical-align: middle;
        background-color: #f0f0f0 !important;
        border: none !important;
    }

        table.ListRelDocs th:nth-child(1) {
            text-align: center;
        }

        table.ListRelDocs th:nth-child(2) {
        }

        table.ListRelDocs th:nth-child(3) {
        }

        table.ListRelDocs th:nth-child(4) {
            text-align: center;
        }

        table.ListRelDocs th:nth-child(5) {
        }

table.ListExtLinks {
    width: 100%;
}

    table.ListExtLinks td {
        vertical-align: middle;
        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
        white-space: -webkit-pre-wrap; /* Chrome & Safari */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: pre-wrap; /* CSS3 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
        word-break: break-all;
        white-space: normal;
    }

        table.ListExtLinks td:nth-child(1) {
            width: 45%;
        }

        table.ListExtLinks td[colspan]:nth-child(1) {
            width: 100%;
            text-align: center;
        }

        table.ListExtLinks td:nth-child(2) {
            width: 50%;
        }

        table.ListExtLinks td:nth-child(3) {
            width: 5%;
        }

    table.ListExtLinks th {
        vertical-align: middle;
        background-color: #f0f0f0 !important;
        border: none !important;
    }

        table.ListExtLinks th:nth-child(1) {
        }

        table.ListExtLinks th:nth-child(2) {
        }

        table.ListExtLinks th:nth-child(3) {
        }

table.ListChangeLog {
    width: 100%;
}

    table.ListChangeLog td {
        vertical-align: middle;
    }

        table.ListChangeLog td:nth-child(1) {
            width: 30%;
        }

        table.ListChangeLog td:nth-child(2) {
            width: 30%;
        }

        table.ListChangeLog td:nth-child(3) {
            width: 40%;
        }

    table.ListChangeLog th {
        vertical-align: middle;
        background-color: #f0f0f0 !important;
        border: none !important;
    }

        table.ListChangeLog th:nth-child(1) {
        }

        table.ListChangeLog th:nth-child(2) {
        }

        table.ListChangeLog th:nth-child(3) {
        }

/*--- Autocomplete ---*/
.ui-autocomplete {
    max-width: 895px !important;
    max-height: 320px !important;
    overflow-x: auto !important;
    cursor: default;
}

.ui-widget {
    font-family: inherit !important;
    font-size: inherit !important;
    cursor: default;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #767676 !important;
    color: #ffffff !important;
    border: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    cursor: default;
}

.table-hover tbody tr:hover {
    background-color: #f7f7f7 !important;
    /*background-color: #fafafa !important;*/
}

.table-hover tbody table {
    margin-left: auto !important;
    margin-right: auto !important;
}

.table-hover tbody tbody td {
    width: 40px !important;
}

    .table-hover tbody tbody td:hover {
        background-color: #dee2e6 !important;
    }