@charset "UTF-8";

/* css-inline-fonts:https://fonts.googleapis.com/css?family=Montserrat:300,400&display=swap */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.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+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.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+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* src/content/scss/global.scss */
body,
h1,
h2,
h3,
h4 {
  font-weight: 300;
}
a {
  color: #533f03;
  font-weight: bold;
}
a:hover {
  color: #533f03;
  font-weight: bold;
  cursor: pointer;
}
.dropdown-item:hover {
  color: rgb(29.7, 33.3, 36.9);
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.ng-valid[required],
.ng-valid.required {
  border-left: 5px solid green;
}
.ng-invalid:not(form) {
  border-left: 5px solid red;
}
.jh-card {
  padding: 1.5%;
  margin-top: 20px;
  border: none;
}
.error {
  color: white;
  background-color: red;
}
.pad {
  padding: 10px;
}
.w-40 {
  width: 40% !important;
}
.w-60 {
  width: 60% !important;
}
.break {
  white-space: normal;
  word-break: break-all;
}
.readonly {
  background-color: #eee;
  opacity: 1;
}
.footer {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.hand,
[appSortby] {
  cursor: pointer;
}
.alerts .alert {
  text-overflow: ellipsis;
}
.alerts .alert pre {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
}
.alerts .alert .popover pre {
  font-size: 10px;
}
.alerts .jhi-toast {
  position: fixed;
  width: 100%;
}
.alerts .jhi-toast.left {
  left: 5px;
}
.alerts .jhi-toast.right {
  right: 5px;
}
.alerts .jhi-toast.top {
  top: 55px;
}
.alerts .jhi-toast.bottom {
  bottom: 55px;
}
@media screen and (min-width: 480px) {
  .alerts .jhi-toast {
    width: 50%;
  }
}
.row.jh-entity-details > dd {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .row.jh-entity-details > dt {
    margin-bottom: 15px;
  }
  .row.jh-entity-details > dd {
    border-bottom: 1px solid #eee;
    padding-left: 180px;
    margin-left: 0;
  }
}
.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}
.thread-dump-modal-lock {
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.animTop * {
  transform: inherit;
}
.animated > * {
  transform: translateY(0);
  opacity: 1;
}
.animated:after {
  z-index: 10;
  left: 0;
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}
.animated.animTop:after {
  top: 0;
}
.animated.animBottom:after {
  bottom: 0;
}
.animated.started:after {
  height: 0;
}
.start-effect > .smooth {
  animation-name: fadeDown;
  animation-duration: 0.7s;
  animation-fill-mode: both;
}
@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
html,
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  background-color: #f9f8f4;
}
html,
body,
h1,
h2,
h3,
h4,
a,
.btn {
  font-weight: 300;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.btn:focus,
.btn:active,
button,
input:focus,
*:focus {
  outline: none !important;
}
.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 991px) {
  .bg-cover > div {
    text-align: center;
  }
}
.heightCustom {
  height: 100vh;
}
@media only screen and (max-width: 991px) {
  .heightCustom {
    min-height: 50vh;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
.btn-custom,
.btn-outline-main-color {
  color: #fff;
  -webkit-appearance: inherit;
  background-color: #df9609;
  border-color: #df9609;
}
a {
  color: #4c4c4c;
}
a,
a:hover,
.btn-custom:hover,
.btn-outline-main-color:hover {
  font-weight: 300;
  text-decoration: none;
  -webkit-appearance: none !important;
}
.btn-custom:hover,
.btn-outline-main-color:hover {
  text-decoration: none;
  color: #fff;
  background-color: #ff7f01;
  border-color: #ff7f01;
}
textarea:hover,
input[type=text]:hover,
input[type=email]:hover,
textarea:focus,
input[type=text]:focus,
input[type=email]:focus {
  box-shadow: none !important;
}
h1 {
  text-transform: uppercase;
}
h1 .color-white {
  color: #fff;
}
h1 span {
  display: block;
}
@media max-577 {
  h1 {
    font-size: 1.5em;
  }
}
h1 span,
h2 span,
h3 span,
h4 span {
  font-weight: bold;
}
h2,
h4 {
  color: #212529;
  font-weight: inherit;
  text-transform: inherit;
}
h3 {
  font-size: 1.2em;
}
.btn-custom ul,
ul.list-style {
  list-style: none;
  padding-left: 0;
}
.fa,
.fas,
.far {
  font-size: 1.2em;
  vertical-align: middle;
  margin: 0 5px;
}
.pt-custom {
  padding-top: 70px;
}
.animated,
.customPopOver {
  position: relative;
}
.home .animated {
  overflow: hidden;
}
.animated:after,
.masque:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.animated:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  z-index: 10;
  background: #114887;
  left: 0;
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}
.animated.animTop:after {
  top: 0;
}
.animated.animBottom:after {
  bottom: 0;
}
.animTop * {
  transform: translateY(100%);
}
.animated > * {
  transition-delay: 0.2s;
  opacity: 0;
  transition: 0.5s ease;
}
.animated > *::nth-child(0n + 1) {
  transition-delay: 0.5s;
}
.animated > *:nth-child(0n+1) {
  transition-delay: 0.5s;
}
.start .animated:after {
  height: 0;
}
.start .animated * {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  width: 84px;
}
.sidebar .navbar-brand {
  position: absolute;
  top: 0;
  margin: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 80px;
  background-color: #fff;
}
.sidebar .navbar-brand img {
  display: block;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  padding: 0.6em;
}
.sidebar a {
  color: #5f5f5f;
}
.sidebar .nav {
  overflow: hidden;
}
.sidebar .nav a {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .sidebar .nav a {
    width: 250px;
  }
}
.sidebar .nav a * {
  position: relative;
  z-index: 1;
}
.sidebar .nav a svg {
  position: relative;
  transition: all 0.3s ease-in-out;
  margin: 0 30px 0 10px;
}
.sidebar .nav a:after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  z-index: 0;
  bottom: 0;
  left: 2em;
  margin: auto;
  border-radius: 50%;
  background: transparent;
  height: 0;
  width: 0;
  background: #ffc107;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 0 0 #ffc107;
}
.sidebar .nav a:hover:after {
  height: 10px;
  width: 10px;
  box-shadow: 0 0 0 20px #ffc107;
}
.sidebar #customMenu a {
  display: block;
}
.sidebar #customMenu a:after {
  left: 1.5em;
}
.sidebar #customMenu a svg {
  margin: 0 1em;
}
.sidebar .customMenu {
  background: #fff;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100vh;
  z-index: 2;
  opacity: 0;
  top: 0;
  left: -100%;
  flex-direction: column;
  bottom: 0;
  transition: 0.3s ease;
  align-items: center;
  overflow: hidden;
}
.sidebar .customMenu .tab-pane {
  transition: 0.3s ease;
  opacity: 0;
  transform: translateX(-100%);
}
.sidebar .customMenu .tab-pane.show {
  opacity: 1;
  transform: translateX(0);
}
.sidebar .customMenu .toggle {
  position: absolute;
  top: 0;
  left: auto;
  right: 1em;
}
.sidebar .customMenu .toggle:hover:before {
  transform: rotate(40deg);
}
@media only screen and (max-width: 767px) {
  .sidebar .customMenu .toggle {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar .customMenu {
    border-left: 1px solid #f1f1f1;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    left: -40vh;
    width: 40vh;
  }
}
.sidebar .customCollapse.active {
  border-right: 4px solid #ac1167;
}
@media only screen and (min-width: 992px) {
  .sidebar {
    z-index: 1031;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar {
    transform: translateX(-100%);
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar:hover,
  .sidebar:focus,
  .sidebar:active {
    width: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar:hover ul a svg {
    margin: 0 20px 0 10px;
  }
}
@media only screen and (max-height: 500px) {
  .sidebar .nav.flex-column {
    flex-direction: inherit !important;
  }
  .sidebar .nav a {
    padding: 0.5rem 1rem;
  }
  .sidebar .nav a svg {
    margin: 0;
  }
}
.navigation-is-open .customMenu {
  opacity: 1;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .navigation-is-open .customMenu {
    left: 100%;
  }
}
#toggle,
.toggle {
  padding: 0;
  display: block;
  height: 80px;
  width: 80px;
  background: #fff;
  top: 0;
  z-index: 101;
  left: 0px;
  cursor: pointer;
  position: fixed;
  transition: 0.25s ease-out;
}
#toggle:after,
#toggle:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  border-radius: 4px;
  left: 0;
  right: 0;
  transition: 0.25s ease-out;
  margin: auto;
  background: #ffc107;
}
#toggle:before {
  top: 35px;
}
#toggle:after {
  top: 45px;
}
.toggle:after,
.toggle:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  border-radius: 4px;
  left: 0;
  right: 0;
  transition: 0.25s ease-out;
  margin: auto;
  background: #ffc107;
}
.toggle:before,
.toggle:after {
  top: 0;
  bottom: 0;
}
.toggle:before {
  transform: rotate(-135deg);
}
.toggle:after {
  transform: rotate(135deg);
}
.is-open #toggle:before,
.is-open #toggle:after {
  top: 50%;
  width: 25px;
}
.is-open #toggle:before {
  transform: rotate(-135deg);
}
.is-open #toggle:after {
  transform: rotate(135deg);
}
@media only screen and (min-width: 992px) {
  .is-open #toggle {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .is-open #toggle .navbar-toggler {
    opacity: 0;
  }
}
@media only screen and (max-width: 991px) {
  .is-open .sidebar {
    transform: translateX(0);
  }
}
.logo {
  height: 70px;
  width: 70px;
  background: #e6e6e6;
  border-radius: 50%;
  padding: 1em;
  margin: 1em;
}
.separator {
  height: 1px;
  width: 100%;
  margin: 0.5em 0;
  background: #ececec;
}
@media only screen and (max-width: 991px) {
  body:not(.is-open) .sidebar .navbar-brand {
    left: 100%;
  }
}
.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle.active {
  background-color: #29b5a8;
}
.btn-toggle:disabled {
  background-color: #dfe0e0;
}
.btn-toggle.btn-xs {
  margin: 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active,
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
  outline: none;
}
#main-search {
  left: auto;
  top: 15px;
  transform: translateY(0);
  transition: transform 0.5s;
}
#main-search ul li a span {
  width: calc(100% - 40px);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  #main-search {
    width: calc(100% - 84px);
    background: #384044;
    height: 80px;
    top: 0;
  }
}
.navbar-dark .navbar-toggler {
  color: #9e9e9e;
}
form {
  position: relative;
}
form.form-inline svg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
form.form-inline button svg {
  position: inherit;
}
form .close {
  position: absolute;
  right: 0;
  top: 0;
}
#main-search form svg {
  color: #fff;
}
#main-search .form-control {
  padding-left: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991px) {
  #main-search ul {
    padding: 2em;
    width: 100%;
  }
}
@media only screen and (max-width: 577px) {
  #main-search ul {
    padding: 15px;
  }
  #main-search ul li a span {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  #main-search ul.nav {
    background: #255396;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  }
}
.form-control {
  background: transparent;
  border-radius: 0;
  border: none;
  transition: 0.2s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.form-control:focus,
.form-control:hover {
  box-shadow: none;
}
.modal .form-control {
  padding-left: 2em;
}
#breadCrum {
  left: 0;
  min-height: 80px;
  align-items: center;
  transform: translateY(0);
  transition: transform 0.5s;
}
@media only screen and (min-width: 992px) {
  #breadCrum {
    position: fixed;
    top: 0;
    left: 84px;
    z-index: 1030;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  #breadCrum {
    height: 100%;
    background-color: #255396;
    align-items: center;
  }
}
#breadCrum .bg-cover {
  height: 80px;
  width: 110px;
}
@media only screen and (max-width: 767px) {
  #breadCrum .bg-cover {
    width: 100%;
  }
}
#breadCrum a {
  color: #fff;
  position: relative;
  padding: 1em;
  color: rgba(255, 255, 255, 0.7);
}
#breadCrum li:nth-child(1) a,
#breadCrum li.large a {
  padding: 0;
}
#breadCrum > li:nth-child(2) ul {
  padding: 1em;
  height: 100%;
  top: 0;
  left: 0;
}
#breadCrum > li:first-child {
  width: 80px;
}
#breadCrum > li:first-child a {
  position: relative;
  color: rgb(255, 255, 255);
}
#breadCrum > li:last-child a:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ffffff;
  height: 2px;
}
@media only screen and (min-width: 992px) {
  #breadCrum > li:last-child a:after {
    bottom: auto;
    top: calc(100% + 10px);
  }
}
@media only screen and (max-width: 767px) {
  #breadCrum li:nth-child(3) a,
  #breadCrum li:nth-child(4) a {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #breadCrum > li.large {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 767px) {
  #breadCrum li.large {
    position: relative;
  }
  #breadCrum li.large ul {
    background: rgba(37, 83, 150, 0.9);
    position: absolute;
  }
}
.customCard {
  transform: translateY(0);
  transition: 0.3s ease;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.07), 0px -1px 4px rgba(1, 0, 0, 0.05);
}
.customCard:hover {
  color: #4c4c4c;
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.customCard .height-img {
  min-height: 20vh;
  position: relative;
}
.customCard .height-img > div {
  margin-bottom: -30px;
  text-align: left;
  z-index: 1;
}
.customCard .height-img:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      5deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0) 60%);
}
.customCard .height-img .badge-pill.badge-danger {
  position: absolute;
  content: "";
  z-index: 2;
  top: -1em;
  right: 2em;
  border: 2px solid #f9f8f4;
}
.customCard .card-body h5,
.customCard .card-body h3,
.customCard .card-body p {
  margin: 0;
}
.customCard .card-body .card-title {
  text-transform: capitalize;
}
.customCard .card-body .has-feedback {
  position: relative;
}
.customCard .card-body .has-feedback:after {
  position: absolute;
  content: "";
  font-size: 13px;
  right: -10px;
  top: -6px;
  z-index: 0;
  content: "*";
  color: #a94442;
}
@media only screen and (max-width: 767px) {
  .customCard .card-body > div:not(.quote) h2 {
    margin-bottom: 1em;
  }
}
.custom-checkbox {
  cursor: pointer;
}
.custom-checkbox .custom-hover-label {
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 152, 0, 0.15)), to(rgba(255, 152, 0, 0.15)));
  background-image: -o-linear-gradient(rgba(255, 152, 0, 0.15) 0%, rgba(255, 152, 0, 0.15) 100%);
  background-image: linear-gradient(rgba(255, 152, 0, 0.15) 0%, rgba(255, 152, 0, 0.15) 100%);
  background-repeat: repeat-x;
  background-position: 0 90%;
  background-size: 100% 5px;
  transition: 0.3s ease;
}
.custom-checkbox:hover .custom-hover-label {
  background-size: 100% 12px;
}
.modal .customCard:hover {
  transform: translateY(0);
}
.modal .customCard h3 {
  color: #fff;
}
.modal .customCard h4 {
  color: rgba(255, 255, 255, 0.8);
}
.album .customCard h3 {
  color: #fff;
}
.album .customCard h4 {
  color: rgba(255, 255, 255, 0.8);
}
.custom-control-input {
  opacity: 0 !important;
}
.navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0);
}
.masque:before {
  z-index: 0;
  transition: 0.5s ease-out;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.fullBrand {
  color: #929292;
}
.fullBrand .logo {
  height: 40px;
  width: 40px;
  font-size: 0.5em;
  background-color: #d0d0d0;
}
@media only screen and (max-width: 577px) {
  .fullBrand .logo {
    height: 50px;
    width: 50px;
    padding: 0.5em;
  }
}
.fullBrand ul {
  line-height: 1em;
}
.user {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 0;
  overflow: hidden;
  border-top: 1px solid #f1f1f1;
}
.user svg,
.user span.bg-cover {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 12px;
  border-radius: 50%;
  background-color: #e6e6e6;
  margin: 0 17px;
}
.user a {
  min-width: 250px;
  display: block;
  padding-top: 5px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
}
.user a:hover {
  color: rgb(0, 0, 0);
}
@media only screen and (max-width: 991px) {
  .user li {
    margin: auto;
  }
}
.profilUser {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 12px;
  border-radius: 50%;
  background-color: #e6e6e6;
}
.tooltip {
  opacity: 1;
}
.home .fullBrand {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 1em;
}
.home footer {
  display: none;
}
.not-home {
  padding-top: 80px;
}
@media only screen and (min-width: 992px) {
  .not-home {
    padding-left: 84px;
  }
}
@media only screen and (min-width: 1320px) {
  .customContainer {
    padding-right: 80px;
  }
}
.close {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 0 !important;
  border-radius: 1px solid #f1f1f1;
  background: #fff !important;
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}
.close:hover {
  transform: rotate(270deg);
}
.tabNoLink > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
  border-bottom: 1px solid #f1f1f1;
  transition: 0.2s ease;
}
.tabNoLink > li:last-child {
  border: none;
}
.tabLink > li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
  border-bottom: 1px solid #f1f1f1;
  transition: 0.2s ease;
}
.tabLink > li:last-child a {
  border: none;
}
.hEffect > li {
  border-bottom: 1px solid #f1f1f1;
  transition: 0.2s ease;
}
.hEffect > li:last-child {
  border: none;
}
.tabLink li.pb1 {
  border-bottom: 1px solid #f1f1f1;
  transition: 0.2s ease;
}
.tabLink li.pb1 a {
  border-bottom: 1px solid #f1f1f1;
  transition: 0.2s ease;
}
.tabLink li.pb1 a:hover {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}
.tabNoLink li:last-child,
.tabLink li:last-child a,
.tabLink li.pb1:last-child,
.tabLink li.pb1:last-child a,
.hEffect > li:last-child {
  border: none;
}
.hEffect li.active .profilUser {
  position: relative;
}
.hEffect li.active .profilUser:before {
  position: absolute;
  top: -0.8em;
  right: -0.8em;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  height: 25px;
  width: 25px;
  font-size: 0.7em;
  line-height: 21px;
  border: 3px solid #fff;
  background: #009688;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}
.hEffect li:hover {
  cursor: pointer;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}
.ellipsisList {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dropdown-menu .simpleTab {
  padding: 2em;
  min-width: 40vh;
}
.simpleTab li .badge {
  padding: 0.5em;
}
.customScrollTab {
  height: 35vh;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.basicIcon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5 !important;
  height: 5em;
  margin: auto;
  display: block;
}
.customTab {
  border-bottom: none;
}
.customTab li a {
  border-bottom: 1px solid #ccc;
  transition: all 0.3s ease-in-out;
  display: block;
  cursor: pointer;
  padding: 1em;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #ccc;
}
.customTab li a.active,
.customTab li a:hover {
  color: #ff9800;
  border-bottom: 2px solid #ff9800;
}
.defaultCard div {
  height: 40vh;
  background: #f1f1f1;
}
footer {
  font-size: 0.9em;
  opacity: 0.6;
}
footer > ul > li {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 1em;
}
footer li:last-child {
  border: none;
}
@media only screen and (min-width: 992px) {
  #topPage {
    transform: translate(-100%);
    opacity: 0;
    transition: 0.25s ease;
  }
}
#topPage i {
  transform: rotate(90deg);
}
@media only screen and (min-width: 1320px) {
  #topPage i {
    transform: rotate(0);
  }
}
.hide-nav-bar #main-search,
.hide-nav-bar #breadCrum {
  transform: translateY(-100%);
}
.hide-nav-bar #topPage {
  transform: translate(0);
  opacity: 1;
}
@media only screen and (min-width: 1200px) {
  .modal-xxl .modal-lg,
  .modal-lg.modal-xxl {
    width: 90%;
    max-width: 1280px;
  }
}
@media only screen and (min-width: 992px) {
  .scrollableBlock {
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
  }
}
.scrollableTab {
  height: 100px;
  overflow: hidden;
  overflow-y: auto;
}
.scrollableTab.customScrollTab {
  height: 35vh;
}
@media only screen and (min-width: 992px) {
  .flexBetweenColumn {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .flexBetweenColumn {
    flex-direction: column;
    align-items: center;
  }
}
#cookie-policy-popin {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
  z-index: 1100;
  border-radius: 0.25rem 0.25rem 0 0;
}
@media only screen and (min-width: 992px) {
  #cookie-policy-popin {
    bottom: 1em;
    right: 1em;
    border-radius: 0.25rem;
  }
}
@media only screen and (max-width: 991px) {
  #cookie-policy-popin {
    flex-direction: column;
  }
}
@media only screen and (max-width: 577px) {
  #cookie-policy-popin {
    margin-bottom: 0.5em;
  }
}
@media only screen and (min-width: 1320px) {
  footer {
    position: fixed;
    top: 0;
    top: 50%;
    z-index: 1;
    transform: translateX(-50%) rotate(90deg);
    left: calc(100% - 2em);
    width: 100%;
  }
}
.animTop * {
  transform: inherit;
}
.animated > * {
  transform: translateY(0);
  opacity: 1;
}
.animated:after {
  z-index: 10;
  left: 0;
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}
.animated.animTop:after {
  top: 0;
}
.animated.animBottom:after {
  bottom: 0;
}
.animated.started:after {
  height: 0;
}
.start-effect > .smooth {
  animation-name: fadeDown;
  animation-duration: 0.7s;
  animation-fill-mode: both;
}
@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
html,
body,
bg-lightGrey {
  background-color: #f9f8f4;
}
.logo {
  background: #df9609;
}
.masque:before {
  opacity: 0.9;
  background: #fff;
}
.animated:after,
.bg-custom {
  color: #fff;
  background-color: #df9609;
  border-color: #df9609;
}
.btn-custom,
.btn-outline-main-color {
  color: #fff;
  background-color: #d92967;
  border-color: #d92967;
}
.btn-custom:hover,
.btn-outline-main-color:hover {
  background-color: #c21f58;
  border-color: #c21f58;
}
.text-customRed,
a:hover {
  color: #d92967;
}
.text-customYell {
  color: #df9609;
}
.text-customTheme,
.text-custom {
  color: #df9609;
}
.border-white {
  border: 1px solid #fff;
}
.border-customYell {
  border: 1px solid #df9609;
}
.border-customTheme {
  border: 1px solid #df9609;
}
.border-custom {
  border: 1px solid #df9609;
}
.border-dark {
  border: 1px solid #252525;
}
:not(.sidebar) .profilUser:not(.bg-cover) {
  background: #fff;
}
.bg-customTheme {
  background-color: #df9609;
  color: #fff;
}
.bg-customBlue {
  background-color: #153c88;
}
.bg-customRed {
  background-color: #d92967;
  color: #fff;
}
h1 {
  text-transform: inherit;
}
h1 span.d-inline {
  border-right: 3px solid #df9609;
  padding-right: 1rem;
  margin-right: 1rem;
}
.customCard .height-img iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.customCard .badge-pill {
  position: relative;
  left: auto;
}
.bg-customDark {
  background-color: #2d333b;
  color: #fff;
}
.bg-customDark .form-control {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.quote {
  border-left: 3px solid #d9d9d9;
  margin-left: 15px;
}
.quote.custom {
  border-left: 3px solid #df9609;
}
.home .rwdColumn .fullBrand {
  bottom: auto;
  top: 1em;
}
.home .rwdColumn .fullBrand img {
  height: 35px;
}
@media only screen and (min-width: 578px) {
  .home .rwdColumn .fullBrand img {
    height: 50px;
  }
}
.home .rwdColumn .row > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home .rwdColumn .row > div > div {
  align-items: center;
}
.home .rwdColumn .row > div > div h1 {
  font-size: 1.7em;
}
.home .rwdColumn .row h2 {
  text-align: center;
  color: #9a9a9a;
  position: relative;
}
.home .rwdColumn .row h2:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 5%;
  background-color: #df9609;
  top: 100%;
  right: 0;
  left: 0;
  margin: auto;
  margin-top: 1em;
}
@media only screen and (max-width: 991px) {
  .home .rwdColumn .row h2 {
    text-align: left;
    font-size: 1.5em;
  }
}
.home .bg-cover h3 {
  font-size: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .home .rwdColumn {
    padding-top: 5em;
  }
  .home .rwdColumn .logo {
    height: 60px;
    width: 60px;
  }
  .home .rwdColumn h1 {
    font-size: 1.7em;
  }
}
@media only screen and (max-width: 991px) and (min-width: 578px) {
  .home .bg-cover {
    height: calc(100vh - 172px);
  }
}
@media only screen and (max-width: 991px) {
  .home .bg-cover > div {
    padding-left: 0;
    padding-right: 0;
  }
  .home .bg-cover > div h3 {
    text-align: left;
    font-size: 1.2rem;
  }
  .home .bg-cover > div .p-5 {
    padding: 2rem !important;
  }
}
.champPassword {
  display: flex;
  align-items: center;
}
.champPassword input {
  flex: 1;
}
.champPassword span {
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: ease 0.3s;
}
.champPassword span:hover {
  color: rgb(255, 255, 255);
}
@media only screen and (max-width: 991px) {
  #main-search ul.nav {
    background: #fff;
    justify-content: center;
  }
}
.sidebar,
.navbar-brand,
#toggle {
  background-color: #2d333b !important;
  color: #fff;
}
.sidebar {
  overflow-y: auto;
  justify-content: space-between;
  flex-wrap: inherit !important;
  align-items: normal !important;
  flex-direction: column;
}
.sidebar .navbar-brand,
.sidebar .user {
  position: relative;
}
.sidebar .navbar-brand {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  height: auto;
  padding: 10px 0;
}
.sidebar .navbar-brand span.d-flex {
  overflow: hidden;
}
.sidebar .navbar-brand img {
  transition: all 0.3s ease-in-out;
  margin: 0 30px 0 10px;
}
@media only screen and (max-width: 991px) {
  .sidebar .navbar-brand {
    display: flex;
    justify-content: center;
  }
  .sidebar .navbar-brand img {
    transition: all 0.3s ease-in-out;
    margin: 0 10px;
  }
}
@media only screen and (max-width: 577px) {
  .sidebar .navbar-brand slogan {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar:hover,
  .sidebar:focus,
  .sidebar:active {
    width: 330px;
  }
}
.sidebar:hover .navbar-brand img,
.sidebar:focus .navbar-brand img,
.sidebar:active .navbar-brand img {
  margin: 0 10px;
}
.sidebar .nav a {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.sidebar .nav a:after {
  background-color: #fff;
  box-shadow: 0 0 0 0 #fff;
}
.sidebar .nav a svg {
  margin: 0 35px 0 10px;
}
.sidebar .nav a:hover svg,
.sidebar .nav a.active svg {
  color: #df9609;
}
.sidebar .nav a:hover:after,
.sidebar .nav a.active:after {
  height: 10px;
  width: 10px;
  box-shadow: 0 0 0 17px #fff;
}
.sidebar .nav a .badge {
  position: absolute;
  top: 1em;
  left: 3.5em;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .sidebar .nav a {
    width: 330px;
  }
}
.sidebar .user {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar .user svg {
  background-color: #607d8b;
}
.sidebar .nav a,
.sidebar .user a {
  color: #607d8b;
}
.sidebar .nav a:hover,
.sidebar .nav a.active,
.sidebar .user a:hover,
.sidebar .user a.active {
  color: rgb(255, 255, 255);
}
#main-search {
  background-color: #f9f8f4;
}
@media only screen and (max-width: 991px) {
  #main-search {
    background-color: transparent;
    color: #fff;
    left: 0;
    top: 23px;
    text-align: right;
  }
  #main-search a,
  #main-search button {
    color: #fff;
  }
}
#main-search .navbar-collapse {
  text-align: left;
}
@media only screen and (min-width: 992px) {
  #main-search .navbar-collapse > div {
    height: 80px;
    padding-right: 1em;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  #main-search .navbar-collapse {
    background-color: #2d333b;
    position: relative;
    top: 23px;
  }
  #main-search .navbar-collapse > div {
    padding: 1em;
  }
  #main-search .navbar-collapse .breadcrumb {
    padding-left: 0;
  }
  #main-search .navbar-collapse button {
    border-color: #fff;
  }
}
#main-search .breadcrumb {
  background-color: transparent;
}
#main-search .breadcrumb svg {
  height: 50px;
  width: 50px;
  padding: 12px;
  border-radius: 50%;
  background-color: #fff;
  color: #2d333b;
  box-shadow: 0 0 0 0 #fff, 0 0 0 rgba(0, 0, 0, 0.15);
  transition: 0.2s ease;
}
#main-search .breadcrumb:hover svg,
#main-search .breadcrumb:focus svg {
  box-shadow: 0 0 0 5px #fff, 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.customSearch input {
  width: calc(100% - 60px) !important;
}
.truncateCustom {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.indicationTarif {
  font-size: 80%;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}
@media (min-width: 1615px) {
  .choixOperations .heightCustom {
    height: calc(100vh - 63px);
  }
}
@media (max-width: 1616px) and (min-width: 992px) {
  .choixOperations .heightCustom {
    height: calc(100vh - 85px);
  }
}
.choixOperations .col-lg-4.heightCustom {
  position: relative;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  .choixOperations .col-lg-4.heightCustom {
    height: 50vh;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}
.choixOperations .col-lg-4.heightCustom h2 {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .choixOperations .col-lg-4.heightCustom h2 {
    top: 20%;
  }
}
.choixOperations .col-lg-4.heightCustom img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 95%;
}
.choixOperations .col-lg-8 .heightCustom {
  overflow-y: auto;
}
.choixOperations .col-lg-8 .heightCustom > div {
  max-width: 800px;
}
@media only screen and (min-width: 992px) {
  .choixOperations .col-lg-8 .heightCustom > div {
    padding: 2em 0;
  }
}
.vueConsultation:before {
  content: "";
  background: url(/content/images/consultation1.svg);
  position: fixed;
  top: 4rem;
  left: -8rem;
  transition: 0.3s ease;
  transition-delay: 0.5s;
  z-index: 1038;
  width: 5rem;
  height: 5rem;
  filter: drop-shadow(0 0.2rem 0.15rem rgba(0, 0, 0, 0.2));
  animation: rotate 8s linear infinite;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 991px) {
  .vueConsultation:before {
    top: 0;
  }
}
.vueConsultation.started:before {
  left: -2px;
}
@media only screen and (max-width: 991px) {
  .vueConsultation.started:before {
    left: 4.1rem;
  }
}
.vueConsultation.choixOperations .col-lg-4.heightCustom {
  position: relative;
}
.vueConsultation.choixOperations .col-lg-4.heightCustom h2 {
  color: #fff;
}
.vueConsultation.choixOperations .col-lg-4.heightCustom h2 span {
  font-weight: bold;
  color: #df9609;
}
.vueConsultation.choixOperations .col-lg-4.heightCustom:after,
.vueConsultation.choixOperations .col-lg-4.heightCustom:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #13161a;
  opacity: 0.8;
}
.vueConsultation.choixOperations .col-lg-4.heightCustom:before {
  top: auto;
  bottom: 100%;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .vueConsultation.choixOperations .col-lg-8 .heightCustom > div {
    padding-bottom: 4rem;
  }
}
.vueConsultation.choixOperations .col-lg-8 .heightCustom > div .searchTool {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  background-color: #f9f8f4;
}
.vueConsultation.choixOperations .col-lg-8 .heightCustom > div .searchTool input {
  width: calc(100% - 50px) !important;
}
.vueConsultation.choixOperations .col-lg-8 .heightCustom > div .card {
  padding: 1.5rem;
  justify-content: space-between;
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
  margin-bottom: 0.5rem;
  width: 100%;
}
.vueConsultation.choixOperations .col-lg-8 .heightCustom > div .card .media {
  align-items: center;
}
.vueConsultation.choixOperations .col-lg-8 .heightCustom > div .card .arrow {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  transform: translateX(-10px);
}
@media only screen and (min-width: 992px) {
  .vueConsultation.choixOperations .col-lg-8 .heightCustom > div .card:hover {
    transform: translateX(10px);
  }
}
.vueConsultation.choixOperations .col-lg-8 .heightCustom > div .card:hover .arrow {
  opacity: 1;
  transform: translateX(0);
}
.vueConsultation a.disabled {
  cursor: default;
  pointer-events: none;
  filter: grayscale(1);
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.responsiveTab > [class^=row]:first-child {
  border: none;
  color: #c0c0c1;
  font-size: 80%;
  cursor: default;
  pointer-events: none;
}
@media only screen and (max-width: 577px) {
  .responsiveTab > [class^=row]:first-child {
    display: none;
  }
}
.responsiveTab > [class^=row]:first-child.sticky {
  background: #fff;
  z-index: 2;
  position: sticky;
  top: 0;
}
.responsiveTab .lots {
  display: block;
}
.responsiveTab > [class^=row],
.responsiveTab .lots {
  transition: 0.3s ease;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  align-items: center;
}
.responsiveTab > [class^=row] > [class^=col],
.responsiveTab .lots > [class^=col] {
  padding: 1rem;
}
@media only screen and (max-width: 577px) {
  .responsiveTab > [class^=row] > [class^=col],
  .responsiveTab .lots > [class^=col] {
    padding: 0.2rem 1rem;
  }
  .responsiveTab > [class^=row] > [class^=col]:first-child,
  .responsiveTab .lots > [class^=col]:first-child {
    font-weight: bold;
  }
}
.responsiveTab.timelines > [class^=row]:not(:first-child),
.responsiveTab.timelines .lots:not(:first-child) {
  border-left: 1px solid #dee2e6;
  position: relative;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
}
.responsiveTab.timelines > [class^=row]:not(:first-child):after,
.responsiveTab.timelines .lots:not(:first-child):after {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  margin: auto;
  background: #dee2e6;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #fff;
  transition: 0.3s ease;
  top: 0;
  right: calc(100% - 4px);
  bottom: 0;
}
.responsiveTab.timelines > [class^=row]:nth-child(2),
.responsiveTab.timelines > [class^=row]:last-child,
.responsiveTab.timelines .lots:nth-child(2),
.responsiveTab.timelines .lots:last-child {
  border-left: none;
}
.responsiveTab.timelines > [class^=row]:nth-child(2):before,
.responsiveTab.timelines > [class^=row]:last-child:before,
.responsiveTab.timelines .lots:nth-child(2):before,
.responsiveTab.timelines .lots:last-child:before {
  position: absolute;
  content: "";
  background: #dee2e6;
  height: 50%;
  width: 0.5px;
  left: 0;
}
.responsiveTab.timelines > [class^=row]:nth-child(2):before,
.responsiveTab.timelines .lots:nth-child(2):before {
  bottom: 0;
}
.responsiveTab.timelines > [class^=row]:last-child:before,
.responsiveTab.timelines .lots:last-child:before {
  top: 0;
}
.responsiveTab.timelines > [class^=row].is-actived,
.responsiveTab.timelines .lots.is-actived {
  background-color: #fff8eb;
  color: #212529;
}
.responsiveTab.timelines > [class^=row].is-actived:after,
.responsiveTab.timelines .lots.is-actived:after {
  background-color: #df9609;
  box-shadow: 0 0 0 4px rgba(223, 150, 9, 0.5);
}
.modal .responsiveTab > [class^=row],
.modal .responsiveTab .lots {
  cursor: pointer;
  align-items: center;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
}
.modal .responsiveTab > [class^=row]:hover,
.modal .responsiveTab .lots:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff8eb;
  color: inherit;
}
.card.warning {
  border-left: 3px solid #df9609;
  background-color: #f9f8f4;
}
.height-card {
  min-height: 35vh;
}
.mainCard {
  padding-bottom: 2em;
}
@media only screen and (min-width: 768px) {
  .mainCard {
    display: flex;
  }
}
.mainCard .customCard {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .mainCard .customCard {
    width: 100%;
  }
}
.simpleBloc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 330px;
}
.dashboard .mainCard.col-xl-3 {
  padding: 5px;
}
.dashboard .customCard {
  overflow: hidden;
}
.dashboard .customCard .height-img {
  min-height: 35vh/2.5;
}
.dashboard .customCard .simpleBloc {
  padding: 2rem 1.5rem;
}
.dashboard .customCard .simpleBloc .quote {
  margin-left: 0;
  padding-left: 15px;
}
.dashboard .customCard .simpleBloc .quote h2 {
  font-size: 3em;
  color: #df9609;
}
.dashboard .customCard .simpleBloc .quote h3 {
  font-size: 80%;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}
.dashboard .customCard .simpleBloc .quote ul {
  margin-left: 1em;
}
.dashboard .customCard .simpleBloc .quote.speak {
  border: none;
  background: #d92967;
  border-radius: 0.25rem;
  color: #fff;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.dashboard .customCard .simpleBloc .quote.speak .small {
  color: rgba(255, 255, 255, 0.5);
}
.dashboard .customCard .simpleBloc .quote.speak:after {
  position: absolute;
  content: "";
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-width: 10px;
  bottom: -10px;
  left: 16px;
  transform: rotate(90deg);
  border-bottom-color: #d92967;
}
.dashboard .customCard .simpleBloc .quote.speak h2,
.dashboard .customCard .simpleBloc .quote.speak h3 {
  color: #fff;
}
.dashboard .customCard .simpleBloc.fixe {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.dashboard .customCard .simpleBloc.fixe h2,
.dashboard .customCard .simpleBloc.fixe h3,
.dashboard .customCard .simpleBloc.fixe svg {
  color: #fff;
}
.dashboard .customCard .carousel {
  height: 100%;
}
.dashboard .customCard .carousel:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dashboard .customCard .carousel:after {
  background: rgba(0, 0, 0, 0.5);
}
.dashboard .customCard .carousel .carousel-inner {
  height: 100%;
}
.dashboard .customCard .carousel .carousel-inner .carousel-item {
  height: 100%;
}
.dashboard .customCard .carousel .carousel-inner .carousel-item .bg-cover {
  height: 100%;
}
.carousel-indicators {
  bottom: 1em;
}
.carousel-indicators li {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 0 10px;
  border: 0;
}
.carousel-indicators li.active {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}
.hero {
  height: 60vh;
  position: relative;
}
.hero .row,
.hero:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.hero .row {
  z-index: 2;
  align-items: center;
}
.hero .row h1 {
  color: #fff;
  font-size: 7vh;
  text-shadow: 2px 2px 4rem #414141;
}
.hero:after {
  background: rgba(0, 0, 0, 0.1);
}
.negativeCard {
  margin-top: -3em;
}
.negativeCard .checking {
  margin-top: 1em;
  margin-bottom: 1em;
}
.negativeCard .checking .font-bold {
  font-weight: 500;
}
.negativeCard .checking .listBlock {
  padding: 1em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.negativeCard .checking .listBlock ul {
  line-height: 1.2em;
  margin-left: 0.5rem;
}
.negativeCard .checking .listBlock ul li:nth-child(1) {
  color: #767676;
}
.negativeCard .checking .listBlock ul li:nth-child(2) {
  font-weight: 500;
}
.negativeCard .checking .card {
  margin-bottom: 0.5rem;
}
.negativeCard .checking .card svg {
  color: #df9609;
}
.negativeCard .checking .no-gutters > [class*=col-] {
  padding: 5px;
}
.negativeCard .checking .no-gutters > [class*=col-] .p-3 {
  background-color: #f9f8f4;
  border-radius: 0.25rem;
}
.timeline {
  margin-top: 3rem;
}
@media only screen and (max-width: 1199px) {
  .timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.timeline ul {
  padding-left: 2em;
}
.timeline ul > li {
  padding: 1.8rem 0;
  align-items: center;
  position: relative;
}
.timeline ul > li:before,
.timeline ul > li:after {
  position: absolute;
  content: "";
}
.timeline ul > li:before {
  content: "\2022";
  color: #ccc;
  font-weight: bold;
  right: calc(100% + 14px);
  background: #f9f8f4;
  z-index: 1;
  height: 30px;
  line-height: 30px;
  font-size: 1.5rem;
}
.timeline ul > li:after {
  background-color: #ccc;
  top: 0;
  bottom: 0;
  right: calc(100% + 18px);
  width: 1px;
  height: 100%;
}
.timeline ul > li:first-child:after,
.timeline ul > li:last-child:after {
  height: 50%;
}
.timeline ul > li:first-child:after {
  top: auto;
}
.timeline ul > li:first-child.is-active:after {
  background: #ccc;
}
.timeline ul > li:last-child:after {
  bottom: auto;
}
.timeline ul > li:last-child.is-active:after {
  background: #28a745;
}
.timeline ul > li.actived:before {
  content: "\2713";
  color: #28a745;
}
.timeline ul > li.actived:after {
  background-color: #28a745;
}
.timeline ul > li.actived span {
  color: rgba(0, 0, 0, 0.4);
}
.timeline ul > li.actived.is-active:after {
  background:
    linear-gradient(
      to bottom,
      #28a745 50%,
      #ccc 0%);
}
.timeline ul > li.actived.is-active:last-child:after {
  background: #28a745;
}
.timeline ul > li.actived.is-active:first-child:after {
  background: #ccc;
}
.timeline.dates ul > li {
  padding: 1.6rem 0;
}
.timeline.dates ul > li h3 {
  color: #df9609;
  margin-bottom: 0;
}
.fullBg {
  padding: 3em 0;
  margin-top: 3em;
  color: inherit;
}
@media only screen and (min-width: 992px) {
  .fullBg {
    padding: 6em 0;
    margin-top: 6em;
  }
}
.fullBg .dashboard a.col-xl-3,
.fullBg .dashboard .col-xl-3 {
  padding-right: 15px;
  padding-left: 15px;
}
.fullBg .dashboard a.col-xl-3 .list-group-item,
.fullBg .dashboard .col-xl-3 .list-group-item {
  padding: 1rem 0;
}
.customTab li a:hover,
.customTab li a.active {
  color: #d92967;
  border-bottom: 2px solid #d92967;
}
.tag-cloud li {
  transition: all 0.2s;
  display: block;
  margin: 0.25rem;
  background: #f9f8f4;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: #151515;
  border-radius: 10rem;
  border: 2px solid #d9d9d9;
}
.tag-cloud li svg {
  color: #df9609;
}
.display-5 {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.2;
}
.slash {
  margin-left: 1em;
  padding-left: 1em;
  position: relative;
}
.slash:before {
  position: absolute;
  content: "";
  right: 100%;
  top: 0;
  height: 100%;
  width: 2px;
  background: rgba(0, 0, 0, 0.3);
  transform: rotate(16deg);
}
@media only screen and (max-width: 577px) {
  .slash {
    margin: 0.5em 0 0 0;
    padding: 1em;
  }
  .slash:before {
    right: 0;
    height: 100%;
    width: 100%;
    transform: rotate(0deg);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.1);
  }
}
.suiviChantier .customCard .height-img {
  min-height: 35vh;
}
.suiviChantier .customCard .height-img:after {
  background: none;
}
.customCard.disabled {
  cursor: default;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: none;
}
.ekko-lightbox .modal-header {
  height: 0;
  padding: 0;
}
.ekko-lightbox .modal-header button {
  position: relative;
  z-index: 2;
  top: 1rem;
  right: 1rem;
}
.ekko-lightbox .ekko-lightbox-nav-overlay {
  justify-content: space-between;
  align-items: center;
}
.ekko-lightbox .ekko-lightbox-nav-overlay a {
  opacity: 0.8;
  flex: inherit;
  height: 40px;
  min-height: 40px;
  width: 40px;
  min-width: 40px;
  font-size: 20px;
  border-radius: 50%;
  background: #fff;
  color: #df9609;
  align-items: center;
  justify-content: center;
  display: flex;
  box-shadow: 0 0 0 0 #fff;
  margin: 1rem;
  transition: 0.2s ease;
}
@media only screen and (min-width: 578px) {
  .ekko-lightbox .ekko-lightbox-nav-overlay a:hover {
    box-shadow: 0 0 0 6px #fff;
  }
}
.ekko-lightbox .ekko-lightbox-nav-overlay a * {
  flex-grow: inherit;
}
.ekko-lightbox .ekko-lightbox-nav-overlay a span {
  padding: 0;
}
.faq .card-header {
  padding: 0;
}
.faq .card-header button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2em;
  padding-left: 1em;
  background-color: #f9f8f4;
}
.faq .card-header button i {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.faq .card-header button[aria-expanded=true] {
  background: #fff;
  border-bottom: none;
}
.faq .card-header button[aria-expanded=true] h3,
.faq .card-header button[aria-expanded=true] i {
  color: #df9609;
}
.faq .card-header button[aria-expanded=true] i {
  transform: rotate(180deg);
}
.faq .card-header button:focus,
.faq .card-header button.focus {
  box-shadow: none;
}
.faq .card-body p {
  color: #6c757d;
}
.list-group-item {
  margin-bottom: 0;
}
.list-group input[type=checkbox] {
  display: none;
}
.list-group input[type=checkbox] + .list-group-item {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.list-group input[type=checkbox] + .list-group-item > span {
  display: flex;
  flex-direction: column;
}
.list-group input[type=checkbox] + .list-group-item > span span {
  font-size: 80%;
}
.list-group input[type=checkbox] + .list-group-item:before {
  content: "\2022";
  color: #ccc;
  font-weight: bold;
  margin-right: 1em;
}
.list-group input[type=checkbox]:checked + .list-group-item {
  background-color: #df9609;
  color: #fff;
}
.list-group input[type=checkbox]:checked + .list-group-item:before {
  content: "\2713";
  color: inherit;
}
footer {
  position: inherit;
  transform: none;
  padding: 1rem 0;
  left: auto;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  footer {
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 575px) {
  footer {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  footer.fixedBottom {
    position: fixed;
    bottom: 1em;
    left: 1em;
    justify-content: flex-end;
  }
}
footer ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  footer ul:nth-child(1) {
    margin-bottom: 1em;
  }
}
@media (max-width: 575px) {
  footer ul {
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  footer ul #topPage {
    transform: translateY(-100%);
  }
  footer ul #topPage i {
    transform: rotate(90deg);
  }
}
footer img {
  height: 20px;
}
.modal .modalAlerte {
  border-left: 5px solid #f44336;
}
.modal .modalWarning {
  border-left: 5px solid #ff9800;
}
.modal .modalSuccess {
  border-left: 5px solid green;
}
#browser-popin {
  position: fixed;
  top: 0;
  right: 0;
  background: #d92a68;
  color: #fff;
  font-size: 80%;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  display: flex;
  padding: 1.25rem;
  border-radius: 0.25rem;
  z-index: 1100;
}
#browser-popin svg {
  margin-right: 0.5rem;
}
@media only screen and (min-width: 664px) {
  #browser-popin {
    top: 1em;
    right: 1em;
    align-items: center;
  }
}
@media only screen and (max-width: 663px) {
  #browser-popin {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .customCard .animBtn {
    transition: all 0.3s ease-in-out;
    transform: translateY(10px);
    font-size: 1.2rem;
    line-height: 1.5rem;
    align-items: center;
  }
  .customCard .animBtn .text-custom {
    margin-top: 0.3rem;
    display: block;
  }
  .customCard .animBtn .arrow {
    transition: all 0.3s ease-in-out;
    opacity: 0;
    transform: translateX(-10px);
  }
  .customCard:hover .animBtn {
    transition: all 0.3s ease-in-out;
    transform: translateY(0);
  }
  .customCard:hover .animBtn .arrow {
    opacity: 1;
    transform: translateX(0);
  }
}
.btn-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  width: 3rem;
  background-color: #df9609;
}
.border-large {
  border-left: 4px solid #df9609;
}
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon-CETKOOVZ.eot?lo4mkh");
  src:
    url("./media/icomoon-CETKOOVZ.eot?lo4mkh#iefix") format("embedded-opentype"),
    url("./media/icomoon-WCB7CMKR.ttf?lo4mkh") format("truetype"),
    url("./media/icomoon-Q2VL65VW.woff?lo4mkh") format("woff"),
    url("./media/icomoon-WGP7YCMI.svg?lo4mkh#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2rem;
  margin-right: 0.5rem;
  color: #df9609;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-newspaper:before {
  content: "\e900";
}
.icon-attention:before {
  content: "\e901";
}
.icon-coins:before {
  content: "\e902";
}
.icon-cles:before {
  content: "\e903";
}
.icon-calendar:before {
  content: "\e904";
}
.icon-bulles:before {
  content: "\e905";
}
.icon-rouleau:before {
  content: "\e906";
}
.icon-mail:before {
  content: "\e907";
}
.icon-lampe:before {
  content: "\e908";
}
.icon-feuilles:before {
  content: "\e909";
}
.modal {
  transition: 0.5s ease-out;
  animation-name: slideDown;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.2s;
  visibility: visible;
}
@media only screen and (min-width: 992px) {
  .modal.custom {
    animation-name: slideRight;
  }
  .modal.custom.fade .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100%;
    transform: translate3d(0%, 0, 0);
    right: -100%;
    transition: 0.5s ease-out;
  }
  .modal.custom.show .modal-dialog {
    right: 0;
  }
  .modal.custom .modal-dialog {
    margin: 0;
  }
  .modal.custom .modal-content {
    height: 100vh;
    justify-content: space-between;
    border-radius: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal.custom .modal-body {
    overflow-y: auto;
  }
}
.modal.custom .modal-header {
  border-radius: 0;
  padding: 2rem 1rem;
  background: #d92967;
  color: #fff;
}
.modal .events {
  padding: 1em;
}
.modal .events i,
.modal .events > span {
  color: #df9609;
}
.modal .events i {
  margin: 0;
  padding-right: 10px;
}
.modal .events .list-group,
.modal .events h4 {
  padding-left: 1.5em;
}
.modal .events .list-group {
  margin-top: 2em;
}
.modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1.875rem;
  border-top: 0 solid #e5e5e5;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.modal .close {
  margin: 0;
}
.modal .d-inline-block.text-truncate {
  max-width: 20rem;
}
@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.list-group-item {
  -webkit-user-select: none;
  user-select: none;
}
.list-group input[type=radio] {
  display: none;
}
.list-group input[type=radio] + .list-group-item {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.list-group input[type=radio] + .list-group-item > span {
  display: flex;
  flex-direction: column;
}
.list-group input[type=radio] + .list-group-item > span span {
  font-size: 80%;
}
.list-group input[type=radio] + .list-group-item:before {
  content: "\2022";
  color: #ccc;
  font-weight: bold;
  margin-right: 1em;
}
.list-group input[type=radio]:checked + .list-group-item {
  background-color: #df9609;
  color: #fff;
}
.list-group input[type=radio]:checked + .list-group-item:before {
  content: "\2713";
  color: inherit;
}
.appelsFonds {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (max-width: 991px) {
  .appelsFonds {
    flex-direction: column;
  }
}
@media (max-width: 991px) and (min-width: 577px) {
  .appelsFonds {
    align-items: center;
  }
  .appelsFonds > li {
    width: 40%;
  }
}
.appelsFonds > li {
  flex: 1 0 0%;
  display: flex;
  word-break: inherit;
  position: relative;
}
.appelsFonds > li span {
  padding-right: 1em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.appelsFonds > li > span {
  display: flex;
  flex-direction: column;
}
.appelsFonds > li span > span {
  color: #d92967;
  font-size: 1.5rem;
}
.appelsFonds > li:before {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 0 0 3px #df9609;
}
@media only screen and (min-width: 992px) {
  .appelsFonds > li {
    margin-top: 6em;
    padding-top: 1em;
    border-top: 3px solid #df9609;
  }
  .appelsFonds > li:before {
    bottom: calc(100% - 3px);
    left: 0;
  }
  .appelsFonds > li:last-child {
    border: none;
  }
  .appelsFonds > li:last-child:before {
    bottom: calc(100% - 5px);
  }
}
@media only screen and (max-width: 991px) {
  .appelsFonds > li {
    padding: 1em;
    border-left: 3px solid #df9609;
    flex-direction: column;
  }
  .appelsFonds > li:before {
    top: 0;
    bottom: 0;
    margin: auto;
    right: calc(100% - 3px);
  }
}
.appelsFonds > li:last-child span {
  padding-right: 0;
}
.appelsFonds > li .badge {
  position: relative;
  font-weight: 300;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.5;
}
.appelsFonds > li .badge:after {
  position: absolute;
  content: "";
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-width: 10px;
}
.appelsFonds > li .badge.bg-custom:after {
  border-bottom-color: #df9609;
}
.appelsFonds > li .badge.badge-dark:after {
  border-bottom-color: #343a40;
}
@media only screen and (min-width: 992px) {
  .appelsFonds > li .badge {
    position: absolute;
    text-align: left;
    left: -16px;
    bottom: calc(100% + 1em);
  }
  .appelsFonds > li .badge:after {
    bottom: -10px;
    left: 16px;
    transform: rotate(90deg);
  }
}
@media only screen and (min-width: 992px) {
  .appelsFonds > li .badge {
    margin: 1em 0;
  }
  .appelsFonds > li .badge:after {
    bottom: -10px;
    left: 16px;
    transform: rotate(90deg);
  }
}
@media only screen and (max-width: 991px) {
  .appelsFonds > li .badge {
    width: max-content;
    text-align: left;
  }
  .appelsFonds > li .badge:after {
    bottom: 4px;
    left: -15px;
    transform: rotate(-90deg);
  }
}
@media only screen and (min-width: 992px) {
  .appelsFonds > li:last-child.is-active .badge.bg-custom {
    left: auto;
    right: 100%;
  }
  .appelsFonds > li:last-child.is-active .badge.bg-custom:after {
    left: auto;
    right: 0;
    transform: rotate(-90deg);
  }
}
@media only screen and (max-width: 991px) {
  .appelsFonds > li:last-child.is-active .badge.bg-custom:after {
    bottom: -15px;
  }
}
@media only screen and (min-width: 992px) {
  .appelsFonds > li:last-child.is-active .badge.badge-dark {
    left: 3px;
  }
  .appelsFonds > li:last-child.is-active .badge.badge-dark:after {
    left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .appelsFonds > li:last-child.is-active .badge.badge-dark:after {
    top: 4px;
    bottom: auto;
  }
}
.appelsFonds > li.is-active {
  border-color: #d6d8da;
}
@media only screen and (max-width: 991px) {
  .appelsFonds > li.is-active:after {
    position: absolute;
    content: "";
    background-color: #df9609;
    width: 3px;
    height: 50%;
    top: 0;
    left: -3px;
  }
}
.appelsFonds > li.is-active ~ li {
  border-color: #d6d8da;
}
.appelsFonds > li.is-active ~ li:before {
  box-shadow: 0 0 0 3px #d6d8da;
}
.appelsFonds > li.is-active ~ li span {
  color: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 1200px) {
  .calendar {
    margin-top: 4em;
  }
}
.calendar .col-xl-1 {
  background:
    repeating-linear-gradient(
      -67deg,
      transparent,
      transparent 10px,
      rgba(0, 0, 0, 0.1) 11px,
      rgba(0, 0, 0, 0.05) 10px);
  padding-bottom: 15px;
  min-height: 90px;
}
@media only screen and (min-width: 1200px) {
  .calendar .col-xl-1 {
    padding: 2px;
    border-bottom: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 1199px) {
  .calendar .col-xl-1 {
    display: flex;
    flex-flow: row wrap;
    padding: 0 10px 0 0;
  }
}
.calendar .col-xl-1 > span {
  text-transform: uppercase;
  min-width: 5em;
  text-align: center;
}
@media (max-width: 1199px) {
  .calendar .col-xl-1 > span {
    padding: 1em;
    margin-right: 10px;
    border-right: 1px solid #ccc;
  }
}
@media only screen and (min-width: 1200px) {
  .calendar .col-xl-1 > span {
    text-align: center;
    margin-bottom: 1em;
    padding: 1em 0;
    display: block;
  }
}
.calendar .col-xl-1 .card {
  padding: 10px 5px;
  margin-bottom: 5px;
  font-size: 80%;
  border: none;
}
@media (max-width: 1199px) {
  .calendar .col-xl-1 .card {
    display: flex;
    flex: 1 0 0%;
    margin: 1em 2px;
  }
}
.calendar .col-xl-1 .card > div {
  height: 90px;
  min-height: auto;
}
.calendar .col-xl-1 .card > div span {
  line-height: 16px;
  height: 60px;
  overflow: hidden;
  overflow-y: auto;
}
.calendar .col-xl-1 .card > div ul {
  display: flex;
  justify-content: space-between;
}
.calendar .col-xl-1 .card.prev {
  border-top: 3px solid #007bff;
}
.calendar .col-xl-1 .card.prev > div ul li:nth-child(1) {
  color: #007bff;
}
.calendar .col-xl-1 .card.reel {
  border-top: 3px solid #28a745;
}
.calendar .col-xl-1 .card.reel > div ul li:nth-child(1) {
  color: #28a745;
}
.calendar .col-xl-1.first {
  padding-right: 0;
}
.calendar .col-xl-1.first .card {
  border-radius: 0.25rem 0 0 0.25rem;
  border-right: none;
}
.calendar .col-xl-1.last {
  padding-left: 0;
}
.calendar .col-xl-1.last .card {
  border-radius: 0 0.25rem 0.25rem 0;
  border-left: none;
}
.calendar .col-xl-1.actived {
  background: #f5f2eb;
}
.calendar .col-xl-1.actived:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #df9609;
}
@media only screen and (min-width: 1200px) {
  .calendar .col-xl-1.actived:before {
    width: 100%;
    height: 2px;
  }
}
.calendar .col-xl-1.actived > span {
  color: #df9609;
}
.calendar .col-xl-1.actived .card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.calendar .col-xl-1.actived ~ .col-xl-1 {
  background: none;
}
.calendarRow ul {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .calendarRow ul {
    flex-direction: column;
  }
}
.calendarRow ul li {
  border-right: 1px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 573px) {
  .calendarRow ul li:empty {
    display: none;
  }
}
@media only screen and (min-width: 574px) {
  .calendarRow ul li {
    min-height: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col2 {
    height: 200px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col3 {
    height: 300px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col4 {
    height: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col5 {
    height: 500px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col6 {
    height: 600px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col7 {
    height: 700px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col8 {
    height: 800px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col9 {
    height: 900px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col10 {
    height: 1000px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.col11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul li.col11 {
    height: 1100px;
  }
}
.calendarRow ul li .card {
  width: 100%;
  height: 100%;
  font-size: 75%;
  border-radius: 0.5rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.calendarRow ul li .card .card-body {
  overflow: hidden;
  overflow-y: auto;
  padding: 0.75rem;
}
.calendarRow ul li .card.blue {
  border-top: 3px solid #007bff;
}
.calendarRow ul li .card.blue svg {
  color: #007bff;
}
.calendarRow ul li .card.green {
  border-top: 3px solid #28a745;
}
.calendarRow ul li .card.green svg {
  color: #28a745;
}
.calendarRow ul li .card.yellow {
  border-top: 3px solid #df9609;
  position: relative;
}
.calendarRow ul li .card.yellow svg {
  color: #df9609;
}
.calendarRow ul li:first-child .card.yellow {
  border-radius: 0 0.5rem 0.5rem 0;
}
.calendarRow ul li:last-child {
  border: none;
}
.calendarRow ul li:last-child .card.yellow {
  border-radius: 0.5rem 0 0 0.5rem;
}
.calendarRow ul li.actif {
  color: #d92967;
  font-weight: bold;
}
.calendarRow ul li.actif:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #d92967;
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul li.actif:before {
    width: 100%;
    height: 2px;
  }
}
.calendarRow ul:after {
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  height: 100%;
  background:
    repeating-linear-gradient(
      -67deg,
      transparent,
      transparent 10px,
      rgba(0, 0, 0, 0.1) 11px,
      rgba(0, 0, 0, 0.05) 10px);
  opacity: 0.8;
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline1:after {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline1:after {
    width: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline2:after {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline2:after {
    width: 200px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline3:after {
    width: 25%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline3:after {
    width: 300px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline4:after {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline4:after {
    width: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline5:after {
    width: 41.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline5:after {
    width: 500px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline6:after {
    width: 50%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline6:after {
    width: 600px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline7:after {
    width: 58.3333333333%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline7:after {
    width: 700px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline8:after {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline8:after {
    width: 800px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline9:after {
    width: 75%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline9:after {
    width: 900px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline10:after {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline10:after {
    width: 1000px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline11:after {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline11:after {
    width: 1100px;
  }
}
@media only screen and (min-width: 1200px) {
  .calendarRow ul.timeline12:after {
    width: 100%;
  }
}
@media only screen and (min-width: 574px) and (max-width: 1199px) {
  .calendarRow ul.timeline12:after {
    width: 1200px;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.avatar img,
.avatar svg {
  height: 2.75rem;
  min-height: 2.75rem;
  width: 2.75rem;
  min-width: 2.75rem;
  border-radius: 50%;
  background: #f5f6fa;
  display: inline-block;
  position: relative;
  line-height: 0;
  margin-right: 10px;
}
.avatar.lg-avatar img,
.avatar.lg-avatar svg {
  height: 3.75rem;
  min-height: 3.75rem;
  width: 3.75rem;
  min-width: 3.75rem;
}
.avatar svg {
  background: #607d8b;
  color: #fff;
  padding: 10px;
}
.multi-avatars li {
  display: inline-block;
}
.multi-avatars li + li {
  margin-left: -1.2rem;
}
.multi-avatars .avatar img,
.multi-avatars .avatar svg {
  border: 2px solid #fff;
}
.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.btn-ico {
  height: calc(1.6em + 1.375rem + 2px);
  width: calc(1.6em + 1.375rem + 2px);
  position: relative;
  padding: 0;
}
.btn-ico > i,
.btn-ico > span,
.btn-ico > svg {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 1.1875rem;
  left: 50%;
  top: 50%;
  margin: 0;
}
.bg-primary .btn-ico {
  background: #006ae7;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .messagerie .heightCustom {
    height: calc(100vh - 350px);
  }
}
.messagerie .avatarsList {
  background-color: #f5f2eb;
}
.messagerie .avatarsList .nav {
  display: block;
  border: none;
}
.messagerie .header-msg {
  height: 80px;
  display: flex;
  align-items: center;
}
.messagerie .main {
  background-color: #fff;
  overflow: hidden;
  order: 3;
  flex: 1;
}
.messagerie .main .chat-body {
  display: flex;
  flex-grow: 1;
  flex-flow: column;
  min-width: 0;
  width: 100%;
}
.messagerie .main .chat-body .header-msg {
  border-bottom: 1px solid #f5f2eb;
}
.messagerie .main .chat-body .chat-content {
  flex: 2;
  overflow-y: auto;
  overflow-x: hidden;
}
.messagerie .main .chat-body .message {
  display: flex;
  align-items: flex-end;
  margin-top: 2rem;
}
.messagerie .main .chat-body .message .message-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.messagerie .main .chat-body .message .message-body .message-content {
  border-radius: 0.625rem 0.625rem 0.625rem 2px;
  display: inline-block;
  padding: 1.125rem;
}
@media (min-width: 1200px) {
  .messagerie .main .chat-body .message .message-body .message-content {
    max-width: 45%;
  }
}
.messagerie .main .chat-body .message.message-right .avatar {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.messagerie .main .chat-body .message.message-right .avatar > img,
.messagerie .main .chat-body .message.message-right .avatar > svg {
  margin: 0 0 0 10px;
}
.messagerie .main .chat-body .message.message-right .message-body {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.messagerie .main .chat-body .message.message-right .message-content {
  border-radius: 0.625rem 0.625rem 2px 0.625rem;
}
.messagerie .main .chat-body .message .message-row + .message-row {
  margin-top: 1rem;
}
.messagerie .card {
  border: none;
}
.messagerie .card.active:after {
  transition: 0.3s ease;
  position: absolute;
  content: "";
  height: 100%;
  width: 3px;
  background-color: #df9609;
  top: 0;
  left: 0;
  border-radius: 0.25rem 0 0 0.25rem;
}
.messagerie .card .badge-danger {
  position: absolute;
  top: -8px;
  right: 1em;
  z-index: 2;
}
.messagerie .chat-footer textarea {
  background: transparent;
  border: none;
}
.chat-content::-webkit-scrollbar,
.chat-sidebar::-webkit-scrollbar,
.navigation::-webkit-scrollbar,
.sidebar::-webkit-scrollbar {
  display: none;
}
@keyframes bounce {
  0%, 75%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-100%);
  }
}
.load {
  margin-right: 0.5rem;
}
.load span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #df9609;
  margin: 0 3px;
}
.load span:nth-child(1) {
  animation: bounce 1s ease-in-out infinite;
}
.load span:nth-child(2) {
  animation: bounce 1s ease-in-out 0.33s infinite;
}
.load span:nth-child(3) {
  animation: bounce 1s ease-in-out 0.66s infinite;
}
.customCard {
  transform: translateY(0);
  transition: 0.3s ease;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.07), 0px -1px 4px rgba(1, 0, 0, 0.05);
}
.customCard:hover {
  color: #4c4c4c;
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.customCard .height-img {
  min-height: 20vh;
  position: relative;
}
.customCard .height-img > div {
  margin-bottom: -30px;
  text-align: left;
  z-index: 1;
}
.customCard .height-img:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      5deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0) 60%);
}
.customCard .height-img .badge-pill.badge-danger {
  position: absolute;
  content: "";
  z-index: 2;
  top: -1em;
  right: 2em;
  border: 2px solid #f9f8f4;
}
.customCard .card-body h5,
.customCard .card-body h3,
.customCard .card-body p {
  margin: 0;
}
.customCard .card-body .card-title {
  text-transform: capitalize;
}
.customCard .card-body .has-feedback {
  position: relative;
}
.customCard .card-body .has-feedback:after {
  position: absolute;
  content: "";
  font-size: 13px;
  right: -10px;
  top: -6px;
  z-index: 0;
  content: "*";
  color: #a94442;
}
@media only screen and (max-width: 767px) {
  .customCard .card-body > div:not(.quote) h2 {
    margin-bottom: 1em;
  }
}
.custom-checkbox {
  cursor: pointer;
}
.custom-checkbox .custom-hover-label {
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 152, 0, 0.15)), to(rgba(255, 152, 0, 0.15)));
  background-image: -o-linear-gradient(rgba(255, 152, 0, 0.15) 0%, rgba(255, 152, 0, 0.15) 100%);
  background-image: linear-gradient(rgba(255, 152, 0, 0.15) 0%, rgba(255, 152, 0, 0.15) 100%);
  background-repeat: repeat-x;
  background-position: 0 90%;
  background-size: 100% 5px;
  transition: 0.3s ease;
}
.custom-checkbox:hover .custom-hover-label {
  background-size: 100% 12px;
}
.modal .customCard:hover {
  transform: translateY(0);
}
.modal .customCard h3 {
  color: #fff;
}
.modal .customCard h4 {
  color: rgba(255, 255, 255, 0.8);
}
.album .customCard h3 {
  color: #fff;
}
.album .customCard h4 {
  color: rgba(255, 255, 255, 0.8);
}
#satisfaction {
  position: fixed;
  bottom: 1rem;
  right: 0;
  background: #dc3646;
  height: 4rem;
  width: 3rem;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffced2;
  margin: auto;
  border-radius: 1rem 0 0 1rem;
  font-size: 1.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  transform: translateX(0);
}
@media only screen and (min-width: 992px) {
  #satisfaction {
    top: 0;
    bottom: 0;
  }
  #satisfaction:hover,
  #satisfaction:focus {
    width: 4rem;
  }
}
body.modal-open #satisfaction {
  transform: translateX(100%);
}
#satisfaction-modal .smileys {
  display: flex;
  justify-content: center;
  color: #ccc;
  padding: 3rem 0;
  font-size: 2.5rem;
}
#satisfaction-modal .smileys input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
#satisfaction-modal .smileys input[type=radio] ~ label {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
#satisfaction-modal .smileys input[type=radio]:hover ~ label,
#satisfaction-modal .smileys input[type=radio]:checked ~ label {
  transform: scale(1.1);
  color: #df9609;
}
#satisfaction-modal .smileys input[type=radio]:hover ~ label.fa-laugh-beam,
#satisfaction-modal .smileys input[type=radio]:checked ~ label.fa-laugh-beam {
  color: #4caf50;
}
#satisfaction-modal .smileys input[type=radio]:hover ~ label.fa-smile,
#satisfaction-modal .smileys input[type=radio]:checked ~ label.fa-smile {
  color: #ffff00;
}
#satisfaction-modal .smileys input[type=radio]:hover ~ label.fa-meh,
#satisfaction-modal .smileys input[type=radio]:checked ~ label.fa-meh {
  color: #ff6600;
}
#satisfaction-modal .smileys input[type=radio]:hover ~ label.fa-angry,
#satisfaction-modal .smileys input[type=radio]:checked ~ label.fa-angry {
  color: red;
}
#satisfaction-modal .nav {
  padding: 1rem;
  justify-content: center;
  border-bottom: none;
}
#satisfaction-modal .nav li a {
  position: relative;
  height: 10px;
  width: 10px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #fff;
  display: block;
  margin-right: 0.5rem;
}
#satisfaction-modal .nav li a.active {
  background: #ccc;
}

/* angular:styles/global:styles */