@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIconsOutlined-Regular.woff2) format('woff2');
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
    z-index: 20;
    color: #ccc;
    font-size: 23px;
}

.circlesearch-wrap.active .glyphicon,
.circlesearch-wrap.active .dpl-circle {
    color: #007bff;
}

.circlesearch-wrap .btn-default,
.circlesearch-wrap .btn-default:hover,
.circlesearch-wrap .btn-default:active:hover,
.circlesearch-wrap .btn-default.active:hover,
.circlesearch-wrap .open > .dropdown-toggle.btn-default:hover,
.circlesearch-wrap .btn-default:active:focus,
.circlesearch-wrap .btn-default.active:focus,
.circlesearch-wrap .open > .dropdown-toggle.btn-default:focus,
.circlesearch-wrap .btn-default:active.focus,
.circlesearch-wrap .btn-default.active.focus,
.circlesearch-wrap .open > .dropdown-toggle.btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
    text-shadow: none;
    box-shadow: none;
}

.circlesearch-wrap .btn-default:active:focus,
.circlesearch-wrap .btn-default.active:focus,
.circlesearch-wrap .open > .dropdown-toggle.btn-default:focus,
.circlesearch-wrap .btn-default:active.focus,
.circlesearch-wrap .btn-default.active.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* align glyph */
.left-addon .glyphicon {
    left: 0;
}

/* add padding  */
.left-addon input {
    padding-left: 40px !important;
}

.circlesearch-ui .ipt-circle{
    position: absolute;
    right: 0;
    top: 0;
}

.jobad h2.uk-heading-line span{
    min-width: 180px;
}
.jobad h2.uk-heading-line span::before{
    display:none!important;
}
.joblist .uk-icon-button,
.jobad .uk-icon-button{
    width: auto;
    height: auto;
}
.joblist .sm-buttons .uk-icon-button .uk-padding,
.jobad .sm-buttons .uk-icon-button .uk-padding{
    padding: 15px;
}

.top-40 {
    top:40%!important;
}
.top-20 {
    top:20%!important;
}

.done {
    color: #fff!important;
    background-color: #32d296!important;
}
.uk-input, .uk-select:not([multiple]):not([size]) {
    height: 40px!important;
}

/*admin*/
#ukspinner{
    text-align: center;
    margin: 0 auto;
    display: table;
}