﻿.search-jobs { margin-bottom: 20px; }
.TopSearchBox { padding: 20px 0; margin: 20px auto; }
.search-box { margin-bottom: 10px; }
.search-box .btnSearchJobStr { width: 100%; }
/*
.side-search-box { padding: 10px; margin: 20px auto; background: #fff; border-radius: 10px; }
.side-search-box { -webkit-box-shadow: 5px 5px 10px 5px rgba(210,210,210,0.8); box-shadow: 5px 5px 10px 5px rgba(210,210,210,0.8); }
*/
.side-search-box .btn { width: 100%; margin: auto; }

.form-group { margin-bottom: unset;}
        
.side-search-box { margin: 10px auto; height: calc(100% - 20px); }
.side-search-box > div { margin-bottom: 10px; background: #fff; padding: 10px; border-radius: 5px; }
.side-search-box > div { -webkit-box-shadow: 5px 5px 10px 5px rgba(210,210,210,0.8); box-shadow: 5px 5px 10px 5px rgba(210,210,210,0.8); }
.side-search-box .title { font-size: 1.2em; font-weight: bold; color: #888; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #aaa; }
.side-search-box .title > i { margin: 5px; color: #800e0e; }
.side-search-box .form-check { margin-bottom: 5px; }
.side-search-box .form-check .switchery { margin-right: 5px; }

@media(max-width: 992px){
    .side-search-box.list { display: none; }
}

.side-search-jobs { padding: 20px 0; }
.side-search-jobs .job-box .content-wrapper { border-radius: 10px; }
.side-search-jobs .job-box .content-wrapper { -webkit-box-shadow: 5px 5px 10px 5px rgba(210,210,210,0.8); box-shadow: 5px 5px 10px 5px rgba(210,210,210,0.8); }
.side-search-jobs .job-box .status-bar .status { float: right; margin-top: unset; width: 100px;}
.side-search-jobs .job-box .details > div:last-of-type { margin: auto; }