#txtEmployeeAddress {
        height: 120px;
    }

    #selectEmployeeGender {
        width: 100%;
    }

    .imgContainer .btn {
        margin-top: 10%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 16px;
        padding: 5px 10px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        color: Transparent;
        background-color: Transparent;
        opacity: 0.5;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
    }


    .imgContainer:hover>.btn {
        background-color: #000;
        opacity: 0.5;
        color: white;
    }

    .imgContainer:hover>img {
        border: 1px;
        background-color: #000;
        opacity: 0.2;

    }

    .imgFile {
        max-width: 0px;
        visibility: hidden;
    }

    .employeeSave{
        text-align: right;
    }

    .thTitle{
        min-width: 200px;
    }

    .thDelete{
        max-width: 30px;
    }

    .thView{
        max-width: 30px;
    }
    .thDownload{
        max-width: 30px;
    }

    td> .btn{
        max-height: 20px;
    }
    .fa-paperclip{
        padding-right:10px;
    }

    .imgContainer{
        margin-top: -15px;
        text-align: center;
        width:100%;
        min-height:170px;
        /*margin-bottom: 35px;*/
    }

    img{
        width:90%;
    }
    
    #lblEmailAlert{
        padding-left: 5px;
    }

    #lblSmsAlert{
        padding-left: 5px;
    }


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

    input {
        border: 1px solid transparent;
        background-color: #f1f1f1;
        padding: 10px;
        font-size: 16px;
    }

    .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        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: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

    /*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;
    }

    .container{
        margin-top: 40px;
    }