/* GENERAL STYLES
--------------------------------------------------*/

.margin5 {
    width               :   100%;
    clear               :   both;
    height              :   5px;
}

.margin10 {
    width               :   100%;
    clear               :   both;
    height              :   10px;
}

.margin15 {
    width               :   100%;
    clear               :   both;
    height              :   15px;
}

.margin20 {
    width               :   100%;
    clear               :   both;
    height              :   20px;
}

.margin25 {
    width               :   100%;
    clear               :   both;
    height              :   25px;
}

.center {
    text-align          :   center;
}


/* JOB BOARD STYLES
-------------------------------------------------------------- */

.jobs-dashboard {
    padding             :   20px 0;
    height              :   auto;
    overflow            :   hidden;
    display             :   block;
}

.filter-bar {
    background          :   #000000;
    padding             :   20px;
    min-height          :   400px!important;
    height              :   auto;
    color               :   #FFF;
}

.filter-bar input, .filter-bar select {
    width               :   100%;
    color               :   #000;
    border              :   none;
    padding             :   5px;
    height              :   40px;
    background          :   #FFF;
}

.filter-bar input::placeholder, .filter-bar select::placeholder {
    color               :   #CCC;
}

.filter-bar h3 {
    color               :   #f1ae1b;
    margin              :   0 0 10px 0;
}

.buttons {
    margin              :   0 0 15px 0;
    width               :   100%;
    clear               :   both;
    height              :   auto;
    display             :   block;
    overflow            :   hidden;
    text-align          :   right;
}

.button {
    color               :   #000;
    background          :   #d6d6d6;
    padding             :   5px 15px;
    text-align          :   center;
    font-size           :   12px;
    line-height         :   20px;
    text-transform      :   uppercase;
    font-family         :   Oswald,serif;
}

.button:hover, .button:focus {
    text-decoration     :   none;
    cursor              :   pointer;
    color               :   #000;
    background          :   #C9C9C9;
}

.button.button-lap {
    background          :   #f1ae1b;
}

.button.button-lap:hover, .button.button-lap:focus {
    background          :   #EDA815;
}

.jobs-listing {
    background          :   transparent;
    padding             :   0 0 0 25px;
    min-height          :   350px!important;
    height              :   auto;
    postion             :   relative;
}

#loader {
    position            :   absolute;
    width               :   100%;
    height              :   100%;
    top                 :   0;
    left                :   0;
    display             :   none;
    opacity             :   0.85;
    background          :   #FFF;
    text-align          :   center;
    z-index             :   999;
}

#loader img {
    opacity             :   0.5;
}

.job-item {
    padding             :   20px;
    border              :   1px solid #ebebeb;
    margin-bottom       :   20px;
    position            :   relative;
}

.job-item .small {
    font-size           :   12px;
    line-height         :   12px;
    color               :   #848484;
    margin              :   6px 0 4px 0;
}

.job-item.new {
    background          :   #f7f6f6;
}

.job-item.new::before,
.job-item.new::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}

.job-item.new::before {
    border-width: 0em;
    border-right-color: #ccc;
    border-top-color: #ccc;
}

.job-item.new::after {
    border-radius: 0em;
    border-width: 1.65em;
    border-right-color: #f1ae1b;
    border-top-color: #f1ae1b;
}

.job-item.new .ntitle {
    transform           :   rotate(45deg);
    font-size           :   11px;
    text-transform      :   uppercase;
    position            :   absolute;
    right               :   5px;
    top                 :   5px;
    z-index             :   99;
    color               :   #000;
    font-family         :   Oswald,serif;
    font-weight         :   300
}

.job-item a.title {
    color               :   #000;
    font-size           :   24px;
    margin-bottom       :   10px;
    cursor              :   pointer;
    font-family: Oswald,serif;
}

.noposts {
    text-align          :   center;
    color               :   #ADADAD;
    margin-top          :   40px;
}


/* FORM STYLES
-------------------------------------------------------------- */

.forms {
    padding             :   15px;
}

.forms input, .forms textarea, .forms select {
    padding             :   7px 10px;
    width               :   100%;
    border              :   2px solid #000;
    margin              :   10px 0;
    background          :   #FFF;
}

.forms input, .forms select {
    height              :   55px!important;
}

.forms .req {
    border              :   2px dashed #FF0000;
}

.forms .button {
    display             :   block;
    margin              :   10px 0;
    padding             :   14px 15px;
    width               :   100%!important;
    font-size           :   14px;
}


/* RESPONSIVE STYLES
--------------------------------------------------*/

@media (max-width: 1200px) {
	
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
}

@media (max-width: 480px) {
	
}

@media (max-width: 400px) {
	
}