@charset "UTF-8";
/*
Theme Name: Starter Template
Theme URI: https://underscores.me/
Author: AntheDesign
Author URI: https://www.anthedesign.fr
Description: Minimal and unstyled starter template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Starter Template is based on Underscores https://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/* FONT FACE */
@font-face {
  font-family: "Didact Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/Didact.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* VARIABLES */
html, body, #masthead #site-navigation ul, .decla_steps_counter ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* GLOBAL */
html {
  font-family: "Trebuchet MS", sans-serif;
  color: #000000;
  background-image: url("assets/img/bg_top.jpg"), url("assets/img/bg_bottom.jpg");
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 100vh;
}
a {
  text-decoration: none;
  color: #6073a5;
  transition: 0.2s;
}
h1, .h1 {
  font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
}
h2, .h2 {
  font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  margin-top: 1.5em;
}
h3, .h3 {
  font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  margin-top: 1.2em;
  font-size: 1.3em;
}
h4, .h4 {
  font-family: "Didact Gothic", sans-serif;
  font-weight: 700;
  margin-top: 1.2em;
  font-size: 1.1em;
}
p, li, td, th {
  font-size: 14px;
  line-height: 1.5em;
}
p.center, li.center, td.center, th.center {
  text-align: center;
}
blockquote, .blockquote {
  color: #ffffff;
  padding: 10px 15px 10px 50px;
  background-color: #6073a5;
  background-image: url("assets/img/info.svg");
  background-size: 22px auto;
  background-repeat: no-repeat;
  background-position: 12px 10px;
}
blockquote *, .blockquote * {
  color: #ffffff;
}
blockquote.errors, .blockquote.errors {
  background-image: url("assets/img/alert.svg");
  background-color: #e52b38;
}
img {
  max-width: 100%;
  height: auto;
}
hr {
  display: block;
  width: 100%;
  border: none;
  border-top: 1px solid #8c84bc;
  margin: 60px 0;
}
hr.dotted {
  margin: 40px 0;
  border-top: 1px dotted #8c84bc;
}
/* STICKY TITLE */
.sticky {
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 10px 20px;
  background-color: #6073a5;
  color: #ffffff;
  margin-bottom: 0;
}
.sticky a {
  color: #ffffff;
}
.sticky.h3 {
  top: 51px;
  color: #ffffff;
  background-color: #8c84bc;
  padding: 5px 20px;
  z-index: 5;
  margin-top: 0;
}
/* TABLE */
table {
  box-sizing: border-box;
  width: 100%;
  margin: 20px 0;
}
table td {
  padding: 6px 10px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  transition: 0.2s;
  vertical-align: top;
}
table th {
  padding: 8px 10px;
  color: #ffffff;
  background-color: #8ca3d1;
  border: 1px solid #6073a5;
  text-align: left;
}
table tbody th, table .secondary th {
  background-color: #8c84bc;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
table tr:hover td {
  background-color: rgba(140, 163, 209, 0.2);
}
table tr.disabled td:not(.actions) {
  filter: grayscale(1);
  background-color: rgba(0, 0, 0, 0.2);
  font-style: italic;
}
table h4 {
  margin: 0;
  text-align: center;
}
table .width20 {
  width: 20%;
}
table .width25 {
  width: 25%;
}
table .width30 {
  width: 33%;
}
table .actions {
  text-align: right;
  min-width: 50px;
}
table .actions a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: text-bottom;
}
table .actions a:first-child {
  margin-left: 0;
}
table .actions a.edit {
  background-image: url("assets/img/edit.svg");
}
table .actions a.disable {
  background-image: url("assets/img/close.svg");
}
table .actions a.enable {
  background-image: url("assets/img/check.svg");
}
table .actions a.delete {
  background-image: url("assets/img/delete.svg");
}
table .actions a.create {
  background-image: url("assets/img/plus.svg");
}
/* WORDPRESS */
.gallery {
  display: flex;
  flex-flow: row wrap;
}
.gallery figure {
  margin: 5px;
}
.gallery a {
  display: block;
}
.alignnone, .alignleft, .wp-caption.alignnone, .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright, .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.alignright {
  float: right;
}
.wp-caption .wp-caption-text, .gallery-item .wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/* CLASS */
.clear {
  clear: both;
}
.wrapper, #main {
  width: 1280px;
  max-width: 92%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 20px;
  background-color: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
.wrapper > :first-child, #main > :first-child {
  margin-top: 0;
}
.inline_block {
  display: inline-block;
  vertical-align: top;
}
/* MESSAGE */
#message {
  position: fixed;
  z-index: 200;
  width: 90%;
  max-width: 500px;
  background-color: #ffffff;
  border: 1px solid #6073a5;
  bottom: -200px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
#message #mtxt {
  padding: 3px 20px;
  margin: 0;
}
#message > span.message_close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 15px;
  cursor: pointer;
  padding: 7px;
}
#message.open {
  bottom: 20px;
}
@media (max-width: 530px) {
  #message.open {
    bottom: 50px;
  }
}
#message.success {
  border-color: #68a63e;
}
#message.error {
  border-color: #e52b38;
}
#message.info {
  border-color: #8ca3d1;
}
/* POPUP */
#action_popup {
  position: fixed;
  z-index: 190;
  width: 90%;
  max-width: 650px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #6073a5;
  bottom: -1000px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.8s;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 25px 30px;
}
#action_popup .container > :first-child {
  margin-top: 0;
}
#action_popup > span.action_popup_close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 15px;
  cursor: pointer;
  padding: 7px;
}
#action_popup.open {
  bottom: 50%;
  box-shadow: 0 0 5000px 5000px rgba(0, 0, 0, 0.5);
  transform: translate(-50%, 50%);
}
/* FORM */
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), select, textarea {
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  transition: 0.2s;
  box-sizing: border-box;
  width: 100%;
  display: block;
}
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus {
  border-color: #8c84bc;
  outline: 0;
}
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])[disabled], select[disabled], textarea[disabled] {
  filter: grayscale(1);
  opacity: 0.7;
}
input[type="checkbox"], input[type="radio"] {
  margin-right: 8px;
  margin-top: 4px;
  vertical-align: top;
}
input[type="date"], select {
  height: 34px;
}
input[type="submit"] {
  width: 100%;
  line-height: 21px;
}
.submit_btns {
  text-align: center;
  margin-bottom: 0;
}
.submit_btns input[type="submit"], .submit_btns button {
  width: auto;
}
label {
  display: block;
}
label > span {
  display: block;
  font-size: 12px;
}
label:hover > span {
  color: #8c84bc;
}
form .hide {
  display: none;
}
form .flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
form .flex > label {
  width: 48%;
}
form .flex.flex_3 > label {
  width: 31.5%;
}
form .errors, form .message_info {
  display: none;
}
/* SELECT2 */
label > .select2-container--default {
  display: block !important;
  width: 100% !important;
}
.select2-container--default .select2-selection--multiple {
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  padding: 3px 12px 8px 7px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  transition: 0.2s !important;
}
.select2-container--open .select2-dropdown {
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  border-top: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  border-radius: 0 !important;
  margin: 5px 0 0 5px !important;
  padding: 3px 3px 3px 24px !important;
  background-color: transparent !important;
  transition: 0.2s !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  bottom: 0;
}
/* BTN */
button, .btn, input[type="submit"] {
  display: inline-block;
  color: #ffffff;
  background-color: #8ca3d1;
  border: 1px solid #8ca3d1;
  transition: 0.2s;
  padding: 12px 15px;
  box-sizing: border-box;
}
button:hover, .btn:hover, input[type="submit"]:hover {
  color: #6073a5;
  border-color: #6073a5;
  background-color: #ffffff;
}
button.small, .btn.small, input[type="submit"].small {
  padding: 6px 12px;
}
button.cancel, .btn.cancel, input[type="submit"].cancel {
  border-color: #e52b38;
  background-color: #e52b38;
}
button.cancel:hover, .btn.cancel:hover, input[type="submit"].cancel:hover {
  color: #e52b38;
  border-color: #e52b38;
  background-color: #ffffff;
}
button.valid, .btn.valid, input[type="submit"].valid {
  border-color: #68a63e;
  background-color: #68a63e;
}
button.valid:hover, .btn.valid:hover, input[type="submit"].valid:hover {
  color: #68a63e;
  border-color: #68a63e;
  background-color: #ffffff;
}
button.back, .btn.back, input[type="submit"].back {
  border-color: #e52b38;
  color: #e52b38;
  background-color: #ffffff;
}
button.back:hover, .btn.back:hover, input[type="submit"].back:hover {
  color: #ffffff;
  background-color: #e52b38;
}
/* MICROTIP */
[aria-label][role~="tooltip"] {
  position: relative;
}
[aria-label][role~="tooltip"]:before, [aria-label][role~="tooltip"]:after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}
[aria-label][role~="tooltip"]:before {
  background-size: 100% auto !important;
  content: "";
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2896,%20115,%20165,%201%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
  transform: translate3d(-50%, -5px, 0);
  bottom: 100%;
  left: 50%;
}
[aria-label][role~="tooltip"]:after {
  background: #6073a5;
  color: #ffffff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
  margin-bottom: 11px;
  transform: translate3d(-50%, -5px, 0);
  bottom: 100%;
  left: 50%;
}
[aria-label][role~="tooltip"]:hover::before, [aria-label][role~="tooltip"]:hover::after, [aria-label][role~="tooltip"]:focus::before, [aria-label][role~="tooltip"]:focus::after {
  opacity: 1;
  pointer-events: auto;
}
/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
#masthead {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0 20px 20px;
}
#masthead #logo {
  display: block;
  margin-bottom: 5px;
}
#masthead #logo img {
  max-height: 45px;
  width: auto;
  display: block;
}
#masthead #site-navigation {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-start;
  min-height: 80px;
}
#masthead #site-navigation ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
#masthead #site-navigation ul.top_menu a {
  display: block;
  padding: 4px 15px 4px 30px;
  color: rgba(0, 0, 0, 0.6);
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 12px 8px;
  font-size: 12px;
  color: #ffffff;
  background-color: #8c84bc;
}
#masthead #site-navigation ul.top_menu a:hover {
  background-color: #6073a5;
}
#masthead #site-navigation ul.top_menu a.logout {
  background-image: url("assets/img/logout.svg");
}
#masthead #site-navigation ul.top_menu a.website {
  background-image: url("assets/img/external.svg");
}
#masthead #site-navigation ul.top_menu a.account {
  background-image: url("assets/img/account.svg");
}
#masthead #site-navigation ul.top_menu a.admin {
  background-image: url("assets/img/admin.svg");
}
#masthead #site-navigation ul.main_menu {
  margin-top: 14px;
}
#masthead #site-navigation ul.main_menu a {
  display: block;
  padding: 8px 20px 8px 40px;
  color: rgba(0, 0, 0, 0.6);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 10px 8px;
  font-weight: bold;
  position: relative;
}
#masthead #site-navigation ul.main_menu a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 9px;
  right: 18px;
  height: 2px;
  background-color: #ffffff;
}
#masthead #site-navigation ul.main_menu a:hover {
  color: #6073a5;
}
#masthead #site-navigation ul.main_menu a.profils {
  background-image: url("assets/img/profils.svg");
}
#masthead #site-navigation ul.main_menu a.groupe {
  background-image: url("assets/img/groupe.svg");
}
#masthead #site-navigation ul.main_menu a.camp {
  background-image: url("assets/img/camp.svg");
}
#masthead #site-navigation ul.main_menu a.annee {
  background-image: url("assets/img/annee.svg");
}
.page-template-declarations-camp .main_menu .camp, .page-template-declarations-annee .main_menu .annee, .page-template-groupes .main_menu .groupe, .page-template-profiles .main_menu .profils {
  color: #6073a5 !important;
}
.page-template-declarations-camp .main_menu .camp:after, .page-template-declarations-annee .main_menu .annee:after, .page-template-groupes .main_menu .groupe:after, .page-template-profiles .main_menu .profils:after {
  background-color: #6073a5 !important;
}
/*--------------------------------------------------------------
GENERAL
--------------------------------------------------------------*/
#main {
  margin: 50px auto 30px;
}
#account_login {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
}
#account_login h1 {
  text-align: center;
}
#account_options {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#account_options form {
  width: 50%;
  box-sizing: border-box;
  padding-bottom: 20px;
}
#account_options form:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  padding-right: 25px;
}
#account_options form:last-child {
  padding-left: 25px;
}
#account_options form h2 {
  margin-top: 0.83em;
}
#account_options form #passProgress {
  display: flex;
  justify-content: space-between;
}
#account_options form #passProgress span {
  width: 20%;
  height: 7px;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}
#account_options form #passProgress span.low.active {
  background-color: #e52b38;
}
#account_options form #passProgress span.medium.active {
  background-color: #ffa200;
}
#account_options form #passProgress span.high.active {
  background-color: #ebdd18;
}
#account_options form #passProgress span.extra.active {
  background-color: #68a63e;
}
#account_options form #passProgress span.max.active {
  background-color: #21dc12;
}
.header_actions {
  margin-bottom: 0.67em;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.header_actions h1, .header_actions h2, .header_actions h3 {
  margin: 0;
}
.header_actions .actions {
  margin: 0;
}
.entry-header h1 {
  margin-top: 0;
}
/*--------------------------------------------------------------
DÉCLARATIONS
--------------------------------------------------------------*/
.btn_container_new_declaration {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.btn_container_new_declaration .btn {
  font-size: 14px;
  line-height: 1.5em;
}
.declaration_bloc {
  margin: 20px 0;
  box-sizing: border-box;
  padding: 20px 20px 10px;
  border: 1px solid #6073a5;
  position: relative;
}
.declaration_bloc h4 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.declaration_bloc h4 span {
  display: inline-block;
  padding: 6px 4px;
  margin-left: 15px;
  background-color: #6073a5;
  color: #ffffff;
  font-size: 14px;
}
.declaration_bloc h4 a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: text-bottom;
}
.declaration_bloc h4 a.edit {
  background-image: url("assets/img/edit.svg");
}
.declaration_bloc h4 a.preview {
  background-image: url("assets/img/preview.svg");
}
.declaration_bloc h4 a.archive {
  background-image: url("assets/img/archiver.svg");
}
.declaration_bloc .etat {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 12px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}
.declaration_bloc .dates {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.declaration_bloc .dates span {
  display: block;
  width: 19%;
  box-sizing: border-box;
  border-bottom: 1px solid #8c84bc;
  padding: 4px 0;
}
.declaration_bloc .dates span.show_more {
  cursor: pointer;
}
.declaration_bloc .avance th {
  font-size: 13px;
  background-color: transparent;
  border: none;
  color: #6073a5;
  padding: 4px 8px;
}
.declaration_bloc .avance td {
  padding: 4px 8px;
  font-weight: 700;
  color: #ffffff;
  border-color: #ffffff;
}
.declaration_bloc .avance td.ok {
  background-color: #68a63e;
}
.declaration_bloc .avance td.nok {
  background-color: #6073a5;
}
.declaration_bloc .hidden_content {
  display: none;
}
.declaration_bloc.non .etat {
  background-color: #8c84bc;
}
.declaration_bloc.deposee .etat {
  background-color: #8ca3d1;
}
.declaration_bloc.validee .etat {
  background-color: #68a63e;
}
.declaration_bloc.archivee .etat {
  background-color: #6073a5;
}
.derogations {
  padding: 25px;
  border: 1px dotted #8c84bc;
}
.derogations h4 {
  margin-top: 0;
}
.repeater_group {
  padding: 25px;
  border: 1px solid #6073a5;
  margin-bottom: 15px;
  position: relative;
}
.repeater_group h4 {
  margin-top: 0;
}
.repeater_group .delete_row {
  position: absolute;
  top: 15px;
  right: 25px;
}
.repeater_model {
  display: none;
}
.file_container {
  display: block;
  font-size: 14px;
  line-height: 1.5em;
}
.file_container .file {
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  transition: 0.2s;
  display: block;
}
.file_container .file:hover {
  border-color: #8c84bc;
}
.file_container .file a.replace {
  color: #e52b38;
}
.file_container input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
  display: none;
}
.decla_steps_counter {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.decla_steps_counter ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.decla_steps_counter ul:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  border-top: 1px dashed #6073a5;
}
.decla_steps_counter ul li {
  display: block;
  list-style: none;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 700;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid #6073a5;
  color: #6073a5;
  background-color: #ffffff;
  z-index: 1;
}
.decla_steps_counter ul li:first-child {
  margin-left: 0;
}
.decla_steps_counter ul li:last-child {
  margin-right: 0;
}
.decla_steps_counter ul li.done {
  background-color: #6073a5;
  color: #ffffff;
}
.decla_steps_counter ul li.active {
  background-color: #68a63e;
  border-color: #68a63e;
  color: #ffffff;
}
.decla_step {
  display: none;
}
.decla_step.active {
  display: block;
}
#step_6 > .inner, #step_5 > .inner {
  padding-top: 80px;
  background-image: url("assets/img/check.svg");
  background-size: 70px auto;
  background-position: top center;
  background-repeat: no-repeat;
  margin: 40px auto;
  max-width: 620px;
}
#step_6 > .inner p, #step_5 > .inner p {
  margin: 0;
}
#step_6 > .inner .submit_btns, #step_5 > .inner .submit_btns {
  margin-top: 20px;
}
.decla_preview {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
.decla_preview iframe {
  width: calc(100% - 270px);
  height: 90vh;
}
.decla_preview .preview_docs {
  width: 240px;
  overflow-y: auto;
}
.decla_preview .preview_docs h3 {
  margin-top: 0;
}
.decla_preview .preview_docs h4 {
  margin-bottom: 8px;
}
.decla_preview .preview_docs h5 {
  margin-bottom: 8px;
  margin-top: 12px;
}
.decla_preview .preview_docs a {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  margin-bottom: 6px;
}
#declaration_message_validation {
  margin-top: 40px;
  display: none;
}
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
#colophon {
  text-align: center;
  padding: 10px 0;
  background-color: #8c84bc;
}
#colophon #copyright, #colophon a {
  margin: 0;
  color: #ffffff;
}