.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}
.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;
}
.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;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: serif;
}
.modal-title {
    text-align: center;
    text-transform: uppercase;
}
.widget-body .table.table-bordered>thead>tr {
    background-image: -webkit-linear-gradient(top,#FFF 0,#EEE 100%);
    background-image: -o-linear-gradient(top,#FFF 0,#EEE 100%);
    background-image: linear-gradient(to bottom,#FFF 0,#EEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
    color: #669FC7;
}
.btn-file-test {
    padding: 0;
    line-height: initial;
    border: 0;
    background: transparent !important;
    color: #337ab7 !important;
    text-shadow: none;
    font-size: 14px;
}
.btn-file-test:hover {
    text-decoration: underline;
    background: transparent !important;
}
.InputFile {
    border: 1px solid #767676;
    height: 35px;
    margin-bottom: 5px;
    padding: 6px;
    border-radius: 3px;
    background: #f9f8f8;
}
.file-form {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.btn-test-excel, .btn-search-test {
    padding: 3px 8px;
    border-radius: 4px;
}
.btn-search-test {
    margin-right: 10px;
}

.btn-test-excel { margin-left: 10px; width: 70px !important; margin-left: 10px !important;}

.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
#X1 {
    padding: 8px 20px;
    background: #307ecc;
    border: none;
    color: #fff;
    border-radius: 4px;
    float: right;
}

.search-data {
    display: flex;
    align-items: center;
}
.search-data span.select2-selection.select2-selection--single {
    height: 36px;
    border-radius: 4px;
    line-height: 36px;
}
.search-data span.select2.select2-container.select2-container--default {
    max-width: 250px;
}
a:hover strong span {
    text-decoration: underline;
}