<style>
    #loading {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh;
        background-color: rgba(192, 192, 192, 0.2);
        background-image: url("/Content/images/Loader.gif");
        background-repeat: no-repeat;
        background-position: center;
    }

    .autocomplete-items {
        position: absolute;
        border: 1px solid rgb(20,90,115);
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
    }

        .autocomplete-items div {
            padding: 3px;
            cursor: pointer;
            background-color: #fff;
            border-bottom: 1px solid rgb(20,90,115);
        }

            /*when hovering an item:*/
            .autocomplete-items div:hover {
                background-color: #e9e9e9;
            }

    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }

    .btnsub {
        background-color: rgb(0,166,90);
        color: white;
        border: 2px solid rgb(0,166,90);
    }

        .btnsub:hover {
            background-color: rgb(6, 217, 120);
            color: white;
            border: 2px solid rgb(6, 217, 120);
        }
</style>
<style type='text/css'>
    input:focus, select:focus, .select2-container *:focus {
        border-width: 3px;
        border-color: rgb(20,90,115);
    }
</style>