﻿
  <style>

      
  .jobcat{ float:right;}
      
      
  .description {
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
    padding: 0 15px 15px;
    width: 100%;
}

.lblEmploymentType{
margin-right:10px;
}


.selectedJob { background-color:#e4e8e8; box-shadow: 20px 20px 10px grey; border-bottom:10px solid #66c8d0 !important;}
.header_count {float:left;}

.lblDateAdded,.lblLocation { margin-right:25px;}

/*#form-field-ddlCategoryFilter,#btn_JobFilter,#form-field-ddlLocationFilter{ margin-bottom:15px;}*/
.job-card {
border:  1px solid #808080;
border-radius: 25px;
padding:20px !important;
box-shadow: 5px 10px #888888:
cursor: pointer !important;
}

/*Custom Upload Field*/
input[type="file"] {
  padding: 4px;
  margin: -4px;
  position: relative;
  outline: none;

  /* File Selector Button Styles */
  &::file-selector-button {
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgba(#000, 0.16);
    box-shadow: 0px 1px 0px rgba(#000, 0.05);
    margin-right: 16px;

    /*
      This is a hack to change the button label. 
      I'm hiding the default label and then 
      manually applying the width based on 
      updated icon and label.
    */
    width: 132px;
    color: transparent;
    
    /*
      Firefox doesn't support the pseudo ::before 
      or ::after elements on this input field so 
      we need to use the @supports rule to enable 
      default styles fallback for Firefox.
    */
    @supports (-moz-appearance: none) {
      color: var(--primary-color);
    }

    &:hover {
      background-color: #f3f4f6;
    }

    &:active {
      background-color: #e5e7eb;
    }
  }

  /* Faked label styles and icon */
  &::before {
    position: absolute;
    pointer-events: none;
    top: 14px;
    left: 16px;
    height: 20px;
    width: 20px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
  }
  
  &::after {
    position: absolute;
    pointer-events: none;
    top: 16px;
    left: 40px;
    color: var(--primary-color);
    content: "Upload File";
  }

  /* Handle Component Focus */
  &:focus-within::file-selector-button,
  &:focus::file-selector-button {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
  }
}
#uljobList li { margin-bottom:1.5em;}

 #uljobList 
{
  list-style-type:none !important;

}


#aUploadResumeLink{
    color:blue;
    font-size:1.5em;
    font-weight:bold;
}
/*.select-caret-down-wrapper{display:none;}*/


/*Mobile Style*/


@media (max-width: 767px) {
    #uljobList li { margin-right:1.5em;}
    #btn_JobFilter,#btn_JobFilter2 {margin-top:1em;}
    #uljobList { margin-left:1em;}


}
  </style>