/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/
@import url(bootstrap/bootstrap.min.css)
/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Index Carousel Text Color */
.carousel-text {
    color: black;
}

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

body {
    margin-bottom: 60px; /* Margin bottom by footer height */
}
.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.top-row {
    height: 2.5rem;
    display: flex;
    align-items: center;
}
.table-box {
    
    border: 1px solid #2d99cd;
    
}
.table-box td {
   padding-left:10px;
}
.main {
    flex: 0;
}

    .main .top-row {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
    }

        .main .top-row > a, .main .top-row .btn-link {
            white-space: nowrap;
            margin-left: 1.5rem;
        }

        .main .top-row a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }
.content {
    padding-top: 1.1rem;
}
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

    /* Spinner Style*/
    .grid {        
        align-items: center;
        position: absolute;
        left: 48%;
        right: 48%;
        top: 40%;
    }

    .loader {
        border: 4px solid #f3f3f3;
        border-radius: 50%;
        border-top: 4px solid #3498db;
        width: 50px;
        height: 50px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

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

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

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

    .k-autocomplete
    {
        border-width: 0px !important;
    }

input[type="radio"]:focus + label {
    outline: 2px solid #005fcc; /* Blue outline for focused label */
}