body, button{
    font-size: 11pt !important
}

.sidebar{
    position:absolute;
    overflow-y:scroll;
    bottom:0;
    right:0
}

.bg-craven-secondary{
    background-color: #ccc !important
}

.bg-craven, 
.bg-craven th,
.btn-craven
{
    background-color: #17215c !important;
    color:white !important
}
    .btn-craven:disabled,
    .btn-craven:hover,
    .btn-craven:focus,
    .btn-craven:focus-visible,
    .btn-craven:active {
        background-color: #2a3680 !important;
        color: white !important
    }

.loading-screen {
    height: 97%;
    width: 99%;
    position: absolute;
    z-index: 1000;
    background-color: #ccc;
    opacity: 0.90;
    text-align: center;
    display:none
}


#navbar a {
    color: white
}

.esri-ui-top-right{
    width:100% !important
}

@media only screen and (min-width:600px) {
    .esri-ui-top-right, .esri-ui-corner {
        max-width: 30% !important;
    }

    
}

.invalidScaleInput,
.invalidScaleInput:focus,
.invalidScaleInput:focus-visible,
.invalidScaleInput:active
{
    border: solid 2px red !important;
    outline: 0px !important
}

.layerList-dropdownBtn:hover{
    cursor: pointer
}

label{
    cursor:pointer
}
h2, h4, p{
    cursor:default  
}

table:hover, tr:hover, td:hover, th:hover{
    cursor: default
}

.table-hover tr:hover, 
.table-hover th:hover, 
.table-hover td:hover, 
.table-hover:hover{
    cursor: pointer
}

.widget {
    background-color: #fff;
    border: solid 2px #17215c !important;
    border-radius: 5px 5px 0px 0px;
    max-width:100%;
    max-height: 70vh;
    overflow-y:clip;
}

thead {
    border-width: 1px !important
}

table{
    margin:0 !important
}

.tableResp{
    max-height:50vh;
    border:solid 1px #ccc
}

.esri-ui-top-right{
    z-index:1000 !important
}


.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
}


.autocomplete-items {
    position: fixed;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}