.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  margin-top:20px;
  max-width: 80%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

.no-js .inputfile + label {
  display: none;
}




/* style 1 */

.inputfile-1 + label {
  color: #f1e5e6;
  background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
  background-color: #722040;
}

.offer-card-container {
  margin:20px 0;
}
.offer-card {
  border:1px solid #c3c3c3;
  min-height:150px;
  overflow:hidden;
  padding:10px;
}

.offer-content ul {
  list-style: none;
  margin-left:-37px;
}
.offer-title {
  padding:15px;
}

.offer-thumb img {
  width:50px;
  height:50px;
  float:left;
}

.offer-thumb {
  float:left;
  margin-right:15px;
}

.um-body select{
  margin:20px 0;
}

.um-cover img {
  width:100%;
}

.ratio-wrapper .custom-member-cover .details {
  background-color: initial;
}

.company-edit-btn {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.umc_company_grid_logo {
  position:relative;
  min-width:150px;
  min-height:150px;
}

.um-profile-nav-item.active a {
  background: #3ba1da;
}

#um-company .um-profile-photo-overlay {
  display:block;
}

#um-company .um-field-label {
  border-bottom:0;
}

#um-company .um-profile-photo-overlay.umc-logo{
  width: 150px;
  height: 150px;

}

.umc-message-conv-item {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 8px;
  cursor: pointer;
  padding-left: 60px;
  display: block;
  border-bottom: none !important;
  color: #666;
}

.umc-message-conv-item .um-online-status i {
  font-size: 9px;
}

.umc-message-conv-item .um-online-status {
  position: absolute;
  top: 8px;
  right: 8px;
}

.um-online-status.online, .um-online-status.online i {
    color: #7ACF58;
}

.umc-message-conv-name {
  line-height: 18px;
  font-size: 13px;
  margin-right: 20px;
  display: inline-block;
}

.umc-message-conv-pic {
  position: absolute;
  left: 8px;
  top: 8px;
}

#um-company .um-header {
  border-bottom:0;
}

.um-company-logo {
  position: absolute;
  top: -260px;
  left: 50px;
}

.um-profile-photo-overlay.umc-comany-photo-overlay {
  width:150px;
  height:150px;
}
.um-online-pic.pending{
  border-bottom: 3px solid orange;
}

.um-online-pic.student{
  border-bottom: 3px solid red;
}
.umc-button {
  padding:0;
  float:right;
}
.umc-button .btn {
  border:0;
}

.um-company-edit-buttons{
  margin-top:10px;
}

.umc_field.umc_zip, .umnc_field.umc_city {
  float:left;
  margin-right:5px;
}
.umc_field.umc_description {
  padding-bottom:20px;
}

.um-company .form-control{
  padding:0 12px;
}

.umc_company_content {
  float:left;
  margin-right:20px;
}

#company_check_msg {
  color:red;
}
#company_check_msg.success {
  color:green;
}

.umc_company_content.umc-add-new {
  margin-top:30px;
}


.um-company {
  max-width:1000px;
  margin:auto;
}

.um-company a.um-logo-img {
    float: left;
    position: absolute;
    background: #fff;
    padding: 5px;
    left: 30px;
    width: 150px;
    top: -180px;
}

.umc_btn {
  cursor:pointer;

}

.umc_company_members .dropdown-menu li {
    padding: 5px 10px;
    cursor: pointer;
}

.company_member, .company_manager {
  float:left;
}


.umc_company_members textarea.invite_user_email{
  height:40px !important;
}
.umc_company_members .mentions-input-box .mentions{
  display:none;
}

.umc-add_user-buttons {
  padding:10px;
}

.umc-logo-grid {
  margin:10px;
  background-size: 100%;
}