@font-face {
  font-family: 'Work Sans';
  src: url(../../../assets/fonts/Work_Sans/static/WorkSans-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: 'Work Sans Regular';
  src: url(../../../assets/fonts/Work_Sans/static/WorkSans-Regular.ttf) format("truetype");
}
@font-face {
  font-family: 'Work Sans Medium';
  src: url(../../../assets/fonts/Work_Sans/static/WorkSans-Medium.ttf) format("truetype");
}

@font-face {
  font-family: 'Vollkorn';
  src: url(../../../assets/fonts/Vollkorn/static/Vollkorn-Bold.ttf) format("truetype");
}

:root {
  --beige: #FBF4EF;
  --bleu: #2A337E;
  --rose: #EDBAB9;
  --rouge: #EA4335;
  --vert: #2FA491;
  --violet: #6466A6;
}

html {
    overflow-y: auto;
}

html, body {
  height: 100vh;
  background-color: rgb(251, 244, 239);
  font-family : 'Work Sans Regular';
  color: black;
}

@media screen and (min-width: 1450px) {
    .navbar {
        font-size: 18px;
    }
    .listAnchor {
        width: 250px;
    }
}

@media screen and (min-width: 1024px) {
    .navbar {
        top: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }
    .wrapper {
        top: 80px;
        z-index: 10;
        position: fixed;
    }
    .timeline {
        height: 177px;
    }
    .columnsAnnonceMain {
        top: 260px;
    }
    .columnsAccountMainButton {
        padding-top: 120px;
        position: fixed;
        z-index: 1;
        background-color: rgb(251, 244, 239);
    }
    .columnsOtherMain {
        top: 80px;
        padding: 70px 0 30px 0;
    }
    .nameParution {
        width: 150px;
    }
}

@media screen and (max-width: 1024px) {
    .columnsAccountMainButton {
        padding-top: 28px;
    }
}

.navbarTabsAnnonceInput.iconWhite {
  background-image: url('../../../assets/images/icons/file-plus-alt-white.svg');
}

.navbarTabsAnnonceInput.iconDefault {
  background-image: url('../../../assets/images/icons/file-plus-alt.svg');
}

.navbarTabsMyAnnonces.iconWhite {
  background-image: url('../../../assets/images/icons/folder-open-white.svg');
}

.navbarTabsMyAnnonces.iconDefault {
  background-image: url('../../../assets/images/icons/folder-open.svg');
}

.navbarTabsMyCustomers.iconWhite {
  background-image: url('../../../assets/images/icons/users-alt-white.svg');
}

.navbarTabsMyCustomers.iconDefault {
  background-image: url('../../../assets/images/icons/users-alt.svg');
}

.navbarTabsInfos.iconWhite {
  background-image: url('../../../assets/images/icons/info-circle-white.svg');
}

.navbarTabsInfos.iconDefault {
  background-image: url('../../../assets/images/icons/info-circle-blue.svg');
}

.navbarTabsMyAccount.iconWhite {
  background-image: url('../../../assets/images/icons/user-circle-white.svg');
}

.navbarTabsMyAccount.iconDefault {
  background-image: url('../../../assets/images/icons/user-circle.svg');
}

.navbar-menu {
  font-family: 'Work Sans';
}

.navbar-menu.is-active {
  background-color: #2A337E;
  margin-top: -12px;
}

a.navbar-item.is-active {
    color: #2A337E;
    border-radius: 4px 4px 0 0;
}

.navbar-burger {
  color: #FFF;
}

.navbar-burger:hover {
  color: #FFF;
}

.listAnchor {
  justify-content: center;
  padding-bottom: 20px;
}

.icon {
  margin-right: 11px;
}

.navbar {
  background-color: #2A337E;
  height: 80px;
  padding: 11px 78px 0 0;
}

.navbar-item img {
  max-height: 65px;
  max-width: 150px;
  padding-bottom: 11px;
}

a.navbar-item {
  color: #FFF;
}

a.navbar-item:hover, a.navbar-item.is-active:not(:focus):not(:hover)  {
  background-color: #FFF;
  color: #2A337E;
  border-radius: 4px 4px 0 0;
}

a#navbarItemMyAnnonces.navbar-item.is-active:not(:focus):not(:hover),
a#navbarItemMyClients.navbar-item.is-active:not(:focus):not(:hover),
a#navbarTabsInfos.navbar-item.is-active:not(:focus):not(:hover),
a#navbarItemMyAccountTab.navbar-item.is-active:not(:focus):not(:hover) {
    background-color: #FBF4EF;
}

.wrapper {
    width: 100%;
}

.timeline {
  padding: 26px;
  background-color: white;
}

.timeline.columns {
  margin-left: inherit;
}

.stepLabel.labelActive, .stepLabel.labelDone {
  opacity: 1;
}

.stepLabel {
  font-family: 'Vollkorn';
  font-weight: bold;
  font-size: 18px;
  opacity: 0.5;
  color: #2A337E;
  padding-left: 20px;
}

.labelPreviewName {
  font-size: 0.70vw;
  color: #2A337E;
}

.parutionWebsite {
  background-image: url('../../../assets/images/icons/desktop.svg');
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}

.parutionPrint {
  background-image: url('../../../assets/images/icons/newspaper.svg');
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}

.discreetNewspaper {
  background-image: url('../../../assets/images/icons/volume-mute-green.svg');
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}

.nameParution {
    font-family: 'Work Sans';
    font-size: 12px;
    color: #000000;
    vertical-align: top;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.departementParution, .dateParution {
    font-family: 'Work Sans Regular';
    font-size: 12px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.labelPreviewIcon {
  width: 15px;
  height: 15px;
}

.step:hover {
  opacity: 1;
}

.stepsCount {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    border: 1px solid #2A337E;
    text-align: center;
    font-size: 30px;
    color: #2A337E;
    font-weight: bolder;
    opacity: 0.5;
}

.stepsCount.stepActive {
  background-color: #2A337E;
  color: white;
  opacity: 1;
}

.modifButton {
  border-radius: 5px !important;
}

button.button.is-link.is-outlined.is-small.modifButton {
    font-family: 'Work Sans';
    font-size: 12px;
    color: #2A337E;
    border-color: #2A337E;
}

button.button.is-link.is-outlined.is-small.modifButton:hover {
    color: #FFFFFF;
    background-color: #2A337E;
}

.modifButtonIcon {
  width: 15px;
  height: 15px;
  background-image: url('../../../assets/images/icons/pen.svg');
}

.modifButton:hover .modifButtonIcon {
  width: 15px;
  height: 15px;
  background-image: url('../../../assets/images/icons/pen-white.svg');
}

.box {
  padding: 28px 34px 32px 34px;
  line-height: normal;
  border-radius: 0;
}

.boxTitle {
  font-family: 'Vollkorn';
  font-size : 26px;
  color : #2A3280;
  text-align : left;
}
.checkCircleIcon.iconWhite {
  background-image: url('../../../assets/images/icons/check-circle-white.svg');
  width: 20px;
  height: 20px;
}

.crossIcon {
  background-image: url('../../../assets/images/icons/times-circle.svg');
  width: 15px;
  height: 15px;
}

.previousStepButton {
  float: right;
  border: 1px solid #2A337E;
}

.previousStepButtonLabel {
  color : #2A337E;
  font-weight: bold;
}
.nextStepColumn {
    text-align: center;
}
.button.nextStepButton {
    background-color: #2FA491;
    border-color: #2FA491;
    color: #FFF;
    font-weight: bold;
}

.iconTextContent {
  align-items: center;
}

.iconTextLabel {
  width: 80px;
  line-height: normal;
}

.starColor {
  color: #EA4335;
}

.select2-selection__arrow {
    display: none;
}

.input, .select select, .textarea {
  border-color: #2A337E;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #2A337E !important;
  height: 35px !important;
  font-size: 14px !important;
}
.button.is-small:not(.is-rounded), .input.is-small {
  border-radius: 4px;
}
.modal-background {
  background-color: rgba(42, 51, 126, .86);
}
.closeModalCross {
    float: right;
    cursor: pointer;
    margin-right:-6px;
    background-image: url('../../../assets/images/icons/times-circle.svg');
}
.prevNextButton {
    text-align: center;
}
.prevNextButton > .previousStepButton {
    float: none;
}

input, select {
    font-family: 'Work Sans Regular';
    font-size : 14px !important;
}

.select:not(.is-multiple) {
  height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px !important;
}

.saveDraftButtonLabel {
    color : #2A337E;
    font-weight: bold;
    word-wrap: break-word;
    font-size : 0.75vw;
}

.saveDraftButton {
    border: 1px solid #2A337E;
    background-color: rgb(251, 244, 239);
    white-space: normal;
    width: 9vw;
    height: 4.5vw;
    float: right;
}

.saveIcon {
    height: 1.3vw;
    width: 1.3vw;
}

.notification.is-primary {
    background-color: #2FA491;
    color: #fff;
    border-radius: 0;
}

.columnsAnnonceMain {
    position: relative;
    padding: 20px 0 100px 0;
}

.columnsAccountMainButton {
    left: 0;
    right: 0;
}

.columnsOtherMain {
    position: relative;
}
button.sendMailAnnonceButton {
    background-color: #2FA491;
    border-color: #2FA491;
    color: #FFF;
    font-weight: bold;
}
.help.is-danger {
    font-size: 1rem;
    color: #EA4335;
}
.is-danger.input:active, .is-danger.input:focus, .is-danger.is-active.input, .is-danger.is-focused.input {
    box-shadow: none;
    border: 2px solid #EA4335;
}
.is-danger.input {
    border: 2px solid #EA4335;
}
#autocomplete-list.openned {
    border: 1px solid #6466A6;
    border-radius: 3px;
}
#autocomplete-list .addressList {
    border-bottom: 1px solid #6466A6;
    padding: 6px;
    font-size: 14px;
}
#autocomplete-list .addressList:last-child {
    border-bottom: none;
}
#autocomplete-list .addressList:hover {
    background-color: #eee;
    cursor: pointer;
}
.journalIcon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}

.previewContentStyle {
  word-wrap: break-word;
}

.previewContentStyle h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.previewContentStyle h4 {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  border-color: lightgrey;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-bottom: 5px;
  margin-bottom: 10px;
}