.text-center{
    text-align: center !important;
}
#counterh1{
	font-size:8.5vw !important;
}
.job-modal{
     height: auto;
     margin: auto;
     width: 85%;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 9999;
     /* box-shadow: 10px 10px 5px #666; */
}

.loading-icon{
	font-size:40px;
}

.wpb_row   {
	z-index:1;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
	z-index:9999;
  }
  
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 9999;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;

  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }

  .selected{
   background-color: #e9e9e9 !important;

  }

  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }

.modalBackdrop{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

#job-results-table th{
    text-align: center;
}

.close-btn{
    position: absolute;
    top: 5px;
    right: 0;
    padding: 5px; 
    margin-right: 5px;
    color:black;
    cursor: pointer;
    font-size: 38px;
    font-weight: 600;
}

.search-job-row{
    display: flex !important;
    justify-content: center !important;
}

.search-job-row div{
    align-items: stretch !important;
}
.jobseq-wrapper{

    width: 80%;
    margin: 20px auto !important;
    
}

.results-header{
    text-align: center;
}

.job-search-btn{
    font-size: 15px !important;
    height: 100% !important;
    border-radius: 0;
    border: none;
    padding: 10px;
	width:52px;
}

.search-input-container{
    flex-grow: 4;
    display: flex;
}

#results{
    /* display: flex !important; */
    /* flex-direction: column !important; */
    /* height: 700px; */
}
.search-cats{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.search-cats div{
    flex: 1;
  color:white;
    /* padding: 20px 10px; */
    margin:10px;
    text-align: center;
    /* background:#ccc; */
    cursor: pointer;
}

.search-cats div i{
  color:white;
  display: block;
  padding: 15px 0px;
    font-size: 25px;
}

.cat-select{
    flex:2;
	 background-image:
    linear-gradient(45deg, transparent 50%, darkgray 50%),
    linear-gradient(135deg, darkgray 50%, transparent 50%),
    linear-gradient(to right, white, white);
  background-position:
    calc(100% - 20px) calc(1em + 10px),
    calc(100% - 15px) calc(1em + 10px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.9em;
  background-repeat: no-repeat;
	 /* styling */
  background-color: white;
  display: inline-block;
 
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.search-input-container input{
    flex:4;
}

.job-modal iframe{
    /* margin-top: 100px !important; */
}

#jobSearchForm{
    display: flex;
    flex:2;
}

#results a:hover{
    text-decoration: underline;
}


@media only screen and (max-width: 600px) {
    .search-cats{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #jobSearchForm{
        display: flex;
        flex:2;
        width: 90%;
        margin: auto;
    }
    .cat-select {
        flex: 2;
    }

    .jobseq-wrapper{

        width: 100% !important;
        /* margin: auto !important; */
        
    }
    /* .close-btn{
        position: absolute;
        top: 80px;
        right: 0;
        padding: 5px; 
        margin-right: 5px;
        color:black;
        cursor: pointer;
        font-size: 30px;
        font-weight: 900;
    } */
  }