/* You can add global styles to this file, and also import other style files */

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}
    .header {
    height: 96px;
    min-width: 100%;
    background-color: #fff;
    -webkit-box-shadow: -1px 1px 3px 0px #0000000f;
            box-shadow: -1px 1px 3px 0px #0000000f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.col-logo {
    line-height: 96px;
    padding: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    cursor: pointer;
}

.col-logo:focus {
    outline: none !important
}

.col-menus-items ul {
    list-style: none;
    line-height: 62px;
    font-size: 16px;
}

.col-menus-items ul li {
    display: inline;
    margin-right: 3ex;
    cursor: pointer;
}

.menus-active {
    background: #fe3e74 !important;
    padding: 15px;
    color: #fff !important;
}
 .c-offcanvas--left {
      width: 50% !important;
    background: darkblue !important;
 }
.frr-- {
  display: none;
}
.col-form-mission {
    margin: auto;
    margin-top: 3ex;
    padding-top: 3ex;
    padding-bottom: 3ex;
    width: 55%
  }
@media(max-width: 1180px) {
  .ui.vertical.menu {
    display: none !important
  }
  .col-form-mission {
    width: 78% !important
  }
}
@media(max-width: 720px) {
  .col-form-mission {
    width: 100% !important
  }
}
.highlighted { background: yellow }
@media(max-width: 1050px) { 
    .head-text h3 {
      font-size: 20pt !important;
    }
    .head-text h2 {
      font-size: 15pt !important;
    }
    .footer-pop>div:first-of-type {
        width: 100% !important;
    }
}
@media(max-width: 1070px) {
    /*.input div>div:first-of-type {
          width: 55% !important;
    }*/
     .footer .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .ProgressBar {
    width: 70% !important;
  }
   .col-liste {
    width: 100% !important
  }
  .paginator {
    width: 98% !important
  }
  .col-detail {
    width: 98% !important
  }
}
@media(max-width: 1000px) {
  .ui.modal.mod-log {
    width: 50% !important
  }
  .c-offcanvas--left {
    width: 67% !important;
}
}

@media(max-width: 798px) {
  .ProgressBar {
    width: 100% !important;
  }
  .input div>div:first-of-type {
          /*width: 90% !important;*/
    }
    .col-menus-items {
      display: none;
    }
    .col-input-email {
      width: 70% !important
    }
    .col-input-email input {
      color: #000 !important
    }
    .frr-- {
      display: inline-block;
          margin: auto;
    }
    .hamburger {
      display: inline-block;
      margin: auto;
    }
     .footer-pop {
      display: none !important;
    }
    .head-text h3 {
      font-size: 17pt !important;
    }
    .head-text h2 {
      font-size: 12pt !important;
    }
 } 
 @media(max-width: 690px) {
  .ui.modal.mod-log {
        width: 95% !important;
  }
  .c-offcanvas--left {
    width: 70% !important;
 }
 .message-- {
  margin-top: 5px !important
 }
 .message-- h1 {
  font-size: 20Px !important;
 }
 .view-job-btn {
    padding: 13px !important;
    height: 46px !important
 }
 .job-listing-footer ul li {
    margin-bottom: 4px !important;
 }
 .h1-find h1 {
    font-size: 21px !important;
 }
 .job-list {
        padding: 25px 5px !important
 }
 .sec-acc {
        background-position-x: center !important;
 }
 .job-listing-company-logo {
    display: none !important;
 }
}
@media(max-width: 414px) {
  .missions-- {
    display: flex;
  }
  .missions-->span:first-of-type {
    line-height: 36px;
  }
  .missions-->span:first-of-type {
    float: none !important;
  }
}
 .swal-content__input, .swal-content__textarea {
  border-radius: 20px !important;
 }
.menus-mobil {
  padding: 3ex;
  color: #fff;
  font-size: 20pt;
  border-top: 1px solid hsla(0,0%,100%,.05);
  border-bottom: 1px solid #06257b;
  cursor: pointer;
}
.menus-mobil:active {
 background: #080873
}
.offCanvas {
  visibility: hidden !important;
}