.col-sm-9 > .bootstrap-select {
  padding: 0;
}
.bootstrap-select > .dropdown-toggle {
  margin: 0;
}
.input-group > select.form-control:focus {
  background-color: #929495 !important;
}
.az-sub_head {
  font-size: 15px; 
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  font-weight: bold;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
}
.az-sub_head>span {
  color: #0060a9;
  display: inline-block;
  padding: 5px 1px;
  border-bottom: 3px solid #0068b7;
}
.category-title {
  font-size: .75rem; 
  color: #546e7a;
}
.category-title:hover {
  color: #ff8ea2;
}
.item-box {
  padding: 12px; 
  border: 1px solid #ddd;
}
.item-title {
  font-size: 20px; 
  color: #546e7a;
  margin: 0;
}
.item-title:hover {
  color: #ff8ea2;
  text-decoration: underline;
}
.item-category {
  font-size: 12px;
}
.item-description > .ellipsis {
  font-size: 14px; 
  margin: 10px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.item_meta {
  font-size: 12px;
}
.created-date {
  margin-left: 30px;
}
.user-name {
  font-size: 12px;
  margin-top: 5px;
}
.thead_nowrap{
  border: 1px solid #ddd;
}
.az-table {
  margin: 30px 0;
}
.az-table th {
  width: 100px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.6;
  opacity: .8;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background-color: #f7f7f7;
}
.az-table td {
  width: 100%;
  padding: 8px;
  line-height: 1.66667;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}
.az_sub_content {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  line-height: 2;
}
.section-category .active {
  background-color: #ddd;
}
.search-none {
  margin-top: 15px;
}
.search-none> span {
  margin: 0 0 0 12px;
}
.search-none> i {
  color: #dcc311;
}

a.job-title{
  color: #546e7a;
}
a.job-title:hover {
  color: #ff8ea2;
  text-decoration: underline;
}

div.job-progress {
  text-align: center;
  position: relative;
  background-color: #f9f9f9;
  padding: 10px;
}
ul.job-progress {
  margin-top: 1em;
}
.step_container>ul .undone {
  background-image: url(https://cw-assets.crowdworks.jp/assets/progress-wide-undone-45e64d3a6457890f9a78301a60004e9e36deca5b39bf745828e4f7865134b15a.png);
  color: #999;
}
.step_container>ul .current {
  background-image: url(https://cw-assets.crowdworks.jp/assets/progress-wide-current-cf57c8d7bfb28577be6db701faabea36e3a62589625acf64957927c84bf88058.png);
}
.step_container>ul .done {
  background-image: url(https://cw-assets.crowdworks.jp/assets/progress-wide-done-67279b2504a1cb12559b91c1940b5abfcd7c3d3d1c342a4d4c42f6ed907a7907.png);
  color: #999;
}
.step_container>ul li {
  display: table-cell;
    height: 80px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 120%;
    font-weight: bold;
    background-position: center center;
    background-repeat: no-repeat;
    width: 260px;
}
.offer-condition {
  background-color: #fcf8e5;
  border-width: 4px;
  border-style: solid;
  border-color: #f5a82e;
  margin-top: 30px;
  margin-bottom: 20px;
}

.offer-condition span {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 10px 7px;
  color: #ff2e13;
}
.offer-content {
  background-color: #f9f9f9;
  margin-top: 30px;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  
}

.offer-content span {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 10px 7px;
  color: #0060a9;
}
.message-datatable {
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.l-style {
  border: 1px solid #ddd;
  margin-top: 15px;
  border-color: #a3cfe5;
}
.panel-heading:hover {
  background-color: #dbeef8;
}
.l-messaage-content {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  line-height: 2;
}

.apply-title {
  width: 400px;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: inherit;
}
.panel-title span {
  float: right;
  font-size: 14px;
}
.panel-title span i {
  margin-right: 5px;
  font-size: 14px;
}
.profile-page .bootstrap-select {
  padding: 0;
}
.university {
  display: none;
}

/* file upload */
ul.list-style-none {
  margin: 0;
  padding: 0;
}
ul.list-style-none li {
  list-style: none;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
ul.list-style-none li a {
  display: block;
  padding: 8px 0;
  color: #67757c;
  text-decoration: none;
}

.el-element-overlay .white-box {
  padding: 0;
}
.el-element-overlay .el-card-item .el-overlay-1 {
  cursor: default;
}
.el-element-overlay .el-card-item .el-overlay-1 img {
  height: auto;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}
.el-element-overlay .el-card-item .el-overlay-1:hover img {
  -ms-transform: scale(1.2) translateZ(0);
  -webkit-transform: scale(1.2) translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transform: translateY(-50%) translateZ(0);
  -webkit-transform: translateY(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link {
  padding: 12px 15px 10px;
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link:hover {
  border-color: #009efb;
  background: #009efb;
}
.el-element-overlay .el-card-item .el-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
  opacity: 1;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
  top: -100%}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
  top: 100%;
  height: 0;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
  top: 0;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
  top: 0;
  height: 100%
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/webfonts/fa-solid-900.eot);
  src: url(../fonts/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/webfonts/fa-solid-900.woff2) format("woff2"), url(../fonts/webfonts/fa-solid-900.woff) format("woff"), url(../fonts/webfonts/fa-solid-900.ttf) format("truetype"), url(../fonts/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa, .fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.fa, .fab, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-upload:before {
  content: "\f093"
}
@font-face {
  font-family: simple-line-icons;
  src: url(../fonts/simple-line-icons/fonts/Simple-Line-Icons.eot?-i3a2kk);
  src: url(../fonts/simple-line-icons/fonts/Simple-Line-Icons.eot?#iefix-i3a2kk) format('embedded-opentype'), url(../fonts/simple-line-icons/fonts/Simple-Line-Icons.ttf?-i3a2kk) format('truetype'), url(../fonts/simple-line-icons/fonts/Simple-Line-Icons.woff2?-i3a2kk) format('woff2'), url(../fonts/simple-line-icons/fonts/Simple-Line-Icons.woff?-i3a2kk) format('woff'), url(../fonts/simple-line-icons/fonts/Simple-Line-Icons.svg?-i3a2kk#simple-line-icons) format('svg');
  font-weight: 400;
  font-style: normal;
}
.icon-trash {
  font-family: simple-line-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-trash:before {
  content: "\e054";
}
.dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
  color: black;
  font-size: 16px;
  font-weight: 800;
}