.group-recruitment-info{
    background: #efefef;
    margin-top: -180px;
    position: relative;
    z-index: 1;
  }
  .view-pages-recruitment .pri-left{
    width: calc(100% - 300px);
    float: left;
    padding:30px;
  }
  .view-pages-recruitment .pri-right{
    width: 300px;
    float: right;
    padding:30px;
  }
  .view-pages-recruitment .list-info{
    display: block;
  }
   .view-pages-recruitment .list-info .l-rows:nth-child(2n+1){
    clear: left;
  }

  .group-recruitment-info .pri-left .pri-title{
    font-size: calc(100% + 10px);
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .group-recruitment-info .pri-right{ 
    background: #114d9d;
    color: #ffffff;
    background: linear-gradient(234deg, rgba(2,46,105,1) 0%, rgba(3,62,140,1) 35%, rgba(17,77,157,1) 100%);
  }
  .group-ct-recruitment{
    padding: 20px
  }
  .group-ct-recruitment .pri-items{
    margin-bottom: 20px;
  }
  .group-ct-recruitment .pri-items .pri-title{
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: calc(100% + 2px)
  }
  .group-ct-recruitment .pri-items .pri-title::before{
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f105";
    font-size: 15px;
    color: #96c632;
    position: absolute;
    left: -20px;
    line-height: 20px;
  }
  .group-ct-recruitment .pri-items p{
     
  }
  .group-ct-recruitment .pri-btn{
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px;
    border: 1px solid #96c632;
    border-radius: 20px;
    margin-top: 10px;
    font-weight: bold;
    max-width: 350px;
  }
  .group-ct-recruitment .pri-btn.pri-bg{ 
    background:#96c632; 
  }
  .group-ct-recruitment .pri-btn::before,
  .group-ct-recruitment .pri-btn::after{ 
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f103"; 
    font-size: 15px; 
    line-height: 20px;
    margin: 0 5px
  }
  .group-ct-recruitment .pri-btn.pri-bg::before,
  .group-ct-recruitment .pri-btn.pri-bg::after{  
    content: "\f102";
  }
  .view-pages-recruitment .pri-info .pri-rows{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc
  }
  .view-pages-recruitment .pri-info .pri-rows:last-child{
    border-bottom: none;
  }
  .view-pages-recruitment .pri-info .pri-rows::after{
    content: ' ';
    clear: both;
    display: block;
  }
  .view-pages-recruitment .pri-info .pri-rows .pri-title{
    color: var(--color2);
    width: 200px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .view-pages-recruitment .pri-info .pri-rows .pri-ct{
    width: calc(100% - 210px);
    float: right;
    text-align: justify;
  }
  .view-pages-recruitment .pri-info .pri-rows .pri-ct p{
    line-height: 30px
  }
  .view-pages-recruitment .pri-info .pri-right{
    padding-left: 0;
    padding-right: 0;
  }
  .view-pages-recruitment .pri-info .pri-items{
    background: #efefef; 
    padding:30px;
    margin-bottom: 20px
  }
  .view-pages-recruitment .pri-info .pri-items .pri-title{
    position: relative;
    color: #96c632;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: calc(100% + 2px)
  }
  .view-pages-recruitment .pri-info .pri-items .pri-title:first-child::before{
    content: ' ';
    width: 4px;
    height: 30px;
    background: #96c632;
    position: absolute;
    left: -20px;
    top:0;
  }
  .view-pages-recruitment .pri-info .pri-items a{
    display: block;
    position: relative; 
  }
  .view-pages-recruitment .pri-info .pri-items a.pri-viewlink{
    margin-bottom: 5px
  }
  .view-pages-recruitment .pri-info .pri-items a.pri-viewlink::before{
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f105";
    font-size: 15px;
    color: #96c632;
    position: absolute;
    left: -20px;
    line-height: 20px;
  }
  .view-pages-recruitment .pri-info .pri-items a.pri-viewbtn{
    margin-top: 20px;
    color: #96c632;
    position: relative;
    text-align: right;
    font-size: calc(100% - 2px)
  }
  .view-pages-recruitment .pri-info .pri-items a.pri-viewbtn::before{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: calc(100% - 81px);
    height: 1px;
    background: #96c632;
  }
   @media(max-width: 1050px){
    .view-pages-recruitment .pri-info .pri-rows .pri-title{
      width: 100%;
      float: none;
      margin-bottom: 10px
    }
    .view-pages-recruitment .pri-info .pri-rows .pri-ct{
      width: 100%;
      float: none;
    }
    .view-pages-recruitment .pri-left{
      width: calc(100% - 200px)
    }
    .view-pages-recruitment .pri-right{
      width: 200px;
      font-size: calc(100% - 2px);
      padding: 15px
    }
    .view-pages-recruitment .pri-right .group-ct-recruitment .pri-items .pri-title{
      font-size: 100%
    }
    .group-ct-recruitment .pri-btn{
      font-size: 11px
    }
  }
  @media(max-width: 850px){
    .view-pages-recruitment .pri-left,
    .view-pages-recruitment .pri-right{
      width: 100%;
      float: none;
      font-size: 100%
    }
    .group-ct-recruitment .pri-btn{
      font-size: 100%
    }
  }
  /*bg popup_recruitment*/
  .popup_recruitment{
  visibility: hidden;
  position: fixed; 
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; 
  z-index: 1;
  transform: scale(2, 2);
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  filter: blur(10px);
  align-items: center;
  display: flex !important;
  }
  @media(max-width: 900px){
  .popup_recruitment{
  position: absolute;
  bottom: auto;
  height: auto !important;
  }
  }

  .popup_recruitment.active{
  z-index: 9999
  }
  body.ly-active-popup .popup_recruitment.active{ 
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
  filter: blur(0);

  }

  body.ly-active-popup::after{
  content: ' ';
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9998;
  background: #000000cf;
  }
  .popup_recruitment .ly-pp-content{
  width: 100%;
  max-width: 550px;
  margin: auto;
  background: #ffff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 15px 220px 20px #0000003d;
  }
  .popup_recruitment .ly-pp-head{
  padding:10px 0;
  border-bottom: 1px solid #e5eaf1;
  padding-top: 0px;
  position: relative;
  }
  .popup_recruitment .ly-pp-title{
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  }

  .popup_recruitment .ly-pp-body{  
  position: relative;
  display: block;
  padding: 10px 5px;  
  }
  .popup_recruitment .ly-pp-body::after{
  content: ' ';
  clear: both;display: block;
  }  
  .popup_recruitment .span-close{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  /* margin: auto; */
  height: 48px;
  border: 1px solid;
  border-radius: 5px;
  height: 25px;
  width: 25px;
  text-align: center;
  display: block;
  z-index: 3;
  }
  .popup_recruitment .span-close i{
  font-size: 16px;
  line-height: 25px
  }  
  /*ed popup_recruitment*/
.group-cruit-upload{
  position: relative;
  margin-bottom: 20px
}
.ajax-file-upload-statusbar {
    width: 100%;
}

.ajax-file-upload-statusbar .submitBtn {
    float: right;
    position: absolute;
    top: 3px;
    right: 0px;
    display: none !important;
}

.ajax-file-upload-filename {
    width: 100%;
    height: auto;
    margin: 4px 5px 5px 5px;
    color: #807579;
    display: none;
}

.ajax-file-upload-error {
    float: right;
    position: absolute;
    top: 8px;
    right: 10px;
}

.ajax-file-upload-progress { 
    width: 100%; 
    height: 3px;
    display: inline-block; 
    position: absolute; 
    margin-top: 10px;
}

.ajax-file-upload-bar {
    background-color: #f9ae22;
    width: 0;
    height: 100%;
}

.ajax-file-upload-percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%
}

.ajax-file-upload {
    display: inline-block;
    line-height: 28px;
    height: 28px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 0px !important;
    margin-right: 10px;
    cursor: default;
    font-weight: bold;
    text-transform: uppercase;
    background-image: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #fff; 
    cursor: pointer;
    background: #114d9d;  
}
.ajax-file-upload:hover{
    background: #96c632
}

.ajax-file-upload .icon {
    display: none;
}
.errorupload{
    font-size: 13px;
    padding: 10px 0px;
}

.ajax-file-upload i {
    line-height: 30px;
    margin-right: 4px;
}

.ajax-upload-dragdrop {
    border: 1px dashed #999;
    width: 100%;
    color: #333;
    text-align: left;
    vertical-align: middle;
    padding: 15px 0px 15px 10px;
}

#eventsmessage {
    line-height: 2em;
}

#startUpload {
    position: absolute;
    top: 12px;
    right: 0px;
    display: none;
}
.addFile-ss{
    position: absolute;
    width: 161px;
    height: auto;
    overflow: hidden;
    right: 10px;
    top: 10px;
    background: #ffffff
}
.items-uploads img{
    width: 35px;
    height: auto;
    float: left;
}
.items-uploads p{
    font-size: 12px !important;
    text-align: center !important;
    width: 112px;
    height: auto;
    display: block;
    overflow: hidden;
    padding-left: 10px;
    white-space: nowrap;
    float: left;
    line-height: 40px; 
}
.items-uploads.docs p,.items-uploads.docs:after{
   color: #2b5797;
}
.items-uploads.pdf p,.items-uploads.pdf:after{
   color: #e14045;
}
.items-uploads p:after{
    content: '';
    clear: both;
}
.items-uploads:after{
    content: '...';
    position: absolute;
    right: 0px;
    line-height: 39px;
    top: 0px;
}
@media(max-width: 993px){ 
    .ajax-upload-dragdrop span{
        display: none;
    }
}
.group-cruit-form{

}
.group-cruit-form .pl-wrab-input,.group-cruit-form .group-btn{
  margin: 5px;
  width: calc(100% - 10px);
  float: left;
}
.group-cruit-form .pl-wrab-input:first-child{
  width: 120px;
  float: left;
}
.group-cruit-form .pl-wrab-input:nth-child(2){
  width: calc(100% - 140px);
  float: left;
}
.group-cruit-form .pl-wrab-input:nth-child(3),
.group-cruit-form .pl-wrab-input:nth-child(4){
  width: calc(50% - 10px);
  float: left;
}
.group-cruit-form .pl-wrab-input textarea{
  height: 70px
}

.group-cruit-form .group-btn button{
  background: #96c632;
  color: #fff;
  width: 120px; 
  display: block;
  float: right;
  font-weight: bold; 
}