@media (max-width:768px) {
    .job-alerts-container #searchPanelBody .filters {
        display: none !important;
    }

    .job-alerts-container #showFiltersBtn {
        display: initial !important;
    }

    .job-alerts-container .searchFields label, #editFiltersModal label, #frmSearch label {
        margin: 5px 0px;
    }

    .job-alerts-container #searchBtnContainer {
        margin-top: 0px !important;
    }

    .job-alerts-container #btnContainer {
        margin-top: 10px !important;
    }

    .job-alerts-container #searchPanelBody {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

.job-alerts-container #resetBtn {
    background-color: var(--white);
    height: 25px;
    border: solid 1px var(--blue);
    width: 125px;
    color: var(--blue);
    border-radius: 4px;
    text-align: center;
    margin-bottom: 7px;
}

.job-alerts-container #applyAndSearchBtn {
    background-color: var(--blue);
    height: 25px;
    color: var(--white);
    width: 125px;
    border-radius: 4px;
    text-align: center;
}

.job-alerts-container #frmSearch {
    font-size: .75rem;
    font-weight: 600;
}

    .job-alerts-container #frmSearch .form-control {
        font-size: .875rem;
    }

    .job-alerts-container #frmSearch label {
        font-size: .875rem;
    }

.job-alerts-container #btnSub {
    width: 130px;
    height: 30px;
    font-size: .875rem;
    font-weight: 100;
    border-radius: 7px;
    padding: initial;
}

.job-alerts-container .btn {
    font-size: inherit;
}

.job-alerts-container .tagify__input {
    margin: 2px !important;
}

.job-alerts-container .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    right: initial;
    left: 12px;
    top: 6px !important;
}

.job-alerts-container #Location > ul.chosen-choices, .chosen-container {
    width: auto !important
}

.job-alerts-container a.chosen-country {
    padding: 4px 5px;
}

    .job-alerts-container a.chosen-country span {
        font-weight: 700
    }

.job-alerts-container a.chosen-state {
    padding-left: 20px
}

.job-alerts-container .location-column > div.dropdown.bootstrap-select {
    width: 100% !important;
}

.job-alerts-container .dropdown.bootstrap-select > button.dropdown-toggle {
    color: initial;
    background-color: var(--white);
    border: none;
    width: 100%;
}

.job-alerts-container .tagify__tag-text {
    font-size: 14px;
}

.job-alerts-container .tagify__input {
    height: auto;
    padding: 7px;
}

div.dropdown.bootstrap-select.bs-blue > div.dropdown-menu ul.dropdown-menu > li.active > a {
    color: #fff !important;
    background-color: var(--blue) !important;
    border: none;
    outline: none !important;
}

.bs-blue .dropdown-menu > li > a:focus {
    color: #fff !important;
    background-color: var(--blue) !important;
    border: none;
    outline: none !important;
}

.searchPanelButtons {
    width: 130px;
    font-weight: 400 !important;
}

.searchJobsBtn {
    margin-bottom: 27px;
    height: 46px !important;
    font-size: 14px;
    border: 1px solid var(--black)
}

.createJobAlertBtn {
    vertical-align: bottom;
    margin-bottom: 10px;
    border: 1px solid black;
    font-size: 14px;
    height: 37px;
}