@charset "utf-8";

@font-face {
	font-family: 'Montserrat_Regular' ;
  src: url('fonts/montserrat/Montserrat-Regular.ttf');
}

@font-face {
  font-family: 'Montserrat_Bold';
  src: url('fonts/montserrat/Montserrat-Bold.ttf');
}

:root {
    --yoonionGreen: #005571;
    --yoonionMediumDarkGreen: #0082A6;
    --yoonionLigthGreen: #549BAD;
    --yoonionDarkBlue:  #0A1422;
    --yoonionMediumBlue: #DFE5F0;
    --yoonionCleanBlue: #F2F6FF;
    --yoonionLightBlue: #7F98C2;
    --yoonionOrange: #FF2F00;
}

body {
    font-family: Montserrat_Regular;
    font-size: 14px;
    margin: 0;
}

input[type='number'], input[type='text'], input[type='password'], textarea, select {
    color: var(--yoonionGreen);
    outline: 0;
    padding: 6px 13px;
    font-style: 15px;
    width: 319px;
    height: 12px;
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    margin-top: 2px;
}

select {
    width: 347px;
    height: 26px;
    padding: 3px 13px;
    background: url(../img/icon-select.gif) no-repeat 95% #fff;
    -webkit-appearance: none;
}

input[type="button"], button, select {
    cursor: pointer;
}

::-webkit-input-placeholder {
   color: var(--yoonionGreen);
}
:-moz-placeholder {
   color: var(--yoonionGreen);
}
::-moz-placeholder {
   color: var(--yoonionGreen);
}
:-ms-input-placeholder {
   color: var(--yoonionGreen);
}

input#rec1-txt::-webkit-input-placeholder,
.recipientBloc > .o-board__bloc > .m-modal__inputText > input::-webkit-input-placeholder {
    font-style: italic;
}

input#rec1-txt:-moz-placeholder,
.recipientBloc > .o-board__bloc > .m-modal__inputText > input::-moz-input-placeholder {
    font-style: italic;
}

input#rec1-txt::-moz-placeholder,
.recipientBloc > .o-board__bloc > .m-modal__inputText > input::-moz-placeholder {
    font-style: italic;
}

input#rec1-txt:-ms-input-placeholder,
.recipientBloc > .o-board__bloc > .m-modal__inputText > input::-ms-input-placeholder {
    font-style: italic;
}

._mainFrame {
    height: 100vh;
    display: flex;
}

._modal,
#popinOpenIframe {
    background-color: #fff;
    position: fixed;
    /* left: calc(50vw - 189px);
    top: 470px; */
    /* left: calc(50vw - 25%);
    top: 25%; */
    left: 50%;
    top: 50%;
    z-index: 9999;
    padding: 15px 20px;
    width: 770px;
    /* height: 492px; */
    height: 525px;
    border-radius: 9px;
    box-shadow: 0px 24px 24px rgb(0 0 0 / 30%);
}

._modal > .a-modal__icon {
    float: right;
    position: relative;
}

._modal > .a-modal__icon > img {
    position: absolute;
    /* font-size: 35px;
    color: var(--yoonionMediumDarkGreen); */
    bottom: 15px;
}

/* ._modal > .a-modal__icon > i:hover {
    color: var(--yoonionGreen);
} */

._modal > .o-board > div >.o-board__bloc > .m-modal__blocText {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

._modal > .o-board > div >.o-board__bloc > .m-modal__blocText > span {
    font-weight: bold;
}

._modal > .a-board__blocText {
    text-align: center;
    /* font-size: 15px; */
    color: var(--yoonionOrange);
    font-weight: bold;
}

._modal > .o-board,
.o-board__iframe,
#popinIframe > div > .o-board {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    height: 80%;
}

._modal > .o-board > div >.o-board__bloc:first-child,
.o-board__iframe > div >.o-board__bloc:first-child,
#popinIframe > div > .o-board > .o-board__bloc:first-child {
    margin-right: 10px;
}

.o-memberFormHeadBanner {
    width: 100%;
    background-color: var(--yoonionMediumBlue);
    height: 112px;
    font-weight: bold;
    display: flex;
    justify-content: space-around;
}


.o-memberFormHeadBanner label {
    color: var(--yoonionLigthGreen);
}

.o-memberFormHeadBanner span {
    color: var(--yoonionGreen);
}

.o-memberFormHeadBanner > .a-memberFormHeadBanner__avatar > img {
    border-radius: 100%;
    box-sizing: border-box;
    object-fit: cover;
    width: 60px;
    height: 60px;
}

.o-memberFormHeadBanner > .a-memberFormHeadBanner__info > span {
    font-size: 18px;
}

.o-memberFormHeadBanner > .a-memberFormHeadBanner__info > label {
    font-size: 12px;
}

.o-memberFormHeadBanner > .a-memberFormHeadBanner__info > #memberFormStatut {
    text-align: center;
    padding-right: 16px;
    margin-left: 3px;
    border-radius: 15px;
    height: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 144px;
}

.o-memberFormHeadBanner > .a-memberFormHeadBanner__info > #memberFormStatut > span {
    color: #fff;
    padding-right: 10px;
}

.o-memberFormHeadBanner div {
    align-self: center;
}

.o-memberFormHeadBanner > div:not(:last-child):not(:first-child) {
    border-right: 1px solid #fff;
}

.o-memberFormHeadBanner>.a-memberFormHeadBanner__info {
    flex-grow: 0.1;
}

.o-memberFormHeadBanner>.a-memberFormHeadBanner__info > label {
    display: block;
}

.o-memberFormHeadBanner > .m-modal__iconsGroup {
    display: flex;
    flex-grow: 0.15;
    justify-content: space-evenly;
}

.o-memberFormMenu {
    height: 69px;
    color: var(--yoonionGreen);
    background-color: #F7FAFF;
    border-bottom: 1px solid #DFE5F0;
    background: linear-gradient(#F6FAFF, #EEF2F8);
}

.o-memberFormMenu > #onglets > #onglets-tabs {
    margin: 0 auto;
    width: fit-content;
    font-weight: bold;
}

.o-memberFormMenu > #onglets > #onglets-tabs > li {
    cursor: pointer;
    border-right: 1px solid var(--yoonionMediumBlue);
    padding: 26px 48px;
}

.o-memberFormMenu > #onglets > #onglets-tabs > li:first-child {
    border-left: 1px solid var(--yoonionMediumBlue);
    /* Si on est sur firefox */
    /* margin-left: 10%; */
}

.o-memberFormMenu > #onglets > #onglets-tabs > li:hover,
.o-memberFormMenu > #onglets > #onglets-tabs > li.selected {
    background-color: #fff;
    color: var(--yoonionOrange);
}

.tab {
    padding: 35px 0;
}

.-memberModal {
    width: 350px;
    height: 80px;
}

.-memberModal > .m-modal__buttonsGroup > .a-modal__button > input {
    width: 100%;
}

.m-modal__radioButtons {
    display: flex;
    width: 50%;
    justify-content: space-around;
}

.m-modal__radioButtons > .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
    color: var(--yoonionGreen);
}

.m-modal__radioButtons >  .container > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.m-modal__radioButtons > .container > .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #eee;
}

.m-modal__radioButtons > .container > .checkmark > div:hover {
    background-color: var(--yoonionGreen);
}

.m-modal__radioButtons > .container > .checkmark > div {
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
}

.m-modal__radioButtons > .container > .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.m-modal__radioButtons > .container > input:checked ~ .checkmark:after {
    display: block;
}

.m-modal__radioButtons >  .container > .checkmark:after {
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--yoonionGreen);
}

input[type='number']:focus, input[type='text']:focus, input[type='password']:focus, input[type='checkbox']:focus, textarea:focus, select:focus {
    box-shadow: 0 0 5px var(--yoonionGreen);
}

.-italic {
    font-style: italic;
}

.-cursorPointer {
    cursor: pointer;
}

.-fontWeightBold {
    font-weight: bold;
}

.-fontWeightNormal {
    font-weight: normal;
}

.-colorDarkBlue {
    color: var(--yoonionDarkBlue) !important;
}

.-colorGreen {
    color: var(--yoonionGreen);
}

.-colorRed {
    color: red;
}

.-colorOrange {
    color: var(--yoonionOrange);
}

.-backgroundDarkBlue {
    background-color: var(--yoonionDarkBlue);
}

.-backgroundOrange {
    background-color: var(--yoonionOrange);
}

.-backgroundLightGreen {
    background-color: var(--yoonionLigthGreen);
}

.-backgroundMediumDarkGreen {
    background-color: var(--yoonionMediumDarkGreen);
}

.-backgroundGreen {
    background-color: var(--yoonionGreen);
}

.-backgroundCleanBlue {
    background-color: var(--yoonionCleanBlue);
}

.-backgroundCleanGrey {
    background-color: #f8f8f8;
}

::-webkit-scrollbar { width: 3px; height:0px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 1px;}
::-webkit-scrollbar-thumb { background: var(--yoonionLightBlue);  border-radius: 1px;}

div#liste::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--yoonionGreen);
}

div#liste::-webkit-scrollbar {
    width: 7px;
    background-color: #E7E7E7;
}

div#liste::-webkit-scrollbar-track {
    box-shadow: unset !important;
}

.a-modal__textArea {
    padding: 8px;
}

.a-modal__textArea > textarea {
    border: none;
}

.a-modal__button {
    text-align: center;
    margin: 11px auto;
}

.a-modal__button > input,
button,
.button.filtervalidate,
#principal_organismeid-archiver,
#secondaire_organismeid-archiver,
#tertiaire_organismeid-archiver
 {
    background-color: var(--yoonionOrange);
    border: none;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    font-family: Montserrat_Regular;
    min-width: 110px;
}

.a-modal__button > input:hover,
button:hover,
.button.filtervalidate:hover {
    border: 1px solid var(--yoonionDarkBlue);
}

.a-modal__button > .-secondaryButton,
button.-secondaryButton {
    background-color: var(--yoonionCleanBlue);
    color: #000;
}

.a-modal__button > .-dangerButton,
button.-dangerButton {
    background-color: #da001b!important;
    color: #FFF;
}

.a-modal__label {
    color: var(--yoonionOrange);
    font-weight: bold;
    display: block;
}

.o-modal__fieldsGroup {
    display: flex;
}

.o-modal__fieldsGroup  {
    width: 347px;
}

.o-modal__fieldsGroup > div.m-modal__select:first-child > select {
    width: 95%;
}

.o-modal__fieldsGroup > div.m-modal__inputText:first-child {
    margin-right: 30px;
    width: 30%;
}

.o-modal__fieldsGroup > .m-modal__select > select {
    /* width: 100%; */
    width: 213px;
}

.o-modal__fieldsGroup > .m-modal__inputText > input {
    width: 87%;
    /* width: 94%; */
}

.m-modal__inputText > .autoCompleteDiv{
    width: 345px !important;
}

.m-modal__buttonsGroup {
    display: flex;
    justify-content: center;
    /* margin-top: 11px; */
    margin-top: 1%;
}

.m-modal__buttonsGroup > .a-modal__button {
    margin: unset;
}

.m-modal__buttonsGroup > .a-modal__button:first-child {
    margin-right: 15px;
}

.m-modal__inputCheckbox {
    display: flex;
}

.m-modal__inputCheckbox > input {
    margin-left: 30px;
}

.m-modal__inputText,
.m-modal__select,
.m-modal__blocText,
.m-modal__date {
    margin-bottom: 10px;
}

.a-modal__inputFile {
    border: none;
    height: 100%;
    background-color: #fff;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 347px;
    border-radius: 3px;
}

#popinOpenUpdateEvenementEntite .o-modal__fieldsGroup {
    width: 100%;
}
#popinOpenUpdateEvenementEntite .o-modal__fieldsGroup > div.m-modal__inputText {
    width: 100%;
}
#popinOpenUpdateEvenementEntite .o-modal__fieldsGroup > div.m-modal__inputText textarea {
    width: 100%;
    height: 34px;
}

.ajout_medaille {
    position: absolute; 
    right: 0;
    text-align: right; 
    font-size: 12px
}
.ajout_medaille img {
    vertical-align: middle;
    margin-right: 3px;
    filter: brightness(100);
    -webkit-filter:brightness(100);
}

#a-topBar {
    background-color: var(--yoonionOrange);
    height: 3px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

/* bandeaux */
.o-navBar {
    background-color: var(--yoonionDarkBlue);
    max-width: 282px;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: 0.9s;
    scrollbar-width: thin;
    scrollbar-color: var(--yoonionLightBlue) var(--yoonionDarkBlue);
    padding: 0px 15px;
    font-weight: bold;
    box-sizing: border-box;
}

.o-navBar > .a-navBar__logo {
    text-align: center;
    padding: 62px;
}

.o-navBar > .a-navBar__logo > #yoocan-logo {
    height: 30px;
}

.o-navBar > .o-navBar__infoBar {
  margin-bottom: 10px;
}

.o-navBar > .o-navBar__infoBar > .m-firstLetter {
  margin: 5px;
  background-color: #E1E5EC;
  height: 24px;
  width: 30px;
  padding-top: 6px;
  text-align: center;
  border-radius: 15px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}

.o-navBar > .o-navBar__infoBar > .m-organism {
  margin:  5px;
  min-height: 28px;
  display:  inline-block;
  width: 190px;
  color:  white;
}

.o-navBar >  .o-navBar__searchBar > .m-searchBar > .a-searchBar__inputText > input {
    width: 86%;
    border: none;
    background: none;
    font-weight: normal;
}

.o-navBar >  .o-navBar__searchBar > .m-searchBar > .a-searchBar__inputText > input:focus {
    box-shadow: none;
}

.o-navBar >  .o-navBar__searchBar > .m-searchBar > .a-searchBar__inputText {
    background-color: #E1E5EC;
    border-radius: 10px;
    padding: 5px 24px;
    width: 204px;
}

.o-navBar >  .o-navBar__searchBar > .m-searchBar > .a-searchBar__inputText > span#rec1-btn {
    display: none;
}

.o-navBar >  .o-navBar__searchBar > .m-searchBar > .a-searchBar__inputText > #autoComplete_rec1-txt {
    left: 15px !important;
    top: 305px !important;
    width: 252px;
    background-color: #E1E5EC;
    border: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 6px 0 rgb(32 33 36 / 28%);
    height: 225px !important;
    overflow: hidden;
}

.o-navBar >  .o-navBar__searchBar > .m-searchBar > .a-searchBar__iconSearch {
    width: fit-content;
    margin-bottom: -32px;
    margin-left: 8px;
}


.o-navBar >  .o-navBar__searchBar > .m-searchBar > .a-searchBar__iconValidation {
    margin-top: -26px;
    font-weight: bold;
    margin-right: 15px;
    width: fit-content;
    float: right;
    font-family: Montserrat_Bold;
}

.o-navBar >  .o-navBar__searchBar > .a-searchBar__advancedSearch {
    padding-left: 30px;
    margin-top: 14px;
}

.o-navBar >  .o-navBar__searchBar > .a-searchBar__advancedSearch > span {
    color: var(--yoonionLightBlue);
}

.o-navBar >  .o-navBar__searchBar > .a-searchBar__advancedSearch > span:hover {
    color: #fff;
}

.m-navBar__nav-menu {
    list-style: none;
    padding-left: 0;
    margin: 56px 0;
    margin-top: 26px;
}

.o-navBar > .m-navBar__nav-menu > .a-navBar__menu-item {
    /* height: 62px; */
    /* padding-left: 44px; */
    box-sizing: border-box;
    /* padding: 20px 0 20px 44px; */
    padding: 20px 0 20px;
    border-radius: 3px;
}

.-menuItemSelected {
    background-color: var(--yoonionLightBlue);
    background-image: url(../img/icon-cotisations-hover.png);
}

.-menuItemSelected > a {
    color: var(--yoonionDarkBlue) !important;
}

.o-navBar > .m-navBar__nav-menu > .a-navBar__menu-item:hover {
    background-color: var(--yoonionLightBlue);
}

.o-navBar > .m-navBar__nav-menu > .a-navBar__menu-item > a {
    text-decoration: none;
    color: var(--yoonionLightBlue);
    padding-left: 45px;
}

/*.o-navBar > .m-navBar__nav-menu > .a-navBar__menu-item > a:hover {
    color: var(--yoonionDarkBlue);
}*/

.o-navBar > .m-navBar__nav-menu > .a-navBar__menu-item > .o-navBar__subMenu > .m-navBar__nav-menu {
    font-weight: normal;
    padding-left: unset;
    margin-top: 25px;
    margin-bottom: 0;
}

.o-navBar > .m-navBar__nav-menu > .a-navBar__menu-item > .o-navBar__subMenu > .m-navBar__nav-menu > .a-navBar__menu-item {
    padding: 20px 0 20px 44px;
}

.o-navBar > .m-navBar__nav-menu > .a-navBar__menu-item > .o-navBar__subMenu > .m-navBar__nav-menu > .a-navBar__menu-item:hover {
    font-weight: bold;
    background-color: rgba(86, 114, 163,0.5);
}

.-background {
    background-repeat: no-repeat;
    background-position: 8px 19px;
}

.-backgroundEventsStats {
    background-size: 35px;
    background-position: -2px 10px;
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__home {
    background-image: url(../img/icon-home.png);
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__home:hover {
    background-image: url(../img/icon-home-hover.png);
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__adherent {
    background-image: url(../img/icon-adherent.png) ;
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__adherent:hover {
    background-image: url(../img/icon-adherent-hover.png) ;
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__cotisations {
    background-image: url(../img/icon-cotisations.png);
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__cotisations:hover {
    background-image: url(../img/icon-cotisations-hover.png);
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__settings {
    background-image: url(../img/icon-settings.png);
    background-position: 5px 20px;
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__settings:hover {
    background-image: url(../img/icon-settings-hover.png);
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__stats {
    background-image: url(../img/icon-stats.png);
    background-size: 35px;
    background-position: -2px 10px;
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__stats:hover {
    background-image: url(../img/icon-stats-hover.png);
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__events {
    background-image: url(../img/icon-events.png);
    background-size: 35px;
    background-position: -2px 10px;
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__events:hover {
    background-image: url(../img/icon-events-hover.png);
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__logout {
    background-image: url(../img/icon-logout.png);
    background-position-y: 20px;
}

.o-navBar > .m-navBar__nav-menu > li#menu-item__logout:hover {
    background-image: url(../img/icon-logout-hover.png);
}

.-displayNone {
    display: none;
}

span.dropDownMenu {
    float:right;
    padding: 16px 15px;
    -webkit-transform: rotate(180deg) ;
    -moz-transform: rotate(180deg) ;
    -o-transform: rotate(180deg) ;
    -ms-transform: rotate(180deg) ;
    transform: rotate(180deg) ;
    cursor:pointer;
    color: #fff;
    font-size: 14px;
}

span.dropDownMenu.active {
    -webkit-transform: rotate(0deg) ;
    -moz-transform: rotate(0deg) ;
    -o-transform: rotate(0deg) ;
    -ms-transform: rotate(0deg) ;
    transform: rotate(0deg) ;
}

.fa-angle-right,
.fa-angle-down {
    float: right;
    margin-right: 17px;
    margin-top: 3px;
}

/*  */
.o-rubriqueContent {
    width: 100%;
    overflow-y: auto;
}

.a-mainTitle {
    padding-left: 48px;
    position: fixed;
    width: 100%;
    margin: 3px 0 20px 0;
    background-color: var(--yoonionMediumBlue);
    z-index: 1;
}

.a-mainTitle > h1 {
    color: var(--yoonionLigthGreen);
    font-size: 25px;
}

.a-tabTitle{
    text-align: center;
    width: 100%;
}

.a-tabTitle > h2{
    color: var(--yoonionLigthGreen);
    text-decoration: underline;
}

.o-board {
    margin: 100px 80px 25px;
}

.o-board > div >.o-board__bloc,
.o-board > div >.o-board__groupBloc > .o-board__bloc {
    margin-top:  15px;
    border: 1px solid #B2ADA3;
    background-color: #F6FAFF;
}

.o-board > div >.o-board__bloc > .m-board__bloc-title {
    margin: -16px 1px 0;
    padding-left: 8px;
}

.o-board > div >.o-board__bloc > .m-board__bloc-title > h1 {
    color: #fff;
    font-weight: bold;
    padding: 3px 0;
}

.o-board > div >.o-board__bloc > .m-board__bloc-title > h1 > span {
    font-weight: normal;
}

.m-board__bloc-table {
    color: var(--yoonionLigthGreen);
    /*margin-top: -15px;*/
}

.m-board__bloc-table > table {
    width: 100%;
    border-collapse: collapse;
}

.m-board__bloc-table > table > thead {
    border-bottom: 1px solid var(--yoonionMediumBlue);
}

.m-board__bloc-table > table > thead > tr {
    height: 33px;
}

.m-board__bloc-table > table > tbody > tr > td > .m-modal__iconsGroup {
    display: flex;
    justify-content: center;
    margin: 5px 0;
}

.m-board__bloc-table > table > tbody > tr {
    cursor:pointer;
}

/* .-secondaryBlocTable >table > tbody > tr {
    line-height: 0;
} */

.m-board__bloc-table > table > tbody > tr:hover,
.m-board__bloc-table > table > tbody > tr.colored:hover {
    background-color: var(--yoonionMediumBlue);
}

table div.header {
    color: var(--yoonionGreen);
}

.-secondaryBlocTable > table {
    margin-top: 20px;
    text-align: center;
}

.-secondaryBlocTable > table > thead > tr > th > div.header {
    float: none;
}

.-thirdlyBlocTable > table > tbody > tr > td {
    padding: 10px;
}

.-secondaryBlocTable > table > thead > tr > th.col-1,
.-secondaryBlocTable > table > thead > tr > th.col-2,
.-secondaryBlocTable > table > tbody > tr > td.col-1,
.-secondaryBlocTable > table > tbody > tr > td.col-2 {
    border-right: 1px dotted #D8DDE5;
}

.-boardBlocMinWidth {
    min-width: 304px;
}

.m-board__bloc-table > table > tbody > tr.colored {
    background-color: #fff;
}

.a-modal__icon {
    cursor: pointer;
    /* width: fit-content; */
}

/* .-addButtonPosition {
    padding: 5px 10px 28px;
} */

.-hover_addButton:hover {
    /* background: url(../img/icon-add.png) no-repeat center; */
    background-position-y: 5px;
}

.-hover_eyeButton:hover {
    background: url(../img/icon-eye.png) no-repeat center;
    background-position-y: 5px;
}

.-marginLeftRightAuto {
    margin-left: auto;
    margin-right: auto;
}

.-hover_icon-modify:hover {
    /* background: url(../img/icon-modify.png) no-repeat center; */
    background-position-y: 0px;
}

.-hover_icon-delete:hover {
    /* background: url(../img/icon-delete.png) no-repeat center; */
    background-position-y: 0px;
}

.-hover_icon-add:hover {
    background: url(../img/icon-add.png) no-repeat center;
    background-position-y: 0px;
}

.-hover_icon-close:hover {
    /* background: url(../img/icon-close.png) no-repeat center; */
    background-position-y: 0px;
}

.-hover_icon-searchLetter:hover {
    background: url(../img/icon-searchLetter.png) no-repeat center;
    background-position-y: 0px;
}

.-hover_icon-check:hover {
    background: url(../img/icon-check.png) no-repeat center;
    background-position-y: 0px;
}

.-hover_icon-restore:hover {
    background: url(../img/icon-restore.gif) no-repeat center;
    background-position-y: 0px;
}

.m-board__bloc-table > table > tbody > tr > td > .m-modal__iconsGroup > .a-modal__icon:not(:last-child) {
    margin-right: 5px;
}

.o-board > .-secondary {
    background: none;
    border: none;
}

.o-board > .-thirdly {
    border-color: #EEEEEE;
    background-color: var(--yoonionCleanBlue);
    margin: 7px 0;
    padding: 5px;
}

.o-board > .-fifthly,
.o-board > .o-board__groupBloc > .-fifthly {
    background-color: var(--yoonionCleanBlue);
    border-radius: 6px;
    padding: 15px;
    border: none;
    margin-bottom: 15px;
}

.o-board > .-fourthly {
    border: none;
}

.o-board > .-fourthly > .m-board__bloc-table > table > thead {
    background-color: var(--yoonionMediumBlue);
}

.o-board > .-fourthly > .m-board__bloc-table > table > thead > tr > th:not(:last-child) {
    padding-left: 15px;
}

.o-board > .-fourthly > .m-board__bloc-table > table > tbody > tr > td {
    padding: 15px 0 15px 15px;
}

.o-board > .-fourthly > .m-board__bloc-table > table > tbody > tr > td:last-child {
    display: flex;
    justify-content: flex-end;
}

span[id*="-excelexport"] {
    float: right;
    margin: 10px 16px 0;
    position: relative;
}

span[id*="-excelexport"]:hover {
    font-weight: bold;
}

.-displayGrid {
    display: grid;
    grid-gap: 15px 35px;
}

.accessIncorrect {
    text-align: center;
    margin-top: 50vh;
    color: var(--yoonionGreen);
    font-size: x-large;
}

.accessIncorrect > a {
    color: var(--yoonionOrange);
}

.accessIncorrect > a:hover {
    font-weight: bold;
}

img.exportExcelButton {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 55px;
    bottom: -14px;
  }

div#tablepagination-top div.paging,
div#tablepagination-bottom div.results {
    display: none;
}



div#tablepagination-top > .results > img {
    width: 30px;
    vertical-align: bottom;
}

div#tablepagination-bottom .paging {
    text-align: center;
    margin-top: 30px;
}

div#tablepagination-bottom .paging > span,
div#tablepagination-bottom .prec > span,
div#tablepagination-bottom .next > span {
    padding: 10px 15px;
    border-radius: 3px;
}

div#tablepagination-bottom .paging > span.button {
    color: rgb(128, 128, 128);
}

div#tablepagination-bottom .prec,
div#tablepagination-bottom .next {
    position: relative;
}

div#tablepagination-bottom .prec > span {
    position: absolute;
    left: 738px;
    top: -10px;
}

div#tablepagination-bottom .next > span {
    position: absolute;
    right: 738px;
    top: -28px;
}

div#tablepagination-bottom .paging > span.on,
div#tablepagination-bottom .paging > span.button:hover,
div#tablepagination-bottom .prec > span:hover,
div#tablepagination-bottom .next > span:hover {
    background-color: #0A1422;
    font-weight: bold;
    color: #fff;
}

div#tablepagination-top {
    text-align: center;
    margin-bottom: 30px;
}

div#tablepagination-bottom {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 45px;
}

.ui-dialog .ui-dialog-titlebar {
    color: var(--yoonionOrange) ;
    font-family: Montserrat_Regular;
    text-align: center;
    font-weight: bold;
    background-color: unset;
    border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
    text-align: center;
    width: 103%;
}

button.confirm.ui-button.ui-corner-all.ui-widget {
    background: var(--yoonionOrange);
    color: #fff;
    font-weight: bold;
    border: none;
}

button.cancel.ui-button.ui-button.ui-corner-all.ui-widget {
    background: #F1F5FE !important;
    color: #0A1422 !important;
    font-weight: bold !important;
    border: none !important;
}

p#dialog_content {
    color: var(--yoonionGreen);
    font-weight: bold;
    text-align: center;
}

.ui-widget-content {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    display: none !important;
}

.ui-dialog-buttonset > button:first-child {
    margin-right: 10px;
}

div#liste .jstree-wholerow-clicked,
div#liste .jstree-wholerow-hovered {
    background-color: #E0E5ED !important;
    border-radius: 10px;
}

div#liste {
    padding-top: 10px;
    margin-left: -5px;
    margin-right: 10px;
    overflow-y: auto;
    max-height: 70vh;
}

div#liste ul li {
    padding-bottom: 7px;
    font-weight: bold;
}

#accountNameInput {
    margin-bottom: 0;
}

#TCOMPTEEXTERNE th:last-child,
#TCOMPTEEXTERNE td:last-child {
    float: right;
    padding-right: 11px;
}

#TCOMPTEEXTERNE {
    min-width: 538px;
}

#socialNetwork {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-right: 20px;
}

table thead tr th div.icons img.sort-desc {
    background: url(../img/icon-table-sort-topdown.gif) no-repeat center !important;
}

table thead tr th div.icons img.sort-asc {
    background: url(../img/icon-table-sort-downtop.gif) no-repeat center !important;
}

table thead tr th div.icons img.sort-none {
    background: url(../img/icon-table-sort-no.gif) no-repeat center !important;
}

table thead tr th div.icons img.filter {
    background: url(../img/icon-filter.png) no-repeat center;
}

table thead tr th div.icons img.filter-on {
    background: url(../img/icon-filter-selected.png) no-repeat center;
}

table thead tr th div.icons img.sort-desc,
table thead tr th div.icons img.sort-asc,
table thead tr th div.icons img.sort-none {
    width: 20px;
    height: 20px;
    position: absolute;
}

table thead tr th div.icons img.filter,
table thead tr th div.icons img.filter-on {
    width: 20px;
    height: 23px;
    position: absolute;
    right: 15px;
    background-size: 20px;
}

td.selected {
    background-color: var(--yoonionMediumBlue);
}

div.autoCompleteDiv ul li:first-child {
    border-top: 1px solid var(--yoonionGreen);
}

div.autoCompleteDiv ul li {
    border-bottom: 1px solid var(--yoonionGreen);
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: initial;
    font-size: 12px;
    text-align: center;
    color: var(--yoonionGreen);
    font-weight: bold;
}

div.autoCompleteDiv ul li:last-child {
    border-bottom: none;
}

.modal a.close-modal {
    display: none !important;
}

.-paddingToUnset {
    padding-top: 0 !important;
}

.iframe {
    margin: 20px;
}

.iframe .o-board__bloc {
    background-color: var(--yoonionCleanBlue);
    border-radius: 6px;
    padding: 40px 15px 45px;
    height: 310px;
    overflow-y: auto;
}

#iframeCloseButton > .a-modal__icon, div._modal div.a-modal__icon {
    float: right;
    position: relative;
}

#iframeCloseButton > .a-modal__icon > img, div._modal div.a-modal__icon > img {
    position: absolute;
    bottom: 0;
}

.iframeTitle {
    text-align: center;
    color: var(--yoonionOrange);
    font-weight: bold;
}

#popinIframe > div > .o-board {
    margin: 12px 0;
    height: 420px;
}

.-paramCotisation {
    width: 976px;
}

.-paramCotisation > .a-modal__icon > img {
    bottom: 0;
}

.-paramCotisation > .o-board {
    margin-right: 0;
    margin-left: 0;
}

.-paramCotisation > .o-board > .o-board__bloc:first-child {
    flex:0;
}

.-paramCotisation > .o-board > .o-board__bloc:first-child {
    justify-content: space-between;
}

.-paramCotisation > .o-board > .o-board__bloc:first-child > .m-modal__inputCheckbox > input {
    margin-left: auto;
    margin-right: auto;
}

.-paramCotisation > .o-board > .o-board__bloc:last-child {
    flex: 1;
}

.-paramCotisation > .o-board > .o-board__bloc > .o-modal__fieldsGroup > .m-modal__select {
    flex: 1;
}

.-addCampagneOrType > .a-board__blocText {
    margin-bottom: 10px;
}

.-addCampagneOrType > div.a-board__blocText:not(:first-child) {
    margin-top: 10px;
}

.-addCampagneOrType > div:not(:first-child) {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.-addCampagneOrType > div:not(:first-child) > label {
    color: var(--yoonionGreen);
}

.-addCampagneOrType > div:not(:first-child) > input {
    margin-left: 0;
    margin-right: 15px;
}

.-addCampagneOrType > .a-board__blocText {
    font-weight: bold;
}

#popinIframe > div > .o-board > .o-board__bloc > .a-modal__textArea > textarea {
    height: 100%;
}

#popinIframe > div > .o-board > .o-board__bloc > .a-modal__textArea {
    padding-left: 0;
}

#champDate_calendarDivContent table tbody tr,
#enr8_calendarDivContent table tbody tr {
    line-height: unset;
}

#popinIframe #liste {
    padding-top: 29px;
    background: rgb(255, 255, 255);
    height: 293px;
    margin-top: 10px;
    border-radius: 11px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: unset;
    margin-right: unset;
}

#popinIframe #liste a {
    color: var(--yoonionGreen) !important;
}

/* start upload media part */

div.mediaList {
    max-height: 360px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid #7F98C2;
    min-width: 220px;
}

.divUpload {
    padding: 0px;
}

.divDropUpload {
    padding: 30px 20px;
    height: 220px;
    text-align: center;
}

.divUpload ul {
    min-height: 100px;
    max-height: 100px;
    list-style: none;
    position: relative;
    top: -290px;
    left: 220px;
}

.divDropUpload div {
    background: url(../img/icon-uploadArrow.png) no-repeat center;
    border: 2px dashed #7F98C2;
    text-align: center;
    line-height: 11;
    height: 100px;
    background-position-y: 12px;
    width: 176px;
    margin: 0 auto;
}

.divDropUpload a {
    background-color: #7F98C2;
    padding: 12px 26px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin-top: 12px;
    line-height: 1;
}

div.popIn_style input {
    width: 305px !important;
    height: 12px;
    background-color: #fff !important;
    border-radius: 6px;
    outline: 0;
    padding-left: 13px;
    color: #005571 !important;
    margin-top: -5px;
    font-size: 15px !important;
    /* font-weight: bold; */
}

div.mediaList div.item {
    width: 220px;
    padding: 10px;
    /* float: left; */
    /* background-color: #EEEEEE; */
    /* margin-right: 10px; */
    margin: 0 auto;
    height: 35px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4472C4;
    padding-bottom: 20px;
}

div.mediaList div.item div {
    clear: both;
    padding-top: 10px;
}

div.mediaList div.item img.button {
    float: right;
    display: block;
    position: relative;
    max-width: 200px;
    max-height: 110px;
}

.titleFile {
    font-weight: 600;
    margin-top: -30px;
    padding-left: 19px;
    padding-top: 6px;
    word-break: break-word;
    padding-right: 24px;
    padding-left: 30px;
    text-align: left;
    color: var(--yoonionGreen);
}

input[id^=upl_] {
    display: none !important;
}

img[id^='openItem'] {
    float: none !important;
}

/* end upload media part */

.-underline {
    text-decoration: underline;
}

.numberTd {
    text-align: right;
}

.numberCenter{
    text-align: center;
    font-size: large;
}

div.filter {
    width: auto;
    height: 188px;
    z-index: 1000;
    margin-left: 0px;
    border: unset;
    box-shadow: 0px 0px 3px var(--yoonionDarkBlue);
    border-radius: 7px;
    background-color: #fff;
}

div.filter span.filterclose {
    background: none;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-right: 5px;
}

div.filter span.filterclose > img {
    width: 25px;
}

div.innerfilteralpha, div.innerfilternumeric, div.innerfilterlist {
    width: 240px;
    height: 90px;
    overflow: unset;
    text-align: left;
    padding-left: 10px;
}

div.filter span.filtervalidate {
    font-size: 13px;
    padding-top: 5px !important;
    float: right;
    color: #fff;
    background-color: #FF2F00;
    margin-right: 16px;
    box-sizing: border-box;
    font-weight: normal;
    margin-top: 23px;
    border-radius: 5px;
}

.innerfilteralpha > select {
    width: 70px;
}

.innerfilteralpha > input[id^=excelfiltervalue-] {
    width: 140px;
    display: block;
}

.button.filtervalidate > img {
    display: none;
}

.button.filtervalidate {
    font-weight: bold !important;
}

.-required {
    box-shadow: 0 0 5px red;
}

#error {
    text-align: center;
    font-size: 17px;
}

#dialog {
    font-family: 'Montserrat_Regular' !important;
}

.ui-widget-content,
.ui-widget.ui-widget-content {
    border: none !important;
}

.ui-dialog-buttonset > button {
    font-weight: bold !important;
    font-family: 'Montserrat_Regular' !important;
    border: none !important
}
/*
.ui-dialog-buttonset > button:first-child {

} */

.ui-dialog-buttonset > button:last-child {
    color: #fff !important;
    background-color: var(--yoonionOrange) !important;
}

.ui-dialog-buttonset > button:first-child:hover,
.ui-dialog-buttonset > button:first-child:focus {
    background-color: var(--yoonionCleanBlue) ;
}

.ui-dialog-buttonset > button:hover {
    font-weight: bold;
    border: 1px solid var(--yoonionDarkBlue) !important;
}

.ui-helper-hidden-accessible {
    display: none;
}

.tooltip {
    position: relative;
    /* display: inline-block; */
}

.jstree-wholerow-clicked > .tooltiptext{
    margin-left: -65px !important;
}

.tooltip > img{
    float: right;
    padding-right: 10px;
}

th > .tooltip > .tooltiptext {
    bottom: 105%;
}

thead .col-5 > .tooltip .tooltiptext {
    margin-left: -55px !important;
}

tbody .col-5 > .tooltip .tooltiptext {
    margin-left: -60px !important;
}

thead .col-6 > .tooltip .tooltiptext {
    margin-left: -26px !important;
}

tbody .col-6 > .tooltip .tooltiptext {
    margin-left: -31px !important;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: var(--yoonionDarkBlue);
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -50px;
    margin-bottom: 5px;
    opacity: 0;
    transition: opacity 0.3s;
    font-weight: bold;
    box-shadow: 0px 0px 24px rgb(0 0 0 / 30%);
    font-size: 12px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--yoonionGreen) transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#ui-id-1 {
    list-style-type: none;
    width: 328px !important;
}

#ui-id-1 li {
    color: var(--yoonionGreen);
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}

#ui-id-1 li:hover {
    font-weight: bold;
}

table.dataTable.stripe tbody tr,
table.dataTable.display tbody tr {
    cursor: pointer;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: var(--yoonionCleanBlue) !important;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: var(--yoonionMediumBlue) !important;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 0 10px 11px !important;
    text-align: left;
    border-bottom: none !important;
}

.dataTables_wrapper .dataTables_paginate {
    text-align: center !important;
    float: unset !important;
}

.dataTables_info .select-info{
    display: none !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: none !important;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

table.dataTable thead {
    background-color: var(--yoonionMediumBlue);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #0A1422 !important;
    font-weight: bold !important;

}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0.25em !important;
    padding-bottom: 2.25em;
}

.dataTables_wrapper .dataTables_info {
    width: 100%;
    padding-bottom: 1.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #FFF !important;
    border: none !important;
    padding: 10px 15px !important;
    border-radius: 3px !important;
    color: #808080 !important;
}

.dataTables_wrapper .dataTables_length {
    float: none !important;
    padding-bottom: 0.25em !important;
}

.dataTables_wrapper .dataTables_length select{
    width: 100px !important;
}

table.dataTable tbody tr.selected {
    background: none !important;
}

@media screen and (min-width: 0px) and (max-width: 1680px) {
    .-responsiveNavBar {
        width: 70px;
    }

    .o-navBar > .o-navBar__infoBar > .m-organism {
        display:  none;
    }

    .-responsiveNavBar > .a-navBar__logo,
    .-responsiveNavBar > .o-navBar__searchBar > .a-searchBar__advancedSearch,
    .-responsiveNavBar > .o-navBar__searchBar > .m-searchBar > .a-searchBar__iconValidation {
        display: none;
    }

    .-responsiveNavBar > .m-navBar__nav-menu > .a-navBar__menu-item {
        height: 62px;
    }

    .-responsiveNavBar > .o-navBar__searchBar > .m-searchBar > .a-searchBar__inputText {
        width: 0;
        padding-right: 14px;
    }

    .-responsiveNavBar > .o-navBar__searchBar > .m-searchBar > .a-searchBar__iconSearch {
        cursor: pointer;
    }

    .-responsiveNavBar > .a-navBar__logo-responsive {
        display: block;
        position: relative;
    }

    .-responsiveNavBar > .a-navBar__logo-responsive > img {
        position: absolute;
        left: 4px;
    }

    .-responsiveNavBar > .a-navBar__logo-responsive:nth-child(2) {
        height: 6%;
        margin-top: 25px;
    }

    .-responsiveNavBar > .a-navBar__logo-responsive:nth-child(3) {
        height: 15%;
    }

    .-responsiveNavBar > .a-navBar__logo-responsive:nth-child(3) > img {
        left: 0;
    }

    .-responsiveNavBar > .m-navBar__nav-menu > li > a {
        display: none;
    }

    .-responsiveNavBar > .a-navBar__logo-responsive > .-heightResponsiveLogo {
        height: 30px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1445px) {
    .o-memberFormMenu > .-pmResponsivePanel > #onglets-tabs > li {
        padding: 26px 40px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 1320px) {
    .o-memberFormMenu > .-pmResponsivePanel > #onglets-tabs > li {
        padding: 26px 30px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 1155px) {
    .o-memberFormMenu > .-pmResponsivePanel > #onglets-tabs > li {
        padding: 26px 20px !important;
    }

    .o-memberFormMenu > .-ppResponsivePanel > #onglets-tabs > li {
        padding: 26px 40px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 1004px) {
    .o-memberFormMenu > .-pmResponsivePanel > #onglets-tabs > li {
        padding: 26px 10px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 1124px) {
    .o-memberFormMenu > .-ppResponsivePanel > #onglets-tabs > li {
        padding: 26px 30px !important;
    }
}

/* div#popinOpenImport div.o-board {

} */

div#fileUploadResult div {
  width: 200px;
  text-align:center;
  font-weight:bold;
  color:white;
  border-radius:5px;
  background-color:#FF2F00;
  height:20px;
  padding:5px;
  margin:10px auto;
}

div.ui-progressbar {
  border:  1px solid #d3d3d3!important;
}

div.ui-progressbar-value {
  background-color:#FF2F00;
}

div.progress-label {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

.campagne__buttonsGroup .campagne{
    background-color: var(--yoonionMediumBlue);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    border-radius: 12px;
    width: 230px;
    height: 90px;
  }

.campagne img{
    height: 30px;
    width: 30px;
    margin: 10px 0px;
}

.campagne .validate{
    height: 30px;
    width: 30px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.campagne a{
    color: var(--yoonionDarkBlue);
    text-decoration: none;
}

table.dataTable input[type=text] {
  width: 60px;
}

table.dataTable input[type="text"][onchange*=cp] {
    width: 40px;
    padding: 6px 8px;
}

table.dataTable select {
  width: 60px;
}

table.dataTable select[name*='departement_naissance']
{
    width: 110px;
}
table.dataTable input[onchange*='lieu_naissance'] {
    width: 84px;
}

table.dataTable input[type=date] {
  width: 105px;
}

.overlay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.8) url("loader.gif") center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
body.loading{
    overflow: hidden;
}
/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
    display: block;
}


#popinOpenArchiver{
  height: 250px;
}

#popinOpenArchiveAdherent {
  height: 300px;
}

#popinOpenArchiveAdherent div.o-board {
  margin-top:  10px;
  margin-bottom:  10px;
}

#popinOpenArchiveAdherent div.m-modal__inputText {
    width: 100%;
}

p.danger {
  color: white;
  background-color: var(--yoonionDarkBlue);
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}