.jobs-table-container{
    display: flex;
    flex-direction: column;
    padding: 2rem 0rem;
    border:1px solid #c1cdd4;
}
.jobs-table{
    width:100%;
    border-collapse:collapse;
}
.jobs-table thead{
    background-color: #f7fbfd;
}
.jobs-table tr {
    display: flex;
    width: 100%;
    border-top: 1px solid rgba(195, 196, 198, 0.3);
  }

.jobs-table thead th,
.jobs-table tbody td{
    display: flex;
    flex: 1;
    padding: 1rem;
    font-size:0.9rem;
    min-width:40px;
}
.jobs-table tbody td{
    color:#00a4dc;
    font-weight:normal;
}
.jobs-table td a{
    color:#00a4dc;
    text-decoration: none;
}
.jobs-table td a:hover{
    text-decoration: underline;
}
.jobs-table th:nth-child(1),.jobs-table td:nth-child(1){
    flex:0.7;
}
.jobs-table th:nth-child(2),.jobs-table td:nth-child(2){
    flex:2;
}
.jobs-table th:nth-child(4),.jobs-table td:nth-child(4),
.jobs-table th:nth-child(6),.jobs-table td:nth-child(6),
.jobs-table th:nth-child(7),.jobs-table td:nth-child(7){
    flex:0.8;
}
.jobs-table th:nth-child(5),.jobs-table td:nth-child(5){
    flex:0.6;
}

.jobs-header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:0rem 2rem 1rem 2rem;
    align-items:center;
}
.total-count{
    font-size:1rem;
}
.search-info{
    max-width:30vw;
    width:30vw;
}
.job-search-form{
     display:flex;
    flex-direction:row;
}
.job-search-button{
    background-color:#3EC1F4;
    color:white;
    border:none;
    border-radius:0px 4px 4px 0px;
    padding:10px 12px;
    cursor:pointer;
}
#job-search{
    border:1px solid rgba(195, 196, 198, 0.3);
    background-color:transparent;
    border-radius:4px 0px 0px 4px;
    padding:12px 10px;
}
.job-details-container{
    padding: 2rem 3rem;
    border:1px solid #c1cdd4; 
}
.comp-loc-div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width:100%;
}
.comp-loc-div .col{
    margin-right:2rem;
    display:flex;
    align-items:center;
}
.comp-loc-div span {
  font-size: 1rem;
}

.comp-loc-div img {
  height: 1.8vw;
  width: 1.5vw;
  margin-right: 0.5rem;
}

.job-orderlist-content {
  display: flex;
  flex-direction: column;
}
.back-row{
    display:flex;
    align-items:center;
    flex-direction:row;
}

.job-order-desc-content .arrow-back {
  margin-right: 10px;
  transform: rotate(90deg);
}
.job-order-desc-content a {
 color:#3EC1F4;
 text-decoration:none;
 font-size:1rem;
}
.job-order-desc-content a:hover {
 text-decoration:underline;
}
.job-card-row .posted {
  color: #aaa !important;
  font-size: 12px;
}

.description-span {
  white-space: pre-wrap;
  color: #3E4697;
  margin-top: 10px;
}

.job-order-title-header {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}

.job-order-title-header .comp-loc-div {
  margin-bottom: 2rem;
}
.job-order-title-header h4{
    margin-bottom:0.8rem;
}
.apply_btn {
  background-color: #3E4697;
  padding:0.8rem 1.2rem;
  border: 2px solid transparent;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 1rem;
  cursor:pointer;
  min-width:max-content;
}
.apply_btn:hover {
 background-color: transparent;
 border: 2px solid #3E4697;
 color:#3E4697;
}

.job-order-title-header .btn {
  padding: 0 !important;
}

.job-order-title-header .btn a:hover {
  text-decoration: none;
}

.description-span pre {
    font-size:0.9rem;
  background: transparent;
  border: none;
  margin-top: 10px;
  font-family:  "Nunito" !important;
  padding: 0px;
  word-break: break-word !important;
  white-space: pre-wrap;
}

.table-access-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: -webkit-fill-available;
}
.table-access-icon {
  width: 100%;
  height: 100%;
  background: url("../svg/access_enter.svg") no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1.7708333333333333vw;
  height: 1.5104166666666667vw;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.table-access-icon:hover {
  background: url("../svg/access_full_enter.svg")
    no-repeat;
  background-size: contain;
  flex-shrink: 0;
  transform: scale(1.3);
}