/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

/* Application Styles
-------------------------------------------------- */
[v-cloak] {
    display: none;
}

.access-search-results {
    max-height: 360px;
    overflow-y: auto;
}

.access-detail-items {
    max-height: 240px;
    overflow-y: auto;
}

.access-questionnaire-container {
   /* max-height: 300px;*/
    overflow-y: auto; 
    transition: max-height 0.5s;
}

.customize-table tr td {
    padding: 5px !important;
    border: none;
}

    .customize-table tr td:nth-child(1) {
        width: 200px;
    }

    .customize-table tr td:nth-child(2) {
        width: 20px;
        text-align: center;
    }

.bg_light {
    background-color: #dee2e6;
}
.table {
    width: 100%;
}
.table-sm tbody tr td:hover, .sorting {
    cursor: pointer;
}

.form-inline label, .form-inline input {
    margin: 0 5px;
}

/*table-fixed-header*/
/*.header-fixed thead,
.header-fixed tbody,
.header-fixed td,
.header-fixed th {
    display: block;
}

    .header-fixed thead tr,
    .header-fixed tbody tr {
        display: flex;
    }

.header-fixed tbody {
    height: 180px;
    overflow-y: auto;
    width: 102%;
}

.header-fixed > thead > tr > th {
    white-space: nowrap;
}

.header-fixed .custom-col-1 {
    width: 100%;
    max-width: 8.333334% !important;
}

.header-fixed .custom-col-2 {
    width: 100%;
    max-width: 16.666667% !important;
}*/
/*table-fixed-header end*/

.autocomplete {
    position: absolute;
    width: 600px;
    max-height: 200px;
    overflow: auto;
    z-index: 100;
}

    .autocomplete li {
        padding: 8px 20px;
    }

        .autocomplete li:hover {
            background-color: rgb(248, 245, 245);
            cursor: pointer;
        }

.search-button {
    float: right;
    z-index: 200;
}

.disabled {
    pointer-events: none;
    opacity: .5;
}

.stickyHeader {
    position: sticky;
    top: -20px;
    background-color: white;
}

.spinner {
    color: #f79a25;
    display: flex;
    justify-content: center;
}

.spinner_body:before {
    content: "";
    display: inline-block;
    width: 10rem;
    height: 10rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}


.spinner_label {
    position: relative;
    top: calc(-50%);
    left: calc(50% - 45px);
    font-size: 1.5rem;
}

@keyframes spinner-border {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    .spinner_label {
        width: 90px;
        position: absolute;
        top: calc(8.5% - 15px);
        left: calc(50% - 45px);
        text-align: center;
        font-size: 1.5rem;
    }
}


.tableFixHead {
    height: 100px !important;
    overflow: auto;
}

/*Sub Menu Items*/
.dropdown-submenu {
    position: relative;
    padding: 0.25rem 1.5rem;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -5px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

.reading-box {
    display: block;
    padding: 4px;
    font-weight: bold;
}

.high-reading {
    background-color: #ed2312;
}

.medium-reading {
    background-color: #ffe696;
}

.low-reading {
    background-color: #a9d18e;
}

.search-options .form-group {
    margin: 5px;
}

.message {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
/*    background-color: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: calc(.25rem - 1px);*/
}

.w-10 {
    width : 10% !important;
}
.w-11 {
    width: 11% !important;
}
.w-12 {
    width: 12% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 70% !important;
}

.h-40 {
    height: 40px;
    line-height:40px;
}
.help-link {
    color: black !important;
    background-color: white !important;
}

.help-link:hover svg {
    color: white !important;
    background-color: black !important;
    border-radius: 50%;
}