/* TABLE */

/*
#row_element {
display: table;
width: 100%;.project-logo img
}

.rowheader,.rowinfo {
display: table-row;
}
    */


select option[disabled="disabled"] {
    display: none;
}


#customtext_HrManagerClientWebVacanciesListHeader,
#customtext_HrManagerClientWebVacanciesListFilterHeader
{
    margin-bottom: 10px;
}

#row_element_no_rows, #row_element_open_no_rows {
    display: none;
}

.table_column {
    display: table-cell;
    padding: 10px 15px;
    vertical-align: middle;
}
#table_header,
.table_header {
    border-left: 1px solid #fffbf5;

}


    #table_header:hover,
    .table_header:hover {
        cursor: pointer;
    }

#table_header, 
.table_header,
.table_header span,
#table_header span {
            color: #fff !important;
            font-weight: bold;
            background-color: #364658;
            border: 0;
        }
            #table_header .header_text,
            .table_header .header_text
            {
                padding-right: 10px;
                white-space: nowrap;
            }
#table_footer {
    background: transparent;
}
#next_page, #previous_page {
    cursor: pointer;

}
.table_row {
    /* border-top: 1px solid #d8dadc; */
}
#row_element_open .table_row {
    /*
border-top:0;
        */
}
    
.table_row:hover {
    background-color: #e8e8e8 !important; 
    /*
color: #ffffff !important;
   */
    cursor: pointer;
}

/*
.project-logo,
.project-details,
.project-title,
.project-details_description_div,
.project-details_projectid_div,
.project-details_department_div,
.project-details_location_div,
.project-details_workplace_div,
.project-details_category_div,
.project-details_customtext1_div,
.project-details_customtext2_div,
.project-details_customtext3_div,
.project-details_customlist1_div,
.project-details_customlist2_div,
.project-details_customlist3_div,
.project-details_projectleader_div,
.project-details_projectleaderemail_div,
.project-details-right,
.project-published,
.project-duedate {
  display: table-cell;
  padding: 10px 15px !important;
  vertical-align: middle;
}
*/

#table_header, 
#table_cell,
.table_header, 
.table_cell {
    display: table-cell;
    padding: 10px 10px !important;
    vertical-align: middle;
    border-bottom: 1px solid #e4e4e4;
}

.arrow_up {
    display: none;
    position: absolute;
    top: calc(50% - 11px);
    right: -4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 3px 5px 3px;
    border-color: transparent transparent #fff transparent;
}

.arrow_down {
    display: none;
    position: absolute;
    bottom: calc(50% - 5px);
    right: -4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #fff transparent transparent transparent;
}

/*
.arrow_up {

  display: none;
  position: absolute;
  top: 0;
  right: -4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 3px 5px 3px;
  border-color: transparent transparent #fff transparent;
}
.arrow_down {
  display: none;
  position: absolute;
  top: 5px;
  right: -4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 3px 0 3px;
  border-color: #fff transparent transparent transparent;
}
    */
/*
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	
	border-left: 5px solid #ffffff;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 	
	border-right:5px solid #ffffff; 
    margin-top: 4px;
    margin-right: 4px;
    float: left;
}
*/

#rowpaging {
    display: none; 

}
.arrow_up:hover, .arrow_down:hover {
    cursor: pointer;
}

/* TABLE END */

/* Transition */


.inner-wrap, html {
    -webkit-transition: background-position 1ms;
    -moz-transition: background-position 1ms;
    -ms-transition: background-position 1ms;
    -o-transition: background-position 1ms;
    transition: background-position 1ms;
}


html {
    opacity: 0;
}

header h1#logo {
    display: inline-block;
    height: 150px;
    line-height: 150px;
    float: left;
    font-family: "Oswald", sans-serif;
    font-size: 60px;
    color: white;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header nav {
    display: inline-block;
    float: right;
}

header nav a {
    line-height: 150px;
    margin-left: 20px;
    color: #9fdbfc;
    font-weight: 700;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header nav a:hover {
    color: white;
}

header.smaller {
    height: 0;
}

header.smaller .wrapper {
    display: none;
}

header.smaller h1#logo {
    width: 150px;
    height: 75px;
    line-height: 75px;
    font-size: 30px;
}

header.smaller nav a {
    line-height: 75px;
}

#search {
    width: calc(100% - 155px - 175px);
    width: -webkit-calc(100% - 155px - 175px);
    border-radius: 4px;
    padding: 5px 6px;
    border: 1px solid #999;
}

#sorting {
    width: 145px !important;
}
/* Loading */

#floatingCirclesG {
    position: relative;
    width: 32px;
    height: 32px;
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: #FFFFFF;
    height: 6px;
    width: 6px;
    -moz-border-radius: 3px;
    -moz-animation-name: f_fadeG;
    -moz-animation-duration: 0.64s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -webkit-border-radius: 3px;
    -webkit-animation-name: f_fadeG;
    -webkit-animation-duration: 0.64s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -ms-border-radius: 3px;
    -ms-animation-name: f_fadeG;
    -ms-animation-duration: 0.64s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -o-border-radius: 3px;
    -o-animation-name: f_fadeG;
    -o-animation-duration: 0.64s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    border-radius: 3px;
    animation-name: f_fadeG;
    animation-duration: 0.64s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 13px;
    -moz-animation-delay: 0.24s;
    -webkit-animation-delay: 0.24s;
    -ms-animation-delay: 0.24s;
    -o-animation-delay: 0.24s;
    animation-delay: 0.24s;
}

#frotateG_02 {
    left: 4px;
    top: 4px;
    -moz-animation-delay: 0.32s;
    -webkit-animation-delay: 0.32s;
    -ms-animation-delay: 0.32s;
    -o-animation-delay: 0.32s;
    animation-delay: 0.32s;
}

#frotateG_03 {
    left: 13px;
    top: 0;
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#frotateG_04 {
    right: 4px;
    top: 4px;
    -moz-animation-delay: 0.48s;
    -webkit-animation-delay: 0.48s;
    -ms-animation-delay: 0.48s;
    -o-animation-delay: 0.48s;
    animation-delay: 0.48s;
}

#frotateG_05 {
    right: 0;
    top: 13px;
    -moz-animation-delay: 0.56s;
    -webkit-animation-delay: 0.56s;
    -ms-animation-delay: 0.56s;
    -o-animation-delay: 0.56s;
    animation-delay: 0.56s;
}

#frotateG_06 {
    right: 4px;
    bottom: 4px;
    -moz-animation-delay: 0.64s;
    -webkit-animation-delay: 0.64s;
    -ms-animation-delay: 0.64s;
    -o-animation-delay: 0.64s;
    animation-delay: 0.64s;
}

#frotateG_07 {
    left: 13px;
    bottom: 0;
    -moz-animation-delay: 0.72s;
    -webkit-animation-delay: 0.72s;
    -ms-animation-delay: 0.72s;
    -o-animation-delay: 0.72s;
    animation-delay: 0.72s;
}

#frotateG_08 {
    left: 4px;
    bottom: 4px;
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@-o-keyframes f_fadeG {
    0%; {
          background-color: #000000;
      }

100% {
    background-color: #FFFFFF;
}
}

@keyframes f_fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}





/* Treeview */
.RadTreeView .rtSp, .RadTreeView .rtImg, .RadTreeView .rtIn, .RadTreeView .rtChk, .RadTreeView .rtChk_department, .RadTreeView .rtChk_location, .RadTreeView .rtChk_categories, .RadTreeView input {
    /* display: inline-block; */
    vertical-align: middle;
}

.RadTreeView .rtUL {
    margin: 0;
    padding: 0;
    list-style: none;
}

input.rtChk, .RadTreeView .rtChk_department, .RadTreeView .rtChk_location, .RadTreeView .rtChk_categories {
    margin-left: 0;
}
.RadTreeView .rtChk_locationcascade1, .RadTreeView .rtChk_categorycascade1 {
    margin-left: 10px;
}
.RadTreeView .rtChk_locationcascade2, .RadTreeView .rtChk_categorycascade2 {
    margin-left: 20px;
}


.divcontainertreeview span:hover {
    text-decoration: none;
    cursor: pointer;
}







.header-container a {
    text-transform: uppercase;
}

a img {
    border: 0;
}

.header-container {
    background: #ffffff;
    border: 1px solid #ccc;
    right: 0;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 999;
    width: 1240px;
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px;
}

.header-container h1.title {
    float: left;
    /* height: 15px; */
    /* margin: 16px 0 0; */
    /* width: 265px; */
    width: 20%;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    /*background: url(../img/logo.svg) no-repeat 0 0; */
    background-size: cover;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header-container .inner-wrap {
    display: inline;
    float: left;
    width: 100%;
    position: relative;
}

.header-container .top-navigation {
    float: left;
    margin-top: 44px;
    position: relative;
    text-align: left;
    left: 20%;
    bottom: 0;
    margin-top: 0;
    position: absolute;
}

.top-navigation span {
    font-size: 10px;
}

.header-container .top-navigation ul.level0 {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}

.header-container .top-navigation ul.level0 li {
    border-left: 1px solid #e9e4e4;
    float: left;
    font-size: 1.05em;
    height: 14px;
    line-height: 1.2em;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

.main-container {
    width: 1240px;
    margin: 0 auto;
    margin-top: 10px;
}


.footer-container body, .footer-container td, .footer-container p, .footer-container span, .footer-container li, .footer-container ul, .footer-container h1, .footer-container h2, .footer-container a {
    color: #fff !important;
}

.footer-container a:hover {
    text-decoration: underline !important;
}

.footer-container {
    display:none;
    background: #222;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.8em;
    padding: 4px 0 0px;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -620px;
    width: 1240px;
    z-index: 9999;
}

.section-banner {
    background: #434343;
}

.section-banner .wrapper {
    background-image: url(https://delta.hr-manager.net/Export/Attachments/ViewFileManagerDocument.aspx?id=eb6576ff-6284-44ab-9ccd-c978d2f550da&cid=1147);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 156px;
    margin-top: 33px;
}

.section-banner .wrapper a {
    display: inline;
    float: left;
    width: 96.49122807%;
    margin: 0 1.754385965%;
    color: #fff;
    display: block;
    font-family: Roboto, 'museo_slab100',serif;
    font-size: 3.5em;
    line-height: 156px;
    margin: 0 10px;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
}

.wrapper {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 50px;
    padding-top: 20px;
}

.footer-container .about {
    display: inline;
    float: left;
    width: 60%;
    padding: 0 0 30px;
}

.footer-container .follow, .footer-container .press {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: right;
    margin-right: 30px;
}

.project-logo {
    /*
height: 100px;
background-position: top center !important;
background-repeat: no-repeat !important;
display: inline-block;
*/
    float: left;
    width: 100px;
    margin-right: 30px;
    margin-top: 2px;
    min-width: 20px;
}

.project-logo img {
    max-width: 100px !important;
    max-height: 40px !important;
}

/*
.project-details,
.project-details_description,
.project-details_department,
.project-details_location,
.project-details_category,
.project-details_projectid,
.project-details_workplace,
.project-details_customtext1,
.project-details_customtext2,
.project-details_customtext3,
.project-details_customlist1,
.project-details_customlist2,
.project-details_customlist3,
.project-details_projectleader,
.project-details_projectleaderemail,
.project-details-right,
.published,
.application_due,
.row_content span {
    color: #666 !important;
    font-size: 11px !important;
    line-height: 1.3em !important;
}
*/

.project-details_description {
    font-style: italic;
}

.project-details_description_div {
    margin-bottom: 6px;
}

.project-details-right {
}

.project-published, .project-duedate {
    margin-bottom: 6px;
}

.project-details {
    word-break: break-word;
}

#arrow_down {
    /*   opacity: 0.5; */
}

#arrow_up:hover, #arrow_down:hover, #vacancies_arrow_down:hover, #OpenApplicationsWrapper:hover {
    cursor: pointer;
}


.row {
    /*
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
        */
}

.row:hover {
    /*
        -webkit-transform: translate(5px,5px);
        -moz-transform: translate(5px,5px);
        -ms-transform: translate(5px,5px);
        -o-transform: translate(5px,5px);
        transform: translate(5px,5px);
           
        border: 1px solid #999;
        border-bottom: 2px solid #777;
             */
}

.ad_counter {
    font-size: 18px !important;
}

#vacancies_info {
    margin-top: 20px;
    margin-bottom: 20px;
}

.rtcount {
}

#filters {
    margin-bottom: 10px;
}

select {
    border-radius: 4px;
}

#vacancies_list, #vacancies_list_open, #rowpaging {
    margin-top: 10px;
    margin-bottom: 10px;
}

.clearing {
    clear: both;
    width: 100%;
}

.WorkPlace {
    color: #86bc1e !important;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 6px;
}

.ProjectDescription {
    font-size: 12px;
}
.project-details_category_cascade1, .project-details_category_cascade2, .project-details_location_cascade1, .project-details_location_cascade2 {
    display: none;
}

#banner {
    display: none;
}

body, td, p, span, li, ul {
    font-size: 12px;
}

body, td, p, span, li, ul, h1, h2, input, select {
    font-family: arial, Verdana, Tahoma, sans-serif;
    color: #444;
    line-height: 1.4;
}

input[type="text"], select {
    height: 28px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}




table {
    border-spacing: 0;
}

body, input, select {
    font-family: arial, Verdana !important;
    font-size: 12px;
}


h2 {
    color: #222;
    font-size: 20px;
    font-family: Roboto, Verdana !important;
    font-weight: 300;
    margin-bottom:0;
}

h3 {
    color: #222;
    font-size: 18px;
    font-family: Roboto, Verdana !important;
    font-weight: 300;
}

body {
    margin: 0px auto;
    margin-bottom: 20px;
    text-align: left;
}



html {
    background: #f4f4f2;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow-y: scroll; 
}


A, A:link, A:visited, A:active {
    color: #147ECF;
    text-decoration: none;
}

a:hover {
    color: #147ECF;
    text-decoration: none;
}

ul {
    margin: 0px;
    list-style-position: outside;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 19px;
    list-style-type: disc;
    line-height: 150%;
}

#bigbox {
    float: left;
    width: 640px;
}

#container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.row_visible {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 10px;
    vertical-align: top;
    text-align: left;
    color: #333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    border-bottom: 2px solid #999;
    cursor: pointer;
}
/*
.row_even {
background-color: #f2ede4;
}
.row_odd {
background-color: #ffffff;
}
    */

.row.today:before, .row.duetoday:before {
    right: -40px;
    top: -12px;
    padding: 2px;
    padding-left: 80px;
    padding-right: 10px;
    min-width: 90px;
    color: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(40deg);
    text-align: center;
    position: absolute;
    font-size: 8px;
    visibility: hidden;
}
.row.today.change:before, .row.duetoday.change:before {
    visibility: visible;
}

.row.today:before {
    background: #86a10b;
       
    /* content: "New today"; */
            
    content: attr(data-today); 
}

.row.today.hidden:before {
    display: none;
}

.row.duetoday.hidden:before {
    display: none;
}

.row.duetoday:before {
    background: #c83b3b;
    /* content: "Due today"; */

    content: attr(data-duetoday); 
}
#row_element_open #rowheader {
    /*
        display: none !important;
            */

}



.row img {
    max-width: 100%;
}

.mapsrow iframe {
    height: 140px;
}

#column_left {
    width: 20%;
    padding-right: 50px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
    float: left;
    /* margin-bottom: 100px; */
}

#column1 {
    width: 60%;
    float: left;
    padding-right: 50px;
    margin-bottom: 10px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

#column2 {
    width: 20%;
    float: left;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

#banner {
    margin-bottom: 10px;
}

/* Open application */
#row_element_open #table_header, 
#row_element_open .table_header, 
#row_element_open .table_row, 
#row_element_open #table_cell, 
#row_element_open .table_cell, 
#row_element_open #table_header span,
#row_element_open .table_header span {
    background: transparent !important;
    background-color: transparent !important;
    color: #444;
    padding: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    border: 0 !important;
    box-shadow: none !important;
    height: inherit !important;

    float: left;
    height: inherit !important;
    min-height: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
}

/* Open application - table */
#row_element_open .table_row:hover {
    cursor: default !important;
}
#row_element_open .table_row .project-title {
    cursor: pointer !important;
}

#vacancies_list_open .table_row:before {
    content: "\a ";
    white-space: pre;
}


#row_element_open .table_row:hover, 
#row_element_open #table_cell:hover,
#row_element_open .table_cell:hover  {
    background-color: transparent !important;
}
#row_element_open .rowheader {
    display:none !important;
}

/* Google Maps */
#map_canvas, #map_canvas div {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
#mapInfoContainer {
    width: 320px;
    min-height: 150px;
}
#mapInfoContainer #infoWindowContainer {
    width: 320px;
    min-height: 150px;
}
#mapInfoContainer .jp-previous {
    margin-right: 15px;
}

#mapInfoContainer .jp-disabled,
#mapInfoContainer .jp-disabled:hover{
    color: #bbb !important;
    cursor: default !important;
}
#mapInfoContainer a {
    cursor: pointer !important;
}

#mapInfoContainer .infoWindowHolder {
    position: absolute;
    bottom: 0;
    right: 0;
}
#mapInfoContainer #infoWindowHolderLeft {
    position: absolute;
    bottom: 0;
    left: 5px;
}
#mapInfoContainer .project-title {
    font-size: 14px !important;
    font-weight: bold !important;
}
#mapInfoContainer #break_published,
#mapInfoContainer #break_applicationdue {
    display: none;
}
#mapInfoContainer .project-published, 
#mapInfoContainer .project-duedate {
    margin-bottom: 0;
}
#mapInfoContainer #table_header, 
#mapInfoContainer .table_header, 
#mapInfoContainer .table_row,
#mapInfoContainer #table_cell,
#mapInfoContainer .table_cell {
    display: block !important;
    padding: 0 !important;
    vertical-align: middle !important; 
    border-bottom: 0 !important;
}
#mapInfoContainer #table_header:hover,
#mapInfoContainer .table_header:hover,
#mapInfoContainer .table_row:hover,
#mapInfoContainer #table_cell:hover,
#mapInfoContainer .table_cell:hover
{
    background-color: inherit !important;
    cursor: default;
}

#infoWindowHolderLeft {
    font-size: 12px !important;
}




/* Tablets only */
@media only screen and (max-device-width : 1024px) {
    html {
        padding: 10px;
        padding-top: 0;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .header-container, .main-container, .footer-container {
        width: 100%;
    }

    .footer-container {
        display: none; /**we need it later not now. 25-June 2015*/
        margin: 0;
        left: 0;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
    }

    #column_left {
        width: 100%;
        padding: 0;
    }

    #column1, #column2 {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #department, #location, #categories {
        float: left;
        width: 33%;
    }

    #department, #location {
        margin-right: 0.5%;
    }

    .wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    select {
        white-space: nowrap !important;
    }
}
/* Mobiles only */
@media only screen and (max-device-width : 767px) {
    #department, #location, #categories {
        float: left !important;
        width: 100% !important;
    }

    .top-navigation {
        position: relative !important;
        margin-top: 10px !important;
    }

    #vacancies_count {
        width: 100% !important;
    }

    #search {
        width: calc(100% - 100px - 30px) !important;
        width: -webkit-calc(100% - 100px - 30px) !important;
    }

    #sorting {
        width: 100px !important;
    }

    .project-details {
        width: 100% !important;
    }

    .project-logo {
        margin-bottom: 10px;
    }

    .project-published {
        margin-bottom: 0;
        margin-top: 6px;
    }


    .header-container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}