@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700');

/** RESET **/
*, html, body {margin:0; padding:0;}
a > img {border:none;}
header, footer, main, section, article {display:block;}
body {color:#3A3A3A;}
:outline {border:none;}
.field:focus {
    outline:1px solid #F7931E;
}


/** STYLES GENERAUX et TIPS **/

body, input {font-family: 'Montserrat', sans-serif; font-weight:300; font-size:13px; line-height:1.3em;}
select, textarea {font-family: 'Montserrat', sans-serif; font-weight:300; border-radius:0;}
.select-wrapper {
    position:relative;
}
.select-wrapper::after {
    content: '';
    position: absolute; top: 50%; right: 10px; width: 0; height: 0;
    pointer-events: none;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000;
    transform: translateY(-50%);
}
.select-wrapper > select {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
}

.no-selectable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.app-overlay {
    position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.12);
    transition:opacity .2s ease-in; opacity:0;
}
.app-overlay.fade-in {
    opacity:1;
}


/* couleurs */
.white {color:white;}
.orange {color:#F7931E;}
.purple {color:#F7931E;}
.blue {color:#27AAE1;}
.red {color:#C22E3F;}
.light-red {color:#D23E4F;}
.green {color:#0C8022;}
.light-green {color:#71C586;}
.bg-dark-green {background:#2D5D50;}
.bg-light-green {background:#71C586;}
.bg-orange {background:#F7931E;}
.bg-purple {background:#F7931E;}
.bg-red {background:#C22E3F !important;}
.bg-blue {background:#27AAE1;}
.bg-light-grey {background:#909090;}
.border-red {border:1px solid #C22E3F; padding:.5em 1em;}
.border-orange {border:1px solid #F7931E;}
.subscriber-color label span {color:#A33229;}
.manager-color label span {color:#A33229;}
.admin-color label span {color:#A33229;}

.sticker {
    display:inline-block; white-space:nowrap; font-size:11px; font-weight:500; line-height:1em; padding:.25em .33em;
    background:#505050; color:white;
}
.sticker.light-grey {
    background:#E9E9E9; color:#606060;
}

.hidden {display:none !important;}
.uppercase {text-transform:uppercase;}
.no-wrap {white-space:nowrap;}
.wrap {white-space:normal;}
.text-ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.align-center {text-align:center;}
.field.align-center {text-align:center !important;}
.align-right {text-align:right;}
.link-style {text-decoration:underline; cursor:pointer; font-size:12px; font-weight:500; color:black;}
h3 .link-style {text-transform:none;}
.link-style.white {color:white;}
.link-style.purple {color:#F7931E;}
.link-style.red {color:#C22E3F;}
.with-icon {display:inline-block; padding-left:24px;}
.with-icon > .fa {position:absolute; display:inline-block; text-decoration:none; margin-left:-24px; margin-top:1px; font-size:1.3em;}
.big-icon {font-weight:300; cursor:pointer; font-size:18px;}
.medium-icon {font-weight:300; cursor:pointer; font-size:16px;}
.red-icon:hover {color:#C22E3F;}
.float-right {float:right;}
ul.no-style {list-style:none;}
ul.item-spacer-x2 li {margin:14px 0;}
.border-bottom {border-bottom:1px solid #E0DFDF;}
.border-top {border-top:1px solid #E0DFDF;}

hr {border:0; display:block; width:100%; height:1px; font-size:0; line-height:0; background:#E0DFDF;}

#main h2 {font-size:16px; line-height:1.2em; padding:.4em 0; text-transform:uppercase;}
#main h3 {font-size:14px; line-height:1.2em; padding:.4em 0; text-transform:uppercase;}
#main h2.no-uppercase,
#main h3.no-uppercase {text-transform:none;}

#main h2.flex-between {
    display:flex; justify-content:space-between; align-items:center;
}

em {font-style:normal; font-size:12px;}
strong.medium {font-weight:400;}

table.full-width {width:100%;}
table.fixed {table-layout:fixed;}
table.with-borders {border-collapse:collapse;}
table.with-borders tr > * {border:1px solid #E0DFDF;}
table td.dark-border-bottom {border-bottom-color:black;}
table thead.std-padding tr > *,
table.std-padding tr > * {padding:5px 10px;}
table.mini-padding tr > * {padding:3px 8px; font-size:12px;}
table.std-head thead tr th {background:#3A3A3A; color:white; text-align:center; font-weight:300;}
table thead.strong tr th {font-weight:500;}
table tbody.strong tr td {font-weight:500;}
table.light-grey-head thead tr th {background:#808080; color:white; text-align:center; font-weight:500;}
table.center-all-cells tbody tr td {text-align:center;}
table.highlight-on-hover tbody tr:hover td {background:#F0F0F0;}
table thead tr th.light-grey,
table tbody tr td.light-grey {background:#808080;}
table tbody tr td.white {color:white;}
table tr > *.align-left {text-align:left !important;}
table tr > *.align-right {text-align:right !important;}
table tr > *.align-center {text-align:center !important;}
table tbody tr.foot-style > *,
table.std-foot tfoot tr > * {background:#808080; color:white;}
table th.no-background {background:none !important;}


/** FORMULAIRES **/

.flex-form {display:flex; justify-content:flex-start;}
.flex-form.v-middle {align-items:center;}
.flex-form.v-bottom {align-items:flex-end;}
.flex-form.center {justify-content:center;}
.flex-form.right {justify-content:flex-end;}
.flex-form.fixed > * {flex:1;}
.flex-form > * {margin-right:30px;}
.flex-form.narrow-gutter > * {margin-right:15px;}
.flex-form.no-gutter > * {margin-right:1px;}
.flex-form:not(.include-right-gutter) > *:last-child {margin-right:0;}

.inline-form {display:table; width:100%;}
.inline-form.fixed {table-layout:fixed;}
.inline-form > * {
    display:table-cell; box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:bottom; padding-right:15px;
}
.inline-form.gutter-x2 > * {padding-right:30px;}
.inline-form.align-top > * {vertical-align:top;}
.inline-form.align-middle > * {vertical-align:middle;}

div.inline {display:inline-block;}

label {display:block;}
label.mini {font-size:11px;}
label.strong {font-weight:400;}
label.very-strong {font-weight:600;}
label.inline {display:inline-block;}
label.inline:not(.no-margin) {margin:7px 20px 0 0;}
.icheckbox_square {top:-2px; margin-right:6px;}
.fieldset {
    padding-left:1px; padding-right:1px; padding-bottom:2px;
}
.field {
    display:block; width:100%; box-sizing:border-box; border:1px solid #E9E9E9;
    background:#F0F0F0; color:#3A3A3A; padding:6px 10px; border-radius:0;
}
.field:disabled {color:#3A3A3A;}
.field.bg-white {
    background:#FFFFFF;
}
.field[type="text"]:disabled {opacity:.6;}
select.field:disabled {opacity:.6;}
textarea.field:disabled {opacity:.6;}
.field.inline {display:inline-block; width:auto;}
.field.main {font-weight:500; background:#F7E5BF;}
.field[type="number"] {text-align:right; padding-right:20px;}
textarea.field {resize:none;}
.field.w50 {width:50px;}
.field.w60 {width:60px;}
.field.w70 {width:70px;}
.errors {color:#C22E3F; font-weight:500;}
.actions:not(.left) {text-align:right;}
.actions.two-btns {display:flex; justify-content:space-between;}
.btn {
    display:inline-block; box-sizing:border-box; background:#494949; color:white; border:0;
    padding:7px 16px; cursor:pointer;
    box-shadow:1px 1px 3px rgba(0,0,0,.2);
    -webkit-appearance:none; border-radius:0; outline:0;
}
a.btn {
    text-decoration:none;
}
.btn:hover:not(:active) {
    filter:contrast(120%); box-shadow:none;
}
.btn.small {font-size:11px; line-height:1.1em; font-weight:400;}
h2 .btn.small {margin-left:.75em; position:relative; top:-1px;}
.btn.big {
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.btn.full-width {width:100%; text-align:center;}
.btn.purple {background:#F7931E; color:white;}
.btn.orange {background:#F7931E; color:white;}
.btn.red {background:#C22E3F; color:white;}
.btn.green {background:#71C586;}
.btn.light-grey {background:#909090;}
.btn.black {background:black; color:white;}
.btn.with-icon-on-left {position:relative; padding:8px 22px 8px 52px;}
.btn.with-icon-on-left > i.fa {position:absolute; left:20px; margin-top:2px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px #F0F0F0 inset;
  transition: background-color 5000s ease-in-out 0s;
}
::placeholder {color:#B4B4B4;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.suggestions {
    display:none;
    position:absolute; max-height:250px; overflow-y:auto; margin-top:1px;
    background:white; border:1px solid #D0D0D0;
}
.suggestions ul {list-style:none;}
.suggestions ul li {display:block; cursor:pointer; font-size:11px; padding:4px 30px 4px 10px; border-bottom:1px solid #F2F2F2;}
.suggestions ul li:hover {background:#3A3A3A; color:white;}


/** MESSAGES **/
.notify-wrapper {cursor:pointer;}
.notify {
    position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-30px;
    display:block; width:300px; padding:10px 20px;
    font-size:13px; font-weight:500; text-align:center;
}
.notify.red {border:1px solid #C22E3F; background-color:#E2747E; color:white;}
.notify.green {border:1px solid #0C8022; background-color:#38B55D; color:white;}


/** POPUP **/
.popup {
    position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%;
    background:rgba(30,20,0,.6); overflow-y:auto;
}
.popup + .popup {
    background:rgba(0,0,0,.01);
}
.popup > .grid {position:absolute; top:0; left:0; width:100%; height:100%;}
.popup > .grid > .middle {
    vertical-align:middle; width:100%; text-align:center;
}
.popup .body {
    position:relative; background:white; border:1px solid #D0D0D0; box-shadow:0 0 20px rgba(0,0,0,.2);
    padding:30px 40px;
    width:100%; display:inline-block; text-align:left; box-sizing:border-box;
}
.popup.fullscreen .grid > .middle .body {
    min-height:calc(100vh - 3px);
}
.popup .close-popup {position:absolute; z-index:2; top:10px; right:10px;}
.popup h2 {
    text-transform:uppercase; font-size:15px;
}


/** MICRO POP UP **/
.micro-pop-up {
    display:none;
    position:absolute; z-index:9999; background:white; box-shadow:0 0 30px rgba(0,0,0,.3); border:1px solid #3A3A3A;
}
.micro-pop-up.visible {display:block;}
.micro-pop-up .head {background:#3A3A3A; color:white; padding:2px 28px 2px 8px; font-size:12px; font-weight:400;}
.micro-pop-up .head .close {margin-right:-20px; font-weight:300;}
.micro-pop-up .body li {display:block; cursor:pointer; font-size:12px; padding:3px 8px;}
.micro-pop-up .body li:hover {background:#F0F0F0;}


/** LOADER **/
#loaders {
    position:fixed; right:10px; bottom:10px; max-width:38px; height:38px; overflow:hidden;
}
#loaders > .loader {display:inline-block; width:38px; height:38px; background: url(../img/loader.gif) no-repeat;}



/** Contenu WYSIWYG **/
.mce-branding-powered-by {display:none !important;}
.wysiwyg {
    font-size:15px; line-height:1.33em; font-weight:400; color:#3A3A3A;
    max-width:800px;
}
.wysiwyg p {margin-bottom:0;}
.wysiwyg em {font-size:15px; font-style:italic;}
.wysiwyg ul {list-style: square outside;}
.wysiwyg ul,
.wysiwyg ol {margin-left:20px; margin-bottom:1em;}
.wysiwyg a {text-decoration:underline; color:black;}
.wysiwyg table {border-collapse:collapse; margin-bottom:1em;}
.wysiwyg table td {padding:8px 16px; border:1px solid #E0E0E0;}
.wysiwyg iframe {margin:1em 2px; outline:2px solid #303030;}
.wysiwyg-notice {
    background:#F0F0F0; border:1px dotted #C0C0C0; padding:.75em 1em;
    line-height:1.5em;
}
.wysiwyg-notice.important {
    background:#FFE0E0; border-color:#A00000;
}
.wysiwyg-notice p {margin-bottom:0;}


/* GRILLES EN DIMENSIONS PRE-FORMATTEES */
.grid {display:table; width:100%;}
.grid:not(.not-fixed) {table-layout:fixed;}
.grid > * {display:table-cell; box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:top;}
.grid.center-all-cells > * {text-align:center;}
.grid.align-middle > * {vertical-align:middle;}
.grid.align-bottom > * {vertical-align:bottom;}
.grid > .gutter {width:15px;}
.grid.center-all-cells .icheckbox_square {margin-right:0;}

/* Largeurs en pourentage */
.w10 {width:10%;} .w15 {width:15%;}
.w20 {width:20%;} .w25 {width:25%;}
.w30 {width:30%;} .w33 {width:33.3%;} .w35 {width:35%;}
.w40 {width:40%;} .w45 {width:45%;}
.w50 {width:50%;} .w55 {width:55%;}
.w60 {width:60%;} .w65 {width:65%;} .w66 {width:66.6%;}
.w70 {width:70%;} .w75 {width:75%;}
.w80 {width:80%;} .w85 {width:85%;}
.w90 {width:90%;} .w95 {width:95%;}
.w100 {width:100%;}

.w90px {width:90px;}

/* Largeurs max en pixels */
.max-width-100 {max-width:100px;}
.max-width-150 {max-width:150px;}
.max-width-200 {max-width:200px;}
.max-width-250 {max-width:250px;}
.max-width-300 {max-width:300px;}
.max-width-400 {max-width:400px;}
.max-width-450 {max-width:450px;}
.max-width-500 {max-width:500px;}
.max-width-540 {max-width:540px;}
.max-width-600 {max-width:600px;}
.max-width-700 {max-width:700px;}
.max-width-800 {max-width:800px;}
.max-width-900 {max-width:900px;}
.max-width-1000 {max-width:1000px;}

/* Marge TOP en pixels */
.mt-2 {margin-top:2px;}
.mt-5 {margin-top:5px;}
.mt-7 {margin-top:7px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-60 {margin-top:60px;}
.mt-90 {margin-top:90px;}

/* Marge BOTTOM en pixels */
.mb-1 {margin-bottom:1px;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-60 {margin-bottom:60px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}

/* Marge LEFT en pixels */
.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px;}
.ml-40 {margin-left:40px;}
.ml-45 {margin-left:45px;}

/* Marge RIGHT en pixels */
.mr-5 {margin-right:5px;}
.mr-10 {margin-right:10px;}
.mr-20 {margin-right:20px;}
.mr-30 {margin-right:30px;}

/* Padding TOP en pixels */
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}

/* Padding BOTTOM en pixels */
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}

/* Padding RIGHT en pixels */
.pr-5 {padding-right:5px;}
.pr-10 {padding-right:10px;}
.pr-20 {padding-right:20px;}
.pr-30 {padding-right:30px;}


#manager-informations-page .errors {border:1px solid #C22E3F; padding:1em 2em;}
#manager-informations-page .errors p {font-weight:600;}

#manager-informations-page .rgpd-info {
    background:#FAFAFA; padding:1em 2em;
    line-height:1.75em;
    border:1px dotted #909090;
}
#manager-informations-page .rgpd-info ul {
    margin-left:20px;
}
#manager-informations-page .rgpd-info em {
    font-size:inherit;
}
#manager-informations-page .rgpd-info hr {
    margin:10px 0;
}


/* Système d'onglets */
.tabs-and-panes > .tabs {
    display:flex; width:100%; background:#ECECEC; padding:15px 30px 0; box-sizing:border-box;
}
.tabs-and-panes > .tabs > * {
    padding:.5em 1em; position:relative; bottom:-1px;
    font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:-0.01em;
}
.tabs-and-panes > .tabs > *:not(.current) {
    cursor:pointer; color:#757575;
}
.tabs-and-panes > .tabs > *:not(.current):hover {
    background:#F2F2F2;
}
.tabs-and-panes > .tabs > .current {
    background:white; color:#F7931E;
}
.tabs-and-panes > .panes > *:not(.current) {
    display:none;
}


div.dp-popup div.dp-nav-next a,
div.dp-popup div.dp-nav-prev a {
    background:#F7931E;
}
table.jCalendar td.selected {
    background:#F7931E;
}

.date-nav-wrapper {
    display:flex; align-items:flex-end;
}
.date-nav-wrapper .field {
    width:calc(100% - 54px);
}
.date-nav-wrapper .prev,
.date-nav-wrapper .next {
    display:flex; align-items:center; justify-content:center;
    width:25px; height:25px; margin-left:2px; background:#F0F0F0;
    cursor:pointer;
}
.date-nav-wrapper .prev:hover:not(:active),
.date-nav-wrapper .next:hover:not(:active) {
    background:#D0D0D0;
}

trix-toolbar .trix-button-row {
    justify-content: flex-start !important;
}
trix-toolbar .trix-button-group {
    margin-bottom:3px !important;
}
trix-toolbar .trix-button--icon {
    max-width:none !important; 
    width:42px !important; height:42px !important;
    font-size:17px !important;
}
trix-toolbar .trix-button-group--history-tools,
trix-toolbar .trix-button--icon-italic,
trix-toolbar .trix-button--icon-quote,
trix-toolbar .trix-button--icon-code,
trix-toolbar .trix-button--icon-undo,
trix-toolbar .trix-button--icon-redo,
trix-toolbar .trix-button--icon-number-list,
trix-toolbar .trix-button--icon-decrease-nesting-level,
trix-toolbar .trix-button--icon-increase-nesting-level,
trix-toolbar .trix-button--icon-attach,
trix-toolbar .trix-button-group--file-tools,
trix-toolbar .trix-button--icon-strike {
    display: none !important;
}
trix-editor {
    font-size:16px !important; line-height:1.3em !important;
    min-height:13em !important;
}
trix-editor h1 {
    font-size:18px !important; margin-top:.2em; margin-bottom:.5em;
}
trix-editor ul {
    margin-left:20px; list-style:square outside; margin-top:.2em; margin-bottom:.5em;
}
trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0 !important;
}